:root{--navy:#0A192F;--navy-mid:#1E3A5F;--accent:#2563EB;--accent-dark:#1D4ED8;--accent-tint:#EFF6FF;--slate:#64748B;--slate-light:#94A3B8;--border:#E2E8F0;--surface:#F8FAFC;--white:#FFFFFF;--text:#0F172A;--text-muted:#64748B;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(15,23,42,.10);--shadow:0 3px 10px rgba(15,23,42,.10);--shadow-lg:0 8px 24px rgba(15,23,42,.13);--transition:.18s ease;--font:'Inter','Inter Fallback',system-ui,-apple-system,sans-serif}@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Roboto'),local('Helvetica Neue');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font);background:var(--white);color:var(--text);line-height:1.6;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:var(--font)}a,button,label,summary,input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"],.btn,.chip,.sort-btn,.page-btn,.nav-icon-btn,.mobile-nav-item,.size-option span,.radio-card-label,.gallery-dot,.gallery-thumb{touch-action:manipulation}ul{list-style:none}hr{border:none;border-top:1px solid var(--border);margin:24px 0}.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);contain:layout style}.nav-inner{max-width:1280px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;gap:12px}.nav-logo{font-size:1.125rem;font-weight:700;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}.nav-logo svg{width:24px;height:24px;color:var(--accent)}.nav-search-desktop{flex:1;position:relative;min-width:0;width:100%;display:flex}.nav-search-desktop input{width:100%;height:42px;padding:0 44px 0 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.9375rem;font-family:var(--font);background:var(--surface);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.nav-search-desktop input{height:36px;padding:0 40px 0 12px;font-size:0.875rem}.nav-search-desktop input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12);background:var(--white)}.nav-search-desktop button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--slate);display:flex;align-items:center;padding:6px;cursor:pointer}.nav-search-desktop button{right:8px;padding:4px}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.nav-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;background:none;color:var(--slate);position:relative;transition:background var(--transition),color var(--transition);text-decoration:none}.nav-icon-btn svg{width:20px;height:20px}.badge{position:absolute;top:4px;right:4px;background:var(--accent);color:var(--white);font-size:0.625rem;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--white);font-size:0.8125rem;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color var(--transition),background var(--transition);min-height:40px}.nav-dropdown-toggle svg{width:16px;height:16px;color:var(--slate)}.nav-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;padding:6px;display:none;z-index:200}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a,.nav-dropdown-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:0.875rem;color:var(--text);border-radius:var(--radius-sm);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background var(--transition);text-decoration:none}.nav-dropdown-menu svg{width:15px;height:15px;color:var(--slate)}.nav-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.nav-dropdown-menu .danger{color:var(--danger)}.nav-dropdown-menu .danger svg{color:var(--danger)}.btn-nav-login,.btn-nav-register{padding:7px 16px;border-radius:var(--radius);font-size:0.8125rem;font-weight:600;cursor:pointer;min-height:40px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.btn-nav-login{border:1.5px solid var(--border);background:var(--white);color:var(--navy);transition:border-color var(--transition)}.btn-nav-register{border:none;background:var(--accent);color:var(--white);transition:background var(--transition)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));background:var(--white);border-top:1px solid var(--border);z-index:100;box-shadow:0 -2px 8px rgba(15,23,42,.07);transform:translateZ(0);contain:layout paint style}.mobile-nav-inner{display:flex;height:64px}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:0.625rem;font-weight:600;color:var(--slate);text-decoration:none;transition:color var(--transition);position:relative;border:none;background:none;padding:0;cursor:pointer}.mobile-nav-item.active{color:var(--accent);text-decoration:none}.mobile-nav-item svg{width:22px;height:22px}.mobile-badge{position:absolute;top:8px;right:calc(50% - 18px);background:var(--accent);color:var(--white);font-size:0.5625rem;font-weight:700;min-width:15px;height:15px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 2px}main{flex:1;max-width:1280px;margin:0 auto;padding:16px 20px 48px;width:100%}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:0.875rem;margin-bottom:16px;border:1px solid transparent}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.alert-success{background:#F0FDF4;border-color:#BBF7D0;color:#15803D}.alert-error,.alert-danger{background:#FEF2F2;border-color:#FECACA;color:var(--danger)}.alert-warning{background:#FFFBEB;border-color:#FDE68A;color:#B45309}.alert-info{background:var(--accent-tint);border-color:#BFDBFE;color:var(--accent-dark)}.alert-compact{padding:10px 14px;font-size:0.8125rem}.alert-compact svg{width:14px;height:14px}.icon-accent{width:18px;height:18px;color:var(--accent);flex-shrink:0}.card-header .icon-accent{margin-right:2px}.card-header:has(.icon-accent){justify-content:flex-start;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius);border:none;font-family:var(--font);font-size:0.875rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition);text-decoration:none;white-space:nowrap;min-height:44px;line-height:1}.btn:active{transform:scale(.98)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:var(--white)}.btn-navy{background:var(--navy);color:var(--white)}.btn-outline{background:var(--white);color:var(--navy);border:1.5px solid var(--border)}.btn-danger{background:var(--danger);color:var(--white)}.btn-ghost{background:transparent;color:var(--slate);border:none;padding:8px}.btn-sm{padding:7px 14px;font-size:0.8125rem;min-height:36px}.btn-lg{padding:13px 28px;font-size:1rem;min-height:52px}.btn-full{width:100%}.btn-whatsapp{background:#15803D;color:var(--white)}.btn-update{height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);color:var(--slate);font-size:0.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:border-color var(--transition),color var(--transition);white-space:nowrap}.btn-update svg{width:13px;height:13px}.btn-remove{height:36px;width:36px;border-radius:var(--radius-sm);border:1.5px solid #FECACA;background:var(--white);color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition);flex-shrink:0}.btn-remove svg{width:15px;height:15px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:0.875rem;font-weight:600;color:var(--navy);margin-bottom:6px}.form-label .optional{font-weight:400;color:var(--slate-light);font-size:0.8125rem;margin-left:4px}.form-label .required{color:var(--danger);margin-left:2px}.form-control{width:100%;height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.875rem;font-family:var(--font);color:var(--text);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.form-control.error{border-color:var(--danger)}textarea.form-control{height:auto;padding:12px 14px;resize:vertical;min-height:88px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-hint{font-size:0.75rem;color:var(--text-muted);margin-top:5px}.form-error{font-size:0.75rem;color:var(--danger);margin-top:5px;font-weight:500;display:flex;align-items:center;gap:4px}.input-icon-wrap{position:relative}.input-icon-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--slate);pointer-events:none}.input-icon-wrap .form-control{padding-left:38px}.qty-form{display:flex;align-items:center;gap:6px}.qty-input{width:56px;height:36px;padding:0 6px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.875rem;font-family:var(--font);color:var(--text);text-align:center;outline:none;transition:border-color var(--transition)}.qty-input:focus{border-color:var(--accent)}.radio-cards{display:flex;flex-direction:column;gap:10px}.radio-card{position:relative}.radio-card input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.radio-card-label{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.radio-card input:checked + .radio-card-label{border-color:var(--accent);background:var(--accent-tint)}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:border-color var(--transition)}.radio-card input:checked + .radio-card-label .radio-dot{border-color:var(--accent)}.radio-dot::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity var(--transition)}.radio-card input:checked + .radio-card-label .radio-dot::after{opacity:1}.radio-card-content{flex:1}.radio-card-title{font-weight:600;font-size:.9rem;color:var(--navy)}.radio-card-desc{font-size:0.8125rem;color:var(--text-muted);margin-top:2px}.radio-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-card-icon svg{width:20px;height:20px}.icon-bg-green{background:#DCFCE7;color:#16A34A}.icon-bg-blue{background:#DBEAFE;color:var(--accent)}.size-options{display:flex;gap:8px;flex-wrap:wrap}.size-option{position:relative}.size-option input{position:absolute;opacity:0;width:0;height:0}.size-option span{display:flex;align-items:center;justify-content:center;width:48px;height:44px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.875rem;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.size-option input:checked + span{border-color:var(--accent);background:var(--accent);color:var(--white)}.btn-outline.is-wishlisted{color:var(--danger);border-color:#FECACA}.size-chart-modal{display:none;position:fixed;inset:0;background:rgba(10,25,47,.7);z-index:1000;align-items:center;justify-content:center;padding:20px}.size-chart-modal.is-open{display:flex}.size-chart-content{background:var(--white);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}.size-chart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.size-chart-close{background:none;border:none;color:var(--slate);cursor:pointer;padding:4px;display:flex}.size-chart-body{padding:16px}.size-chart-body img{width:100%;border-radius:var(--radius)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:16px}.card-header{padding:16px 24px;border-bottom:1px solid var(--border);font-weight:600;font-size:0.9375rem;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:12px}.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer;display:flex;flex-direction:column;height:100%;content-visibility:auto;contain-intrinsic-size:auto 320px;position:relative}.product-card-img,.product-card-no-img{width:100%;aspect-ratio:1/1;background:var(--surface)}.product-card-img{object-fit:cover}.product-card-no-img{display:flex;align-items:center;justify-content:center;color:var(--slate-light)}.product-card-no-img svg{width:40px;height:40px}.product-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.product-card-category{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:6px}.product-card-name{font-size:0.9375rem;font-weight:600;color:var(--navy);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-name a{color:inherit;text-decoration:none}.product-card-name a::after{content:'';position:absolute;inset:0}.product-card-desc{font-size:0.8125rem;color:var(--text-muted);flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;line-height:1.5}.product-card-stars{display:flex;align-items:center;gap:4px;margin-bottom:12px}.stars{color:#F59E0B;font-size:0.75rem;letter-spacing:1px}.stars-count{font-size:0.75rem;color:var(--slate)}.product-card-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{font-size:1rem;font-weight:700;color:var(--navy)}.product-price-label{font-size:0.6875rem;font-weight:500;color:var(--slate);display:block}.product-price--compact{font-size:0.8125rem;font-weight:700;color:var(--slate)}.product-price--compact strong{font-size:1rem;font-weight:700;color:var(--navy)}.product-card-footer--compact{padding:8px 10px}.wish-btn{width:30px;height:30px}.wish-btn svg{width:16px;height:16px}.wish-btn.is-active{color:var(--danger)}.wish-form{margin:0;padding:0;line-height:0;position:relative;z-index:1}.unavailable-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:99px;font-size:0.625rem;font-weight:600;background:#FEF2F2;color:var(--danger);white-space:nowrap;line-height:1.2}.unavailable-dot{width:5px;height:5px;border-radius:50%;background:var(--danger);flex-shrink:0}.product-gallery{display:flex;gap:10px;align-items:flex-start}.gallery-main{flex:1;position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;aspect-ratio:1/1;background:var(--surface);touch-action:pan-y;contain:layout paint style}.gallery-strip{display:flex;width:100%;height:100%;transition:transform .25s ease}.gallery-main.is-swiping .gallery-strip{will-change:transform;transition:none}.gallery-slide{flex:0 0 100%;width:100%;height:100%}.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.gallery-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.gallery-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s ease,transform .2s ease}.gallery-dot.active{background:var(--white);transform:scale(1.3)}.gallery-thumbs{display:none;flex-direction:column;gap:8px;width:72px;flex-shrink:0}.gallery-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;transition:border-color var(--transition),opacity var(--transition);opacity:.65}.gallery-thumb.active{border-color:var(--accent);opacity:1}.breadcrumb{margin-bottom:20px}.breadcrumb ol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;font-size:0.8125rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted)}.breadcrumb-sep{color:var(--border)}.breadcrumb-current{color:var(--navy);font-weight:500}.product-detail{align-items:start;margin-bottom:24px}.product-title{font-size:1.625rem;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:12px}.product-detail-price{margin-bottom:16px}.product-detail-price .currency{font-size:1rem;font-weight:700;color:var(--slate)}.product-detail-price .amount{font-size:1.75rem;font-weight:700;color:var(--navy)}.product-image-single,.product-image-empty{width:100%;aspect-ratio:1/1;border-radius:var(--radius-lg);border:1px solid var(--border)}.product-image-single{object-fit:cover}.product-image-empty{background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--slate-light)}.size-chart-trigger{background:none;border:none;color:var(--accent);font-size:0.8125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.size-chart-trigger svg{width:14px;height:14px}.qty-field{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.qty-field-label{font-size:0.75rem;font-weight:600;color:var(--slate);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.qty-field .form-control{width:88px}.product-description{font-size:0.9375rem;color:var(--text-muted);line-height:1.7;margin-bottom:16px;white-space:pre-line}.review-list-title-count{font-weight:400;color:var(--slate-light);font-size:.9rem}.review-avatar{width:32px;height:32px;background:var(--navy);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0}.review-author{font-size:0.875rem;font-weight:600;color:var(--navy)}.review-badge{font-size:0.6875rem;background:#DCFCE7;color:#15803D;padding:1px 7px;border-radius:99px;font-weight:600;display:inline-block}.review-date{font-size:0.75rem;color:var(--slate)}.review-text{font-size:0.875rem;color:var(--text);line-height:1.6}.review-empty{padding:32px 0;text-align:left}.review-form-card{position:sticky;top:88px}.page-title{font-size:1.5rem;font-weight:700;color:var(--navy);margin-bottom:4px}.page-subtitle{font-size:0.9375rem;color:var(--text-muted);margin-bottom:24px}.section-title{font-size:1.125rem;font-weight:700;color:var(--navy);margin-bottom:16px}.section-title-sm{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:6px}.stars-lg{font-size:1rem}.chip-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;font-size:0.8125rem;font-weight:500;border:1.5px solid var(--border);color:var(--slate);background:var(--white);cursor:pointer;transition:border-color var(--transition),color var(--transition),background-color var(--transition);text-decoration:none}.chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);text-decoration:none}.chip.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:0.75rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%}.status-pending{background:#FEF3C7;color:#92400E}.status-pending .status-dot{background:var(--warning)}.status-confirmed{background:var(--accent-tint);color:var(--accent-dark)}.status-confirmed .status-dot{background:var(--accent)}.status-shipped{background:#F0F9FF;color:#0369A1}.status-shipped .status-dot{background:#0EA5E9}.status-delivered{background:#F0FDF4;color:#15803D}.status-delivered .status-dot{background:var(--success)}.status-cancelled{background:#FEF2F2;color:var(--danger)}.status-cancelled .status-dot{background:var(--danger)}.status-stock-in{background:#F0FDF4;color:#15803D}.status-stock-out{background:#FEF2F2;color:var(--danger)}.progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .5s ease}.progress-fill.success{background:var(--success)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:0.875rem;color:var(--text);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.two-col{display:grid;grid-template-columns:1fr;gap:24px}.checkout-grid{display:grid;grid-template-columns:1fr;gap:24px}.checkout-grid--tight{gap:14px;padding:0 20px}.checkout-grid--tight .card-body{padding:14px 20px}.checkout-grid--tight .form-group,.checkout-grid--tight .mb-4{margin-bottom:12px}.checkout-grid--tight .two-col{gap:12px}.cart-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);align-items:flex-start;overflow:hidden;contain:layout paint style}.cart-item:last-child{border-bottom:none}.cart-item-img,.cart-item-no-img{width:68px;height:68px;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0}.cart-item-img{object-fit:cover}.cart-item-no-img{background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--slate-light)}.cart-item-no-img svg{width:24px;height:24px}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:0.875rem;font-weight:600;color:var(--navy);margin-bottom:3px;word-break:break-word}.cart-item-unit-price{font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.cart-item-subtotal{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:10px}.cart-item-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cart-cards-wrap{display:block}.cart-table-wrap{display:none}.cart-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.cart-table-thumb,.cart-table-no-thumb{width:52px;height:52px;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0}.cart-table-thumb{object-fit:cover}.cart-table-no-thumb{background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--slate-light)}.cart-table-no-thumb svg{width:20px;height:20px}.cart-table-name{font-size:0.875rem;font-weight:600;color:var(--navy)}.summary-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.summary-total-label{font-weight:700;font-size:1rem;color:var(--navy)}.summary-total-value{font-weight:700;font-size:1.25rem;color:var(--navy)}.info-row-label--truncate{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star-display{color:#F59E0B}.star-empty{color:var(--border)}.auth-wrapper{max-width:440px;margin:0 auto;padding:0 20px}.auth-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.auth-header{background:var(--navy);padding:28px 32px;text-align:center}.auth-header h1{font-size:1.375rem;font-weight:700;color:var(--white);margin-bottom:4px}.auth-header p{font-size:0.875rem;color:#93C5FD}.auth-body{padding:28px 32px}.auth-footer{text-align:center;padding:16px 32px;border-top:1px solid var(--border);font-size:0.875rem;color:var(--text-muted);background:var(--surface)}.auth-footer a{color:var(--accent);font-weight:600}.empty-state{text-align:center;padding:64px 20px}.empty-state-icon{width:72px;height:72px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--slate-light)}.empty-state-icon svg{width:32px;height:32px}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--navy);margin-bottom:8px}.empty-state p{font-size:0.9rem;color:var(--text-muted);margin-bottom:24px}.info-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.info-box-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);margin-bottom:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:0.875rem;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--text-muted)}.info-row-value{font-weight:600;color:var(--navy)}.info-row-value.accent{color:var(--accent)}.order-sidebar{position:static}@media (min-width:1024px){.order-sidebar{position:sticky;top:76px}}.pagination-wrap{margin:2rem 0 1rem;text-align:center}.pagination{list-style:none;display:inline-flex;gap:6px;padding:0;margin:0 0 .5rem;flex-wrap:wrap;justify-content:center}.page-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--navy);text-decoration:none;font-size:0.875rem;font-weight:600;transition:border-color var(--transition),color var(--transition),background var(--transition);min-height:36px}.page-btn--active{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:600;pointer-events:none}.pagination-info{font-size:0.8125rem;color:var(--text-muted)}.sort-bar{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.sort-btn{padding:6px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.8125rem;color:var(--slate);text-decoration:none;transition:border-color var(--transition),color var(--transition),background var(--transition)}.sort-btn--active{background:var(--navy);color:var(--white);border-color:var(--navy)}footer{background:var(--navy);color:var(--slate-light);font-size:0.8125rem;padding:24px 20px;margin-bottom:0}.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}footer a{color:#93C5FD;text-decoration:none}.footer-track{display:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.text-muted{color:var(--text-muted)}.text-navy{color:var(--navy)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-center{text-align:center}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex-wrap{flex-wrap:wrap}.font-normal{font-weight:400}.text-slate{color:var(--slate)}.mb-0{margin-bottom:0}.is-hidden{display:none !important}.nowrap{white-space:nowrap}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}@media (min-width:480px){.product-grid{gap:12px}}@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}.gallery-thumbs{display:flex}.gallery-dots{display:none}.gallery-main{cursor:default}}@media (max-width:639px){main{padding:20px 16px 40px}.auth-body,.auth-header,.auth-footer{padding-left:20px;padding-right:20px}.card-body{padding:16px}.data-table th,.data-table td{padding:10px 12px}}@media (min-width:768px){.cart-table-wrap{display:block}.cart-cards-wrap{display:none}}@media (min-width:1024px){body{padding-bottom:0}.mobile-nav{display:none !important}.footer-track{display:inline-flex}.nav-search-desktop{max-width:480px;margin:0 auto}.nav-search-desktop input{height:40px;padding:0 44px 0 14px;font-size:0.875rem}.nav-search-desktop button{right:10px;padding:4px}.nav-inner{height:64px;padding:0 24px;gap:16px}.nav-logo{font-size:1.25rem}.nav-logo svg{width:28px;height:28px}.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}.two-col{grid-template-columns:1fr 1fr}.checkout-grid{grid-template-columns:1fr 380px}}@media (max-width:1023px){.mobile-nav{display:block}.nav-actions .btn-nav-login,.nav-actions .btn-nav-register,.nav-actions .nav-dropdown{display:none}.nav-cart-icon{display:none !important}}@media (max-width:1023px){.form-control,textarea.form-control,select.form-control,.qty-input,.nav-search-desktop input{font-size:16px}.cart-item{content-visibility:auto;contain-intrinsic-size:auto 120px}}@media (max-width:359px){main{padding:16px 12px 36px}.product-grid{gap:8px}.product-card-body{padding:12px}}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.nav-logo:hover{color:var(--accent);text-decoration:none}.nav-search-desktop button:hover{color:var(--accent)}.nav-icon-btn:hover{background:var(--surface);color:var(--navy);text-decoration:none}.nav-dropdown-toggle:hover{border-color:var(--accent);background:var(--surface)}.nav-dropdown-menu a:hover,.nav-dropdown-menu button:hover{background:var(--surface);text-decoration:none}.btn-nav-login:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.btn-nav-register:hover{background:var(--accent-dark);color:var(--white);text-decoration:none}.mobile-nav-item:hover{color:var(--accent);text-decoration:none}.btn:hover{text-decoration:none}.btn-primary:hover{background:var(--accent-dark);color:var(--white);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-navy:hover{background:var(--navy-mid);color:var(--white)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.btn-danger:hover{background:#B91C1C;color:var(--white)}.btn-ghost:hover{color:var(--danger);background:#FEF2F2}.btn-whatsapp:hover{background:#166534;color:var(--white)}.btn-update:hover{border-color:var(--accent);color:var(--accent)}.btn-remove:hover{background:#FEF2F2;border-color:var(--danger)}.size-option span:hover{border-color:var(--accent)}.btn-outline.is-wishlisted:hover{color:var(--danger);border-color:var(--danger);background:#FEF2F2}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#CBD5E1}.gallery-thumb:hover{opacity:1}.breadcrumb a:hover{color:var(--accent)}.chip:not(.active):hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);text-decoration:none}.data-table tbody tr:hover td{background:var(--surface)}.page-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);text-decoration:none}.sort-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}footer a:hover{color:var(--white)}}.nav-logo:active{color:var(--accent);text-decoration:none}.chip:not(.active):active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);text-decoration:none}.sort-btn:not(.sort-btn--active):active{border-color:var(--accent);color:var(--accent);text-decoration:none}.product-card:active{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#CBD5E1}.btn-whatsapp:active{background:#166534;color:var(--white)}