:root{--color-primary-900: #0A2540;--color-primary-800: #153250;--color-primary-700: #204060;--color-primary-600: #35587A;--color-primary-500: #4F7090;--color-primary-400: #7A95B0;--color-primary-300: #A6B9CC;--color-primary-200: #D0DCE8;--color-primary-100: #E8EFF5;--color-primary-50: #F5F8FA;--color-secondary-900: #003D80;--color-secondary-800: #0052A3;--color-secondary-700: #0066CC;--color-secondary-600: #007AFF;--color-secondary-500: #3395FF;--color-secondary-400: #66B0FF;--color-secondary-300: #99CBFF;--color-secondary-200: #CCE5FF;--color-secondary-100: #E5F2FF;--color-secondary-50: #F2F9FF;--color-accent-900: #0F514A;--color-accent-800: #116D63;--color-accent-700: #13897C;--color-accent-600: #14B8A6;--color-accent-500: #2DD4BF;--color-accent-400: #5EEAD4;--color-accent-300: #99F6E4;--color-accent-200: #CCFBF1;--color-accent-100: #F0FDFA;--color-accent-50: #F5FFFE;--color-white: #FFFFFF;--color-black: #000000;--color-gray-900: #0F172A;--color-gray-800: #1E293B;--color-gray-700: #334155;--color-gray-600: #475569;--color-gray-500: #64748B;--color-gray-400: #94A3B8;--color-gray-300: #CBD5E1;--color-gray-200: #E2E8F0;--color-gray-100: #F1F5F9;--color-gray-50: #F8FAFC;--color-gray-legacy: #bdc3c7;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--color-text-primary: var(--color-primary-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-text-light: var(--color-white);--color-text-on-dark: var(--color-white);--color-bg-primary: var(--color-gray-50);--color-bg-secondary: var(--color-white);--color-bg-dark: var(--color-primary-900);--color-bg-surface: var(--color-white);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--font-primary: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Playfair Display", serif;--font-body: var(--font-primary);--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.05rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--text-6xl: 4.768rem;--text-7xl: 5.96rem;--text-8xl: 7.45rem;--text-9xl: 9.31rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-legacy-5: 5px;--spacing-legacy-10: 10px;--spacing-legacy-15: 15px;--spacing-legacy-25: 25px;--spacing-legacy-30: 30px;--spacing-legacy-50: 50px;--container-max-width: 1200px;--container-padding: var(--spacing-5);--bottom-nav-height: 60px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-legacy-6: 6px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: none;--shadow-header: 0 4px 0 rgba(0, 0, 0, .05);--shadow-mega-menu: 0 10px 40px rgba(0, 0, 0, .1);--shadow-modal: 0 4px 20px rgba(0, 0, 0, .1);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-glow-blue: 0 4px 12px rgba(0, 122, 255, .3);--shadow-glow-teal: 0 4px 12px rgba(20, 184, 166, .3);--text-shadow-sm: 1px 1px 2px rgba(0, 0, 0, .3);--text-shadow-md: 2px 2px 4px rgba(0, 0, 0, .3);--text-shadow-lg: 3px 3px 6px rgba(0, 0, 0, .4);--text-shadow-none: none;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 968px;--breakpoint-xl: 1200px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-primary);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}p{margin:0;line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.header-wrapper{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-primary-900);font-family:var(--font-primary)}.header-wrapper *{font-family:inherit}.top-bar{background-color:var(--color-primary-900);color:var(--color-white);padding:var(--spacing-2) 0;font-size:var(--text-sm);border-bottom:1px solid rgba(255,255,255,.1)}.top-bar .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-5)}.contact-info{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-4)}.header{background-color:var(--color-primary-900);padding:var(--spacing-4) 0;box-shadow:var(--shadow-header);transition:padding .3s ease}.header .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-5);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-4);text-decoration:none;cursor:pointer}.logo-placeholder{width:50px;height:50px;background:var(--color-primary-800);border:2px solid var(--color-secondary-500);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-500);font-weight:700;font-size:1.5rem}.logo-placeholder:after{content:"B"}.logo-image{height:50px;display:flex;align-items:center}.logo-image img{height:100%;width:auto;object-fit:contain}.logo-text{display:flex;flex-direction:column;justify-content:center}.logo-text h1{color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1;white-space:nowrap}.logo-text p{color:var(--color-primary-400);font-size:var(--text-xs);margin:4px 0 0;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.menu-toggle{display:none;background:none;border:none;color:var(--color-white);font-size:var(--text-3xl);cursor:pointer;padding:var(--spacing-2)}.nav{display:flex;gap:var(--spacing-8);align-items:center}.nav a{color:var(--color-primary-200);text-decoration:none;font-size:var(--text-base);font-weight:500;transition:color var(--duration-normal);position:relative;padding:var(--spacing-2) 0}.nav a:hover,.nav a.active{color:var(--color-white)}.nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-secondary-500)}.nav-item-dropdown{position:relative}.nav-link{color:var(--color-primary-200);text-decoration:none;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:color var(--duration-normal);display:inline-block;padding:var(--spacing-2) 0}.nav-link:hover,.nav-link.active{color:var(--color-white)}.mega-menu{position:fixed;top:100px;left:50%;transform:translate(-50%);margin-top:0;background:var(--color-white);width:90%;max-width:var(--container-max-width);z-index:var(--z-sticky);animation:slideDown var(--duration-normal) ease-out;box-shadow:var(--shadow-2xl);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light)}.mega-menu-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:transparent;border:none;font-size:var(--text-2xl);color:var(--color-primary-400);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:var(--z-dropdown)}.mega-menu-close:hover{color:var(--color-primary-900);background:var(--color-bg-surface);border-radius:var(--radius-sm)}@keyframes slideDown{0%{opacity:var(--opacity-0);transform:translate(-50%) translateY(-10px)}to{opacity:var(--opacity-100);transform:translate(-50%) translateY(0)}}.mega-menu-content{display:flex;min-height:400px;max-height:600px}.mega-menu-sidebar{width:260px;background:var(--color-bg-surface);padding:var(--spacing-6) 0;border-right:var(--border-width-1) solid var(--color-border-light)}.mega-menu-sidebar h3{color:var(--color-primary-900);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);padding:0 var(--spacing-6)}.mega-menu-sidebar ul{list-style:none;padding:0;margin:0}.mega-menu-sidebar li{padding:var(--spacing-3) var(--spacing-6);cursor:pointer;transition:all .2s;color:var(--color-primary-600);font-size:var(--text-base);display:flex;align-items:center;justify-content:space-between;border-left:3px solid transparent}.mega-menu-sidebar li:hover{background:var(--color-white);color:var(--color-secondary-600)}.mega-menu-sidebar li.active{background:var(--color-white);color:var(--color-secondary-600);font-weight:600;border-left-color:var(--color-secondary-500);box-shadow:var(--shadow-sm)}.mega-menu-btn{display:block;background-color:var(--color-secondary-500);color:var(--color-white);text-align:center;padding:var(--spacing-3) var(--spacing-5);margin:var(--spacing-6) var(--spacing-6) 0;text-decoration:none;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);transition:background-color .2s}.mega-menu-btn:hover{background-color:var(--color-secondary-600)}.mega-menu-details{flex:1;display:flex;padding:var(--spacing-8);gap:var(--spacing-8);background:var(--color-white);overflow-y:auto}.detail-columns{flex:1;display:flex;flex-direction:column}.detail-columns h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.detail-item{color:var(--color-primary-600);font-size:var(--text-base);padding:var(--spacing-2) var(--spacing-3);transition:all .2s;cursor:pointer;border-radius:var(--radius-sm)}.detail-item:hover{color:var(--color-secondary-600);background-color:var(--color-secondary-50)}.detail-spotlight{width:300px;background:var(--color-bg-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.spotlight-content h3{color:var(--color-primary-900);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.spotlight-image{width:100%;height:200px;margin-bottom:var(--spacing-4);overflow:hidden;background:var(--color-border-light);border-radius:var(--radius-md)}.spotlight-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal)}.spotlight-image:hover img{transform:scale(1.05)}.spotlight-link{color:var(--color-secondary-600);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:gap .2s}.spotlight-link:hover{gap:var(--spacing-2)}.loading-menu{padding:var(--spacing-5);text-align:center;color:var(--color-primary-500);font-style:italic}.no-subcategories{grid-column:1 / -1;padding:var(--spacing-5);text-align:center;color:var(--color-primary-400);font-style:italic}.placeholder-spotlight{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-400);font-weight:600;font-size:var(--text-lg);text-align:center;padding:var(--spacing-4)}.mobile-menu{display:none}@media(max-width:968px){.desktop-nav,.menu-toggle{display:none}.header{padding:0}.header .container{padding:var(--spacing-2) var(--spacing-4);justify-content:center}.mobile-menu{position:fixed;inset:0;background:var(--color-primary-900);z-index:var(--z-modal);display:none;flex-direction:column;overflow:hidden;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.mobile-menu.open{display:flex}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.1);background-color:var(--color-primary-900)}.mobile-menu-logo h2{color:var(--color-white);font-size:var(--text-lg);margin:0;font-weight:700}.mobile-menu-logo p{color:var(--color-primary-400);font-size:var(--text-xs);margin:2px 0 0}.mobile-menu-close{background:transparent;border:none;font-size:var(--text-2xl);color:var(--color-white);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-menu-main{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-main a,.mobile-menu-item{padding:var(--spacing-4) 0;color:var(--color-white);font-size:var(--text-lg);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.mobile-menu-item .arrow{font-size:var(--text-xl);color:var(--color-primary-400)}.mobile-submenu{flex:1;display:flex;flex-direction:column;background:var(--color-primary-900)}.mobile-submenu-header{padding:var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--spacing-4);background:var(--color-primary-900)}.mobile-back-btn{background:transparent;border:none;font-size:var(--text-xl);color:var(--color-white);cursor:pointer;padding:0;display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}.mobile-submenu-header h2{color:var(--color-white);font-size:var(--text-lg);font-weight:600;margin:0}.mobile-submenu-content{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;overflow-y:auto}.mobile-submenu-content h3{color:var(--color-primary-400);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-4)}.mobile-categories-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.mobile-category-item{display:block;padding:var(--spacing-3) var(--spacing-4);color:var(--color-primary-200);font-size:var(--text-base);text-decoration:none;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all .2s}.mobile-category-item:active{background:#ffffff1a;border-color:var(--color-primary-400);color:var(--color-white)}.mobile-all-categories-btn{display:block;background-color:var(--color-secondary-500);color:var(--color-white);text-align:center;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);margin-top:auto}.mobile-all-categories-btn:active{background-color:var(--color-secondary-600)}.logo-placeholder{width:40px;height:40px;font-size:1.2rem}.logo-image{height:30px}.logo-text h1{font-size:var(--text-lg)}.logo-text p{font-size:.65rem}}.footer{background-color:var(--color-primary-900);color:var(--color-white);padding:0;font-family:var(--font-primary)}.footer *{font-family:inherit}.footer-image{width:100%;margin-bottom:var(--spacing-10);background-color:var(--color-white)}.footer-image img{width:100%;height:auto;display:block;object-fit:cover;object-position:center}@media(max-width:768px){.footer-image{height:150px;overflow:hidden}.footer-image img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}}.footer-content{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1.2fr 1.8fr;gap:var(--spacing-10);column-gap:var(--spacing-10);margin-bottom:var(--spacing-10);padding:0 var(--spacing-5)}.footer-section h3{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--spacing-5);color:var(--color-white);font-weight:700;letter-spacing:-.01em}.footer-section h4{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--spacing-3);color:var(--color-secondary-500);font-weight:600}.about-text{font-size:var(--text-base);line-height:1.8;color:var(--color-primary-300);margin-bottom:var(--spacing-5);text-align:justify}.sister-concerns{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid rgba(255,255,255,.1)}.sister-concerns strong{display:block;color:var(--color-white);margin-bottom:var(--spacing-3);font-size:var(--text-base);font-weight:600}.sister-concerns p{font-size:var(--text-base);color:var(--color-primary-300);margin:var(--spacing-2) 0;line-height:1.6}.sister-concerns .serving-since{font-style:italic;font-size:var(--text-sm);color:var(--color-primary-400);opacity:.8}.footer-section.quick-links{padding-left:var(--spacing-5)}.quick-links-list{list-style:none;padding:0;margin:0}.quick-links-list li{margin-bottom:var(--spacing-3);font-size:var(--text-base);line-height:1.6}.quick-links-list li a{color:var(--color-primary-300);text-decoration:none;transition:all var(--duration-normal);display:inline-block}.quick-links-list li a:hover{color:var(--color-secondary-500);padding-left:var(--spacing-2)}.contact-item{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-5);align-items:flex-start}.contact-item .icon{font-size:var(--text-xl);flex-shrink:0;color:var(--color-secondary-500)}.contact-item strong{display:block;color:var(--color-white);margin-bottom:var(--spacing-1);font-weight:600}.contact-item p{font-size:var(--text-base);color:var(--color-primary-300);line-height:1.6;margin:0}.contact-item .port-location{margin-top:var(--spacing-2);font-weight:500;color:var(--color-secondary-400);font-size:var(--text-sm)}.social-links{display:flex;justify-content:flex-start;gap:var(--spacing-4);margin-top:var(--spacing-6)}.social-links a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--duration-normal);opacity:1;background:#ffffff1a;border-radius:var(--radius-full)}.social-links a img{width:24px;height:24px;object-fit:contain;filter:none;transition:all var(--duration-normal)}.social-links a:hover{transform:translateY(-2px);background:#fff3}.social-links a:hover img{transform:scale(1.1)}.footer-bottom{background-color:#0000004d;padding:var(--spacing-6) 0;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-5);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-5)}.footer-bottom p{font-size:var(--text-sm);color:var(--color-primary-400);margin:0;text-align:center}.footer-bottom a{color:var(--color-primary-300);text-decoration:none;transition:color var(--duration-normal)}.footer-bottom a:hover{color:var(--color-secondary-500);text-decoration:none}@media(max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.footer-section.contact{grid-column:1 / -1}}@media(max-width:768px){.footer-image{margin-bottom:0}.footer-content{grid-template-columns:1fr;gap:0;padding:0;margin-bottom:0}.footer-section{border-bottom:1px solid rgba(255,255,255,.1);scroll-margin-top:120px}.footer-section:last-child{border-bottom:none}.footer-heading{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);cursor:pointer;background:#ffffff05}.footer-section h3{margin:0;font-size:var(--text-lg)}.toggle-icon{position:relative;width:12px;height:12px}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;background-color:var(--color-secondary-500);transition:transform .3s ease}.toggle-icon:before{top:5px;left:0;width:100%;height:2px}.toggle-icon:after{top:0;left:5px;width:2px;height:100%}.footer-section.open .toggle-icon:after{transform:rotate(90deg)}.footer-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease;background:#0003}.footer-section.open .footer-section-content{max-height:1000px;padding-bottom:var(--spacing-6)}.footer-section-content h4,.about-text,.sister-concerns,.quick-links-list,.contact-item,.social-links{padding:0 var(--spacing-5)}.footer-section-content h4{padding-top:var(--spacing-4);margin-bottom:0}.about-text{padding-top:var(--spacing-2)}.quick-links-list{padding-top:var(--spacing-4)}.contact-item:first-child{margin-top:var(--spacing-4)}.footer-section.quick-links{padding-left:0}.footer-bottom-content{flex-direction:column;text-align:center;padding:0 var(--spacing-5)}.footer-bottom{display:none}}@media(max-width:480px){.footer{padding:0}.footer-bottom p{font-size:var(--text-xs)}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-primary-900);border-top:1px solid var(--color-primary-800);box-shadow:0 -4px 20px #0003;z-index:var(--z-fixed);padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:8px 0;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-icon{margin-bottom:4px;display:flex;align-items:center;justify-content:center;position:relative}.bottom-nav-icon svg{width:24px;height:24px;stroke-width:2px;transition:all .2s ease}.bottom-nav-label{font-size:10px;font-weight:500;letter-spacing:.02em}.bottom-nav-item.active{color:#fff}.bottom-nav-item.active .bottom-nav-icon svg{stroke:#fff;fill:#ffffff26;transform:translateY(-2px);filter:drop-shadow(0 2px 4px rgba(255,255,255,.2))}@media(max-width:768px){.bottom-nav{display:flex;justify-content:space-around}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.scroll-to-top{position:fixed;bottom:30px;right:30px;z-index:1000}.scroll-button{background-color:var(--color-secondary-500);color:var(--color-white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--duration-normal) ease;opacity:.9}.scroll-button:hover{background-color:var(--color-secondary-600);transform:translateY(-3px);opacity:1;box-shadow:var(--shadow-xl)}.scroll-button svg{width:24px;height:24px;stroke-width:2px}@media(max-width:768px){.scroll-to-top{display:none}}.hero-section{position:relative;padding:var(--spacing-8) var(--spacing-4);background-color:var(--color-bg-primary);min-height:90vh;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary, sans-serif)}.hero-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}.hero-carousel{position:relative;width:100%;height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--spacing-12) var(--spacing-8) 0;text-align:center}.carousel-slide.active{opacity:1;visibility:visible;z-index:1}.slide-content{max-width:800px;z-index:2;margin-bottom:var(--spacing-8)}.slide-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--color-primary-900);margin-bottom:var(--spacing-4);line-height:1.1;letter-spacing:-.02em}.slide-description{font-family:var(--font-body);font-size:clamp(1rem,1.2vw,1.25rem);color:var(--color-primary-600);line-height:1.6;max-width:600px;margin:0 auto}.slide-image-container{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md)}.slide-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease-out;transform:translateY(20px)}.carousel-slide.active .slide-image{transform:translateY(0)}.carousel-controls-wrapper{display:flex;align-items:center;gap:var(--spacing-4);background:#0000000d;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-indicators{display:flex;gap:var(--spacing-3)}.indicator-dot{width:8px;height:8px;background-color:#0003;border-radius:4px;border:none;cursor:pointer;transition:width .3s ease,background-color .3s ease;padding:0;position:relative;overflow:hidden}.indicator-dot.active{width:32px;background-color:#0003;transform:none}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary-900);border-radius:4px;transition:width .05s linear}.play-pause-btn{background:none;border:none;cursor:pointer;color:var(--color-primary-900);display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .3s ease}.play-pause-btn:hover{opacity:1}.static-hero-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4);width:100%;max-width:600px;margin-left:auto;margin-right:auto;justify-content:center}.btn{padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) ease;letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--shadow-lg);border:none}.btn-primary{background-color:var(--color-secondary-500);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-outline{background-color:transparent;color:var(--color-primary-900);border:2px solid var(--color-primary-900);box-shadow:none}.btn-outline:hover{background-color:var(--color-primary-900);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.hero-section{padding:var(--spacing-10) var(--spacing-4);min-height:auto}.hero-carousel{height:500px}.carousel-slide{padding:var(--spacing-6) var(--spacing-4) 0}.slide-title{font-size:2rem}.slide-description{font-size:1rem}.slide-image-container{height:250px}.carousel-controls-wrapper{margin:0 var(--spacing-4)}.static-hero-actions{flex-direction:column;width:100%;gap:var(--spacing-3);padding:0 var(--spacing-4)}.btn{width:100%;padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}}@media(max-width:480px){.hero-carousel{height:450px}.slide-title{font-size:1.75rem}}.why-choose-us{padding:var(--spacing-20) var(--spacing-5);background-image:url(https://res.cloudinary.com/dmvmifn8d/image/upload/v1763881224/image_qrfsqo.png);background-size:cover;background-position:center;background-attachment:fixed;font-family:var(--font-primary);min-height:600px;display:flex;align-items:center;position:relative}.why-choose-us:before{content:"";position:absolute;inset:0;background:#0f172ab3;z-index:1}.why-choose-us *{font-family:inherit;position:relative;z-index:2}.why-choose-us .container{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:center;width:100%}.content-section{padding:var(--spacing-10);max-width:1100px;width:100%}.content-grid{display:flex;flex-direction:column;gap:var(--spacing-8);align-items:center}.left-column{width:100%;text-align:center}.content-section h2{color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-4xl);margin-bottom:var(--spacing-6);text-transform:uppercase;font-weight:800;text-align:center;letter-spacing:-.02em;line-height:1.1}.right-column{width:100%;display:flex;flex-direction:column;gap:var(--spacing-6)}.feature{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:transparent;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.feature:last-child{border-bottom:none}.feature.active{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-color:transparent;padding-bottom:var(--spacing-6)}.feature:hover{background:#ffffff1a}.feature.active:hover{background:var(--color-white)}.feature-header{display:flex;align-items:center;justify-content:center;width:100%}.feature h3{color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin:0;flex:0 1 auto;transition:color .3s ease}.feature.active h3{color:var(--color-primary-900)}.feature-description{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin-top .3s ease;max-height:0;opacity:0;margin-top:0;padding-left:0;text-align:center}.feature-description.expanded{max-height:200px;opacity:1;margin-top:var(--spacing-2)}.feature-description p{color:var(--color-gray-200);font-size:var(--text-base);line-height:1.6;text-align:center;font-weight:400;transition:color .3s ease}.feature.active .feature-description p{color:var(--color-primary-700);font-weight:500}.contact-us-btn{display:block;margin:var(--spacing-10) auto 0;padding:var(--spacing-4) var(--spacing-12);background:var(--color-secondary-500);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-lg);min-width:200px}.contact-us-btn:hover{background:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media(max-width:968px){.content-section{padding:var(--spacing-8);max-width:900px}.content-grid{gap:var(--spacing-8);grid-template-columns:1fr 1.2fr}.content-section h2{font-size:var(--text-4xl)}}@media(max-width:768px){.why-choose-us .container{padding:0 var(--spacing-4)}.why-choose-us{background-attachment:scroll;background-position:center}.content-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.left-column{align-items:center;text-align:center}.content-section h2{text-align:center;font-size:var(--text-3xl)}.feature{padding:var(--spacing-4)}}@media(max-width:480px){.why-choose-us{padding:var(--spacing-6) var(--spacing-4);min-height:auto}.content-section{padding:var(--spacing-4)}.content-section h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-4)}.content-grid{gap:var(--spacing-4)}.feature{padding:var(--spacing-3) var(--spacing-3);gap:var(--spacing-2)}.feature.active{padding-bottom:var(--spacing-4)}.feature-header{gap:var(--spacing-3)}.feature-icon{width:32px;height:32px}.feature-icon img{width:16px;height:16px}.feature h3{font-size:var(--text-sm);line-height:1.4;word-break:break-word}.feature-description p{font-size:var(--text-sm);line-height:1.5}.feature-description{padding-left:0}.contact-us-btn{margin-top:var(--spacing-6);padding:var(--spacing-3) var(--spacing-8);font-size:var(--text-base)}}.featured-categories{padding:var(--spacing-20) var(--spacing-4);background:var(--color-bg-primary);font-family:var(--font-primary)}.featured-categories *{font-family:inherit}.categories-header{text-align:center;margin-bottom:var(--spacing-16)}.categories-subtitle{color:var(--color-secondary-500);font-family:var(--font-heading);font-size:var(--text-base);margin-bottom:var(--spacing-2);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.categories-title{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin:0;line-height:1.1}.categories-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);padding:0}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media(max-width:768px){.featured-categories{padding:var(--spacing-10) var(--spacing-4)}.categories-header{padding:0 var(--spacing-4);margin-bottom:var(--spacing-8)}.categories-title{font-size:var(--text-2xl)}.categories-grid{display:flex;overflow-x:auto;gap:var(--spacing-4);padding:0 var(--spacing-4) var(--spacing-8);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-grid::-webkit-scrollbar{display:none}.category-card{min-width:260px;flex-shrink:0;scroll-snap-align:center;margin-bottom:0}.category-image{height:200px}.category-content{padding:var(--spacing-4)}.category-name{font-size:var(--text-base)}}.brand-carousel{padding:var(--spacing-10) 0;background-color:var(--color-white);overflow:hidden;font-family:var(--font-primary);border-bottom:1px solid var(--color-border-light)}.brand-carousel *{font-family:inherit}.carousel-container{width:100%;position:relative;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-5)}.brands-wrapper{display:flex;gap:var(--spacing-8);overflow-x:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;align-items:center}.brands-wrapper::-webkit-scrollbar{display:none}.brand-item{flex-shrink:0;min-width:160px}.brand-logo{background:var(--color-bg-primary);padding:var(--spacing-6) var(--spacing-4);text-align:center;font-weight:700;font-size:var(--text-lg);color:var(--color-primary-500);transition:all var(--duration-normal);height:80px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.brand-logo:hover{background:var(--color-white);border-color:var(--color-secondary-500);color:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.brand-carousel{padding:var(--spacing-8) 0}.brands-wrapper{gap:var(--spacing-5)}.brand-item{min-width:140px}.brand-logo{padding:var(--spacing-4);font-size:var(--text-base);height:70px}}@media(max-width:480px){.brand-carousel{padding:var(--spacing-10) var(--spacing-4)}.brands-wrapper{gap:var(--spacing-4)}.brand-item{min-width:120px}.brand-logo{padding:var(--spacing-3);font-size:var(--text-sm);height:60px}}.certifications{padding:var(--spacing-20) var(--spacing-5);background:var(--color-bg-primary);font-family:var(--font-primary)}@media(max-width:768px){.certifications{padding:var(--spacing-10) var(--spacing-4)}}.certifications .container{max-width:var(--container-max-width);margin:0 auto}@media(max-width:768px){.certifications .container{padding:0 var(--spacing-4)}}.certifications h2{text-align:center;color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);margin-bottom:var(--spacing-2);text-transform:uppercase;font-weight:800;letter-spacing:-.02em}.cert-icon-image{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto}.cert-icon-image img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.cert-item:hover .cert-icon-image img{filter:grayscale(0%);transform:scale(1.1)}.section-subtitle{text-align:center;color:var(--color-primary-500);font-size:var(--text-lg);margin-bottom:var(--spacing-12);font-weight:500}.cert-carousel-wrapper{display:flex;gap:var(--spacing-8);overflow-x:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;align-items:center;padding:var(--spacing-4) 0}.cert-carousel-wrapper::-webkit-scrollbar{display:none}.cert-item{flex-shrink:0;min-width:180px}.cert-content{background:transparent;padding:0;display:flex;align-items:center;justify-content:center;border:none;box-shadow:none;transition:transform var(--duration-normal);height:auto}.cert-content:hover{transform:translateY(-2px);box-shadow:none;border-color:transparent}.cert-icon-small{display:flex;align-items:center;justify-content:center;color:var(--color-secondary-500)}@media(max-width:768px){.cert-carousel-wrapper{gap:var(--spacing-5)}.cert-item{min-width:150px}.cert-content{padding:0;height:auto}}@media(max-width:480px){.certifications h2{font-size:var(--text-2xl)}.cert-carousel-wrapper{gap:var(--spacing-4)}.cert-item{min-width:100px}.cert-icon-image{width:80px;height:80px}}.slogan-banner{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-900) 100%);color:#fff;padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}.slogan-banner:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.slogan-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.slogan-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-secondary-400)}.slogan-text{font-size:1.1rem;line-height:1.6;opacity:.95;font-weight:500;max-width:800px;margin:0 auto}.slogan-text.main-statement{font-size:1.35rem;font-weight:600;max-width:900px;line-height:1.5;opacity:1}@media(max-width:768px){.slogan-banner{padding:2rem 1rem}.slogan-title{font-size:1.25rem}.slogan-text{font-size:1rem}}.about-page{width:100%;font-family:var(--font-primary);background-color:var(--color-bg-primary)}.about-page *{font-family:inherit}.about-hero{background-color:var(--color-white);padding:var(--spacing-16) var(--spacing-5)}@media(max-width:768px){.about-hero{padding:var(--spacing-10) var(--spacing-4)}}.about-hero-content{max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-8)}.hero-intro{text-align:center;margin-bottom:var(--spacing-12)}.hero-intro-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.hero-intro h1{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.2}.hero-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}.hero-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--duration-normal) ease;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl)}.hero-card-content{padding:var(--spacing-8);display:flex;flex-direction:column;justify-content:center}.hero-card-content h3{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-4);letter-spacing:-.01em}.hero-card-content p{color:var(--color-primary-600);font-size:var(--text-base);line-height:1.7}.hero-card-image{width:100%;height:100%;min-height:300px;overflow:hidden;background:var(--color-bg-surface)}.hero-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) ease}.hero-card:hover .hero-card-image img{transform:scale(1.05)}.hero-cta{display:flex;justify-content:center;margin-top:var(--spacing-4)}.hero-cta .cta-button{background-color:var(--color-secondary-500);color:var(--color-white);border:none;padding:var(--spacing-4) var(--spacing-10);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-cta .cta-button:hover{background-color:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stats-section{background-color:var(--color-primary-900);padding:var(--spacing-20) var(--spacing-5);color:var(--color-white)}@media(max-width:768px){.stats-section{padding:var(--spacing-10) var(--spacing-4)}}.stats-grid{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-10)}@media(max-width:768px){.stats-grid{padding:0 var(--spacing-4)}}.stat-card{text-align:center;padding:var(--spacing-6);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.stat-number{color:var(--color-secondary-500);font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:800;margin-bottom:var(--spacing-2);line-height:1}.stat-label{color:var(--color-primary-200);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.brands-section{background-color:var(--color-white);padding:var(--spacing-20) var(--spacing-5) 0}@media(max-width:768px){.brands-section{padding:var(--spacing-10) var(--spacing-4) 0}}.brands-header{text-align:center;margin-bottom:var(--spacing-8)}.brands-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}@media(max-width:968px){.hero-intro h1{font-size:var(--text-3xl)}.hero-cards{grid-template-columns:1fr;gap:var(--spacing-6)}.hero-card{grid-template-columns:1fr}.hero-card-image{min-height:250px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.brands-header h2{font-size:var(--text-3xl)}}@media(max-width:480px){.hero-intro h1{font-size:var(--text-2xl)}.hero-card-content{padding:var(--spacing-6)}.hero-card-content h3{font-size:var(--text-xl)}.hero-card-image{min-height:200px}.hero-cta .cta-button{padding:var(--spacing-3) var(--spacing-8);font-size:var(--text-base)}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:var(--text-5xl)}}.faq-section{padding:var(--spacing-20) var(--spacing-5);background-color:var(--color-bg-secondary);font-family:var(--font-primary)}.faq-section .container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--spacing-12)}.faq-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;margin-top:var(--spacing-2);text-transform:uppercase}.faq-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-secondary-200)}.faq-item.active{border-color:var(--color-secondary-500);box-shadow:var(--shadow-md)}.faq-question{padding:var(--spacing-5) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--color-white);transition:background-color var(--duration-normal)}.faq-item.active .faq-question{background:var(--color-bg-primary)}.faq-question h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-primary-900);margin:0;line-height:1.4}.faq-icon{font-size:var(--text-2xl);color:var(--color-secondary-500);font-weight:300;line-height:1;margin-left:var(--spacing-4);flex-shrink:0;width:24px;text-align:center}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease;background:var(--color-white)}.faq-answer.open{max-height:1000px;padding:0 var(--spacing-6) var(--spacing-6);border-top:1px solid transparent}.faq-content{color:var(--color-primary-600);font-size:var(--text-base);line-height:1.6;margin:0}.faq-content strong{color:var(--color-primary-900);font-weight:600}.faq-content em{color:var(--color-secondary-600);font-style:normal;font-weight:500}@media(max-width:768px){.faq-section{padding:var(--spacing-10) var(--spacing-4)}.faq-header h2{font-size:var(--text-3xl)}.faq-question{padding:var(--spacing-4)}.faq-question h3{font-size:var(--text-base)}}@media(max-width:480px){.faq-header h2{font-size:var(--text-2xl)}.faq-question h3,.faq-content{font-size:var(--text-sm)}.faq-icon{font-size:var(--text-xl)}}.contact-page{width:100%;font-family:var(--font-primary);background-color:var(--color-bg-primary)}.contact-page *{font-family:inherit}.map-section{background-color:var(--color-bg-primary);padding:var(--spacing-20) var(--spacing-5)}@media(max-width:768px){.map-section{padding:var(--spacing-10) var(--spacing-4)}}.map-header{text-align:center;margin-bottom:var(--spacing-12)}.map-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.map-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.map-container{max-width:var(--container-max-width);margin:0 auto;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}@media(max-width:768px){.map-container{margin:0}}.map-container iframe{width:100%;height:500px;border:none;display:block}.contact-form-section{background-color:var(--color-white);padding:var(--spacing-20) var(--spacing-5)}@media(max-width:768px){.contact-form-section{padding:var(--spacing-10) var(--spacing-4)}}.contact-header{text-align:center;margin-bottom:var(--spacing-12)}.contact-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.contact-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.contact-form-container{max-width:800px;margin:0 auto;padding:var(--spacing-10);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light)}@media(max-width:768px){.contact-form-container{margin:0}}.form-group{margin-bottom:var(--spacing-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-4);border:1px solid var(--color-border-medium);background:var(--color-bg-primary);font-size:var(--text-base);font-family:inherit;transition:all var(--duration-normal);border-radius:var(--radius-md);color:var(--color-primary-900)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary-500);background:var(--color-white);box-shadow:0 0 0 3px var(--color-secondary-100)}.form-group textarea{min-height:150px;resize:vertical}.recaptcha-container{margin-bottom:var(--spacing-6)}.submit-btn{background-color:var(--color-secondary-500);color:var(--color-white);border:none;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease;text-transform:uppercase;letter-spacing:.05em;width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.submit-btn:hover{background-color:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media(max-width:968px){.contact-header h2,.map-header h2{font-size:var(--text-3xl)}.form-row{grid-template-columns:1fr}.contact-form-container{padding:var(--spacing-6)}.map-container iframe{height:400px}}@media(max-width:480px){.contact-header h2,.map-header h2{font-size:var(--text-2xl)}.contact-form-container{padding:var(--spacing-5)}.map-container iframe{height:300px}}.skeleton-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);display:flex;flex-direction:column;height:100%}.skeleton-image{width:100%;height:240px;background:#f0f0f0;position:relative;overflow:hidden}.skeleton-content{padding:var(--spacing-5);background:var(--color-white);border-top:1px solid var(--color-border-light);flex-grow:1;display:flex;align-items:center;justify-content:center}.skeleton-text{height:20px;width:70%;background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.skeleton-image:after,.skeleton-text:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:968px){.skeleton-image{height:200px}}@media(max-width:768px){.skeleton-image{height:180px}.skeleton-content{padding:var(--spacing-4)}}@media(max-width:480px){.skeleton-image{height:220px}}.products-page{width:100%;font-family:var(--font-primary);background-color:var(--color-bg-primary)}.products-page *{font-family:inherit}.products-section{background-color:var(--color-bg-primary);padding:var(--spacing-20) var(--spacing-5)}.products-section .container{max-width:var(--container-max-width);margin:0 auto}.products-header{text-align:center;margin-bottom:var(--spacing-12)}.products-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.products-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.products-description{color:var(--color-text-secondary);font-size:var(--text-base);max-width:800px;margin:var(--spacing-4) auto 0;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.product-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal);cursor:pointer;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary-200)}.product-image{width:100%;height:240px;overflow:hidden;background:var(--color-bg-surface);position:relative;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal)}.product-card:hover .product-image img{transform:scale(1.05)}.product-content{padding:var(--spacing-5);background:var(--color-white);text-align:center;border-top:1px solid var(--color-border-light);flex-grow:1;display:flex;align-items:center;justify-content:center}.product-name{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;transition:color var(--duration-normal)}.product-card:hover .product-name{color:var(--color-secondary-600)}@media(max-width:968px){.products-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.products-header h2{font-size:var(--text-3xl)}.product-image{height:200px}}@media(max-width:768px){.products-section{padding:var(--spacing-10) var(--spacing-4)}.products-section .container{padding:0}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding:0 var(--spacing-4)}.product-image{height:180px}.product-content{padding:var(--spacing-4)}.product-name{font-size:var(--text-sm)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.products-header h2{font-size:var(--text-2xl)}.product-image{height:220px}}.categories-page{width:100%;font-family:var(--font-primary);background-color:var(--color-bg-primary)}.categories-page *{font-family:inherit}.categories-section{background-color:var(--color-bg-primary);padding:var(--spacing-20) var(--spacing-5)}.categories-section .container{max-width:var(--container-max-width);margin:0 auto}.categories-header{text-align:center;margin-bottom:var(--spacing-12)}.categories-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.categories-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.category-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal);cursor:pointer;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:flex;flex-direction:column}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary-200)}.category-image{width:100%;height:240px;overflow:hidden;background:var(--color-bg-surface);position:relative;display:flex;align-items:center;justify-content:center}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal)}.category-card:hover .category-image img{transform:scale(1.05)}.category-content{padding:var(--spacing-5);background:var(--color-white);text-align:center;border-top:1px solid var(--color-border-light);flex-grow:1;display:flex;align-items:center;justify-content:center}.category-name{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;transition:color var(--duration-normal)}.category-card:hover .category-name{color:var(--color-secondary-600)}@media(max-width:968px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.categories-header h2{font-size:var(--text-3xl)}.category-image{height:200px}}@media(max-width:768px){.categories-section{padding:var(--spacing-10) var(--spacing-4)}.categories-section .container{padding:0}.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding:0 var(--spacing-4)}.category-image{height:180px}.category-content{padding:var(--spacing-4)}.category-name{font-size:var(--text-sm)}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.categories-header h2{font-size:var(--text-2xl)}.category-image{height:220px}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) ease-out}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl);animation:slideUp var(--duration-normal) ease-out;padding:var(--spacing-8);border:1px solid var(--color-border-light)}.modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;font-size:var(--text-2xl);line-height:1;color:var(--color-gray-400);cursor:pointer;transition:color var(--duration-fast);padding:var(--spacing-2);z-index:10}.modal-close:hover{color:var(--color-primary-900)}.modal-header{margin-bottom:var(--spacing-6);text-align:center}.modal-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-900);margin-bottom:var(--spacing-2);letter-spacing:-1px}.product-name-highlight{font-size:var(--text-lg);color:var(--color-accent-600);font-weight:var(--font-semibold);font-family:var(--font-heading)}.quote-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-primary-900);background-color:var(--color-bg-primary);transition:all var(--duration-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary-500);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-secondary-100)}.form-group textarea{resize:vertical;min-height:100px}.btn-submit-quote{background-color:var(--color-secondary-500);color:var(--color-white);padding:var(--spacing-4);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-normal);margin-top:var(--spacing-4);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-lg)}.btn-submit-quote:hover{background-color:var(--color-secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-submit-quote:disabled{background-color:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-detail-page{min-height:100vh;background-color:var(--color-bg-primary);padding-bottom:var(--spacing-20)}.skeleton-detail-section{padding:var(--spacing-10) 0}.skeleton-detail-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-16);max-width:var(--container-max-width);margin:0 auto}.skeleton-detail-left{position:relative}.skeleton-detail-image{width:100%;aspect-ratio:1 / 1;background:#f0f0f0;border-radius:var(--radius-xl);position:relative;overflow:hidden}.skeleton-detail-right{display:flex;flex-direction:column;gap:var(--spacing-8)}.skeleton-header{display:flex;flex-direction:column;gap:var(--spacing-4);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-6)}.skeleton-badge-row{display:flex;gap:var(--spacing-2)}.skeleton-badge{width:100px;height:24px;background:#f0f0f0;border-radius:var(--radius-full);position:relative;overflow:hidden}.skeleton-title{width:80%;height:48px;background:#f0f0f0;border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton-usp{width:60%;height:32px;background:#f0f0f0;border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton-description{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-text-line{width:100%;height:16px;background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.skeleton-text-line.short{width:70%}.skeleton-action-card{height:200px;background:#f0f0f0;border-radius:var(--radius-xl);position:relative;overflow:hidden}.skeleton-specs-grid{display:grid;gap:var(--spacing-8)}.skeleton-spec-block{height:100px;background:#f0f0f0;border-radius:var(--radius-lg);position:relative;overflow:hidden}.skeleton-detail-image:after,.skeleton-badge:after,.skeleton-title:after,.skeleton-usp:after,.skeleton-text-line:after,.skeleton-action-card:after,.skeleton-spec-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}@media(max-width:968px){.skeleton-detail-content{grid-template-columns:1fr;gap:var(--spacing-10)}}.product-detail-page{min-height:100vh;background-color:var(--color-bg-primary);font-family:var(--font-primary);padding-bottom:var(--spacing-20)}.product-detail-section{padding:var(--spacing-10) 0}@media(max-width:768px){.product-detail-section{padding-bottom:0}}.product-detail-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-16);max-width:var(--container-max-width);margin:0 auto;position:relative}@media(max-width:968px){.product-detail-content{grid-template-columns:1fr;gap:var(--spacing-10)}}.product-detail-left{position:relative}.product-image-wrapper{position:sticky;top:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-4)}.product-detail-image{width:100%;aspect-ratio:1 / 1;max-height:600px;overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal)}.product-detail-image:hover{transform:scale(1.01)}.product-detail-image img{width:100%;height:100%;object-fit:contain;padding:var(--spacing-8)}.product-detail-right{display:flex;flex-direction:column;gap:var(--spacing-8)}.product-header{display:flex;flex-direction:column;gap:var(--spacing-3);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-6)}.product-badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.badge{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-full)}.badge-primary{background-color:var(--color-primary-900);color:var(--color-white)}.badge-outline{border:1px solid var(--color-primary-200);color:var(--color-primary-600)}.product-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-primary-900);margin:0;font-weight:800;line-height:1.1;letter-spacing:-.02em}.product-usp-container{margin-top:var(--spacing-2)}.product-usp{font-size:var(--text-lg);color:var(--color-secondary-600);font-weight:var(--font-medium);display:inline-block;background:var(--color-secondary-50);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md)}.product-description-section{color:var(--color-primary-600);line-height:1.7;font-size:var(--text-base);max-width:65ch}.short-description{font-size:var(--text-lg);color:var(--color-primary-700);margin-bottom:var(--spacing-4);line-height:1.6}.product-actions-card{background:var(--color-white);border:1px solid var(--color-secondary-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-glow-green);display:flex;flex-direction:column;gap:var(--spacing-5);margin:var(--spacing-4) 0}.action-header{display:flex;flex-direction:column;gap:var(--spacing-1)}.action-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-900);letter-spacing:-.01em}.action-sublabel{font-size:var(--text-sm);color:var(--color-primary-500)}.btn-enquire-large{background:var(--color-secondary-600);color:var(--color-white);border:none;padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-xl);font-weight:700;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;box-shadow:var(--shadow-lg);text-transform:uppercase;letter-spacing:1px}.btn-enquire-large:hover{background:var(--color-secondary-500);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-icon{width:24px;height:24px}.action-footer{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.secure-badge{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-primary-500);font-weight:var(--font-medium)}.secure-badge svg{width:16px;height:16px;color:var(--color-secondary-500)}.product-specs-grid{display:grid;gap:var(--spacing-8)}.product-specs-container{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.specs-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-primary-800);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-secondary-500);display:inline-block}.varieties-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.variety-tag{background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-primary-100)}.forms-list{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.form-badge{background:var(--color-white);border:1px solid var(--color-primary-200);color:var(--color-primary-800);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light)}.data-table th{color:var(--color-primary-500);font-weight:var(--font-medium);width:40%}.data-table td{color:var(--color-primary-800);font-weight:var(--font-semibold)}.features-list{list-style:none;padding:0;margin:0}.features-list li{position:relative;padding-left:var(--spacing-6);margin-bottom:var(--spacing-2);color:var(--color-primary-700)}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--color-secondary-500);font-weight:700}.product-share-section{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light)}.share-label{font-size:var(--text-sm);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-bold)}.share-buttons{display:flex;gap:var(--spacing-3)}.share-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal);color:var(--color-white);box-shadow:var(--shadow-sm)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn svg{width:20px;height:20px}@media(max-width:768px){.product-title{font-size:var(--text-3xl)}.product-image-wrapper{position:static}.product-detail-image{max-height:400px}.action-footer{flex-direction:column;align-items:center}.btn-enquire-large{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);gap:var(--spacing-2)}.product-actions-card{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;margin:0;border-radius:0;border-top:1px solid var(--color-border-light);border-left:none;border-right:none;border-bottom:none;padding:var(--spacing-3) var(--spacing-4);z-index:var(--z-fixed);box-shadow:0 -4px 12px #0000001a;flex-direction:row;align-items:center;justify-content:space-between;background:var(--color-white)}.action-header,.action-footer{display:none}.btn-enquire-large{width:100%;margin:0;padding:var(--spacing-3);font-size:var(--text-base)}.product-detail-page{padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-8))}.product-detail-page~.footer{display:none}}.ebrochure-page{width:100%;font-family:var(--font-primary);background-color:var(--color-bg-primary)}.ebrochure-page *{font-family:inherit}.ebrochure-section{background-color:var(--color-bg-primary);padding:var(--spacing-20) var(--spacing-5)}.ebrochure-section .container{max-width:var(--container-max-width);margin:0 auto}.ebrochure-header{text-align:center;margin-bottom:var(--spacing-12)}.ebrochure-subtitle{color:var(--color-secondary-500);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-2);font-weight:600}.ebrochure-header h2{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.brochures-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}.brochure-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal);cursor:pointer;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:flex;flex-direction:column}.brochure-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary-200)}.pdf-icon{width:100%;height:200px;background:linear-gradient(135deg,var(--color-error) 0%,#B91C1C 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.pdf-icon:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#ffffff1a;transform:rotate(45deg)}.pdf-icon svg{width:64px;height:64px;fill:var(--color-white);margin-bottom:var(--spacing-4);opacity:1}.pdf-text{color:var(--color-white);font-size:var(--text-2xl);font-weight:700;letter-spacing:.1em}.brochure-card:hover .pdf-icon{background:linear-gradient(135deg,#B91C1C 0%,var(--color-error) 100%)}.brochure-name{padding:var(--spacing-5);background:var(--color-white);text-align:center;flex:1;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-border-light)}.brochure-name h3{color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin:0;transition:color var(--duration-normal)}.brochure-card:hover .brochure-name h3{color:var(--color-secondary-600)}@media(max-width:968px){.brochures-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.ebrochure-header h2{font-size:var(--text-3xl)}.pdf-icon{height:180px}.pdf-icon svg{width:56px;height:56px}.pdf-text{font-size:var(--text-xl)}}@media(max-width:768px){.ebrochure-section{padding:var(--spacing-10) var(--spacing-4)}.ebrochure-section .container{padding:0}.brochures-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding:0 var(--spacing-4)}.pdf-icon{height:160px}.pdf-icon svg{width:48px;height:48px}.brochure-name{padding:var(--spacing-4)}.brochure-name h3{font-size:var(--text-base)}}@media(max-width:480px){.brochures-grid{grid-template-columns:1fr}.ebrochure-header h2{font-size:var(--text-2xl)}.pdf-icon{height:200px}}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}body{font-family:var(--font-primary);color:var(--color-gray-700);overflow-x:hidden}.App{width:100%;position:relative}