@charset "UTF-8";:root{--primary: #0B1B33;--primary-light: #1E3A6E;--primary-dark: #06101F;--accent: #C9A84C;--accent-light: #E8C97A;--accent-dark: #A07A2E;--cricket-red: #8B1919;--cricket-red-light:#C42B2B;--surface: #FFFFFF;--surface-alt: #F8F5F0;--surface-dark: #F0ECE4;--bg: #FAFAF8;--bg-alt: #F5F0E8;--text-primary: #0B1B33;--text-secondary: #4A5568;--text-muted: #8A919E;--text-inverse: #FFFFFF;--border: #E2DDD4;--border-light: #EDE9E2;--border-dark: #C8C0B4;--shadow-sm: 0 1px 3px rgba(11,27,51,.08);--shadow: 0 4px 16px rgba(11,27,51,.1);--shadow-md: 0 8px 32px rgba(11,27,51,.12);--shadow-lg: 0 16px 48px rgba(11,27,51,.14);--shadow-xl: 0 24px 64px rgba(11,27,51,.18);--shadow-gold: 0 8px 32px rgba(201,168,76,.25);--success: #27AE60;--warning: #F39C12;--danger: #E74C3C;--info: #2980B9;--gradient-primary: linear-gradient(135deg, #0B1B33 0%, #1E3A6E 100%);--gradient-accent: linear-gradient(135deg, #C9A84C 0%, #E8C97A 50%, #A07A2E 100%);--gradient-hero: linear-gradient(160deg, #06101F 0%, #0B1B33 40%, #1a2a4a 100%);--gradient-gold: linear-gradient(90deg, #A07A2E, #C9A84C, #E8C97A, #C9A84C, #A07A2E);--gradient-card: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(11,27,51,.04) 100%);--gradient-overlay: linear-gradient(to top, rgba(11,27,51,.85) 0%, rgba(11,27,51,0) 60%);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Poppins", system-ui, sans-serif;--font-mono: "Rajdhani", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--header-h: 88px}[data-theme=dark]{--primary: #4A7FD4;--primary-light: #6699E8;--primary-dark: #2A5FAA;--surface: #141824;--surface-alt: #1A2030;--surface-dark: #0E1018;--bg: #0E1018;--bg-alt: #111520;--text-primary: #F0EDE8;--text-secondary: #A8B4C8;--text-muted: #6A7888;--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--border-dark: rgba(255,255,255,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 16px rgba(0,0,0,.35);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 16px 48px rgba(0,0,0,.45);--shadow-xl: 0 24px 64px rgba(0,0,0,.5);--gradient-primary: linear-gradient(135deg, #141824 0%, #1A2030 100%);--gradient-hero: linear-gradient(160deg, #06070E 0%, #0E1018 40%, #1A2030 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background-color:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.875rem)}h4{font-size:clamp(1.1rem,2vw,1.375rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);line-height:1.75}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:var(--font-body);outline:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}@media(max-width:768px){.container{padding:0 var(--space-md)}}.container-sm{max-width:960px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}@media(max-width:768px){.section{padding:var(--space-3xl) 0}}.section-sm{padding:var(--space-3xl) 0}.btn,.btn-icon,.btn-ghost,.btn-outline-white,.btn-outline,.btn-accent,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after,.btn-icon:after,.btn-ghost:after,.btn-outline-white:after,.btn-outline:after,.btn-accent:after,.btn-primary:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast)}.btn:hover:after,.btn-icon:hover:after,.btn-ghost:hover:after,.btn-outline-white:hover:after,.btn-outline:hover:after,.btn-accent:hover:after,.btn-primary:hover:after{background:#ffffff14}.btn:active,.btn-icon:active,.btn-ghost:active,.btn-outline-white:active,.btn-outline:active,.btn-accent:active,.btn-primary:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:0 4px 16px #0b1b3340}.btn-primary:hover{box-shadow:0 8px 24px #0b1b3359;transform:translateY(-1px);color:var(--text-inverse)}.btn-accent{background:var(--gradient-accent);color:var(--primary-dark);font-weight:700;box-shadow:var(--shadow-gold)}.btn-accent:hover{box-shadow:0 12px 40px #c9a84c66;transform:translateY(-2px);color:var(--primary-dark)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--border-dark)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#c9a84c0d}.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-outline-white:hover{border-color:var(--accent);color:var(--accent);background:#c9a84c1a}.btn-ghost{background:#0b1b330f;color:var(--primary)}.btn-ghost:hover{background:#0b1b331a;color:var(--primary)}.btn-sm{padding:8px 18px;font-size:.8rem}.btn-lg{padding:16px 40px;font-size:1rem}.btn-icon{padding:10px;width:42px;height:42px;border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-icon:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-gold)}.card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.badge,.badge-glass,.badge-warning,.badge-success,.badge-red,.badge-primary,.badge-accent{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-accent{background:var(--accent);color:var(--primary-dark)}.badge-primary{background:var(--primary);color:#fff}.badge-red{background:var(--cricket-red-light);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-glass{background:#ffffff26;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.25)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header .overline{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{font-size:1.05rem;max-width:560px;margin:0 auto;color:var(--text-muted)}.section-header .divider{width:60px;height:3px;background:var(--gradient-accent);border-radius:var(--radius-full);margin:var(--space-md) auto 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9a84c26}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.divider-line{height:1px;background:var(--border);margin:var(--space-xl) 0}.glass{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.glass-dark{background:#0b1b33bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.text-gold{background:var(--gradient-gold);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.price{font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.price-original{font-family:var(--font-mono);font-weight:400;color:var(--text-muted);text-decoration:line-through;font-size:.9em}.price-discount{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.stars{display:inline-flex;gap:2px;color:var(--accent);font-size:.85rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{animation:page-fade-in .35s ease forwards}@keyframes page-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}.reveal.revealed{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-dark)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:var(--primary-dark)}.toast-container{position:fixed;top:100px;right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.overlay{position:fixed;inset:0;background:#06101fb3;backdrop-filter:blur(4px);z-index:var(--z-overlay);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal .modal-content{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:560px;width:100%;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1);position:relative;max-height:90vh;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.breadcrumb span,.breadcrumb a{font-size:.8rem;font-weight:500;color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .separator{color:var(--text-muted);font-size:.7rem}.breadcrumb .current{color:var(--text-secondary);font-weight:600}.tab-list{display:flex;border-bottom:2px solid var(--border);gap:0;overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab{padding:var(--space-md) var(--space-xl);font-weight:600;font-size:.9rem;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent);border-color:var(--accent)}.accordion-item{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-sm)}.accordion-item .accordion-header{padding:var(--space-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;background:var(--surface);transition:background var(--transition-fast)}.accordion-item .accordion-header:hover{background:var(--surface-alt)}.accordion-item .accordion-header .icon{transition:transform var(--transition)}.accordion-item .accordion-header.open .icon{transform:rotate(180deg)}.accordion-item .accordion-body{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);line-height:1.75}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.page-wrapper{min-height:100vh;padding-top:var(--header-h)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-gold)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){:root{--header-h: 64px;--space-4xl: 56px;--space-5xl: 72px}body,app-root,main,.main-content{min-width:0;max-width:100%}.container,.container-sm{min-width:0;padding-right:16px;padding-left:16px}.section{padding-top:48px;padding-bottom:48px}.section-sm{padding-top:32px;padding-bottom:32px}.section-header{margin-bottom:28px}.btn-lg,.btn-xl{max-width:100%;padding-right:20px;padding-left:20px;white-space:normal;text-align:center}.page-banner{padding-top:28px;padding-bottom:20px}.page-banner h1{font-size:clamp(1.65rem,7vw,2.2rem);overflow-wrap:anywhere}.breadcrumb{gap:6px}.breadcrumb a,.breadcrumb span{min-width:0;overflow-wrap:anywhere}.form-group input,.form-group select,.form-group textarea,form input,form select,form textarea{width:100%;min-width:0;max-width:100%;font-size:16px}.product-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-list .product-card.variant-horizontal{min-width:0}.product-list .product-card.variant-horizontal .card-img-wrap{width:112px;min-width:112px}.product-list .product-card.variant-horizontal .card-info{min-width:0}.compare-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.all-categories-grid{gap:16px}.cat-full-card .card-body{padding:18px}.category-banner{padding:64px 0 40px}.about-hero{min-height:0;padding:64px 20px 40px}.about-hero .about-hero-content{min-width:0}.story-layout .story-images .img-overlay{right:8px;bottom:-16px;width:35%;height:130px}.timeline:before{left:16px}.timeline .timeline-item{max-width:100%;padding-right:0;padding-left:48px}.timeline .timeline-item.right{padding-right:0;padding-left:48px}.timeline .timeline-item .timeline-dot{left:16px}.timeline .timeline-item .timeline-card{max-width:none;min-width:0}.cart-layout,.checkout-layout,.contact-layout,.repair-layout,.detail-grid,.payment-layout{grid-template-columns:minmax(0,1fr)}.cart-layout>*,.checkout-layout>*,.contact-layout>*,.repair-layout>*,.detail-grid>*,.payment-layout>*{min-width:0}.cart-summary,.order-summary,.map-wrap,.repair-info{position:static}.cart-items .cart-item{min-width:0;padding:16px}.cart-items .cart-footer-row{flex-wrap:wrap;padding:16px}.cart-items .cart-footer-row .btn,.cart-items .cart-footer-row .btn-primary,.cart-items .cart-footer-row .btn-accent,.cart-items .cart-footer-row .btn-outline,.cart-items .cart-footer-row .btn-outline-white,.cart-items .cart-footer-row .btn-ghost,.cart-items .cart-footer-row .btn-icon{flex:1 1 100%;white-space:normal}.coupon-section{padding:16px}.coupon-section .coupon-form{flex-wrap:wrap}.coupon-section .coupon-form input{min-width:0;width:100%}.checkout-form-wrap,.order-summary,.repair-form-wrap,.contact-form-wrap{min-width:0;padding:20px 16px}.checkout-page .form-row-2,.payment-page .form-row-2{grid-template-columns:minmax(0,1fr);gap:0}.detail-grid{gap:24px;margin-top:20px}.gallery-col{flex-direction:column-reverse;min-width:0}.thumbnails{flex-direction:row;width:100%;overflow-x:auto;overscroll-behavior-x:contain}.thumbnails .thumb{width:60px;min-width:60px}.secondary-actions{flex-wrap:wrap}.detail-tabs{margin-bottom:40px}.contact-layout .map-wrap{min-width:0}.info-cards-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-card,.services-grid .service-card{min-width:0;padding:16px}.products-page{padding:24px 0 48px}.toolbar{gap:10px}.toolbar .search-bar{flex:1 1 100%;min-width:0}.toolbar .toolbar-right{width:100%;justify-content:space-between}.toolbar .sort-select{min-width:0;flex:1}.sidebar.open{max-height:min(65dvh,520px);overflow-y:auto;overscroll-behavior:contain;padding:18px}.pagination{justify-content:center;max-width:100%;gap:4px;overflow:visible}.pagination button{width:36px;height:36px;flex:0 0 36px}.pagination .first-page,.pagination .last-page,.pagination .page-number{display:none}.pagination .pagination-status{display:inline-flex;align-items:center;justify-content:center;min-width:88px;color:var(--text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.footer-main{padding:40px 0 28px}.footer-main .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.footer-brand{grid-column:1/-1}.footer-bottom .bottom-inner{align-items:flex-start;flex-direction:column;gap:14px}.footer-bottom .bottom-links{gap:10px 16px}.footer-bottom .payment-icons{flex-wrap:wrap}.toast-container{top:calc(var(--header-h) + 10px);right:12px;left:12px}.modal{align-items:flex-end;padding:12px}.modal .modal-content{max-height:calc(100dvh - 24px);border-radius:var(--radius-xl)}}@media(max-width:600px){.brand-strip{padding:40px 0}.brand-strip .strip-inner{grid-template-columns:minmax(0,1fr);gap:24px}.brand-strip .strip-text{min-width:0;max-width:100%;overflow-wrap:anywhere}.brand-strip .strip-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-strip .strip-stat{min-width:0;padding:12px 6px}.brand-strip .strip-stat .sv{font-size:1.15rem}.brand-strip .strip-stat .sl{font-size:.62rem;letter-spacing:.04em}.product-card .card-img-wrap .card-actions{top:6px;right:6px;gap:4px;transform:none;opacity:1}.product-card .card-img-wrap .card-actions .action-btn{width:32px;height:32px}.product-card .card-info{padding:12px 10px 8px}.product-card .card-info .name{font-size:.9rem}.product-card .card-info .spec-chip{padding:2px 6px;font-size:.65rem}.product-card .card-info .price-row{gap:5px}.product-card .card-info .price-row .price{font-size:1.05rem}.product-card .card-footer{padding:6px 10px 10px}.product-card .card-footer .add-to-cart{min-height:42px;padding:8px 5px;font-size:.74rem}.steps-bar{margin-bottom:24px}.steps-bar .step-line{width:clamp(18px,8vw,40px);margin-right:4px;margin-left:4px}.steps-bar .step-indicator span{font-size:.68rem}.checkout-page{padding-top:24px;padding-bottom:48px}.step-actions{align-items:stretch}.step-actions .btn,.step-actions .btn-primary,.step-actions .btn-accent,.step-actions .btn-outline,.step-actions .btn-outline-white,.step-actions .btn-ghost,.step-actions .btn-icon{flex:1 1 100%;white-space:normal}.order-summary{position:static}.receipt-overlay{align-items:flex-start;padding:12px}.receipt-modal{max-height:calc(100dvh - 24px);border-radius:var(--radius-xl)}.receipt-header,.receipt-section,.receipt-totals,.receipt-whatsapp,.receipt-actions,.receipt-footer{padding-right:14px;padding-left:14px}.receipt-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:14px;padding-left:14px}.receipt-actions{flex-direction:column}.payment-page{min-height:0;padding:24px 0 48px}.payment-page .payment-card{border-radius:var(--radius-xl)}.payment-page .payment-header,.payment-page .payment-form-panel,.payment-page .methods-panel{padding:20px 16px}.payment-page .payment-header h1{font-size:1.35rem}.payment-page .bank-list{grid-template-columns:minmax(0,1fr)}.form-row-2{grid-template-columns:minmax(0,1fr);gap:0}.about-hero{padding:56px 18px 32px}.about-cta,.success-card{padding:40px 18px}}@media(max-width:360px){.container,.container-sm{padding-right:12px;padding-left:12px}.product-grid,.products-grid{gap:8px}.product-card .card-info{padding-right:8px;padding-left:8px}}@media(max-width:768px){.header .nav .container{height:var(--header-h);gap:8px}.header .logo{gap:7px}.header .logo .logo-icon{width:auto;height:52px;font-size:1rem}.header .logo .logo-text .logo-brand{font-size:1.15rem}.header .nav-actions{gap:2px}.header .action-btn{width:36px;height:38px;font-size:.9rem}.header .theme-toggle.mobile-theme{width:36px;height:36px;flex:0 0 36px;font-size:.85rem}.header .compare-action{display:none}.header .hamburger{width:34px;height:36px;padding:5px}.header .search-overlay{align-items:flex-start;padding:calc(var(--header-h) + 12px) 12px 12px}.header .search-box{max-width:none;border-radius:var(--radius-lg);overflow:visible}.header .search-box input{min-width:0;padding:15px 12px;font-size:16px}.header .search-box button{padding:0 12px}.header .search-box .search-results{max-height:min(60dvh,420px);box-shadow:var(--shadow-lg)}.mobile-tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:calc(var(--z-sticky) + 1);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(60px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border-light);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-tab-bar a,.mobile-tab-bar button{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:.65rem;font-weight:600;text-decoration:none;touch-action:manipulation}.mobile-tab-bar a i,.mobile-tab-bar button i{font-size:1.05rem}.mobile-tab-bar a.active,.mobile-tab-bar button.active{color:var(--accent-dark)}.mobile-tab-bar .tab-count{position:absolute;top:0;left:calc(50% + 4px);min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:var(--primary-dark);font-size:.58rem;line-height:16px;text-align:center}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@media(min-width:769px){.mobile-tab-bar{display:none}}@media(max-width:360px){.header .nav .container{gap:4px!important}.header .logo{gap:5px!important}.header .logo .logo-icon{width:auto!important;height:46px!important}.header .logo .logo-text .logo-brand{font-size:1rem!important}.header .nav-actions{gap:0!important;flex-shrink:1!important}.header .nav-actions .action-btn{width:32px!important}.header .nav-actions .wishlist-action{display:none!important}.header .nav-actions .hamburger{width:30px!important}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #c9a84c66}70%{transform:scale(1);box-shadow:0 0 0 12px #c9a84c00}to{transform:scale(.95);box-shadow:0 0 #c9a84c00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@page{size:A4;margin:12mm}@media print{body.printing-order-receipt{background:#fff!important;color:#111!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.printing-order-receipt app-root>app-header,body.printing-order-receipt app-root>app-footer,body.printing-order-receipt app-root>app-toast,body.printing-order-receipt app-root>app-back-to-top,body.printing-order-receipt app-checkout>:not(.receipt-overlay){display:none!important}body.printing-order-receipt app-root,body.printing-order-receipt app-root>main.main-content,body.printing-order-receipt app-root>main.main-content>app-checkout{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}body.printing-order-receipt .receipt-overlay{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;padding:0!important;background:#fff!important;backdrop-filter:none!important}body.printing-order-receipt #orderReceipt{width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;overflow:visible!important;border:1px solid #d6d9de;border-radius:0!important;box-shadow:none!important}body.printing-order-receipt .receipt-header,body.printing-order-receipt .receipt-meta,body.printing-order-receipt .receipt-section,body.printing-order-receipt .receipt-item,body.printing-order-receipt .receipt-totals,body.printing-order-receipt .receipt-footer{break-inside:avoid;page-break-inside:avoid}body.printing-order-receipt .receipt-whatsapp,body.printing-order-receipt .receipt-actions,body.printing-order-receipt .receipt-close{display:none!important}body.printing-order-receipt .receipt-footer{color:#555!important}}
