@charset "UTF-8";:root{--brand: #d21f2b;--brand-600: #bd1824;--brand-700: #9f131d;--brand-ink: #ffffff;--brand-tint: #fdeaec;--brand-tint-2: #f7ccd0;--brand-grad: linear-gradient(135deg, #dd2531 0%, #bb141f 100%);--accent: #ffc233;--accent-600: #f6b113;--accent-ink: #4a3400;--accent-tint: #fff4d4;--accent-grad: linear-gradient(135deg, #ffd45a 0%, #ffb300 100%);--maroon: #6f1810;--maroon-2: #8e2016;--header-bg: #bd1824;--header-ink: #ffffff;--nav-bg: #9f131d;--nav-ink: #ffffff;--product-bg: var(--header-bg);--ink: #1c1a19;--ink-2: #4b4542;--muted: #8a817b;--bg: #fff8f2;--surface: #ffffff;--surface-2: #fbf5ef;--line: rgba(28, 26, 25, .1);--line-2: rgba(28, 26, 25, .06);--success: #1f9d57;--success-tint: #e7f6ee;--danger: #e23b3b;--danger-tint: #fdeaea;--r-xs: 8px;--r-sm: 12px;--r: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--sh-sm: 0 1px 3px rgba(24, 18, 14, .06), 0 1px 2px rgba(24, 18, 14, .04);--sh: 0 6px 18px rgba(34, 24, 18, .08);--sh-md: 0 12px 30px rgba(34, 24, 18, .12);--sh-lg: 0 24px 60px rgba(28, 18, 12, .24);--sh-brand: 0 8px 22px rgba(189, 24, 36, .3);--sh-accent: 0 8px 20px rgba(246, 177, 19, .35);--maxw: 1200px;--header-height: 68px;--category-header-height: 94px;--font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Baloo 2", "Poppins", system-ui, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media (max-width: 768px){:root{--header-height: 58px;--category-header-height: 86px}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{line-height:1.18;letter-spacing:-.01em;color:var(--ink)}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}::selection{background:var(--brand-tint-2);color:var(--brand-700)}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 55%,transparent) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 45%,transparent);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--brand)}.po-container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:1.25rem}.po-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.po-section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,1rem + 2.2vw,2.3rem);color:var(--ink);display:inline-flex;align-items:center;gap:.6rem;letter-spacing:-.02em}.po-section-sub{color:var(--muted);font-weight:500;font-size:.95rem;margin-top:.15rem}.po-btn{--_bg: var(--brand-grad);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.6rem;border:none;border-radius:var(--r-pill);background:var(--_bg);color:var(--brand-ink);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease);box-shadow:var(--sh-brand);white-space:nowrap}.po-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 28px #d8341d66}.po-btn:active{transform:translateY(0)}.po-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}.po-btn svg{width:18px;height:18px}.po-btn--ghost{background:var(--surface);color:var(--brand-700);box-shadow:inset 0 0 0 2px var(--brand-tint-2)}.po-btn--ghost:hover{box-shadow:inset 0 0 0 2px var(--brand)}.po-btn--block{width:100%}.po-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-pill);background:var(--brand);color:var(--brand-ink);cursor:pointer;box-shadow:var(--sh-brand);transition:transform .2s var(--ease),background .2s var(--ease)}.po-icon-btn:hover{transform:translateY(-2px) scale(1.05);background:var(--brand-700)}.po-icon-btn:active{transform:scale(.96)}.po-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:var(--r-xs);font-size:.72rem;font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase;white-space:nowrap}.po-badge--deal{background:var(--accent);color:var(--accent-ink);box-shadow:var(--sh-accent)}.po-badge--hot{background:var(--brand);color:var(--brand-ink)}.po-badge--popular{background:#fff;color:var(--brand-700);box-shadow:var(--sh-sm)}.po-badge--out{background:#1c1a19c7;color:#fff}.po-badge--save{background:var(--success-tint);color:var(--success);text-transform:none}.po-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-sm);font-weight:600;font-size:.9rem;color:var(--ink-2)}.po-stepper{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 2px var(--brand-tint-2)}.po-stepper button{width:34px;height:34px;border:none;border-radius:var(--r-pill);background:var(--brand-tint);color:var(--brand-700);font-size:1.1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s var(--ease),transform .18s var(--ease)}.po-stepper button:hover:not(:disabled){background:var(--brand);color:var(--brand-ink);transform:scale(1.06)}.po-stepper button:disabled{opacity:.4;cursor:not-allowed}.po-stepper button svg{width:16px;height:16px}.po-stepper .qty{min-width:26px;text-align:center;font-weight:700;color:var(--ink)}.po-price{font-weight:800;color:var(--brand-700);white-space:nowrap}.po-price .was{text-decoration:line-through;color:var(--muted);font-weight:600;font-size:.82em;margin-right:.4rem}.po-price .from{color:var(--muted);font-weight:600;font-size:.78em;margin-right:.35rem;text-transform:uppercase;letter-spacing:.04em}.po-savings{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:var(--r-sm);background:var(--success-tint);color:var(--success);font-weight:700;font-size:.9rem}.po-summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink-2);font-size:.98rem;padding:.15rem 0}.po-summary-row .label{display:inline-flex;align-items:center;gap:.5rem}.po-summary-row.is-discount{color:var(--success);font-weight:600}.po-summary-grand{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink)}.po-summary-grand strong{color:var(--brand-700)}.po-field{display:flex;flex-direction:column;gap:.4rem}.po-label{font-weight:600;font-size:.88rem;color:var(--ink-2);display:inline-flex;gap:.35rem;align-items:center}.po-label .req{color:var(--brand);font-size:.78rem;font-weight:700}.po-input,.po-textarea,.po-select{width:100%;padding:.85rem 1rem;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.95rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.po-textarea{resize:vertical;min-height:96px}.po-input::placeholder,.po-textarea::placeholder{color:var(--muted)}.po-input:focus,.po-textarea:focus,.po-select:focus{outline:none;border-color:var(--brand);background:var(--brand-tint);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.po-divider{height:1px;background:var(--line-2);border:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes po-fade-in{0%{opacity:0}to{opacity:1}}@keyframes po-slide-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes po-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes po-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes po-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
