/* CSS Reset and Base Styles - MINIFIED VERSION */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#a14e97;--color-secondary:#00a0dc;--color-accent:#f59e0b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-primary-light:#b866a8;--color-primary-dark:#8a3d7f;--color-primary-subtle:#f3ebf1;--color-secondary-light:#3ba5c7;--color-secondary-dark:#1e7a9b;--color-secondary-subtle:#e8f4f8;--color-badge-gdpr:var(--color-success);--color-badge-iso:var(--color-secondary);--color-badge-haccp:var(--color-primary);--color-badge-covid:var(--color-accent);--color-badge-eco:#10b981;--color-badge-certified:#6366f1;--color-badge-insurance:#8b5cf6;--color-legal-bg:var(--color-surface);--color-legal-border:var(--color-border);--color-legal-title:var(--color-primary);--color-legal-subtitle:var(--color-secondary);--color-legal-text:var(--color-text-muted);--color-legal-highlight:var(--color-text);--color-legal-info-bg:var(--color-dark);--color-dark:#f1f3f4;--color-dark-lighter:#e8eaed;--color-text:#2d3748;--color-text-muted:#718096;--color-border:#dadce0;--color-surface:#ffffff;--font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}html{scroll-behavior:smooth;font-size:16px;user-select:text}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:text}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-4);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width:768px){.container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;transition:all var(--transition-normal);border-bottom:1px solid var(--color-border)}.header.scrolled{background:var(--color-surface);box-shadow:var(--shadow-md)}.nav{display:flex;align-items:center;justify-content:space-between;height:80px}.nav__logo{height:60px;width:auto}.nav__menu{display:none;list-style:none;align-items:center;gap:var(--spacing-6)}@media (min-width:1024px){.nav__menu{display:flex}}.nav__link{color:var(--color-text);font-weight:500;padding:var(--spacing-2) var(--spacing-3);border-radius:8px;transition:all var(--transition-fast)}.nav__link:hover,.nav__link:focus{color:var(--color-primary);background-color:var(--color-primary-subtle)}.nav__link.active{color:var(--color-primary);background-color:var(--color-primary-subtle)}.nav__phone{background:var(--color-primary);color:white!important;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:8px;font-weight:600}.nav__phone:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav__toggle{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:var(--spacing-2);background:none;border:none}@media (min-width:1024px){.nav__toggle{display:none}}.nav__toggle span{width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}.nav__toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav__menu.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--color-surface);padding:var(--spacing-4);box-shadow:var(--shadow-lg);gap:var(--spacing-2);border-top:1px solid var(--color-border)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:10000}.skip-link:focus{top:6px}.hero{padding:120px 0 var(--spacing-20);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 70%);position:relative;overflow:hidden;color:white;box-shadow:inset 0 0 100px rgba(0,0,0,0.1)}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.3}.hero__container{position:relative;z-index:2;display:grid;gap:var(--spacing-12);align-items:center}@media (min-width:1024px){.hero__container{grid-template-columns:1fr 1fr;gap:var(--spacing-16)}}.hero__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6);color:white;line-height:1.1}@media (min-width:768px){.hero__title{font-size:var(--font-size-5xl)}}.hero__description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);color:rgba(255,255,255,0.9);max-width:600px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.hero__trust-signals{display:flex;flex-wrap:wrap;gap:var(--spacing-6);margin-top:var(--spacing-6)}.trust-signal{display:flex;align-items:center;gap:var(--spacing-2);color:rgba(255,255,255,0.9);font-size:var(--font-size-sm);font-weight:500}.trust-signal__icon{font-size:var(--font-size-base)}.hero__image{position:relative}.hero__image img{border:2px solid var(--color-border);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.1)}.about__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-6);margin:var(--spacing-8) 0;padding:var(--spacing-6);background:var(--color-primary-subtle);border-radius:12px;border:1px solid var(--color-border)}.stat{text-align:center}.stat__number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-2)}.stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.service-areas{margin-top:var(--spacing-16);padding:var(--spacing-8);background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border)}.service-areas h3{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-6)}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-3)}.area-item{background:var(--color-dark-lighter);padding:var(--spacing-3);border-radius:8px;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-fast)}.area-item:hover{background:var(--color-primary-subtle);color:var(--color-primary);transform:translateY(-2px)}.faq{padding:var(--spacing-20) 0;background:var(--color-surface)}.faq__grid{display:grid;gap:var(--spacing-6);max-width:800px;margin:0 auto}.faq-item{background:var(--color-dark-lighter);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-question{padding:var(--spacing-6);margin:0;color:var(--color-primary);font-size:var(--font-size-lg);cursor:pointer;position:relative;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.faq-question::after{content:'+';position:absolute;right:var(--spacing-6);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);font-weight:bold;color:var(--color-primary);transition:transform var(--transition-fast)}.faq-item.active .faq-question::after{transform:translateY(-50%) rotate(45deg)}.faq-answer{padding:0 var(--spacing-6);max-height:0;overflow:hidden;transition:all var(--transition-normal)}.faq-item.active .faq-answer{padding:var(--spacing-6);max-height:200px}.faq-answer p{margin:0;color:var(--color-text-muted);line-height:1.6}.form-intro{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);text-align:center}.form-note{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;margin-top:var(--spacing-4);font-style:italic}.footer__social{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;transition:all var(--transition-fast)}.footer__social a:hover{background:var(--color-secondary-light);transform:translateY(-2px)}.footer__social span{font-size:var(--font-size-lg)}.iso-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-secondary);color:white;font-size:var(--font-size-xs);font-weight:600;border-radius:6px;margin-left:var(--spacing-3)}.cookie-banner h3{color:var(--color-primary);margin-bottom:var(--spacing-3);font-size:var(--font-size-lg)}.btn--text{background:none;color:var(--color-text-muted);border:none;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);text-decoration:underline}.btn--text:hover{color:var(--color-primary);background:none;transform:none}.section__header{text-align:center;margin-bottom:var(--spacing-16);max-width:800px;margin-left:auto;margin-right:auto}.section__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);color:var(--color-primary)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.about{padding:var(--spacing-20) 0;background:var(--color-surface)}.about__content{display:grid;gap:var(--spacing-12);align-items:center}@media (min-width:1024px){.about__content{grid-template-columns:1fr 1fr}}.about__text p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.about__values{display:grid;gap:var(--spacing-6);margin-top:var(--spacing-8)}@media (min-width:768px){.about__values{grid-template-columns:repeat(3,1fr)}}.value{text-align:center;padding:var(--spacing-6);background:var(--color-primary-subtle);border-radius:12px;border:1px solid var(--color-border);transition:transform var(--transition-normal)}.value:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value h3{color:var(--color-primary);margin-bottom:var(--spacing-3)}.about__image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-lg)}.services{padding:var(--spacing-20) 0;background:var(--color-dark-lighter)}.services__grid{display:grid;gap:var(--spacing-8)}@media (min-width:768px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-10)}}.careers{padding:var(--spacing-20) 0;background:var(--color-surface)}.careers__content{display:grid;gap:var(--spacing-12)}@media (min-width:1024px){.careers__content{grid-template-columns:1fr 1fr;gap:var(--spacing-16)}}.careers__text h3{color:var(--color-primary);margin-bottom:var(--spacing-4)}.careers__text p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.careers__benefits,.careers__positions{margin-bottom:var(--spacing-8)}.careers__benefits h4,.careers__positions h4{color:var(--color-secondary);margin-bottom:var(--spacing-4)}.careers__benefits ul{list-style:none;padding:0}.careers__benefits li{padding:var(--spacing-2) 0;padding-left:var(--spacing-6);position:relative;color:var(--color-text-muted)}.careers__benefits li::before{content:'✓';position:absolute;left:0;color:var(--color-primary);font-weight:bold}.position-card{background:var(--color-primary-subtle);padding:var(--spacing-6);border-radius:12px;margin-bottom:var(--spacing-4);border:1px solid var(--color-border)}.position-card h5{color:var(--color-primary);margin-bottom:var(--spacing-3)}.position-card p{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.position-card p:last-child{margin-bottom:0;font-style:italic}.careers__form h3{color:var(--color-primary);margin-bottom:var(--spacing-4)}.careers__form p{margin-bottom:var(--spacing-6);color:var(--color-text-muted)}.blog{padding:var(--spacing-20) 0;background:var(--color-surface)}.blog__grid{display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}@media (min-width:768px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog__grid{grid-template-columns:repeat(3,1fr)}}.blog__cta{text-align:center}.contact{padding:var(--spacing-20) 0;background:linear-gradient(135deg,var(--color-secondary-subtle) 0%,var(--color-primary-subtle) 100%)}.contact__content{display:grid;gap:var(--spacing-12);margin-bottom:var(--spacing-16)}@media (min-width:1024px){.contact__content{grid-template-columns:1fr 1fr}}.contact__info{display:grid;gap:var(--spacing-6)}.contact__item{display:flex;gap:var(--spacing-4);align-items:flex-start;padding:var(--spacing-6);background:var(--color-surface);border-radius:12px;border:2px solid var(--color-border);transition:transform var(--transition-normal);box-shadow:var(--shadow-sm)}.contact__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.contact__icon{font-size:var(--font-size-2xl);flex-shrink:0}.contact__item h3{color:var(--color-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.contact__item p{margin:0;color:var(--color-text-muted)}.contact__item a{color:var(--color-text);font-weight:500}.contact__item a:hover{color:var(--color-primary)}.contact__map{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);box-shadow:var(--shadow-lg)}.contact__map iframe{filter:grayscale(20%) contrast(1.2)}.footer{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-secondary-dark) 100%);padding:var(--spacing-16) 0 var(--spacing-8);border-top:1px solid var(--color-border);color:white;position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');pointer-events:none}.footer__content{display:grid;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}@media (min-width:768px){.footer__content{grid-template-columns:1fr 2fr}}.footer__brand{max-width:300px;user-select:text}.footer__logo{height:120px;width:auto;margin-bottom:var(--spacing-4)}.footer__brand p{color:rgba(255,255,255,0.8);font-size:var(--font-size-sm);user-select:text}.footer__links{display:grid;gap:var(--spacing-8);user-select:text}@media (min-width:640px){.footer__links{grid-template-columns:repeat(3,1fr)}}.footer__column h4{color:var(--color-secondary-light);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);user-select:text}.footer__column ul{list-style:none;user-select:text}.footer__column li{margin-bottom:var(--spacing-2);user-select:text}.footer__column a{color:rgba(255,255,255,0.8);font-size:var(--font-size-sm);transition:color var(--transition-fast);user-select:text}.footer__column a:hover{color:var(--color-secondary-light)}.footer__bottom{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-8);border-top:1px solid rgba(255,255,255,0.1);align-items:center;text-align:center}@media (min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer__info p{color:rgba(255,255,255,0.8);font-size:var(--font-size-sm);margin:0;user-select:text}.footer__info a{color:white;font-weight:500;user-select:text}.gdpr-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-success);color:white;font-size:var(--font-size-xs);font-weight:600;border-radius:6px;user-select:text}.footer__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center;justify-content:center}@media (min-width:768px){.footer__badges{justify-content:flex-end}}.professional-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:6px;user-select:text;transition:transform var(--transition-fast)}.professional-badge:hover{transform:translateY(-1px)}.professional-badge--gdpr{background:var(--color-badge-gdpr);color:white}.professional-badge--iso{background:var(--color-badge-iso);color:white}.professional-badge--haccp{background:var(--color-badge-haccp);color:white}.professional-badge--covid{background:var(--color-badge-covid);color:white}.professional-badge--eco{background:var(--color-badge-eco);color:white}.professional-badge--certified{background:var(--color-badge-certified);color:white}.professional-badge--insurance{background:var(--color-badge-insurance);color:white}.badge-icon{font-size:var(--font-size-sm)}.legal-page{padding:120px 0 var(--spacing-20);min-height:100vh}.legal-content{max-width:800px;margin:0 auto;background:var(--color-legal-bg);padding:var(--spacing-12);border-radius:16px;border:1px solid var(--color-legal-border)}.legal-content h1{color:var(--color-legal-title);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);text-align:center}.last-updated{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-12);font-style:italic}.legal-section{margin-bottom:var(--spacing-10)}.legal-section h2{color:var(--color-legal-subtitle);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--color-legal-border);padding-bottom:var(--spacing-2)}.legal-section h3{color:var(--color-legal-highlight);font-size:var(--font-size-lg);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.legal-section h4{color:var(--color-legal-title);font-size:var(--font-size-base);margin-top:var(--spacing-4);margin-bottom:var(--spacing-3)}.legal-section p{color:var(--color-legal-text);line-height:1.7;margin-bottom:var(--spacing-4)}.legal-section ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.legal-section li{color:var(--color-legal-text);line-height:1.7;margin-bottom:var(--spacing-2)}.legal-section li strong{color:var(--color-legal-highlight)}.company-info,.contact-info{background:var(--color-legal-info-bg);padding:var(--spacing-6);border-radius:12px;border:1px solid var(--color-legal-border);margin:var(--spacing-4) 0}.company-info p,.contact-info p{margin-bottom:var(--spacing-2);color:var(--color-legal-text);line-height:1.6}.company-info p:last-child,.contact-info p:last-child{margin-bottom:0}.company-info strong{color:var(--color-legal-highlight);display:inline-block;min-width:120px}.legal-content a{color:var(--color-legal-title);font-weight:500}.legal-content a:hover{color:var(--color-legal-subtitle)}.cookie-table{background:var(--color-legal-info-bg);padding:var(--spacing-6);border-radius:12px;border:1px solid var(--color-legal-border);margin:var(--spacing-6) 0;overflow-x:auto}.cookie-table h4{color:var(--color-legal-title);margin-bottom:var(--spacing-4)}.cookie-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.cookie-table th{background:var(--color-legal-bg);color:var(--color-legal-highlight);padding:var(--spacing-3);text-align:left;font-weight:600;border:1px solid var(--color-legal-border)}.cookie-table td{color:var(--color-legal-text);padding:var(--spacing-3);border:1px solid var(--color-legal-border);vertical-align:top}.cookie-table tr:nth-child(even){background:rgba(255,255,255,0.02)}@media (max-width:767px){.cookie-table{font-size:var(--font-size-xs)}.cookie-table th,.cookie-table td{padding:var(--spacing-2)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-4);z-index:1000;transform:translateY(100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.cookie-banner.show{transform:translateY(0)}.cookie-banner__content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;text-align:center}@media (min-width:768px){.cookie-banner__content{flex-direction:row;justify-content:space-between;text-align:left}}.cookie-banner p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;flex:1}.cookie-banner__actions{display:flex;gap:var(--spacing-3);flex-shrink:0}@media (min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}button,.btn,.nav__toggle,input[type="checkbox"],input[type="radio"],.service-card:hover,.blog-card:hover{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button span,.btn span,.service-card__title,.service-card__description,.blog-card__title,.blog-card__excerpt{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.fade-in{transform:translateY(20px);transition:all var(--transition-slow)}.fade-in.visible{transform:translateY(0)}.slide-in-left{transform:translateX(-30px);transition:all var(--transition-slow)}.slide-in-left.visible{transform:translateX(0)}.slide-in-right{transform:translateX(30px);transition:all var(--transition-slow)}.slide-in-right.visible{transform:translateX(0)}.scroll-indicator{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:1001;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-fast)}.back-to-top{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);width:50px;height:50px;background:var(--color-primary);color:white;border:none;border-radius:50%;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);transform:translateY(100px);opacity:0;box-shadow:var(--shadow-lg)}.back-to-top.visible{transform:translateY(0);opacity:1}.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(37,150,190,0.25)}
/* Mobile optimizations for gallery */
@media (max-width: 767px) {
.gallery__grid {
grid-template-columns: 1fr;
gap: var(--spacing-8);
}
.gallery__filters {
gap: var(--spacing-2);
margin-bottom: var(--spacing-12);
}
.gallery__filter {
padding: var(--spacing-2) var(--spacing-4);
font-size: var(--font-size-xs);
}
.before-after-slider {
height: 250px;
}
.gallery__item-info {
padding: var(--spacing-4);
}
.gallery__item-meta {
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-2);
}
.gallery__cta {
padding: var(--spacing-8);
}
.gallery__cta h3 {
font-size: var(--font-size-xl);
}
.gallery__cta p {
font-size: var(--font-size-base);
}
}
/* Tablet optimizations */
@media (min-width: 768px) and (max-width: 1023px) {
.gallery__grid {
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-10);
}
}
/* Animation for filter transitions */
.gallery__item {
transition: opacity 0.3s ease, transform 0.3s ease;
}
.gallery__item.filtering {
opacity: 0.5;
pointer-events: none;
}
/* Accessibility improvements */
.gallery__filter:focus {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.before-after-slider:focus {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
/* High contrast mode support */
@media (prefers-contrast: high) {
.gallery__item {
border-width: 2px;
}
.image-label {
background: rgba(0, 0, 0, 0.9);
border: 1px solid white;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.gallery__item,
.after-image,
.slider-button {
transition: none;
}
.gallery__item:hover {
transform: none;
}
}
/* Import mobile responsive styles */
@import url('./mobile-responsive.css');