@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{margin:0}#root{width:100%;max-width:100%;min-height:100svh;margin:0 auto}.skeleton-block{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-soft) 72%, var(--card)) 25%, color-mix(in srgb, var(--surface-soft) 48%, var(--card)) 37%, color-mix(in srgb, var(--surface-soft) 72%, var(--card)) 63%);background-size:400% 100%;border-radius:999px;animation:1.4s infinite skeleton-loading;display:block}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.category-card{text-align:left;background:var(--card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-soft);border-radius:18px;padding:12px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.category-card img,.category-card__image-fallback{aspect-ratio:5/3.4;object-fit:cover;border-radius:12px;width:100%;transition:transform .3s}.category-card__image-fallback{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 34%), color-mix(in srgb, var(--surface-soft) 78%, var(--card));color:var(--text-muted);place-items:center;display:grid}.category-card__image-fallback span{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:800;display:grid}.category-card__body{gap:4px;margin-top:10px;display:grid}.category-card h3{letter-spacing:-.01em;margin:0;font-size:clamp(1.02rem,1.2vw,1.2rem)}.category-card p{color:var(--text-muted);margin:0;font-size:.92rem}.category-card:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:var(--shadow);transform:translateY(-4px)}.category-card:hover img,.category-card:hover .category-card__image-fallback{transform:scale(1.015)}.category-card:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}@media (width<=640px){.category-card{padding:12px}.category-card h3{font-size:1rem}}.category-card__image-frame{aspect-ratio:5/3.4;background:var(--bg-soft);border-radius:12px;width:100%;position:relative;overflow:hidden}.category-card__image-frame img{object-fit:cover;opacity:0;width:100%;height:100%}.category-card__image-frame img.category-card__image--loaded{opacity:1}.category-card__image-placeholder{border-radius:inherit;position:absolute;inset:0}.category-card--skeleton{pointer-events:none}.category-card--skeleton:hover{border-color:var(--border);box-shadow:var(--shadow-soft);transform:none}.category-card__image-skeleton{aspect-ratio:5/3.4;border-radius:12px;width:100%}.category-card__body--skeleton{gap:8px}.category-card__skeleton-line{height:14px}.category-card__skeleton-line--title{width:72%;height:20px}.category-card__skeleton-line--copy{width:44%}@media (prefers-reduced-motion:reduce){.category-card__image-frame img{transition:none}}.container{width:min(100% - 2rem,1180px);margin:0 auto;padding:clamp(18px,3vw,30px) 0 clamp(42px,5vw,58px)}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);align-items:center;gap:clamp(20px,3vw,40px);margin-bottom:clamp(28px,4.4vw,48px);display:grid;position:relative}.hero:before{content:"";background:radial-gradient(circle, color-mix(#c6c5c5 22%, transparent) 0%, transparent 70%);pointer-events:none;z-index:-1;height:78%;position:absolute;inset:-12% 38% auto -10%}.hero__content,.hero__visual{min-width:0}.hero__content{gap:clamp(12px,2.1vw,22px);display:grid}.hero__kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:700}.hero__content h1,.hero__content h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.15rem,4.4vw,3.4rem);line-height:1.02}.hero__subtitle{color:var(--text-muted);max-width:50ch;margin:0;font-size:clamp(1rem,1.6vw,1.16rem)}.hero__cta{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:.72rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.hero__cta:hover{box-shadow:var(--shadow-soft)}.hero__cta:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.hero__actions{flex-wrap:wrap;gap:.7rem;display:flex}.hero__cta-primary{color:var(--on-primary);background:linear-gradient(135deg, var(--primary), var(--primary-hover));border:1px solid #0000}.hero__cta-secondary{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);color:var(--text)}.hero__trust{flex-wrap:wrap;gap:.52rem;display:flex}.hero__trust span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 36%, transparent);color:var(--text-muted);border-radius:999px;margin:0;padding:.35rem .65rem;font-size:.8rem;font-weight:700}.hero__visual{place-items:center;display:grid;position:relative}.hero__visual-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 25%, transparent) 0%, transparent 68%);filter:blur(2px);border-radius:50%;width:min(100%,520px);position:absolute}.hero__visual img{aspect-ratio:1;object-fit:cover;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);z-index:1;border-radius:30px;width:min(100%,460px);position:relative;box-shadow:0 30px 64px #a0a0a0}.hero__floating-badge{z-index:2;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-soft);border-radius:999px;padding:.4rem .72rem;font-size:.8rem;font-weight:700;position:absolute}.hero__floating-badge-top{top:10%;right:4%}.hero__floating-badge-bottom{bottom:12%;left:4%}.products-header{text-align:center;justify-content:center;align-items:center;margin-bottom:clamp(22px,3.6vw,34px);display:flex}.products-header__content{width:min(100%,780px);margin:0 auto}.products-header h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.55rem,2.8vw,2.2rem);font-weight:800;line-height:1.15}.products-header p{color:var(--text-muted);margin:12px 0 0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55}.categories-state{text-align:center;color:var(--text-muted);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;margin:0;padding:clamp(18px,3vw,28px)}.categories-state--error{color:#9f2f2f;border-color:color-mix(in srgb, #c94949 34%, var(--border));background:color-mix(in srgb, #fff1f1 70%, var(--card))}.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2vw,20px);display:grid}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:1.1rem}.hero__visual img{width:min(100%,520px)}.hero__floating-badge-top{top:8%;right:8%}.hero__floating-badge-bottom{bottom:10%;left:8%}}@media (width<=768px){.container{width:min(100% - 1.2rem,1180px);padding:18px 0 34px}.hero{flex-direction:column;align-items:stretch;gap:1.25rem;margin-bottom:20px;display:flex}.hero__content{order:2}.hero__visual{order:1;width:100%}.hero__subtitle{max-width:none}.hero__visual img{aspect-ratio:auto;object-fit:contain;border-radius:22px;width:100%;max-width:none;height:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=430px){.hero__actions{grid-template-columns:1fr;display:grid}.hero__cta{width:100%}.hero__floating-badge{padding:.33rem .56rem;font-size:.72rem}.hero__floating-badge-top{right:4%}.hero__floating-badge-bottom{bottom:8%;left:4%}.grid{grid-template-columns:1fr}}.hero__image-placeholder{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);z-index:1;border-radius:30px;width:min(100%,460px);position:relative;box-shadow:0 30px 64px #22154024}.hero__visual .hero__image{opacity:0;transition:opacity .32s,transform .3s;position:absolute}.hero__visual .hero__image--loaded{opacity:1;position:relative}@media (width<=1024px){.hero__image-placeholder{width:min(100%,520px)}}@media (width<=768px){.hero__image-placeholder{border-radius:22px;width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.hero__visual .hero__image{transition:none}}.notification-center{z-index:3000;pointer-events:none;flex-direction:column;gap:.65rem;width:min(92vw,520px);max-height:calc(100vh - 2rem);padding:0 .25rem;display:flex;position:fixed;top:1rem;left:50%;overflow-y:auto;transform:translate(-50%)}.notification{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 80%, var(--bg-soft));box-shadow:var(--shadow);pointer-events:auto;border-radius:12px;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;display:flex}.notification-title{margin:0;font-size:.9rem;font-weight:700}.notification-message{margin:.2rem 0 0;font-size:.85rem;line-height:1.35}.notification-success{border-left:4px solid var(--success);background:color-mix(in srgb, var(--success) 24%, var(--card))}.notification-error{border-left:4px solid var(--danger);background:color-mix(in srgb, var(--danger) 25%, var(--card))}.notification-warning{border-left:4px solid var(--warning);background:color-mix(in srgb, var(--warning) 27%, var(--card))}.notification-info{border-left:4px solid var(--info);background:color-mix(in srgb, var(--info) 24%, var(--card))}.notification-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:.95rem}@media (width<=768px){.notification-center{width:min(96vw,520px);top:.75rem}}.orders-page{gap:.9rem;max-width:1040px;margin:1.4rem auto 2.2rem;padding:0 1rem;display:grid}.orders-header h1{margin:0}.orders-header p{color:var(--text-muted);margin:.3rem 0 0}.order-state{border:1px solid var(--border);background:var(--card);color:var(--text-muted);border-radius:12px;margin:0;padding:.8rem .9rem}.order-state-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--border));background:color-mix(in srgb, var(--danger) 8%, var(--card))}.order-list{gap:.85rem;display:grid}.order-item{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:16px;gap:.72rem;padding:.95rem;display:grid}.order-item__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.order-id{margin:0}.order-status-pill{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.24rem .58rem;font-size:.78rem;font-weight:700;display:inline-flex}.order-status-pill-pending{background:color-mix(in srgb, var(--warning) 45%, var(--card))}.order-status-pill-paid,.order-status-pill-delivered{background:color-mix(in srgb, var(--success) 42%, var(--card))}.order-status-pill-shipped{background:color-mix(in srgb, var(--info) 44%, var(--card))}.order-status-pill-cancelled,.order-status-pill-rejected{background:color-mix(in srgb, var(--danger) 42%, var(--card))}.order-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.order-meta p{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 32%, transparent);color:var(--text-muted);border-radius:10px;justify-content:space-between;gap:.5rem;margin:0;padding:.5rem .6rem;display:flex}.order-meta strong{color:var(--text)}.order-address{color:var(--text-muted);margin:0}.order-products{border-top:1px solid var(--border);gap:.38rem;padding-top:.55rem;display:grid}.order-products-title{margin:0}.order-product-line{color:var(--text-muted);justify-content:space-between;gap:.6rem;margin:0;display:flex}@media (width<=768px){.orders-page{padding:0 .8rem}.order-meta{grid-template-columns:1fr}}@media (width<=430px){.order-item__top,.order-product-line{flex-direction:column;align-items:flex-start}}.order-delivery-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 28%, transparent);border-radius:14px;gap:.55rem;padding:.75rem;display:grid}.order-delivery-card-pickup{border-color:color-mix(in srgb, var(--primary) 36%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card))}.order-delivery-card-home{border-color:color-mix(in srgb, var(--info) 36%, var(--border));background:color-mix(in srgb, var(--info) 7%, var(--card))}.order-delivery-card__header,.order-delivery-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.order-delivery-card__header span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:800}.order-delivery-highlight{background:color-mix(in srgb, var(--card) 72%, var(--primary));color:var(--text);border-radius:10px;margin:0;padding:.55rem .65rem;font-weight:800}.order-delivery-row{color:var(--text-muted);margin:0}.order-delivery-row strong{color:var(--text);text-align:right;overflow-wrap:anywhere}@media (width<=430px){.order-delivery-card__header,.order-delivery-row{flex-direction:column;align-items:flex-start}.order-delivery-row strong{text-align:left}}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:18px;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid}.card:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:var(--shadow);transform:translateY(-4px)scale(1.01)}.card__image-wrapper{aspect-ratio:4/3;cursor:zoom-in;background:var(--bg-soft);border-radius:12px;width:100%;position:relative;overflow:hidden}.product-card__hotsale-badge{z-index:3;color:#1d0b00;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ff3d00,#ffb300);border:1px solid #ffffff85;border-radius:999px;max-width:calc(100% - 20px);padding:.34rem .68rem;font-size:clamp(.72rem,2.5vw,.8rem);font-weight:900;line-height:1;position:absolute;top:10px;left:10px;box-shadow:0 10px 24px #00000038}.card__image{object-fit:cover;width:100%;height:100%;transition:opacity .35s,transform .35s;position:absolute;inset:0}.card__image--primary{opacity:1}.card__image--secondary{opacity:0}@media (hover:hover) and (pointer:fine){.card:hover .card__image-wrapper--has-hover .card__image--primary{opacity:0}.card:hover .card__image-wrapper--has-hover .card__image--secondary{opacity:1;transform:scale(1.02)}}.product-image-lightbox{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;touch-action:pan-y;background:#000000e0;place-items:center;width:100vw;height:100vh;padding:24px 72px;animation:.18s ease-out product-image-lightbox-fade;display:grid;position:fixed;inset:0}.product-image-lightbox__stage{place-items:center;max-width:100%;max-height:100%;display:grid}.product-image-lightbox__image{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:16px;max-width:92vw;max-height:92vh;animation:.2s ease-out product-image-lightbox-scale;box-shadow:0 24px 80px #00000080}.product-image-lightbox__fallback{color:#ffffffc7;background:#ffffff1a;border-radius:16px;place-items:center;width:min(92vw,560px);min-height:min(62vh,420px);font-weight:700;display:grid;box-shadow:0 24px 80px #00000080}.product-image-lightbox__nav{z-index:1;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:3rem;line-height:.8;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:fixed;top:50%;transform:translateY(-50%)}.product-image-lightbox__nav--prev{left:22px}.product-image-lightbox__nav--next{right:22px}.product-image-lightbox__nav:hover{background:#ffffff2e;border-color:#ffffff52;transform:translateY(-50%)scale(1.04)}.product-image-lightbox__nav:focus-visible,.product-image-lightbox__dot:focus-visible{outline-offset:3px;outline:2px solid #ffffffb8}.product-image-lightbox__gallery{justify-items:center;gap:10px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.product-image-lightbox__counter{color:#ffffffd1;background:#00000047;border:1px solid #ffffff24;border-radius:999px;margin:0;padding:.25rem .55rem;font-size:.78rem;font-weight:700}.product-image-lightbox__dots{justify-content:center;align-items:center;gap:9px;display:flex}.product-image-lightbox__dot{cursor:pointer;background:#ffffff2e;border:1px solid #ffffff80;border-radius:999px;width:10px;height:10px;padding:0;transition:background .2s,border-color .2s,transform .2s}.product-image-lightbox__dot--active{background:#fff;border-color:#fff;transform:scale(1.15)}.product-image-lightbox__close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:2rem;line-height:1;transition:background .2s,transform .2s,border-color .2s;display:inline-flex;position:fixed;top:18px;right:18px}.product-image-lightbox__close:hover{background:#fff3;border-color:#ffffff52;transform:scale(1.04)}.product-image-lightbox__close:focus-visible{outline-offset:3px;outline:2px solid #ffffffb8}@keyframes product-image-lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes product-image-lightbox-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.product-image-lightbox,.product-image-lightbox__image{animation:none}.card__image,.product-image-lightbox__nav,.product-image-lightbox__dot{transition:none}}.card__body{align-content:start;gap:6px;display:grid}.card h3{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.56em;margin:0;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.28;display:-webkit-box;overflow:hidden}.card__description{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card__price{color:var(--text);letter-spacing:-.01em;margin:2px 0 0;font-size:clamp(1.1rem,1.3vw,1.28rem);font-weight:800}.stock-pill{width:fit-content;color:var(--success);border:1px solid color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 14%, var(--card));border-radius:999px;padding:.28rem .6rem;font-size:.76rem;font-weight:700}.stock-pill--off{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--card))}.card__buy-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));cursor:pointer;width:100%;min-height:42px;color:var(--on-primary);border:1px solid #0000;border-radius:12px;margin-top:2px;padding:10px 12px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.card__buy-btn:hover{box-shadow:var(--shadow-soft)}.card__buy-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.card__buy-btn:disabled{opacity:.72;cursor:not-allowed;box-shadow:none}.card__buy-btn:active{transform:translateY(1px)}@media (width<=640px){.product-image-lightbox{padding:24px 18px 86px}.product-image-lightbox__nav{width:48px;height:48px;font-size:2.6rem}.product-image-lightbox__nav--prev{left:12px}.product-image-lightbox__nav--next{right:12px}.product-image-lightbox__close{width:48px;height:48px}.card{padding:12px}.card h3{font-size:1rem}.card__buy-btn{padding:11px}}.card__image-placeholder{z-index:0;border-radius:inherit;position:absolute;inset:0}.card__image-fallback{width:100%;height:100%;color:var(--text-muted);background:color-mix(in srgb, var(--surface-soft) 76%, var(--card));place-items:center;font-weight:700;display:grid}.card__image{opacity:0;z-index:1}.card__image--loaded.card__image--primary{opacity:1}.card__image--loaded.card__image--secondary{opacity:0}.card--skeleton{cursor:default;pointer-events:none}.card--skeleton:hover{border-color:var(--border);box-shadow:var(--shadow-soft);transform:none}.card__image-wrapper--skeleton{border-radius:12px}.card__body--skeleton{align-content:start;gap:8px}.card__skeleton-line{height:14px}.card__skeleton-line--title{width:78%;height:20px}.card__skeleton-line--description{width:92%}.card__skeleton-line--price{width:42%;height:18px;margin-top:2px}.card__skeleton-line--stock{border-radius:999px;width:34%;height:24px;margin-top:2px}.card__buy-btn--skeleton{border-color:#0000;border-radius:12px;width:100%;min-height:42px}@media (prefers-reduced-motion:reduce){.card__image{transition:none}}@media (hover:hover) and (pointer:fine){.card:hover .card__image-wrapper--has-hover .card__image--secondary:not(.card__image--loaded){opacity:0}.card:hover .card__image-wrapper--has-hover .card__image--loaded.card__image--secondary{opacity:1;transform:scale(1.02)}}.card,.card__body,.card h3,.card__description{min-width:0}.card__buy-btn{min-height:44px}@media (hover:none){.card:hover{box-shadow:var(--shadow-soft);transform:none}.card__buy-btn:hover,.product-image-lightbox__nav:hover,.product-image-lightbox__close:hover{box-shadow:none;transform:none}}@media (width<=768px){.card{border-radius:16px;gap:10px;padding:10px}.card__image-wrapper{aspect-ratio:1;border-radius:12px}.product-card__hotsale-badge{max-width:calc(100% - 16px);padding:.3rem .58rem;top:8px;left:8px}.card__body{gap:5px}.card h3{min-height:auto;font-size:.98rem}.card__description{-webkit-line-clamp:2;line-clamp:2;font-size:.86rem}.stock-pill{font-size:.72rem}}@media (width<=480px){.card{padding:11px}.card__buy-btn{border-radius:13px;min-height:46px;font-size:.92rem}}@media (width<=640px){.product-image-lightbox{height:100dvh;padding:max(72px, env(safe-area-inset-top)) 14px max(92px, env(safe-area-inset-bottom));align-items:center}.product-image-lightbox__stage{width:100%;height:100%}.product-image-lightbox__image{border-radius:12px;max-width:100%;max-height:calc(100dvh - 176px)}.product-image-lightbox__nav{background:#ffffff24;width:52px;height:52px}.product-image-lightbox__nav--prev{left:8px}.product-image-lightbox__nav--next{right:8px}.product-image-lightbox__close{top:max(14px, env(safe-area-inset-top));width:52px;height:52px;right:14px}.product-image-lightbox__gallery{bottom:max(18px, env(safe-area-inset-bottom));width:min(100% - 24px,340px)}.product-image-lightbox__dots{flex-wrap:wrap;gap:8px}.product-image-lightbox__dot{border-width:2px;width:18px;height:18px}}.product-catalog{width:min(100% - 2rem,1180px);margin:0 auto;padding:clamp(20px,3.6vw,34px) 0 clamp(42px,5vw,58px)}.product-catalog__header{text-align:center;justify-items:center;gap:10px;width:min(100%,780px);margin:0 auto clamp(22px,3vw,34px);display:grid}.product-catalog__eyebrow{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.product-catalog__header h2{color:var(--text);letter-spacing:-.02em;text-transform:capitalize;margin:0;font-size:clamp(1.65rem,3.1vw,2.35rem);font-weight:800;line-height:1.15}.product-catalog__header p:last-child{color:var(--text-muted);max-width:58ch;margin:0;font-size:clamp(.96rem,1.5vw,1.08rem)}.product-catalog__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;display:grid}.product-search{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);min-height:52px;box-shadow:var(--shadow-soft);border-radius:18px;align-items:center;gap:10px;padding:0 16px;display:flex}.product-search:focus-within{border-color:color-mix(in srgb, var(--primary) 56%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}.product-search__icon{color:var(--text-muted);font-weight:800}.product-search input,.product-field input,.product-field select{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:.98rem}.product-search input::placeholder,.product-field input::placeholder{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}.product-catalog__count{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 46%, transparent);color:var(--text-muted);white-space:nowrap;border-radius:999px;margin:0;padding:.55rem .82rem;font-size:.9rem;font-weight:800}.product-catalog__layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,22px);display:grid}.product-filters{position:sticky;top:88px}.product-filters__toggle{display:none}.product-filters__panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-soft);border-radius:22px;gap:16px;padding:18px;display:grid}.product-filters__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-filters__header h3{margin:0;font-size:1rem}.product-filters__header button,.empty-products button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:.5rem .72rem;font-size:.84rem;font-weight:800}.product-field{gap:8px;display:grid}.product-field span,.product-check span{color:var(--text-muted);font-size:.82rem;font-weight:800}.product-field input,.product-field select{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 34%, var(--surface));border-radius:14px;min-height:44px;padding:0 12px}.product-field input:focus,.product-field select:focus{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.product-filters__prices{gap:12px;display:grid}.product-check{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 28%, var(--surface));border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.product-check input{width:18px;height:18px;accent-color:var(--primary)}.product-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:clamp(14px,1.8vw,20px);width:100%;display:grid}.product-pagination{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow-soft);border-radius:22px;justify-items:center;gap:12px;margin-top:clamp(18px,3vw,28px);padding:16px;display:grid}.product-pagination__info{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem;font-weight:800}.product-pagination__controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.product-pagination__controls button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 55%, var(--surface));min-width:44px;min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;padding:.55rem .78rem;font-size:.88rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s,color .18s,opacity .18s;box-shadow:0 8px 22px #0000002e}.product-pagination__controls button:not(:disabled):hover{border-color:color-mix(in srgb, var(--primary) 54%, var(--border));background:color-mix(in srgb, var(--primary) 16%, var(--surface));transform:translateY(-1px)}.product-pagination__controls button:disabled{cursor:not-allowed;opacity:.45}.product-pagination__page--active{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #fff 18%));color:var(--primary-contrast,#111)}.empty-products{text-align:center;border:1px dashed var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);box-shadow:var(--shadow-soft);border-radius:24px;justify-items:center;gap:10px;margin:0;padding:clamp(26px,5vw,52px);display:grid}.empty-products--error{border-color:color-mix(in srgb, var(--danger) 36%, var(--border))}.empty-products__mark{background:color-mix(in srgb, var(--primary) 13%, var(--surface));width:48px;height:48px;color:var(--primary);border-radius:999px;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.empty-products h3,.empty-products p{margin:0}.empty-products p{color:var(--text-muted);max-width:48ch}@media (width>=1200px){.product-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=900px){.product-catalog__layout{grid-template-columns:1fr}.product-filters{position:static}.product-filters__toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);width:100%;min-height:48px;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:0 16px;font-weight:800;display:flex}.product-filters__panel{margin-top:10px;display:none}.product-filters__panel--open{display:grid}}@media (width<=768px){.product-catalog{width:min(100% - 1.2rem,1180px);padding:18px 0 34px}.product-catalog__toolbar{grid-template-columns:1fr}.product-catalog__count{justify-self:start}.product-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=460px){.product-catalog__grid{grid-template-columns:1fr}.product-filters__header{flex-direction:column;align-items:flex-start}}.product-catalog,.product-catalog__results,.product-catalog__layout,.product-catalog__grid,.product-pagination,.product-pagination__controls{min-width:0}.product-filters__toggle:focus-visible,.product-filters__header button:focus-visible,.empty-products button:focus-visible,.product-pagination__controls button:focus-visible,.product-check:focus-within{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.product-filters__header button,.empty-products button{min-height:44px}.product-check{min-height:48px}@media (width<=1024px){.product-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (width<=900px){.product-filters{z-index:8}.product-filters__toggle{z-index:2;position:sticky;top:72px}.product-filters__panel--open{overscroll-behavior:contain;max-height:min(72dvh,620px);overflow-y:auto}}@media (width<=768px){.product-catalog__header{gap:8px;margin-bottom:18px}.product-catalog__toolbar{gap:10px;margin-bottom:12px}.product-search{border-radius:16px;min-height:50px}.product-catalog__count{text-align:center;white-space:normal;width:100%}.product-pagination{border-radius:18px;padding:14px 12px}.product-pagination__controls{gap:7px}.product-pagination__controls button{min-width:42px;min-height:40px;padding:.5rem .68rem}.product-catalog__grid{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}}@media (width<=480px){.product-catalog{width:min(100% - 1rem,1180px);padding-top:14px}.product-catalog__header{text-align:left;justify-items:start}.product-filters__panel{border-radius:18px;padding:14px}.product-filters__header{flex-direction:column;align-items:stretch}.product-filters__header button{width:100%}}@media (width<=360px){.product-catalog__grid{grid-template-columns:1fr}}.product-detail{width:min(1180px,100% - 32px);margin:0 auto;padding:1.5rem 0 3rem}.product-detail__breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.9rem;display:flex}.product-detail__breadcrumb a,.product-detail__back-link{color:inherit;font-weight:700;text-decoration:none}.product-detail__breadcrumb a:hover,.product-detail__back-link:hover{color:var(--text)}.product-detail__hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);display:grid}.product-detail__gallery{gap:.9rem;display:grid}.product-detail__main-image{aspect-ratio:1;width:100%;box-shadow:none;cursor:zoom-in;background:0 0;border:1px solid #0000;border-radius:22px;place-items:center;padding:0;display:grid;overflow:hidden}.product-detail__main-image:disabled{cursor:default}.product-detail__main-image img{object-fit:contain;background:0 0;border-radius:22px;width:100%;height:100%;padding:0;transition:opacity .22s,transform .22s}.product-detail__main-image:hover img{transform:scale(1.015)}.product-detail__main-image span{color:var(--text-muted);font-weight:700}.product-detail__thumbs{scrollbar-width:thin;gap:.7rem;padding:.1rem 0 .25rem;display:flex;overflow-x:auto}.product-detail__thumb{border:1px solid var(--border);background:var(--card);cursor:pointer;opacity:.72;border-radius:16px;flex:0 0 86px;width:86px;height:86px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.product-detail__thumb:hover,.product-detail__thumb--active{opacity:1;border-color:color-mix(in srgb, var(--primary) 52%, var(--border));transform:translateY(-1px)}.product-detail__thumb img{object-fit:cover;width:100%;height:100%}.product-detail__info{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, transparent);box-shadow:var(--shadow-soft);border-radius:24px;gap:1rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid;position:sticky;top:88px}.product-detail__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.product-detail__info h1,.product-detail--empty h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.product-detail__price{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:850}.product-detail__meta{gap:.55rem;display:grid}.product-detail__stock{border:1px solid color-mix(in srgb, var(--success) 42%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--card));color:var(--success);border-radius:16px;gap:.15rem;padding:.75rem .85rem;display:grid}.product-detail__stock span{color:var(--text-muted);font-size:.9rem}.product-detail__stock--low{border-color:color-mix(in srgb, var(--warning) 70%, var(--border));background:color-mix(in srgb, var(--warning) 14%, var(--card));color:var(--warning)}.product-detail__stock--off{border-color:color-mix(in srgb, var(--danger) 58%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--card));color:var(--danger)}.product-detail__notice{color:var(--text-muted);margin:0;font-size:.92rem}.product-detail__description{gap:.45rem;padding-top:.25rem;display:grid}.product-detail__description h2,.product-detail__related h2{color:var(--text);margin:0;font-size:1.05rem}.product-detail__description p{color:var(--text-muted);margin:0;line-height:1.65}.product-detail__cta,.product-detail__back-link{background:linear-gradient(135deg, var(--primary), var(--primary-hover));min-height:48px;color:var(--on-primary);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:.8rem 1rem;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.product-detail__cta:hover,.product-detail__back-link:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.product-detail__cta:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.product-detail__related{gap:1rem;margin-top:clamp(2rem,6vw,4rem);display:grid}.product-detail__related-header{gap:.25rem;display:grid}.product-detail__related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.product-detail--state,.product-detail--empty{align-content:center;justify-items:start;gap:1rem;min-height:58vh;display:grid}.product-detail__skeleton,.product-detail__skeleton-copy span{background:linear-gradient(90deg, var(--card), color-mix(in srgb, var(--card) 72%, var(--border)), var(--card));background-size:220% 100%;border-radius:22px;animation:1.25s ease-in-out infinite product-detail-skeleton}.product-detail__skeleton--image{aspect-ratio:1;border:1px solid var(--border);width:min(560px,100%)}.product-detail__skeleton-copy{gap:.65rem;width:min(480px,100%);display:grid}.product-detail__skeleton-copy span{height:18px;display:block}.product-detail__skeleton-copy span:first-child{width:72%;height:34px}.product-detail__skeleton-copy span:last-child{width:52%}.product-detail--empty{max-width:680px}.product-detail--empty p{color:var(--text-muted);margin:0;line-height:1.6}@keyframes product-detail-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.product-detail__main-image img,.product-detail__thumb,.product-detail__cta,.product-detail__back-link{transition:none}.product-detail__skeleton,.product-detail__skeleton-copy span{animation:none}}@media (width<=980px){.product-detail__hero{grid-template-columns:1fr}.product-detail__info{position:static}.product-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.product-detail{width:min(100% - 22px,1180px);padding-top:1rem}.product-detail__main-image,.product-detail__main-image img{border-radius:18px}.product-detail__thumb{border-radius:14px;flex-basis:74px;width:74px;height:74px}.product-detail__info{border-radius:18px;padding:1rem}.product-detail__cta{min-height:52px}.product-detail__related-grid{grid-template-columns:1fr}}.product-detail__main-image{position:relative}.product-detail__image-placeholder{z-index:0;border-radius:18px;position:absolute;inset:clamp(.5rem,2vw,1.2rem)}.product-detail__main-image img{opacity:0;z-index:1;position:relative}.product-detail__main-image img.product-detail__image--loaded{opacity:1}.product-detail__image-fallback,.product-detail__thumb-fallback{z-index:1;width:100%;height:100%;color:var(--text-muted);background:color-mix(in srgb, var(--surface-soft) 76%, var(--card));place-items:center;font-weight:700;display:grid;position:relative}.product-detail__image-fallback{border-radius:18px}.product-detail__thumb-fallback{border-radius:inherit;text-align:center;padding:.25rem;font-size:.7rem}.product-detail__thumb{position:relative}.product-detail__thumb-placeholder{border-radius:inherit;position:absolute;inset:0}.product-detail__thumb img{opacity:0;z-index:1;transition:opacity .25s;position:relative}.product-detail__thumb img.product-detail__thumb-image--loaded{opacity:1}.product-detail--skeleton{min-height:58vh}.product-detail__breadcrumb--skeleton{width:min(320px,100%)}.product-detail__skeleton-line{height:14px}.product-detail__skeleton-line--crumb{width:92px}.product-detail__skeleton-line--crumb-small{width:132px}.product-detail__main-image--skeleton{cursor:default;box-shadow:var(--shadow-soft)}.product-detail__thumbs--skeleton{overflow:hidden}.product-detail__thumb--skeleton{cursor:default;opacity:1}.product-detail__info--skeleton{pointer-events:none}.product-detail__skeleton-line--eyebrow{width:42%;height:12px}.product-detail__skeleton-line--title{border-radius:18px;width:88%;height:clamp(48px,8vw,78px)}.product-detail__skeleton-line--price{border-radius:14px;width:38%;height:34px}.product-detail__skeleton-stock{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 36%, var(--card));border-radius:16px;gap:.35rem;min-height:76px;padding:.75rem .85rem;display:grid}.product-detail__skeleton-line--stock-title{width:32%;height:16px}.product-detail__skeleton-line--stock-copy{width:68%;height:14px}.product-detail__skeleton-description{gap:.5rem;padding-top:.25rem;display:grid}.product-detail__skeleton-line--section{width:28%;height:18px}.product-detail__skeleton-line--copy{width:100%;height:14px}.product-detail__skeleton-line--copy-short{width:72%;height:14px}.product-detail__cta--skeleton{cursor:default;width:100%}.product-detail__cta--skeleton:hover,.product-detail__thumb--skeleton:hover,.product-detail__thumb--skeleton.product-detail__thumb--active{box-shadow:none;border-color:var(--border);transform:none}@media (prefers-reduced-motion:reduce){.product-detail__thumb img{transition:none}}.product-detail,.product-detail__hero,.product-detail__gallery,.product-detail__info,.product-detail__related-grid{min-width:0}.product-detail__breadcrumb a,.product-detail__main-image,.product-detail__thumb,.product-detail__cta,.product-detail__back-link,.product-detail__mobile-cta button{-webkit-tap-highlight-color:transparent}.product-detail__breadcrumb a:focus-visible,.product-detail__main-image:focus-visible,.product-detail__thumb:focus-visible,.product-detail__cta:focus-visible,.product-detail__back-link:focus-visible,.product-detail__mobile-cta button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.product-detail__mobile-cta{display:none}@media (hover:none){.product-detail__main-image:hover img,.product-detail__cta:hover,.product-detail__back-link:hover,.product-detail__thumb:hover{box-shadow:none;transform:none}}@media (width<=768px){.product-detail{width:min(100% - 1.2rem,1180px);padding-bottom:calc(6.25rem + env(safe-area-inset-bottom))}.product-detail__breadcrumb{margin-bottom:.75rem}.product-detail__hero{gap:.9rem}.product-detail__gallery{order:1}.product-detail__info{order:2;gap:.85rem}.product-detail__info h1,.product-detail--empty h1{font-size:clamp(1.7rem,9vw,2.5rem);line-height:1.04}.product-detail__price{font-size:clamp(1.45rem,7vw,1.9rem)}.product-detail__description p{font-size:.98rem;line-height:1.7}.product-detail__main-image{aspect-ratio:4/5}.product-detail__thumbs{scroll-snap-type:x proximity;gap:.55rem;padding:.15rem 0 .4rem}.product-detail__thumb{scroll-snap-align:start;min-width:72px;min-height:72px}.product-detail__add-button--main{display:none}.product-detail__mobile-cta{z-index:30;padding:10px 12px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(0,1fr) minmax(128px,44%);align-items:center;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #130f1f1f}.product-detail__mobile-cta div{gap:2px;min-width:0;display:grid}.product-detail__mobile-cta span{color:var(--text);font-size:1.05rem;font-weight:850;line-height:1.1}.product-detail__mobile-cta small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.product-detail__mobile-cta button{background:linear-gradient(135deg, var(--primary), var(--primary-hover));min-height:50px;color:var(--on-primary);cursor:pointer;border:1px solid #0000;border-radius:14px;font-weight:850}.product-detail__mobile-cta button:disabled{opacity:.65;cursor:not-allowed}}@media (width<=480px){.product-detail{width:min(100% - 1rem,1180px)}.product-detail__main-image{aspect-ratio:1/1.08}.product-detail__info{padding:.9rem}.product-detail__stock{padding:.72rem}}.navbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:68px;box-shadow:var(--shadow-soft);z-index:20;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,16px);max-width:100vw;padding:-10px clamp(14px,3vw,30px);display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:clamp(12px,2vw,30px);min-width:0;display:flex}.logo{letter-spacing:-.03em;color:var(--text);white-space:nowrap;margin:0;font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:850}.navbar-logo-img{object-fit:contain;width:clamp(130px,28vw,160px);height:auto;max-height:25px}.links{flex-wrap:wrap;gap:8px;display:flex}.links a{min-height:40px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:.45rem .72rem;font-weight:750;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.links a:hover{color:var(--primary);background:color-mix(in srgb, var(--surface-soft) 42%, transparent)}.nav-right{flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.cart-btn,.login-btn,.nav-menu-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;min-height:44px;padding:9px 12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.cart-btn:focus-visible,.login-btn:focus-visible,.nav-menu-btn:focus-visible,.checkout:focus-visible,.links a:focus-visible,.sidecart-header button:focus-visible,.quantity-controls button:focus-visible,.user-box button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.cart-btn:hover,.login-btn:hover,.nav-menu-btn:hover,.checkout:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:var(--shadow-soft)}.cart-btn:active,.login-btn:active,.nav-menu-btn:active,.checkout:active,.quantity-controls button:active{transform:translateY(1px)}.nav-menu-btn{place-items:center;gap:4px;width:44px;padding:0;display:none}.nav-menu-btn span{background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.cart-btn{justify-content:center;align-items:center;min-width:44px;display:inline-grid;position:relative}.login-btn,.checkout{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:var(--on-primary);border:1px solid #0000;font-weight:800}.badge{color:#fff;background:var(--danger);border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:2px}.auth{min-width:0;position:relative}.user-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;align-items:center;gap:10px;max-width:min(42vw,300px);min-height:44px;padding:6px 10px;display:flex}.user-box img{border-radius:50%;flex:none;width:28px;height:28px}.user-box span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-box button{background:color-mix(in srgb, var(--danger) 10%, transparent);min-height:36px;color:var(--danger);cursor:pointer;border:none;border-radius:10px;padding:0 8px;font-weight:800}.dropdown{background:var(--surface);min-width:260px;box-shadow:var(--shadow);z-index:999;border:1px solid var(--border);border-radius:16px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.cart-overlay{z-index:40;background:#1410216b;position:fixed;inset:0}.sidecart{background:var(--surface);border-left:1px solid var(--border);z-index:50;flex-direction:column;width:min(430px,94vw);height:100dvh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 30px #130f1f33}.sidecart.open{transform:translate(0)}.sidecart-header,.cart-footer{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 30%, var(--surface));padding:16px}.sidecart-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidecart-header h4{margin:0;font-size:1.05rem}.sidecart-header button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;font-size:1.1rem}.cart-items{overscroll-behavior:contain;flex:1;padding:12px 16px;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.cart-item p{margin:0 0 4px;font-weight:800;line-height:1.3}.cart-item span,.empty{color:var(--text-muted)}.cart-status{color:var(--text-muted);padding:10px 16px 0;font-size:.95rem}.cart-alert{border-radius:10px;margin:10px 16px 0;padding:10px 12px;font-size:.92rem}.cart-alert-error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--card))}.cart-alert-warning{color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--card))}.cart-error{color:var(--danger)}.quantity-controls{flex:none;align-items:center;gap:8px;display:flex}.quantity-controls button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:10px;min-width:44px;height:44px;font-size:1rem;font-weight:800}.quantity-controls span{text-align:center;min-width:28px;color:var(--text);font-weight:800}.cart-footer{border-top:1px solid var(--border);padding-bottom:max(16px, env(safe-area-inset-bottom));border-bottom:0;gap:12px;display:grid}.cart-footer h4{justify-content:space-between;gap:12px;margin:0;display:flex}.checkout{cursor:pointer;border-radius:12px;min-height:48px;padding:12px}.quantity-controls button:disabled,.checkout:disabled{opacity:.6;cursor:not-allowed}.empty{padding:16px}.no-scroll{overflow:hidden}@media (width<=900px){.navbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:8px 12px;display:grid}.nav-left{gap:8px;min-width:0}.navbar-logo-img{width:clamp(132px,30vw,190px);max-height:54px}.nav-right{gap:6px}.nav-menu-btn{display:inline-grid}.links{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:10px;right:10px}.links--open{display:grid}.links a{background:color-mix(in srgb, var(--surface-soft) 34%, transparent);text-overflow:ellipsis;justify-content:center;min-height:44px;overflow:hidden}}@media (width<=640px){.navbar{grid-template-columns:minmax(0,1fr) auto;max-width:100%}.cart-btn,.login-btn,.nav-menu-btn{min-width:42px;min-height:42px;padding:8px 10px}.navbar-logo-img{width:clamp(128px,34vw,176px);max-height:52px}.login-btn{text-overflow:ellipsis;white-space:nowrap;max-width:104px;overflow:hidden}.user-box{min-width:44px;max-width:34vw;padding:6px}.user-box span{display:none}.dropdown{width:auto;min-width:0;position:fixed;top:64px;left:10px;right:10px}.sidecart{border-left:0;width:100vw;max-width:100vw}.cart-item{grid-template-columns:1fr;gap:10px;display:grid}.quantity-controls{justify-content:flex-end}}@media (width<=420px){.logo{font-size:1rem}.navbar{padding-inline:8px}.navbar-logo-img{width:clamp(120px,38vw,160px);max-height:50px}.nav-right{gap:4px}.cart-btn,.login-btn,.nav-menu-btn{border-radius:11px}.links{grid-template-columns:1fr}}@media (hover:none){.links a:hover,.cart-btn:hover,.login-btn:hover,.nav-menu-btn:hover,.checkout:hover{box-shadow:none}}@media (prefers-reduced-motion:reduce){.sidecart,.cart-btn,.login-btn,.nav-menu-btn,.checkout,.links a{transition:none}}.site-footer{border-top:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 12%, transparent), transparent 32rem), color-mix(in srgb, var(--surface) 92%, var(--bg));color:var(--text);margin-top:clamp(2.5rem,6vw,5rem)}.site-footer__inner{grid-template-columns:minmax(220px,1.55fr) repeat(2,minmax(150px,1fr));gap:clamp(1rem,3vw,2.25rem);width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(1.4rem,3vw,2.15rem) 0;display:grid}.site-footer__brand{align-content:start;gap:.35rem;max-width:300px;display:grid}.site-footer__logo{width:fit-content;color:var(--text);letter-spacing:-.06em;font-size:clamp(1.6rem,3vw,2.15rem);font-weight:850;line-height:1;text-decoration:none}.site-footer__brand p,.site-footer__bottom p{color:var(--text-muted);margin:0}.site-footer__brand p{line-height:1.55}.site-footer__section{align-content:start;gap:.65rem;display:grid}.site-footer__section h2{color:var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:850}.site-footer__section ul{gap:.35rem;list-style:none;display:grid}.site-footer a{color:var(--text-muted);border-radius:10px;text-decoration:none;transition:color .2s,background .2s,transform .2s}.site-footer__section a{align-items:center;min-height:30px;margin-left:-.35rem;padding:.12rem .35rem;font-weight:700;display:inline-flex}.site-footer a:hover{color:var(--primary);background:color-mix(in srgb, var(--surface-soft) 54%, transparent)}.site-footer a:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 58%, transparent);outline-offset:3px}.site-footer__whatsapp{gap:.1rem;font-weight:700;color:color-mix(in srgb, var(--success) 78%, var(--text))!important}.site-footer__whatsapp:before{content:"";color:currentColor}.site-footer__bottom{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);text-align:center;gap:.35rem;padding:.75rem max(16px,50vw - 590px);font-size:.9rem;display:grid}.site-footer__credit{letter-spacing:.01em;font-size:.78rem}.site-footer__credit a{color:inherit;text-underline-offset:.18em;font-weight:700}.site-footer__instagram{color:#c13584;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.site-footer__email{color:#000;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}@media (width<=900px){.site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__brand{grid-column:1/-1}}@media (width<=640px){.site-footer{margin-top:2.5rem}.site-footer__inner{width:min(100% - 24px,1180px);padding:1.35rem 0 calc(1.35rem + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:1rem}.site-footer__brand{max-width:none}.site-footer__section ul{gap:.25rem}.site-footer__section a{width:100%;min-height:38px;margin-left:-.65rem;padding:.35rem .65rem}.site-footer__bottom{padding:.75rem 12px calc(.75rem + env(safe-area-inset-bottom))}}.admin-products-page{gap:clamp(.75rem,2vw,1rem);width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,2.5vw,1.35rem) clamp(.75rem,3vw,1rem) 2rem;display:grid;overflow-x:clip}.admin-products-header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.admin-products-header h1{margin:0;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.08}.admin-products-header p{color:var(--text-muted);margin:.35rem 0 0}.admin-products-link{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:10px;justify-content:center;align-items:center;padding:.55rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.admin-products-kpis{flex-wrap:wrap;gap:.6rem;min-width:0;display:flex}.admin-products-kpis span{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:.3rem .65rem;font-size:.9rem}.admin-products-filter,.admin-products-create{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:14px;padding:clamp(.8rem,2vw,1rem)}.admin-products-filter{grid-template-columns:minmax(160px,auto) minmax(220px,360px) 1fr;align-items:center;gap:.65rem;display:grid}.admin-products-filter label{font-weight:800}.admin-products-filter span{color:var(--text-muted);overflow-wrap:anywhere}.admin-products-create{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.admin-products-create h2{grid-column:1/-1}.admin-products-filter select,.admin-products-create input,.admin-products-create select,.admin-products-create textarea,.admin-products-create button,.admin-product-grid input,.admin-product-grid select,.admin-product-grid textarea,.admin-product-actions button{border:1px solid var(--border);background:var(--bg-soft);color:inherit;border-radius:10px;width:100%;min-width:0;padding:.55rem .7rem}.admin-products-create textarea{resize:vertical;grid-column:span 2}.admin-products-create button,.admin-product-actions button{cursor:pointer;font-weight:700}.admin-products-create button{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--on-primary);border:1px solid #0000}.admin-checkbox{align-items:center;gap:.45rem;display:inline-flex}.admin-product-options{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem;min-width:0;display:flex}.admin-product-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 42%, var(--card));width:fit-content;max-width:100%;color:inherit;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:700;line-height:1;display:inline-flex}.admin-product-toggle input[type=checkbox]{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, var(--border));cursor:pointer;border-radius:999px;width:2.35rem;min-width:2.35rem;height:1.25rem;margin:0;padding:0;transition:background .2s,border-color .2s;position:relative}.admin-product-toggle input[type=checkbox]:before{content:"";background:var(--text-muted);border-radius:50%;width:.85rem;height:.85rem;transition:transform .2s,background .2s;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}.admin-product-toggle input[type=checkbox]:checked{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));background:color-mix(in srgb, var(--primary) 20%, var(--card))}.admin-product-toggle input[type=checkbox]:checked:before{background:var(--primary);transform:translate(1.05rem,-50%)}.admin-product-toggle:has(input[type=checkbox]:checked){border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--card))}.admin-product-toggle span{text-overflow:ellipsis;overflow:hidden}.admin-state{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:.8rem}.admin-state-error{border-color:color-mix(in srgb, var(--danger) 70%, var(--border))}.admin-products-list{gap:.85rem;display:grid}.admin-product-row{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:14px;grid-template-columns:minmax(96px,120px) minmax(0,1fr) minmax(150px,auto);gap:.85rem;padding:.8rem;display:grid}.admin-product-row img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:120px;height:120px}.admin-product-fields{gap:.6rem;min-width:0;display:grid}.admin-product-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.admin-product-title-row h3{overflow-wrap:anywhere;margin:0}.admin-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.admin-product-grid textarea{grid-column:span 2}.admin-product-actions{align-content:start;gap:.55rem;min-width:0;display:grid}.admin-product-badge{border:1px solid #0000;border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.admin-product-badge-inactive{background:color-mix(in srgb, var(--danger) 45%, var(--card));border-color:color-mix(in srgb, var(--danger) 70%, var(--border))}.admin-product-badge-stock{background:color-mix(in srgb, var(--warning) 45%, var(--card));border-color:color-mix(in srgb, var(--warning) 80%, var(--border))}.admin-product-badge-hotsale{border-color:color-mix(in srgb, #ff6d00 70%, var(--border));color:#1d0b00;background:linear-gradient(135deg,#ff3d00,#ffb300)}.danger-btn{background:color-mix(in srgb, var(--danger) 14%, var(--card));color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border))}@media (width<=980px){.admin-products-filter,.admin-products-create,.admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-products-filter span{grid-column:1/-1}.admin-product-row{grid-template-columns:104px minmax(0,1fr)}.admin-product-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-products-header{flex-direction:column;align-items:flex-start}.admin-product-row{grid-template-columns:1fr}.admin-product-row img{width:100%;height:clamp(150px,44vw,220px)}.admin-product-actions{grid-column:auto;grid-template-columns:1fr}.admin-products-filter,.admin-products-create,.admin-product-grid{grid-template-columns:1fr}.admin-products-create textarea,.admin-product-grid textarea,.admin-product-options{grid-column:auto}.admin-product-options{align-items:stretch}.admin-product-toggle{flex:100%;justify-content:flex-start}}.admin-products-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.admin-state-success{border-color:color-mix(in srgb, var(--success) 70%, var(--border))}.admin-categories-create{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto}@media (width<=980px){.admin-categories-create,.admin-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-products-header-actions{justify-content:flex-start;width:100%}.admin-products-link{flex:160px}.admin-categories-create,.admin-category-grid{grid-template-columns:1fr}}.admin-image-fields{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.admin-image-fields--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-image-field{gap:.3rem;display:grid}.admin-image-field span{color:var(--text-muted);font-size:.78rem;font-weight:700}.admin-image-previews{flex-wrap:wrap;grid-column:1/-1;gap:.55rem;min-height:0;display:flex}.admin-image-previews:empty{display:none}.admin-image-previews img{border:1px solid var(--border);object-fit:cover;background:var(--bg-soft);width:86px;height:86px;box-shadow:var(--shadow-soft);border-radius:12px}@media (width<=980px){.admin-image-fields,.admin-image-fields--compact{grid-template-columns:1fr}}.admin-orders-page{width:min(1140px,100%);margin:clamp(12px,3vw,20px) auto;padding:0 clamp(10px,3vw,16px) 40px;overflow-x:clip}.admin-orders-header{margin-bottom:14px}.admin-orders-header h1{margin:0}.admin-orders-header p{color:var(--text-muted);margin:.4rem 0 0}.admin-orders-list{gap:16px;display:grid}.admin-order-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:18px;gap:14px;padding:clamp(12px,2vw,16px);display:grid}.admin-order-card h2,.admin-order-card h3,.admin-order-card p{margin:0}.admin-order-card p{color:var(--text-muted)}.admin-order-card-header,.admin-order-block-title-row,.admin-order-actions{justify-content:space-between;gap:12px;min-width:0;display:flex}.admin-order-card-header,.admin-order-block-title-row{align-items:flex-start}.admin-order-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800}.admin-order-pill-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.admin-order-pill,.admin-order-status{border:1px solid var(--border);width:fit-content;color:var(--text);border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.admin-order-pill-delivery-pickup{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 14%, var(--card))}.admin-order-pill-delivery-home_delivery{border-color:color-mix(in srgb, var(--info) 55%, var(--border));background:color-mix(in srgb, var(--info) 14%, var(--card))}.admin-order-summary-grid,.admin-order-detail-grid{gap:8px;display:grid}.admin-order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-order-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-order-summary-grid p,.admin-order-detail-grid p{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 32%, transparent);border-radius:12px;gap:4px;min-width:0;padding:9px 10px;display:grid}.admin-order-summary-grid span,.admin-order-detail-grid span{color:var(--text-muted);font-size:.78rem}.admin-order-summary-grid strong,.admin-order-detail-grid strong{color:var(--text);overflow-wrap:anywhere}.admin-order-block{background:color-mix(in srgb, var(--bg-soft) 62%, transparent);border:1px solid var(--border);border-radius:14px;gap:10px;padding:12px;display:grid}.admin-order-delivery-pickup{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card))}.admin-order-delivery-home{border-color:color-mix(in srgb, var(--info) 35%, var(--border));background:color-mix(in srgb, var(--info) 7%, var(--card))}.admin-order-delivery-highlight{background:color-mix(in srgb, var(--card) 70%, var(--primary));color:var(--text);border-radius:12px;padding:10px 12px;font-weight:800}.admin-order-items{gap:6px;display:grid}.admin-order-item-row{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 65%, var(--bg-soft));border-radius:10px;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:12px;padding:8px;font-size:.95rem;display:grid}.admin-order-status-pending{background:color-mix(in srgb, var(--warning) 45%, var(--card))}.admin-order-status-paid,.admin-order-status-delivered{background:color-mix(in srgb, var(--success) 42%, var(--card))}.admin-order-status-shipped{background:color-mix(in srgb, var(--info) 44%, var(--card))}.admin-order-status-cancelled,.admin-order-status-rejected{background:color-mix(in srgb, var(--danger) 42%, var(--card))}.admin-order-actions{flex-wrap:wrap;align-items:flex-end}.admin-order-status-controls label{margin-bottom:6px;font-weight:700;display:block}.admin-order-status-form{flex-wrap:wrap;gap:8px;display:flex}.admin-order-status-form select,.admin-order-status-form button,.admin-order-delete-btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 10px}.admin-order-status-form button{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--on-primary);border:1px solid #0000;font-weight:700}.admin-order-delete-btn{background:color-mix(in srgb, var(--danger) 16%, var(--card));color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));font-weight:700}.admin-order-status-form button:disabled,.admin-order-delete-btn:disabled,.admin-order-status-form select:disabled{opacity:.65;cursor:not-allowed}.admin-orders-state{color:var(--text-muted);margin-top:10px}.admin-orders-state-error{color:color-mix(in srgb, var(--danger) 72%, #7f1f35)}@media (width<=900px){.admin-order-summary-grid,.admin-order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-orders-header h1{font-size:clamp(1.6rem,8vw,2rem);line-height:1.08}.admin-order-card-header,.admin-order-block-title-row,.admin-order-actions{flex-direction:column}.admin-order-pill-group{justify-content:flex-start}.admin-order-item-row,.admin-order-summary-grid,.admin-order-detail-grid{grid-template-columns:1fr}.admin-order-actions{align-items:stretch}.admin-order-status-form{flex-direction:column}.admin-order-status-form button,.admin-order-status-form select,.admin-order-delete-btn{width:100%}}.checkout-page{gap:1rem;max-width:1140px;margin:1.35rem auto 2.25rem;padding:0 1rem;display:grid}.checkout-header{gap:.35rem;display:grid}.checkout-header h1{margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem)}.checkout-header p{color:var(--text-muted);margin:0}.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:1rem;display:grid}.checkout-main{gap:.9rem;display:grid}.checkout-summary{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:16px;gap:.72rem;padding:1rem;display:grid;position:sticky;top:82px}.checkout-summary h2{margin:0;font-size:1.06rem}.checkout-summary p{color:var(--text-muted);justify-content:space-between;gap:.5rem;margin:0;display:flex}.checkout-summary strong{color:var(--text)}.checkout-summary-total{border-top:1px solid var(--border);padding-top:.72rem}.checkout-summary-total strong{font-size:1.08rem}.checkout-step{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;gap:.78rem;padding:1rem;display:flex}.checkout-step h3{margin:0;font-size:1.02rem}.checkout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.checkout-options{gap:.5rem;display:grid}.checkout-options label{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 36%, transparent);border-radius:12px;align-items:center;gap:.55rem;padding:.62rem .7rem;display:flex}.checkout-page input,.checkout-page select{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:10px;padding:.66rem .78rem}.checkout-page button{cursor:pointer;border-radius:10px;width:fit-content;padding:.66rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.checkout-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--on-primary);border:1px solid #0000}.checkout-btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.checkout-page button:hover{box-shadow:var(--shadow-soft)}.checkout-page button:active{transform:translateY(1px)}.checkout-page button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.checkout-result{border:1px solid var(--border);background:var(--card);border-radius:14px;gap:.45rem;padding:.9rem 1rem;display:grid}.checkout-result h2,.checkout-result p{margin:0}.checkout-result-actions{flex-wrap:wrap;gap:.55rem;margin-top:.35rem;display:flex}.checkout-result-success{border-color:color-mix(in srgb, var(--success) 56%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--card))}.checkout-result-pending{border-color:color-mix(in srgb, var(--warning) 56%, var(--border));background:color-mix(in srgb, var(--warning) 11%, var(--card))}.checkout-result-failure{border-color:color-mix(in srgb, var(--danger) 56%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--card))}.checkout-error,.checkout-success,.checkout-notice{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:0;padding:.72rem .8rem;font-weight:600}.checkout-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 56%, var(--border));background:color-mix(in srgb, var(--danger) 8%, var(--card))}.checkout-success{color:var(--success);border-color:color-mix(in srgb, var(--success) 56%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--card))}.checkout-notice-info{color:var(--text-muted)}.checkout-notice-warning{color:var(--text);border-color:color-mix(in srgb, var(--warning) 56%, var(--border));background:color-mix(in srgb, var(--warning) 11%, var(--card))}@media (width<=980px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=768px){.checkout-page{padding:0 .8rem 1.2rem}.checkout-grid{grid-template-columns:1fr}}@media (width<=430px){.checkout-page button,.checkout-result-actions button{width:100%}}.checkout-page,.checkout-layout,.checkout-main,.checkout-summary{min-width:0}.checkout-page input,.checkout-page select,.checkout-page button,.checkout-options label{min-height:44px}.checkout-page input:focus,.checkout-page select:focus,.checkout-page button:focus-visible,.checkout-options label:focus-within{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.checkout-options label{cursor:pointer}.checkout-options input[type=radio]{width:20px;min-width:20px;height:20px;accent-color:var(--primary)}@media (hover:none){.checkout-page button:hover{box-shadow:none}}@media (width<=768px){.checkout-page{padding:0 .85rem calc(1.4rem + env(safe-area-inset-bottom));gap:.85rem;margin-top:1rem}.checkout-header{gap:.25rem}.checkout-header h1{font-size:clamp(1.55rem,8vw,2rem)}.checkout-layout{flex-direction:column-reverse;gap:.85rem;display:flex}.checkout-main,.checkout-summary,.checkout-step{width:100%}.checkout-summary{z-index:5;border-radius:15px;padding:.85rem;position:sticky;top:72px}.checkout-summary h2{font-size:1rem}.checkout-summary p{align-items:center}.checkout-step{border-radius:15px;padding:.9rem}.checkout-options{gap:.6rem}.checkout-options label{align-items:flex-start;padding:.82rem;line-height:1.35}.checkout-page input,.checkout-page select{width:100%;min-height:48px;font-size:16px}.checkout-page button{justify-content:center;width:100%;min-height:50px;font-size:.98rem}.checkout-result-actions{grid-template-columns:1fr;display:grid}.checkout-error,.checkout-success,.checkout-notice{padding:.82rem}}@media (width<=480px){.checkout-page{padding-inline:.65rem}.checkout-summary{top:66px}.checkout-summary p{font-size:.92rem}.checkout-step h3{font-size:1rem}}@media (prefers-reduced-motion:reduce){.checkout-page button{transition:none}}.checkout-step-hint,.checkout-summary-note{color:var(--text-muted);margin:0;font-size:.93rem}.checkout-delivery-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.checkout-delivery-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 42%, transparent);cursor:pointer;border-radius:14px;align-items:flex-start;gap:.65rem;min-height:132px;padding:.85rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.checkout-delivery-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.checkout-delivery-card-active{border-color:color-mix(in srgb, var(--primary) 68%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--card))}.checkout-delivery-card-disabled{cursor:not-allowed;opacity:.62}.checkout-delivery-card-disabled:hover{box-shadow:none;transform:none}.checkout-delivery-card input[type=radio]{width:20px;min-width:20px;height:20px;accent-color:var(--primary);margin-top:.12rem}.checkout-delivery-card-content,.checkout-delivery-card-header,.checkout-pickup-info{gap:.42rem;display:grid}.checkout-delivery-card-content{color:var(--text-muted)}.checkout-delivery-card-content strong,.checkout-delivery-card-header strong{color:var(--text)}.checkout-delivery-card-header{grid-template-columns:1fr auto;align-items:center;gap:.5rem}.checkout-badge{color:var(--on-primary);background:var(--primary);border-radius:999px;padding:.2rem .5rem;font-size:.78rem;font-weight:800}.checkout-pickup-info{border:1px solid color-mix(in srgb, var(--primary) 36%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--card));border-radius:14px;padding:.85rem}.checkout-pickup-info p{color:var(--text-muted);margin:0}@media (width<=768px){.checkout-delivery-cards{grid-template-columns:1fr}.checkout-delivery-card{min-height:auto}}:root{--bg:#f6f4fb;--surface:#fff;--surface-soft:#c6c5c5;--primary:#114a29;--primary-hover:#114a29;--text:#000;--text-soft:#000;--border:#ddd6f3;--success:#12b76a;--danger:#ef4444;--warning:#f59e0b;--info:#6aa4ff;--on-primary:#f8f7ff;--shadow:0 10px 20px #c5c5c6;--shadow-soft:0 6px 16px #c5c5c6;--shadow-hero:#c6c5c5;--bg-soft:var(--surface-soft);--card:var(--surface);--text-muted:var(--text-soft);--primary-strong:var(--primary-hover);--accent:#d8ceff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top right, var(--surface-soft) 0%, var(--bg) 58%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background .25s,color .25s}h1,h2,h3,h4,strong{color:var(--text)}p,span,small,label,a,button,input,select{color:inherit}button,input,select{font-family:inherit}img,video{max-width:100%;height:auto}.notification-stack{z-index:1200;flex-direction:column;gap:.5rem;width:min(92vw,460px);display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.notification-toast{width:100%;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.92rem;display:flex}.notification-toast.info{background:color-mix(in srgb, var(--info) 48%, var(--card))}.notification-toast.success{background:color-mix(in srgb, var(--success) 45%, var(--card))}.notification-toast.warning{background:color-mix(in srgb, var(--warning) 45%, var(--card))}.notification-toast.error{background:color-mix(in srgb, var(--danger) 50%, var(--card))}.notification-toast button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem}@media (width<=768px){body{font-size:15px}.notification-stack{width:min(96vw,460px);top:.75rem}}@media (width<=420px){body{font-size:14px}}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{overflow-x:clip}a,button,input,select,label{-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){*{scroll-behavior:auto}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1 0 auto}