@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root,:root[data-theme=autumn]{--color-primary: rgba(200,0,0,.9);--color-bg: #ffffff;--color-title: #0F0E0E;--color-text: rgba(0, 0, 0, .86);--color-muted: #9aa0a6;--color-border: #e5e7eb;--color-surface: #ffffff;--focus-ring: 2px solid color-mix(in srgb, var(--color-primary) 70%, white);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 8px 20px rgba(0,0,0,.08);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sans: "Inter", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 44px;--transition-fast: .15s ease;--transition-base: .22s cubic-bezier(.2,.8,.2,1);--color-pending:#ffecb3;--color-processing: #bbdefb;--color-shipped: #c8e6c9;--color-completed: #89d137;--color-canceled: #ffcdd2}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;color:var(--color-text);background:var(--color-bg)}img,svg,video,canvas{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-weight:800;color:var(--color-title);letter-spacing:-.01em}h1{font-size:clamp(28px,3.2vw,40px)}h2{font-size:clamp(22px,2.6vw,32px)}h3{font-size:clamp(18px,2.2vw,26px)}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}.button,button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-md);padding:10px 16px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 70%,white)}.btn-outline:hover{background:color-mix(in srgb,var(--color-primary) 7%,white)}.btn-subtle{background:#f7f7f7;color:var(--color-title)}.btn-subtle:hover{background:#f1f1f1}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border)}.tab{position:relative;padding:12px 14px;font-weight:600;color:var(--color-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.tab:hover{color:color-mix(in srgb,var(--color-muted) 40%,black)}.tab.is-active{color:var(--color-title)}.tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--color-primary)}.icon-sm{width:18px;height:18px;display:inline-block;vertical-align:middle;color:var(--color-primary)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:#9aa0a6}input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 65%,#cccccc);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.stack>*+*{margin-top:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}:focus-visible{outline:var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#bfc5cc}*::-webkit-scrollbar-track{background:#f3f4f6}.text-muted{color:var(--color-muted)}.text-title{color:var(--color-title);font-weight:800}.text-body{color:var(--color-text)}.bg-surface{background:var(--color-surface)}.border{border:1px solid var(--color-border);border-radius:var(--radius-md)}.item-page-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1200px;margin:var(--space-8) auto;padding:0 var(--space-6)}.item-left-side{display:flex;flex-direction:column;gap:var(--space-4)}.item-main-image{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.item-main-image img,.item-main-image iframe,.item-main-image video{width:100%;height:100%;object-fit:cover}.item-thumbnails-wrapper{display:flex;align-items:center;gap:var(--space-2)}.item-thumb-arrow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;color:var(--color-title);font-size:20px}.item-thumb-arrow:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.item-thumb-arrow:active{transform:scale(.95)}.item-thumbnails{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;flex:1;justify-content:center}.item-thumbnail{width:auto;max-width:70px;height:70px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);flex-shrink:0;flex-grow:1}.item-thumbnail:hover{border-color:var(--color-muted)}.item-thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.item-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2);max-width:100%}.item-spec-cell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;transition:all var(--transition-fast);min-width:0}.item-spec-cell:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-spec-icon{font-size:28px;margin-bottom:var(--space-2)}.item-spec-value{font-size:var(--text-md);font-weight:700;color:var(--color-title);margin-bottom:var(--space-1);word-break:break-word}.item-spec-label{font-size:11px;color:var(--color-muted);line-height:1.3}.difficulty-stars-container{display:flex;gap:2px;justify-content:center;align-items:center}.difficulty-star{font-size:14px;transition:all var(--transition-fast)}.difficulty-star.filled{color:var(--color-primary)}.difficulty-star.empty{color:transparent;-webkit-text-stroke:1.5px var(--color-primary);text-stroke:1.5px var(--color-primary)}.difficulty-star-container{position:relative;display:inline-block}.difficulty-star.half{position:absolute;left:0;top:0;color:var(--color-primary)}.item-right-side{display:flex;flex-direction:column;gap:var(--space-5)}.item-title{font-size:var(--text-3xl);font-weight:800;color:var(--color-title);margin:0;line-height:1.2}.item-rating-section{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.item-rating-stars{display:flex;gap:4px}.item-rating-star{color:#fbbf24;font-size:18px}.item-rating-text{color:var(--color-text);font-size:var(--text-sm)}.item-hot-pick{background:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.item-user-rating{display:flex;align-items:center;gap:var(--space-3)}.item-user-rating-label{font-size:var(--text-sm);color:var(--color-text)}.item-user-rating-stars{display:flex;gap:6px}.item-user-star{color:#d1d5db;font-size:20px;cursor:pointer;transition:all var(--transition-fast)}.item-user-star.filled{color:#fbbf24}.item-user-star:hover{transform:scale(1.15)}.item-price-section{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);padding:var(--space-4)}.item-sale-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2)}.item-price-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.item-prev-price{font-size:var(--text-lg);color:var(--color-muted);text-decoration:line-through}.item-current-price{font-size:var(--text-3xl);font-weight:800;color:var(--color-title)}.item-tax-note{font-size:var(--text-xs);color:var(--color-muted)}.item-description{font-size:var(--text-md);line-height:1.8;color:var(--color-text);margin:0}.item-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.item-btn{padding:14px 24px;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all var(--transition-base);border:none}.item-btn-favorite{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.item-btn-favorite:hover,.item-btn-cart{background:var(--color-primary);color:#fff}.item-btn-cart:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-btn-buy{grid-column:1 / -1;background:var(--color-title);color:#fff}.item-btn-buy:hover{background:#000;transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-additional-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.item-info-item{font-size:var(--text-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-main-img{width:100%;aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-thumbnail{width:70px;height:70px;border-radius:var(--radius-sm)}.skeleton-spec-cell{height:100px;border-radius:var(--radius-md)}.skeleton-title{height:40px;width:80%}.skeleton-rating{height:24px;width:60%}.skeleton-price{height:80px;width:100%}.skeleton-description{height:120px;width:100%}.skeleton-button{height:50px;width:100%}.skeleton-button-full{height:50px;width:100%;grid-column:1 / -1}@media (max-width: 968px){.item-page-container{grid-template-columns:1fr;gap:var(--space-6)}.item-specs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.item-action-buttons{grid-template-columns:1fr}.item-btn-buy{grid-column:1}.item-thumbnails{gap:var(--space-1)}.item-thumbnail{width:60px;height:60px}.item-title{font-size:var(--text-2xl)}}.custom-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:90vw;width:fit-content;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:999;display:flex;align-items:center;gap:10px;animation:bounceIn .6s ease forwards;font-family:var(--font);font-weight:400;word-break:break-word;text-align:center}.custom-toast.success{background-color:#28a745;z-index:99999}.custom-toast.error{background-color:#dc3545}.custom-toast.info{background-color:#f2c900}.custom-toast.fade-out{animation:bounceOut .5s ease forwards}@keyframes bounceIn{0%{transform:translate(-50%) translateY(-200%) scale(.3);opacity:0}60%{transform:translate(-50%) translateY(20px) scale(1.1);opacity:1}80%{transform:translate(-50%) translateY(-10px) scale(.95)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes bounceOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}60%{transform:translate(-50%) translateY(20px) scale(1.1);opacity:1}to{transform:translate(-50%) translateY(-200%) scale(.3);opacity:0}}@media (max-width: 480px){.custom-toast{font-size:.9rem;padding:10px 16px}}.wave-heading-container{display:flex;justify-content:center;width:100%;margin-top:40px}.wave-heading{cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:40px;letter-spacing:2px;text-transform:uppercase;text-align:center}.wave-letter{display:inline-block}.wave-letter.animate{animation:wave .6s ease}@keyframes wave{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(4px)}to{transform:translateY(0)}}@media (max-width: 768px){.wave-heading{font-size:38px}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999}.cart-sidebar{position:fixed;top:0;right:0;width:min(92vw,420px);height:100%;background:var(--color-bg);border-left:1px solid var(--color-border);z-index:1000;padding:16px 16px 80px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md)}.close-btn-cart{position:absolute;top:10px;right:12px;width:36px;height:36px;background:transparent;color:var(--color-title);cursor:pointer;font-size:22px;line-height:1}.cart-items{margin-top:48px;display:grid;gap:12px;flex:1;overflow-y:auto;min-height:0}.cart-item{position:relative;display:grid;grid-template-columns:64px 1fr auto;gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:10px}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:8px}.remove-item-btn{position:absolute;top:6px;right:6px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#999}.cart-item-info p{margin:0 0 6px;font-size:.95rem}.quantity-controls{display:inline-flex;align-items:center;gap:8px}.qty-btn{min-width:28px;height:28px;border-radius:999px;border:1px solid #ddd;background:#fff;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.qty-btn--max{background:#f5f5f5;color:var(--color-primary);cursor:not-allowed}.qty-btn--max:hover{background:#7d1616}.stock-hint{font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;color:var(--color-primary);white-space:nowrap}.quantity-controls button{width:25px;height:25px;display:flex;justify-content:center;align-items:center;background:var(--color-primary);color:#fff;font-size:18px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.quantity-controls button:hover{background:color-mix(in srgb,var(--color-primary) 85%,rgb(255,255,255))}.plus-btn.disabled{opacity:.5;pointer-events:none}.cart-item-stock{color:var(--color-primary);font-family:var(--font-sans);font-weight:500}.cart-total-row{margin:14px 0 6px;font-weight:800;font-size:1.05rem}.item-total{font-weight:700;align-self:center;margin-right:6px}.cart-total-label{margin:20px 0 6px;font-weight:800;font-size:1.05rem}.cart-note{margin:0 0 10px;color:#666}.checkout-btn{width:100%;padding:12px 14px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:700;cursor:pointer}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.cart-hint{margin:12px 0;color:#666;text-align:center}.featured-container{display:flex;flex-direction:column}.home-cards{margin:28px auto 40px;padding-inline:clamp(8px,2vw,16px)}.home-cards__error{color:var(--color-danger, #b00020);font-weight:600;padding:12px 0}.home-cards__grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.home-cards__cta{display:flex;justify-content:center;margin-top:22px}.btn-outline{width:auto;border:1px solid var(--color-primary);color:var(--color-bg);background:var(--color-primary);padding:12px 22px;border-radius:999px;font-weight:550;font-size:large;transition:background .2s ease,color .2s ease}.btn-outline:hover{background:var(--color-bg);color:var(--color-primary)}@media (max-width: 900px){.featured-container{align-items:center}.home-cards__grid{grid-template-columns:repeat(1,1fr);gap:40px;width:500px}}@media (max-width: 570px){.home-cards__grid{width:400px}}@media (max-width: 440px){.home-cards__grid{width:300px}}.home-cards__grid>*{min-width:0}:root{--card-gap: 10px;--card-radius: 10px;--focus-ring: var(--ring, 2px solid rgba(0,0,0,.2));--transition-base: .3s ease}.product-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;display:grid;gap:var(--card-gap);text-decoration:none;color:inherit;outline:none}.product-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}.product-card__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--card-radius);background:var(--surface-2, #f4f4f4)}.product-card__media>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover!important;transform:translateZ(0);transition:transform var(--transition-base)}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__media>img{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.product-card__media>img{transition:none}}.product-card__meta{display:grid;gap:6px}.product-card__title{font-size:var(--text-xl);font-weight:600;color:var(--color-title);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-card__price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-lg)}.product-card__price-group{display:inline-flex;align-items:baseline;gap:8px}.product-card__price{font-weight:700;color:var(--color-title)}.product-card__price.is-sale{color:var(--color-primary)}.product-card__price-prev{color:var(--color-muted);text-decoration:line-through;font-weight:500}.product-card__add-btn{padding:6px 12px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);border:none;border-radius:6px;background:var(--color-primary, #000);color:#fff;cursor:pointer;opacity:0;transform:translate(10px);transition:opacity var(--transition-base),transform var(--transition-base);white-space:nowrap}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__add-btn{opacity:1;transform:translate(0)}}.product-card__add-btn:hover{background:var(--color-primary-dark, #333)}.product-card__add-btn:active{transform:scale(.98)}.product-card__badges{position:absolute;top:8px;left:8px;z-index:2;display:flex;flex-direction:column;gap:6px}.product-card__badge{padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px;background:#000000b3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:fit-content}.product-card__badge--sale{background:#dc2626e6}.product-card__badge--new{background:#000000b3}.product-card__out-of-stock{font-size:var(--text-md);font-weight:600;color:#dc2626;text-align:left}@media (prefers-reduced-motion:reduce){.product-card__add-btn{transition:none}}@media (hover: none) and (pointer: coarse){.product-card__add-btn{opacity:1!important;transform:translate(0)!important;pointer-events:auto!important}}.hero-slider{position:relative;width:100%;height:clamp(600px,72vh,1000px);overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-base)}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;padding-left:min(8vw,120px);padding-right:min(8vw,120px);color:#fff;pointer-events:none}.hero-arrows{position:absolute;right:min(2vw,28px);top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:3}.hero-arrow{width:42px;height:42px;border-radius:999px;background:#ffffff24;color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-arrow:hover{background:#fff;color:#777;transform:translateY(-1px)}.hero-arrow:active{transform:translateY(0)}.hero-dots{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-dot{width:7px;height:7px;border-radius:999px;background:#ffffffa6;border:0;padding:0;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.hero-dot.is-active{background:#c80000e6;transform:scale(1.2)}.hero-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;pointer-events:none;padding-left:min(4vw,48px);padding-right:min(8vw,120px);color:#fff;z-index:2;justify-items:start;opacity:0;transform:translateY(6px)}.hero-slide.is-active .hero-copy.copy-in{opacity:1;transform:translateY(0);transition:opacity .42s ease .25s,transform .42s ease .25s}.hero-slide .hero-copy.copy-out{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.hero-copy__label,.hero-copy__title,.hero-copy__cta{pointer-events:auto;opacity:0;transform:translateY(8px)}.hero-copy__title{color:#fff!important}.hero-slide.is-active .hero-copy.copy-in .hero-copy__label{transition:opacity .32s ease .32s,transform .32s ease .32s;opacity:.92;transform:translateY(0)}.hero-slide.is-active .hero-copy.copy-in .hero-copy__title{transition:opacity .38s ease .42s,transform .38s ease .42s;opacity:1;transform:translateY(0)}.hero-slide.is-active .hero-copy.copy-in .hero-copy__cta{transition:opacity .38s ease .52s,transform .38s ease .52s,background .18s ease,color .18s ease;opacity:1;transform:translateY(0)}.hero-copy__label{font-size:clamp(12px,1.6vw,18px);font-weight:600;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.hero-copy__title{font-size:var(--text-4xl);font-weight:700;font-family:var(--font-sans);line-height:1.05;letter-spacing:.2px;max-width:min(720px,60vw);margin:0 0 18px;text-shadow:0 3px 10px rgba(0,0,0,.35)}.hero-copy__cta{pointer-events:all;display:inline-grid;place-items:center;height:44px;padding:0 22px;border-radius:999px;border:none;background:#c80000e6;color:#fff;font-weight:700;font-size:var(--text-md);font-family:var(--font-sans);box-shadow:0 10px 24px #00000040}.hero-copy__cta:hover{background:#fff;color:#c80000e6}@media (max-width: 560px){.hero-arrow{width:44px;height:44px}.hero-dot{width:8px;height:8px}}@media (max-width: 480px){.hero-slider{height:clamp(360px,70vh,520px);touch-action:pan-y}.hero-copy{padding-left:min(4vw,16px);padding-right:min(4vw,16px);place-items:center;text-align:center}.hero-copy__title{font-size:var(--text-4xl);max-width:85vw;text-shadow:0 2px 6px rgba(0,0,0,.35)}.hero-copy__label{font-size:clamp(12px,3.4vw,15px)}.hero-copy__cta{margin-top:8px;height:40px;padding:0 18px;justify-self:center}.hero-arrows,.hero-dots{display:none}}@media (max-width: 480px){.hero-slide img{object-position:right center}}:root{--tabs-gap: 24px;--tabs-underline-height: 2px;--tabs-radius: 10px}.tabs-wrap{width:100%;margin:0 auto 18px;text-align:center}.tabs-align-left,.tabs-align-center{text-align:center}.tabs-align-right{text-align:right}.tabs{display:inline-flex;gap:var(--tabs-gap);position:relative;border:none;padding-bottom:4px}.tabs-stretch .tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px 4px;cursor:pointer;font-weight:600;font-family:var(--font-sans);color:var(--color-text-muted, #666);position:relative;border-radius:6px;outline:none;white-space:nowrap}.tab:focus-visible{outline:var(--focus-ring, 2px solid rgba(0,0,0,.25));outline-offset:3px}.tabs-size-md .tab{font-size:var(--text-lg)}.tabs-size-lg .tab{font-size:var(--text-xl, 1.125rem);padding:8px 6px}.tabs-variant-underline .tab.is-active{color:var(--color-primary)}.tabs-variant-underline .tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:var(--tabs-underline-height);background:var(--color-primary);border-radius:2px}.tabs-variant-pill .tabs{border-bottom:0}.tabs-variant-pill .tab{padding:8px 14px;background:var(--surface-2, #f4f4f4)}.tabs-variant-pill .tab.is-active{background:var(--color-primary-10, rgba(255,0,0,.08));color:var(--color-title);box-shadow:inset 0 0 0 1px var(--color-primary-30, rgba(255,0,0,.3))}@media (prefers-reduced-motion: reduce){.tab,.tabs{transition:none!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#eee 25%,#ddd,#eee 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;filter:blur(4px)}.product-card.is-skeleton{pointer-events:none}.product-card.is-skeleton .product-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--card-radius, 10px);background:var(--surface-2, #f4f4f4)}.skeleton-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.skeleton-title{height:1.15em;width:70%;border-radius:4px;margin-top:6px}.skeleton-price{display:inline-block;height:1.1em;width:72px;border-radius:999px;margin-top:2px}.skeleton-price--prev{width:64px;margin-right:8px;opacity:.6}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a,#3a3a3a 75%)}.nav{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);will-change:transform;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.nav--hidden{transform:translateY(-100%)}.nav__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:14px clamp(16px,4vw,48px);width:100%;max-width:100%}.nav__center{justify-self:center;width:100%}.nav__brand{display:flex;align-items:center;gap:var(--space-3)}.nav__logo img,.nav__logo--placeholder{height:60px;width:auto;display:block}.nav__logo--placeholder{width:120px;border-radius:6px;background:color-mix(in srgb,var(--color-title) 8%,white)}.nav__tagline{font-size:var(--text-sm)}.nav__links{justify-self:center;display:flex;gap:clamp(10px,2.2vw,28px)}.nav__link{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--color-title);text-decoration:none;padding:6px 4px;border-radius:6px;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.nav__right{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:nowrap;flex-shrink:0}.nav__icon-btn{background:transparent;border:0;padding:8px;border-radius:10px;cursor:pointer;color:var(--color-title);transition:background var(--transition-fast),transform var(--transition-fast)}.nav__icon-btn:hover{background:color-mix(in srgb,var(--color-primary) 6%,white);transform:translateY(-1px)}.nav__burger{display:none;width:40px;height:40px;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#333}.nav__burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:1px}.nav__burger:hover{opacity:.85}.nav__burger:active{transform:translateY(1px)}.only-desktop{display:inline-flex}.only-mobile{display:none}@media (max-width: 1045px){.only-mobile{display:inline-flex}}@media (max-width: 1045px){.nav__inner{grid-template-columns:42px 1fr auto}.nav__center{display:none}}@media (max-width: 1368px){.nav__links{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;column-gap:clamp(12px,2vw,24px);row-gap:6px}.nav__right{gap:10px}}@media (max-width: 1100px){.nav__links{column-gap:16px}}@media (max-width: 1045px){.nav__inner{grid-template-columns:42px 1fr auto;grid-template-rows:auto}.nav__burger{display:inline-flex}.nav__brand{justify-self:center}.nav__links{display:none}.only-desktop{display:none!important}.only-mobile{display:inline-flex}.nav__right{gap:10px}}.mega{position:absolute;left:0;right:0;top:100%;display:none;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transform:translateY(-6px);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base);z-index:40}.mega.is-open{display:block;transform:translateY(0);opacity:1;pointer-events:auto}.mega__inner{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6);padding:18px clamp(16px,4vw,48px)}.mega__left{margin:0;padding:0;list-style:none;border-right:1px solid var(--color-border)}.mega__left-btn{width:100%;text-align:left;padding:20px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--color-title);font-size:1.1rem;font-weight:430;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.mega__arrow{font-size:1rem;opacity:.35;transform:translate(0);transition:transform .25s ease,opacity .25s ease}.mega__left-btn:hover .mega__arrow{transform:translate(2px);opacity:.6;color:var(--color-primary)}.mega__left-btn.is-active .mega__arrow{opacity:.8;transform:translate(3px)}.mega__left-btn:hover{text-decoration:underline;color:var(--color-primary)}.mega__left-btn.is-active{color:var(--color-title)}.mega__right{padding-inline:2px}.mega__heading{margin:2px 0 10px;font-size:var(--text-lg);font-weight:450}.mega__grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:0px 10px}.mega__item{display:block;padding:8px 6px;border-radius:8px;color:#8f8f8f;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.mega__item:hover{transform:translateY(-1px);color:var(--color-primary)}.mega__right-anim{animation:megaFadeIn .26s ease both}@keyframes megaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mega__left-link{display:block;text-decoration:none;cursor:pointer}@media (max-width: 1045px){.mega{display:none!important}}.mega--brands .mega__inner{display:flex;justify-content:center;padding:22px clamp(16px,4vw,48px)}.brands-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(160px,220px));gap:clamp(18px,4vw,48px);align-items:start}.brand-card{text-align:center}.brand-link{text-decoration:none;font-size:var(--text-lg);color:var(--color-title);display:inline-flex;flex-direction:column;align-items:center;gap:10px}.brand-img-wrap{width:clamp(140px,18vw,200px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--color-surface)}.brand-img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .26s ease}.brand-link:hover .brand-img{transform:scale(1.05)}.brand-link:hover{color:var(--color-primary)}.brand-name{font-weight:450;letter-spacing:.3px;font-size:clamp(14px,1.1vw,18px)}@media (max-width: 1045px){.mega--brands{display:none!important}}.mega--gift .mega__inner{display:flex;justify-content:center;padding:22px clamp(16px,4vw,48px)}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,220px));gap:clamp(32px,4vw,60px)}.gift-col{display:flex;flex-direction:column;gap:8px}.gift-heading{font-weight:450;font-size:var(--text-lg);margin-bottom:6px}.gift-link{text-decoration:none;color:#8f8f8f;transition:color .18s ease}.gift-link:hover{color:var(--color-primary)}@media (max-width: 1045px){.mega--gift{display:none!important}}.search-overlay-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400}.search-overlay__backdrop-nav{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.search-overlay__panel-nav{position:relative;top:10px;margin:calc(var(--nav-height, 72px) + 8px) auto 16px;max-width:720px;width:min(100% - 24px,720px);background:var(--color-bg, #fff);border-radius:var(--radius-lg, 16px);border:1px solid var(--color-border, #ddd);box-shadow:var(--shadow-lg, 0 14px 40px rgba(0, 0, 0, .12));padding:12px 14px 14px;max-height:calc(100vh - var(--nav-height, 72px) - 32px);overflow:auto}.search-overlay__close-nav{position:absolute;top:8px;left:8px;border:0;width:28px;height:28px;border-radius:999px;background:transparent;cursor:pointer}.search-overlay__panel-nav>.searchbox{margin-top:24px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:none;z-index:99}.mobile-menu.is-open{display:block}.mobile-menu__panel{position:absolute;top:0;left:0;width:min(88vw,380px);height:100%;background:var(--color-bg);border-right:1px solid var(--color-border);display:grid;grid-template-rows:auto 1fr auto;box-shadow:var(--shadow-md);padding-bottom:env(safe-area-inset-bottom)}.mobile-header{position:sticky;top:90px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;padding:12px 10px;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1}.mobile-title{margin:0;text-align:center;font-size:var(--text-lg);font-weight:500}.mobile-back,.mobile-close{height:40px;width:40px;display:grid;place-items:center;border-radius:10px;background:transparent;color:var(--color-title);border:none;cursor:pointer}.mobile-list,.mobile-scroller{overflow:auto;padding:10px 6px 14px;margin-top:90px}.mobile-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:none;color:var(--color-title);font-weight:450;font-size:16px;padding:14px 12px;border-radius:10px;cursor:pointer;text-decoration:none}.mobile-link.with-thumb{padding:8px 10px}.mobile-thumb{width:150px;height:150px;border-radius:8px;object-fit:cover}.mobile-section{padding:8px 6px}.mobile-section__title{font-size:13px;font-weight:700;color:#8f8f8f;margin:8px 6px;text-transform:uppercase;letter-spacing:.04em}.mobile-accordion{border-bottom:1px solid var(--color-border)}.mobile-accordion:first-of-type{border-top:1px solid var(--color-border)}.mobile-accordion__summary{list-style:none;padding:14px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:400}.mobile-accordion__summary::-webkit-details-marker{display:none}.caret{transition:transform .18s ease;opacity:.6}.mobile-accordion[open] .caret{transform:rotate(90deg)}.mobile-accordion__panel{padding:4px 6px 10px}.mobile-subitem{display:block;padding:10px 12px;margin:2px 0;color:var(--color-text);text-decoration:none;border-radius:8px}.mobile-subitem:hover{color:var(--color-primary)}.mobile-view{will-change:transform}.mobile-view.is-root,.mobile-view.is-sub,.mobile-view.is-root .mobile-list{transform:translate(0)}.mobile-view.is-root .mobile-scroller{transform:translate(100%);display:none}.mobile-view.is-sub .mobile-list{transform:translate(-100%);display:none}.mobile-view.is-sub .mobile-scroller{transform:translate(0);display:block}.mobile-menu__footer{margin-top:0;padding:12px;border-top:1px solid var(--color-border)}.login-link{font-weight:700;color:var(--color-primary);text-decoration:none}Base .searchbox{position:relative;width:100%}.searchbox__field{display:flex;align-items:center;margin:20px;background:var(--color-surface);overflow:hidden;height:45px;min-width:0}.searchbox__input{flex:1;height:100%;border:0;background:transparent;padding:0 12px 0 14px;font-size:var(--text-);font-family:var(--text-sans);color:var(--color-text);margin:10px}.searchbox__input:focus{outline:none}.searchbox--desktop .searchbox__panel{position:fixed;top:calc(var(--nav-height, 72px) + 8px);left:50%;transform:translate(-50%);z-index:999;background:var(--color-bg, #fff);border:1px solid var(--color-border, #ddd);border-radius:14px;box-shadow:var(--shadow-lg, 0 14px 40px rgba(0,0,0,.12));padding:16px 18px 12px;width:min(96vw,1280px)}@media (max-width: 1200px){.searchbox__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 980px){.searchbox__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.searchbox__grid{grid-template-columns:repeat(2,1fr)}}.searchbox__all{width:100%;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--color-primary);color:var(--color-bg);font-family:var(--text-sans);font-size:var(--text-md);font-weight:600;cursor:pointer}.searchbox--mobile .searchbox__panel-mobile{width:100%;max-width:640px;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:12px;max-height:calc(100vh - 24px - var(--nav-height, 72px));overflow:auto;transform:translateY(0);transition:transform var(--transition-base),opacity var(--transition-base)}.searchbox__icon-btn{height:100%;border:0;background:var(--color-primary);color:#fff;padding:0 14px;display:grid;place-items:center;cursor:pointer}.searchbox__icon-btn:hover{filter:brightness(1.05)}.searchbox--mobile .searchbox__overlay{position:fixed;top:var(--nav-height, 72px);left:0;right:0;bottom:0;background:#00000059;z-index:1400;display:flex;justify-content:center;align-items:flex-start;padding:12px}.searchbox__list-vert{list-style:none;margin:0;padding:0;max-height:60vh;overflow:auto;display:grid;gap:8px}.searchbox__row{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:8px;border-radius:10px;cursor:pointer;background:var(--color-surface)}.searchbox__row:hover{background:#fafafa}.searchbox__row-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border)}.searchbox__row-meta{display:grid;gap:4px}.searchbox__row-title{font-weight:600;line-height:1.2}.searchbox__row-price{font-size:.95rem;opacity:.8}.searchbox__list-skeleton{display:grid;gap:8px}.list-skel-row{height:72px;border-radius:10px;background:#f2f2f2}.searchbox__panel{position:absolute;top:calc(100% + 8px);left:-250%;transform:translate(-50%);z-index:999;background:var(--color-bg, #fff);border:1px solid var(--color-border, #ddd);border-radius:14px;box-shadow:var(--shadow-lg, 0 14px 40px rgba(0,0,0,.12));padding:14px;width:min(96vw,1280px)}.searchbox__panel--cards{padding:16px 18px 12px}.searchbox__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.searchbox__skeleton .row{height:36px;background:#f2f2f2;border-radius:8px;margin:6px 0}.searchbox__error,.searchbox__empty{padding:10px 8px;font-size:.95rem;color:#a33}.searchbox__list{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}.searchbox__item{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.searchbox__item:hover,.searchbox__item.is-active{background:#0000000d}.searchbox__thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border,#ddd)}.searchbox__meta{display:grid;gap:3px}.searchbox__title{font-weight:600}.searchbox__sub{font-size:.85rem;opacity:.8}@media (max-width: 1200px){.searchbox__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.searchbox__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.searchbox__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 460px){.searchbox__grid{grid-template-columns:1fr}}.site-footer{background:var(--surface-2, #f3f3f3);border-top:1px solid var(--color-border, #ddd);color:var(--color-text, #1a1a1a);padding:clamp(28px,5vw,64px) 0 0;font-family:var(--font-sans, inherit)}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(20px,4vw,56px)}.footer__title{color:var(--color-title, #111);font-size:clamp(22px,2.7vw,28px);font-weight:600;margin:0 0 var(--space-3, 12px)}.footer__text{color:#222;font-size:var(--text-md, 16px);line-height:1.75;opacity:.95;margin:0}.footer__subtitle{color:var(--color-title, #111);font-size:clamp(22px,2.7vw,28px);font-weight:600;margin:0 0 var(--space-3, 12px)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3, 12px);font-style:normal}.footer__link{display:inline-flex;align-items:center;gap:10px;color:var(--color-title, #111);text-decoration:none;font-weight:600;padding:10px 14px;border-radius:var(--radius-md, 10px);border:1px solid color-mix(in srgb,var(--color-border, #d8d8d8) 70%,#ccc);background:color-mix(in srgb,var(--color-title, #111) 6%,#fff);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:var(--shadow-sm, 0 2px 6px rgba(0,0,0,.06))}.footer__link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 6px 16px rgba(0,0,0,.1))}.footer__icon-wrap{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:color-mix(in srgb,var(--color-title, #111) 7%,#fff);border:1px solid color-mix(in srgb,var(--color-border, #d8d8d8) 70%,#ccc)}.footer__icon{font-size:18px;line-height:1}.footer__link--whatsapp:hover .footer__icon-wrap{background:color-mix(in srgb,#25D366 22%,#fff)}.footer__link--instagram:hover .footer__icon-wrap{background:color-mix(in srgb,#E1306C 22%,#fff)}.footer__bottom{background:var(--surface-3, #e9e9e9);border-top:1px solid var(--color-border, #ddd);margin-top:clamp(24px,4vw,40px)}.footer__bottom-inner{display:flex;justify-content:center;align-items:center;padding:14px 0}.footer__legal{margin:0;color:#333;font-size:var(--text-sm, 14px)}@media (max-width: 900px){.footer__inner{grid-template-columns:1fr}}.toolbar{position:sticky;top:var(--sticky-navbar);z-index:40;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:12px 0 18px;padding:10px 12px;display:flex;align-items:center;gap:var(--space-4)}.toolbar__left{display:inline-flex;gap:6px}.toolbar__layout{background:#f7f7f7;border:1px solid var(--color-border);padding:8px 10px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer}.toolbar__layout.is-active{background:color-mix(in srgb,var(--color-primary) 10%,white);border-color:color-mix(in srgb,var(--color-primary) 50%,white)}.toolbar__right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.toolbar__label{font-weight:400;color:var(--color-muted)}.autumn-spinner{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--color-primary) 20%,white);border-top-color:var(--color-primary);animation:autumn-spin .65s linear infinite;margin-left:8px}@keyframes autumn-spin{to{transform:rotate(360deg)}}.sort-dropdown-nav{position:relative}.sort-dropdown__button-nav{min-width:190px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);font-weight:450;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.sort-dropdown__button-nav:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.sort-dropdown__button-nav:active{transform:translateY(0)}.sort-dropdown__chevron-nav{font-size:11px;opacity:.7}.sort-dropdown__menu-nav{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;padding:6px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 16px 40px #0000001f;z-index:999;display:grid;gap:4px}.sort-dropdown__item-nav{width:100%;text-align:left;padding:7px 9px;border-radius:var(--radius-sm);border:none;background:transparent;font-size:var(--text-sm);font-weight:450;cursor:pointer;color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sort-dropdown__item-nav:hover{background:color-mix(in srgb,var(--color-primary) 7%,white)}.sort-dropdown__item-nav.is-active{background:color-mix(in srgb,var(--color-primary) 12%,white);color:var(--color-title);font-weight:450}.difficulty-stars{display:inline-flex;align-items:center;gap:6px}.difficulty-stars .star{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);border-radius:6px;padding:2px;background:var(--color-surface);display:inline-grid;place-items:center;cursor:pointer}.difficulty-stars .star svg{width:100%;height:100%;fill:var(--color-border)}.difficulty-stars .star.filled svg{fill:var(--color-primary)}.difficulty-stars .star:focus-visible{outline:var(--focus-ring);outline-offset:2px}.filters{position:relative}.filters__sticky{position:sticky;top:calc(var(--sticky-navbar) + var(--toolbar-height) + var(--gap-under-toolbar));display:grid;gap:14px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);z-index:30}.filters__head{display:flex;align-items:center;justify-content:space-between}.filter__title{font-weight:450;font-family:var(--font-sans)}.filters details{border-top:1px solid var(--color-border);padding-top:10px}.filters summary{list-style:none;cursor:pointer;font-weight:700;margin-bottom:6px}.filters__price{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.filters__price label{display:block;font-size:var(--text-sm);color:var(--color-muted)}.filters__list--ages{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0}.filters__list--ages li{display:inline-flex;align-items:center}.filters__list label{display:flex;align-items:center;gap:4px;cursor:pointer}.filters__stars{padding:4px 0 2px}@media (max-width: 1024px){.filters__sticky{position:static}}:root{--sticky-navbar: 88px;--toolbar-height: 37px;--gap-under-toolbar: 17px}.products{padding:var(--space-6)}.products.container{width:min(1650px,100% - 1rem)}.products__header{display:contents;overflow:visible;grid-template-columns:1fr;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5)}.products__desc{margin-top:4px}.products__content{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6)}.products_title{font-weight:500;font-family:var(--font-sans);display:flex;justify-content:start}.results{min-height:300px;margin-top:18px}.results__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);border-top:1px solid var(--color-border)}.results__cell{padding:18px 20px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.results__cell:nth-child(3n){border-right:none}.results__cell:nth-child(-n+3){border-top:none}.results--list .results__grid{grid-template-columns:1fr}.pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin:28px 0 40px}.pagination__btn{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.pagination__btn.is-active{background:var(--color-primary);color:#fff;border-color:transparent}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 1025px){:root{--sticky-navbar: 113px}}@media (max-width: 1024px){.products__content{grid-template-columns:1fr}.results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.results__grid{grid-template-columns:1fr}}.signup-container{min-height:70vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--color-bg)}.signup-form{width:100%;max-width:420px;background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-base)}.signup-input-group{margin-bottom:var(--space-4)}.signup-input-group input{font-size:var(--text-md)}.signup-button{width:100%;background:var(--color-primary);color:#fff;font-size:var(--text-md);font-weight:600;padding:12px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.signup-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.signup-button:disabled{opacity:.6;cursor:not-allowed}.signup-actions{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.signup-links{display:flex;flex-direction:column;gap:4px;text-align:center}.signup-links a{font-size:var(--text-sm);color:var(--color-primary);transition:color var(--transition-fast)}.signup-links a:hover{text-decoration:underline}@media (max-width: 480px){.signup-form{padding:var(--space-5)}}.signin-container{min-height:70vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--color-bg)}.signin-form{width:100%;max-width:400px;background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.signin-error-message{color:#d32f2f;background:#ffebee;padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center}.signin-input-group{margin-bottom:var(--space-4)}.signin-input-group input{font-size:var(--text-md)}.signin-button{width:100%;background:var(--color-primary);color:#fff;font-size:var(--text-md);font-weight:600;padding:12px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.signin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.signin-button:disabled{opacity:.6;cursor:not-allowed}.signin-spinner{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;display:inline-block;margin-right:6px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signin-actions{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.signin-links{display:flex;flex-direction:column;gap:4px;text-align:center}.signin-links a{font-size:var(--text-sm);color:var(--color-primary)}.signin-links a:hover{text-decoration:underline}.profile_container{width:min(1120px,100% - 2rem);margin:var(--space-6) auto;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.profile_tabs-wrap{margin:var(--space-4) 0 var(--space-5)}.profile_info-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-5);margin-bottom:var(--space-5)}.profile_info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.profile_info-card:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface));box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}.profile_info-card h3{margin-bottom:var(--space-4);font-size:var(--text-xl);color:var(--color-primary)}.profile_row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.profile_row label{flex:0 0 130px;font-weight:600;color:var(--color-title)}.profile_row span{flex:1;color:var(--color-text);word-break:break-word}.profile_password-prompt{display:flex;flex-direction:column;align-items:flex-start;margin-top:var(--space-4)}.profile_password-prompt label{margin-bottom:var(--space-2)}.profile_password-prompt input{margin-bottom:var(--space-3)}.profile_button-group{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);justify-content:center}.profile_logout-button{background:var(--color-primary);color:#fff;font-family:var(--font-sans)}.profile_logout-button:hover{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile_edit-button{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.profile_edit-button:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile_save-button{background:var(--color-primary);color:#fff}.profile_save-button:hover{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile_orders-shell{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-top:var(--space-4)}.profile_orders-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);max-height:720px;overflow-y:auto;padding-right:4px}.profile_order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);margin:10px}.profile_order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 2%,var(--color-surface))}.profile_order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.profile_order-id{font-weight:600}.profile_order-total{font-weight:700}.profile_order-date{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2)}.profile_status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600}.status-pending{background:var(--color-pending)}.status-processing{background:var(--color-processing)}.status-shipped{background:var(--color-shipped)}.status-completed{background:var(--color-completed)}.status-canceled{background:var(--color-canceled)}.profile_order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:40}.profile_order-modal{width:min(720px,100% - 2rem);background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.profile_modal-header{background:var(--color-primary);color:#fff;padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center}.profile_header-text{font-size:var(--text-xl);font-weight:700;color:#fff}.profile_close-btn{background:transparent;border:none;font-size:24px;cursor:pointer;line-height:1;color:#fff;transition:opacity var(--transition-base),transform var(--transition-fast)}.profile_close-btn:hover{opacity:.8;transform:scale(1.1)}.profile_modal-body{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.profile_detail-row{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-sm)}.profile_detail-row label{font-weight:600;color:var(--color-title)}.profile_items-container{padding:var(--space-5)}.profile_items-container h5{margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.profile_items-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-3);font-size:var(--text-sm)}.profile_items-table th,.profile_items-table td{padding:10px 8px;border-bottom:1px solid var(--color-border);text-align:left}.profile_items-table th{background:color-mix(in srgb,var(--color-primary) 8%,white);font-weight:700;color:var(--color-primary)}.profile_total-row{display:flex;justify-content:flex-end;gap:var(--space-2);font-weight:700;font-size:var(--text-md);color:var(--color-title);padding-right:var(--space-5)}.profile_modal-footer{padding:var(--space-4) var(--space-5);background:var(--color-surface);display:flex;justify-content:flex-end}.profile_close-footer{background:var(--color-primary);color:#fff;padding:8px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;border:1px solid var(--color-primary);transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.profile_close-footer:hover{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);transform:translateY(-1px)}.profile_favorites-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm)}.profile_home-cards__grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.profile_text-muted{color:var(--color-muted, #777);font-size:var(--text-sm)}.profile_text-error{color:#b3261e;font-size:var(--text-sm)}.profile_fav-card-shell{display:flex;flex-direction:column;gap:6px}.profile_remove-fav-btn{align-self:flex-end;padding:6px 10px;font-family:var(--font-sans);font-size:var(--text-xs);background:#fff;color:var(--color-primary);border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 70%,white);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-fast),transform var(--transition-fast)}.profile_remove-fav-btn:hover{background:color-mix(in srgb,var(--color-primary) 6%,#fff5f4);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width: 768px){.profile_home-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.profile_home-cards__grid{grid-template-columns:1fr}}@media (max-width: 1024px){.profile_orders-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.profile_info-grid{grid-template-columns:1fr}.profile_row{flex-direction:column;align-items:flex-start}.profile_row label{flex:0 0 auto}.profile_button-group{flex-direction:column;align-items:stretch}.profile_orders-shell{padding:var(--space-4)}.profile_orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.profile_orders-grid{grid-template-columns:1fr}}.fp-forgot-password-page{min-height:70vh;display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--color-bg)}.fp-forgot-password-box{width:100%;max-width:520px;background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fpFadeIn var(--transition-base);display:flex;flex-direction:column;gap:var(--space-4)}@keyframes fpFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fp-forgot-password-box input{width:100%;padding:12px;font-size:var(--text-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fp-forgot-password-box input::placeholder{color:var(--color-muted)}.fp-forgot-password-box input:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 65%,#cccccc);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.fp-forgot-password-box button{width:100%;background:var(--color-primary);color:#fff;padding:12px;font-size:var(--text-md);font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-base)}.fp-forgot-password-box button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.fp-forgot-password-box button:active{transform:translateY(0)}@media (max-width: 480px){.fp-forgot-password-box{padding:var(--space-5)}}.confirm-page{padding:20px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}.confirm-page h1{text-align:center;margin-bottom:20px;font-family:var(--font-sans);font-weight:800;color:var(--color-title)}.confirm-container{display:flex;gap:40px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.required-hint{font-size:.8rem;color:var(--color-muted);margin-bottom:4px}.required-star{color:var(--color-primary);font-weight:700}.order-info{flex:1;min-width:280px;border:none}.order-info h2{margin-top:20px;margin-bottom:8px;font-size:1.1rem;border-bottom:1px solid var(--color-border);padding-bottom:4px;font-family:var(--font-sans);font-weight:600;color:var(--color-title)}.order-info input,.order-info textarea{width:100%;padding:8px;margin:8px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;box-sizing:border-box;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface)}.payment-options{display:flex;gap:12px;margin:8px 0}.payment-option{position:relative;padding:8px 16px;border:2px solid var(--color-primary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;transition:background .2s,color .2s;color:var(--color-primary);display:inline-flex;align-items:center;font-family:var(--font-sans)}.payment-option input{position:absolute;opacity:0;pointer-events:none}.payment-option:has(input:checked){background:var(--color-primary);color:#fff}.payment-option:hover{background:var(--color-primary);color:#fff}.shipping-options{display:flex;gap:16px;margin:16px 0 32px}.shipping-option{flex:1 1 calc(50% - 8px);display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;transition:border-color .2s,background-color .2s}.option-left{flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-right:1px solid #eee;background:#f9f9f9}.option-left input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-primary);border-radius:50%;position:relative;cursor:pointer;transition:border-color .2s;background:var(--color-primary)}.option-left input[type=radio]:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:transparent;transition:background .2s}.option-right{flex:1;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.option-content{display:flex;flex-direction:column}.option-title{font-size:1rem;font-weight:500;color:var(--color-title);margin-bottom:4px;font-family:var(--font-sans)}.option-desc{font-size:.875rem;color:var(--color-muted);font-family:var(--font-sans)}.option-price{font-weight:600;color:var(--color-title);font-family:var(--font-sans)}.shipping-option:hover{border-color:var(--color-primary)}.shipping-option:has(input[type=radio]:checked){border-color:var(--color-primary);background-color:var(--color-primary)}.shipping-option:has(input[type=radio]:checked) .option-left input[type=radio]{border-color:#fff}.shipping-option:has(input[type=radio]:checked) .option-left input[type=radio]:after{background:#fff}.shipping-option:has(input[type=radio]:checked) .option-title,.shipping-option:has(input[type=radio]:checked) .option-desc,.shipping-option:has(input[type=radio]:checked) .option-price{color:#fff}.order-info input:disabled,.order-info textarea:disabled,.order-info .payment-option:has(input:disabled){background:#f5f5f5}.order-info input[type=radio]:disabled{pointer-events:none}.order-summary{flex:1.2;min-width:300px;display:flex;flex-direction:column;background-color:var(--color-surface);padding:10px}.order-summary h2{margin-bottom:12px;font-size:1.1rem;border-bottom:1px solid var(--color-border);padding-bottom:4px;font-family:var(--font-sans);font-weight:600;color:var(--color-title)}.items-list{flex:1;overflow-y:auto;max-height:400px;margin-bottom:20px}.summary-item{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #eee}.summary-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.item-details{flex:1;display:flex;flex-direction:column;justify-content:center}.item-name{font-weight:600;margin-bottom:4px;font-family:var(--font-sans);color:var(--color-title)}.item-desc{font-size:.9rem;color:#555;margin-bottom:6px;font-family:var(--font-sans)}.item-total{font-weight:700;margin-top:6px;align-self:flex-end;font-family:var(--font-sans)}.summary-footer{border-top:1px solid #e5e5e5;padding-top:16px;margin-top:16px}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin:0}.summary-label{font-size:14px;color:#666;margin:0}.summary-amount{font-size:14px;font-weight:500;color:#333;margin:0}.total-line{border-top:1px solid #e5e5e5;padding-top:12px;margin-top:8px}.total-label{font-size:18px;font-weight:600;color:#333;margin:0}.total-amount{font-size:18px;font-weight:700;color:var(--color-primary);margin:0}.button-group{display:flex;gap:16px;margin-top:20px}.place-order-btn,.whatsapp-btn,.return-home-btn{flex:1;padding:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;border-radius:24px;box-shadow:0 0 #0000;transition:box-shadow .2s,opacity .2s,background .2s,color .2s}.place-order-btn{background:var(--color-primary);color:#fff}.whatsapp-btn{background:#25d366;color:#fff}.return-home-btn{background-color:#f7f7f7;color:var(--color-title);border:1px solid var(--color-border)}.place-order-btn:hover,.whatsapp-btn:hover,.return-home-btn:hover{box-shadow:0 4px 12px #0000001a}.place-order-btn:disabled,.whatsapp-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-muted)}@media (max-width: 992px){.confirm-container{flex-direction:column;gap:24px;padding:0 16px}.order-info,.order-summary{min-width:100%;width:100%}.order-summary{padding:10px 0}.items-list{max-height:none;overflow-y:visible}.summary-item{flex-direction:row;align-items:flex-start}.summary-item img{width:50px;height:50px}.button-group{flex-direction:column;gap:12px}.place-order-btn,.whatsapp-btn,.return-home-btn{width:100%}}@media (max-width: 480px){.confirm-page h1{font-size:1.5rem}.order-info h2,.order-summary h2{font-size:1rem}.option-title{font-size:.95rem}.option-desc{font-size:.8rem}.option-price{font-size:.95rem}.payment-option{font-size:.95rem;padding:6px 12px}.shipping-option{flex-direction:column;gap:8px}.option-left{border-right:none;border-bottom:1px solid #eee;padding:8px;width:100%;justify-content:flex-start}.option-right{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px}.summary-label,.summary-amount{font-size:13px}.total-label,.total-amount{font-size:1rem}.button-group{margin-top:16px}}.profile-container{max-width:1000px;margin:40px auto;padding:30px;background-color:var(--color-light);border-radius:12px;box-shadow:var(--shadow-md);font-family:var(--font)}.items-management{display:flex;min-height:400px}.sidebar{width:200px;border-right:1px solid rgba(0,0,0,.1);padding-right:16px}.sidebar .action{display:block;width:100%;background:none;border:none;padding:10px 8px;margin-bottom:8px;text-align:left;font-size:1rem;color:#555;cursor:pointer;border-radius:4px;transition:background .2s}.sidebar .action:hover{background:#00000008}.sidebar .action.active{color:var(--color-primary);font-weight:500}.content{flex:1;padding-left:24px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.info-card{background:var(--color-light);border-radius:8px;padding:24px;box-shadow:var(--shadow-sm);margin:0}.item-image{width:100%;height:auto;border-radius:4px;margin-bottom:16px;object-fit:cover}.row{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.row label{width:40%;font-weight:500;color:#000}.row span,.row input{width:60%;text-align:left}.row input{padding:6px 10px;border:1px solid #ccc;border-radius:6px}.row select{width:60%;padding:6px 10px;border:1px solid #ccc;border-radius:6px;background-color:var(--color-light);font-family:var(--font);font-size:1rem;color:#222;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0047ab33}.row select option[value=""][disabled]{color:#888}.button-group{display:flex;gap:10px;margin-top:20px;font-family:var(--font)}.edit-button,.save-button,.logout-button{flex:1;padding:12px;font-size:15px;font-weight:400;border-radius:8px;border:none;cursor:pointer}.edit-button{background-color:#005fc4;color:#fff}.save-button{background-color:#28a745;color:#fff}.logout-button{background-color:#d9534f;color:#fff}.edit-button:hover{background-color:#0047ab}.logout-button:hover{background-color:#c9302c}.featured-checkbox{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.upload-section{margin-top:1rem}.upload-section label{display:block;margin-bottom:8px}.upload-section input[type=file]{padding:6px;font-size:14px;border-radius:4px;border:1px solid #ccc}.preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.preview-grid img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #ddd;box-shadow:1px 1px 4px #0000000d;transition:transform .2s ease}.preview-grid img:hover{transform:scale(1.05)}.preview-grid video{width:200px;height:auto;border-radius:8px;margin-top:10px;border:1px solid #ccc;box-shadow:1px 1px 5px #0000001a}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px;margin-bottom:40px}.order-card{background:var(--color-light);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;cursor:pointer}.order-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.order-header{display:flex;justify-content:space-between;font-family:var(--font);font-weight:500;margin-bottom:8px}.order-date{font-size:.9rem;color:#666;margin-bottom:12px}.status-badge{padding:4px 8px;border-radius:4px;font-size:.85em;text-align:center}.status-Pending{background:var(--color-pending)}.status-Processing{background:var(--color-processing)}.status-Shipped{background:var(--color-shipped)}.status-Completed{background:var(--color-completed)}.status-Canceled{background:var(--color-canceled)}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.order-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;overflow:hidden}.modal-body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-container{margin:20px}.modal-body h5{grid-column:1 / -1}.modal-items{list-style:none;grid-column:1 / -1;margin:10px;background:var(--color-primary);padding:15px;border-radius:8px}.modal-items li{padding:8px;background:#f9f9f9;border-radius:4px;margin:8px 0}.close-footer{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.order-modal{background:var(--color-light);border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md);animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:var(--color-primary);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.modal-body{padding:24px;font-family:var(--font);color:#333;line-height:1.4}.modal-body .detail-row{display:flex;margin-bottom:12px}.modal-body .detail-row label{width:35%;font-weight:600;color:#000}.modal-body .detail-row span{width:65%;text-align:right}.notes-section{width:90%;margin:10px auto 20px;padding:16px;background-color:#f9f9f9;border-left:4px solid var(--color-primary);font-family:var(--font);color:#333}.notes-section label{font-weight:600;display:block;margin-bottom:8px;color:#000}.notes-section p{margin:0;white-space:pre-wrap;word-break:break-word}.items-table{width:100%;border-collapse:collapse;margin:20px 0}.items-table thead{background:#f1f1f1}.items-table th,.items-table td{padding:12px 8px;border-bottom:1px solid #ddd;text-align:left}.items-table th{font-weight:600;color:var(--color-primary)}.items-table tbody tr:hover{background:#fafafa}.items-container{width:90%;margin:0 auto;padding-bottom:20px}.total-row{display:flex;justify-content:flex-end;margin-top:10px;font-weight:700;font-size:1rem;color:#000}.total-row label{margin-right:10px}.status-update-section{width:90%;margin:0 auto 20px;padding:16px;background-color:#f3f7ff;border-left:4px solid var(--color-primary);border-radius:8px;font-family:var(--font)}.status-update-section h5{margin-bottom:12px;font-size:1.1rem;color:var(--color-primary);font-weight:600}.status-update-controls{display:flex;gap:12px;align-items:center}.status-update-controls select{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:var(--font)}.status-update-controls button.save-button{flex-shrink:0;white-space:nowrap}.modal-footer{padding:16px 24px;border-top:1px solid #eee;text-align:right}.close-footer,.save-button{padding:10px 20px;font-weight:600;border:none;border-radius:6px;cursor:pointer}.save-button{background-color:#28a745;color:#fff;margin-right:8px}.save-button:hover{background-color:#218838}.close-footer{background-color:#ccc;color:#333}.close-footer:hover{background-color:#bbb}@media (max-width: 600px){.modal-body .detail-row{flex-direction:column;text-align:left}.modal-body .detail-row label,.modal-body .detail-row span{width:100%}.items-table th,.items-table td{padding:8px 4px}.status-update-controls{flex-direction:column;align-items:stretch}.status-update-controls select,.status-update-controls button{width:100%}}@media (max-width:500px){.row{flex-direction:column;text-align:left}.row label,.row span,.row input{width:100%;text-align:left}.info-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.orders-grid{grid-template-columns:1fr}}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}
