:root{--red: #9e2f2f;--cream: #f5f0eb;--gold: #d4a256;--red-deep: #74201f;--red-photo: #872727;--red-soft: #b4453f;--red-line: #c0504a;--cream-deep: #ece2d4;--cream-line: #e3d4c0;--gold-light: #e7c895;--gold-deep: #9f732f;--gold-ghost: #e2b877;--teal: #1f4f5c;--teal-line: #2c6473;--ink: #3a1f17;--ink-muted: #6e5045;--ink-soft: #5a3a2c;--on-red: #f2e6dc;--on-red-muted: #ead8cc;--on-teal: #dfe7e8;--on-teal-muted:#c9d6d8;--on-red-deep-muted: #d9c0b4;--placeholder: #6c574d;--tone-pempek: #e8d8c3;--tone-frozen: #d6dfdd;--tone-kuah: #ecd3a6;--tone-cuko: #e6cfc6;--tone-arch: #ecd9bd;--font-display: 'Fraunces',Georgia,'Times New Roman',serif;--font-body: 'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-hand: 'Caveat','Segoe Print',cursive;--r-pill: 999px;--r-sm: 16px;--r-md: 28px;--r-lg: 40px;--arch: 999px 999px 28px 28px;--leaf-tr: 28px 96px 28px 28px;--leaf-br: 28px 28px 96px 28px;--leaf-tl: 120px 28px 28px 28px;--blob-card: 48px 48px 48px 10px;--ticket: 40px 40px 40px 150px;--form-arch: 260px 260px 36px 36px;--container: 1240px;--gutter: 24px}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;font-family: var(--font-body);font-size: 16px;line-height: 1.6;color: var(--ink);background: var(--cream);-webkit-font-smoothing: antialiased}img,svg{display: block;max-width: 100%}img{height: auto}a{color: var(--red)}a:hover{color: var(--red-deep)}button,input,select,textarea{font: inherit;color: inherit}h1,h2,h3,h4,p,figure,blockquote{margin: 0}ul,ol{margin: 0;padding: 0}.page{position: relative;overflow-x: clip}.container{position: relative;max-width: var(--container);margin: 0 auto;padding-inline: var(--gutter)}:focus-visible{outline: 3px solid var(--gold);outline-offset: 3px}::placeholder{color: var(--placeholder);opacity: 1}::-webkit-scrollbar{width: 14px;height: 14px}::-webkit-scrollbar-track{background: var(--cream-deep)}::-webkit-scrollbar-thumb{background: var(--red);border: 3px solid var(--cream-deep);border-radius: 999px;min-height: 60px}::-webkit-scrollbar-thumb:hover{background: var(--red-deep)}::-webkit-scrollbar-corner{background: var(--cream-deep)}body *::-webkit-scrollbar{width: 8px;height: 8px}body *::-webkit-scrollbar-track{background: transparent}body *::-webkit-scrollbar-thumb{background: var(--gold-light);border: 0;border-radius: 999px;min-height: 30px}body *::-webkit-scrollbar-thumb:hover{background: var(--gold)}body *::-webkit-scrollbar-corner{background: transparent}@supports not selector(::-webkit-scrollbar){html{scrollbar-color: var(--red) var(--cream-deep)}*{scrollbar-width: thin;scrollbar-color: var(--gold-light) transparent}html{scrollbar-width: auto}}.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}.skip-link{position: absolute;left: 16px;top: -80px;z-index: 100;background: var(--gold);color: var(--ink);padding: 12px 20px;border-radius: var(--r-pill);font-weight: 700;text-decoration: none}.skip-link:focus{top: 12px}.display{font-family: var(--font-display);font-weight: 700;font-variation-settings: 'SOFT' 100,'WONK' 0;letter-spacing: -0.02em;line-height: 0.92}.display em,.accent{font-style: italic;font-weight: 500;font-variation-settings: 'SOFT' 100,'WONK' 1;color: var(--gold-deep)}.on-red .display em,.on-red .accent,.on-teal .display em,.on-teal .accent{color: var(--gold)}.h1{font-size: clamp(54px,7.6vw,116px);line-height: 0.9;letter-spacing: -0.025em}.h2{font-size: clamp(44px,5.4vw,80px);color: var(--red)}.h2--sm{font-size: clamp(40px,4.6vw,64px);line-height: 0.95}.on-red .h2,.on-teal .h2{color: var(--cream)}.h3{font-family: var(--font-display);font-variation-settings: 'SOFT' 100;font-weight: 600;line-height: 1.1}.eyebrow{font: 700 13px/1.2 var(--font-body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--red)}.on-red .eyebrow{color: var(--gold-light)}.on-teal .eyebrow{color: var(--gold)}.on-gold .eyebrow{color: var(--ink)}.lead{font-size: 17px;line-height: 1.7;color: var(--ink-muted)}.on-red .lead{color: var(--on-red)}.on-teal .lead{color: var(--on-teal)}.hand{font-family: var(--font-hand);font-weight: 700;line-height: 1.05}.numeral{font-family: var(--font-display);font-style: italic;font-weight: 400;line-height: 0.8;color: var(--gold)}.price{font-family: var(--font-display);font-weight: 500;font-variation-settings: 'SOFT' 100}.price s{font-size: 0.62em;color: var(--ink-muted);margin-left: 6px}.on-red{background: var(--red);color: var(--cream)}.on-teal{background: var(--teal);color: var(--cream)}.on-gold{background: var(--gold);color: var(--ink)}.batik-defs{position: absolute;width: 0;height: 0;overflow: hidden}.batik{position: absolute;pointer-events: none}.batik svg{display: block;width: 100%;height: 100%}.wave{line-height: 0;margin-top: -1px}.wave svg{display: block;width: 100%}.frame{position: relative;overflow: hidden;background: var(--cream-deep)}.frame>img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.ph-label{position: relative;font-size: 11px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--placeholder)}@keyframes marquee{from{transform: translateX(0)}to{transform: translateX(-50%)}}.marquee{display: flex;width: max-content;animation: marquee 36s linear infinite}@keyframes float{0%,100%{transform: translateY(0) rotate(var(--r,0deg))}50%{transform: translateY(-8px) rotate(var(--r,0deg))}}.float{animation: float 6s ease-in-out infinite}.kawung{flex-shrink: 0}.lift{transition: transform .25s ease}.lift:hover{transform: translateY(-6px)}@media (max-width: 980px){.stagger{margin-top: 0 !important;margin-left: 0 !important}}@media (prefers-reduced-motion: reduce){.marquee,.float{animation: none}.lift,.btn{transition: none}html{scroll-behavior: auto}}.hp-field{position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 54px;padding: 0 26px;border: 0;border-radius: var(--r-pill);font-weight: 700;font-size: 15px;line-height: 1.1;text-decoration: none;text-align: center;cursor: pointer;transition: transform .15s ease,filter .15s ease}.btn:hover{transform: translateY(-2px);filter: brightness(1.07)}.btn:active{transform: translateY(0)}.btn svg{flex-shrink: 0}.btn--lg{min-height: 58px;padding: 0 28px;font-size: 16px}.btn--block{display: flex;width: 100%}.btn--gold,.btn--gold:hover{background: var(--gold);color: var(--ink)}.btn--red,.btn--red:hover{background: var(--red);color: var(--cream)}.btn--soft,.btn--soft:hover{background: var(--red-soft);color: var(--cream);min-height: 48px;padding: 0 20px;font-weight: 600;font-size: 14px}.btn--ink,.btn--ink:hover{background: var(--ink);color: var(--cream)}.pill-static{display: inline-flex;align-items: center;min-height: 48px;padding: 0 20px;border-radius: var(--r-pill);background: var(--red-soft);color: var(--cream);font-weight: 600;font-size: 14px}.link-u{font-weight: 700;font-size: 15px;text-decoration: underline;text-underline-offset: 6px;text-decoration-thickness: 2px}.on-red .link-u{color: var(--cream);text-decoration-color: var(--gold)}.on-red .link-u:hover{color: var(--gold-light)}.icon-btn{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 54px;height: 54px;border: 0;border-radius: 50%;background: var(--red);color: var(--cream);cursor: pointer;transition: transform .15s ease,filter .15s ease}.icon-btn:hover{transform: translateY(-2px);filter: brightness(1.07);color: var(--cream)}.icon-btn--sm{width: 46px;height: 46px}.icon-btn--ink{background: var(--ink)}.site-nav{position: sticky;top: 0;z-index: 30;background: var(--red);color: var(--cream)}.site-nav__bar{max-width: var(--container);margin: 0 auto;padding: 12px var(--gutter);display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);align-items: center;gap: 16px}.site-nav__links{display: flex;align-items: center;gap: 30px;list-style: none;font-size: 14px;font-weight: 600}.site-nav__links a{color: var(--cream);text-decoration: none;white-space: nowrap}.site-nav__links a:hover{color: var(--gold-light)}.site-nav__links a[aria-current="page"]{text-decoration: underline;text-decoration-color: var(--gold);text-decoration-thickness: 2px;text-underline-offset: 7px}.site-nav__logo{grid-column: 2;display: flex;justify-content: center}.site-nav__logo img{height: 46px;width: auto}.site-nav__right{grid-column: 3;display: flex;align-items: center;justify-content: flex-end;gap: 22px}.site-nav__tools{display: flex;align-items: center;gap: 8px}.site-nav__cta{min-height: 44px;padding: 0 22px;font-size: 14px;white-space: nowrap}.nav-icon{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 0;background: var(--red-soft);color: var(--cream);cursor: pointer;text-decoration: none;transition: transform .15s ease,filter .15s ease}.nav-icon:hover{color: var(--cream);transform: translateY(-2px);filter: brightness(1.07)}.nav-icon--avatar{background: var(--gold);color: var(--ink);font-family: var(--font-display);font-weight: 700;font-size: 15px}.nav-icon--avatar:hover{color: var(--ink)}.nav-icon__count{position: absolute;top: -4px;right: -6px;min-width: 19px;height: 19px;padding: 0 5px;display: flex;align-items: center;justify-content: center;border-radius: var(--r-pill);background: var(--gold);color: var(--ink);font-size: 10px;font-weight: 800;line-height: 1}.nav-drop>summary,.nav-burger>summary{list-style: none}.nav-drop>summary::-webkit-details-marker,.nav-burger>summary::-webkit-details-marker{display: none}.nav-drop__panel{position: absolute;top: 100%;z-index: 2;right: max(16px,calc((100vw - var(--container)) / 2 + var(--gutter) - 10px));width: 260px;padding: 0 10px 10px;background: var(--red);border-radius: 0 0 30px 30px}.nav-drop__inner{background: var(--cream);color: var(--ink);border-radius: 22px;padding: 10px;display: flex;flex-direction: column}.nav-drop__inner a,.nav-drop__inner button.as-link{display: block;width: 100%;padding: 11px 14px;border: 0;border-radius: 14px;background: none;color: var(--ink);text-decoration: none;text-align: left;font-weight: 600;font-size: 15px;cursor: pointer}.nav-drop__inner a:hover,.nav-drop__inner button.as-link:hover{background: var(--cream-deep);color: var(--ink)}.nav-drop__hello{padding: 8px 14px 6px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-muted)}.nav-drop__inner form{margin: 0}.nav-search .nav-drop__panel{width: min(360px,calc(100vw - 32px))}.nav-search__field{width: 100%;min-height: 48px;padding: 0 16px;border: 0;border-radius: 14px;background: var(--cream-deep);color: var(--ink);font-size: 15px}.nav-search__results{max-height: 340px;overflow-y: auto;margin-top: 6px}.nav-search__result{display: flex !important;align-items: center;gap: 12px}.nav-search__thumb{width: 44px;height: 44px;flex-shrink: 0;border-radius: 50%;object-fit: cover;background: var(--tone-pempek)}.nav-search__name{font-size: 14px;font-weight: 700;line-height: 1.3}.nav-search__meta{font-size: 12px;font-weight: 500;color: var(--ink-muted)}.nav-search__empty{padding: 14px;font-size: 14px;color: var(--ink-muted)}.nav-burger{display: none}.nav-burger>summary{width: 46px;height: 46px;border-radius: 50%;background: var(--red-soft);color: var(--cream);display: flex;align-items: center;justify-content: center;cursor: pointer}.nav-burger__panel{position: absolute;left: 0;right: 0;top: 100%;padding: 0 16px 16px;background: var(--red);max-height: calc(100vh - 70px);overflow-y: auto}.nav-burger__inner{background: var(--cream);border-radius: var(--r-md);padding: 12px;display: flex;flex-direction: column}.nav-burger__inner a,.nav-burger__inner button.as-link{display: block;width: 100%;padding: 14px 16px;border: 0;background: none;border-radius: 16px;color: var(--ink);text-decoration: none;text-align: left;font-weight: 600;font-size: 17px;cursor: pointer}.nav-burger__inner a:hover,.nav-burger__inner button.as-link:hover{background: var(--cream-deep);color: var(--ink)}.nav-burger__inner .btn{margin-top: 6px;min-height: 52px;background: var(--red);color: var(--cream);border-radius: var(--r-pill);justify-content: center;text-align: center}.nav-burger__inner .btn:hover{background: var(--red);color: var(--cream)}.nav-burger__sub{margin: 8px 16px 2px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-muted)}.nav-burger__inner form{margin: 0}@media (max-width: 1100px){.site-nav__links{display: none}.nav-burger{display: block}.site-nav__bar{grid-template-columns: auto minmax(0,1fr)}.site-nav__logo{grid-column: 1;justify-content: flex-start}.site-nav__right{grid-column: 2;gap: 10px}}@media (max-width: 640px){.site-nav__cta,.nav-search,.nav-fav{display: none !important}.site-nav__bar{padding: 10px 16px}.site-nav__logo img{height: 40px}}.tabs{display: flex;gap: 8px;overflow-x: auto;max-width: 100%;padding: 4px 4px 6px;scrollbar-width: none}.tabs::-webkit-scrollbar{display: none}.tab{flex-shrink: 0;min-height: 46px;padding: 0 20px;border: 0;border-radius: var(--r-pill);background: var(--cream);color: var(--ink);font-weight: 600;font-size: 14px;cursor: pointer;transition: transform .15s ease,filter .15s ease}.tab:hover{transform: translateY(-2px);filter: brightness(1.04)}.tab[aria-selected="true"],.tab[aria-current="page"]{background: var(--red);color: var(--cream)}a.tab{display: inline-flex;align-items: center;text-decoration: none;color: var(--ink)}a.tab[aria-current="page"]:hover{color: var(--cream)}.badge{display: inline-block;padding: 6px 12px;border-radius: var(--r-pill);font-size: 11px;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;line-height: 1.2}.badge--terlaris{background: var(--gold);color: var(--ink)}.badge--favorit{background: var(--teal);color: var(--cream)}.badge--baru,.badge--promo{background: var(--red);color: var(--cream)}.badge--wajib,.badge--habis{background: var(--ink);color: var(--cream)}.pcard{display: flex;flex-direction: column;gap: 14px;min-width: 0;color: var(--ink)}.pcard__media{position: relative;aspect-ratio: var(--ratio,4 / 5);border-radius: var(--radius,28px);background: var(--tone,var(--tone-pempek));overflow: hidden;display: flex;align-items: flex-end;padding: 18px}.pcard__media>img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.pcard__media .ph-label{font-size: 10px}.pcard__badge{position: absolute;left: 16px;top: 16px;z-index: 1;transform: rotate(var(--rot,-3deg))}.pcard__row{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px}.pcard__text{display: flex;flex-direction: column;gap: 5px;min-width: 0}.pcard__cat{font-size: 11px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--red)}.pcard__name{font-size: 22px}.pcard__name a{color: inherit;text-decoration: none}.pcard__name a::after{content: '';position: absolute;inset: 0}.pcard__desc{font-size: 14px;line-height: 1.55;color: var(--ink-muted)}.pcard__price{font-size: 19px;margin-top: 4px}.pcard{position: relative}.pcard .icon-btn{position: relative;z-index: 1}.stars{display: inline-flex;gap: 2px;vertical-align: -2px}.stars svg{fill: var(--cream-line)}.stars svg.is-on{fill: var(--gold)}.switch{display: flex;align-items: center;gap: 12px;cursor: pointer;font-size: 14px;font-weight: 600}.switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.switch__track{position: relative;width: 46px;height: 28px;flex-shrink: 0;border-radius: var(--r-pill);background: var(--cream-deep);transition: background .15s ease}.switch__track::after{content: '';position: absolute;left: 4px;top: 4px;width: 20px;height: 20px;border-radius: 50%;background: var(--ink-muted);transition: transform .15s ease,background .15s ease}.switch input:checked + .switch__track{background: var(--red)}.switch input:checked + .switch__track::after{transform: translateX(18px);background: var(--cream)}.switch input:focus-visible + .switch__track{outline: 3px solid var(--gold);outline-offset: 2px}.qty{display: inline-flex;align-items: center;background: var(--cream-deep);border-radius: var(--r-pill);padding: 4px}.qty button{width: 44px;height: 44px;border: 0;border-radius: 50%;background: none;color: var(--ink);font-size: 22px;line-height: 1;cursor: pointer}.qty button:hover{background: var(--cream)}.qty input{width: 48px;border: 0;background: none;text-align: center;font-weight: 700;font-size: 17px;color: var(--ink);-moz-appearance: textfield;appearance: textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.crumbs{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;font-size: 13px;color: var(--ink-muted)}.crumbs li + li::before{content: '/';margin-right: 6px;opacity: .5}.crumbs a{color: var(--ink-muted);text-decoration: none}.crumbs a:hover{color: var(--red)}.crumbs [aria-current]{color: var(--ink);font-weight: 600}.field{display: flex;flex-direction: column;gap: 7px}.field label{font-size: 13px;font-weight: 600}.field input,.field select,.field textarea{width: 100%;min-height: 52px;padding: 0 18px;border: 0;border-radius: var(--r-sm);background: var(--cream);color: var(--ink);font-size: 15px}.field select{padding: 0 14px}.field textarea{padding: 14px 18px;min-height: 120px;resize: vertical;line-height: 1.55}.field--on-cream input,.field--on-cream select,.field--on-cream textarea{background: var(--cream-deep)}.field__error{display: flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--gold-light)}.field--on-cream .field__error{color: var(--red)}.notice{padding: 14px 18px;border-radius: var(--r-sm);font-size: 14px;font-weight: 600;background: var(--cream-deep);color: var(--ink)}.notice--ok{background: var(--gold);color: var(--ink)}.faq{display: flex;flex-direction: column;gap: 10px}.faq details{background: var(--cream-deep);border-radius: 24px;transition: background .15s ease}.faq details:nth-child(3n+2){border-radius: 24px 56px 24px 24px}.faq details[open]{background: var(--cream)}.faq--on-cream details[open]{background: var(--tone-pempek)}.faq summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 18px 22px;font-family: var(--font-display);font-variation-settings: 'SOFT' 100;font-weight: 600;font-size: 19px;line-height: 1.3}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '+';flex-shrink: 0;width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--red);color: var(--cream);font-family: var(--font-body);font-weight: 700;font-size: 20px;transition: transform .2s ease}.faq details[open] summary::after{transform: rotate(45deg)}.faq__a{padding: 0 22px 20px;font-size: 15px;line-height: 1.7;color: var(--ink-muted);max-width: 64ch}.faq__a a{font-weight: 700}@media (prefers-reduced-motion: reduce){.faq details,.faq summary::after{transition: none}}.mascot{display: block;max-width: 100%;height: auto;flex-shrink: 0}.empty-state{display: flex;flex-direction: column;align-items: center;gap: 16px;text-align: center;padding-top: 80px;padding-bottom: 110px}.empty-state__note{font-size: 32px;color: var(--red);transform: rotate(-4deg)}.empty-state .lead{max-width: 440px}.site-footer{position: relative;background: var(--red-deep);color: var(--cream);overflow: hidden}.site-footer__inner{position: relative;max-width: var(--container);margin: 0 auto;padding: 56px var(--gutter) 32px;display: flex;flex-direction: column;gap: 44px}.site-footer__top{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px}.site-footer__brand{flex: 1 1 300px;max-width: 420px;display: flex;flex-direction: column;gap: 18px}.site-footer__brand img{height: 58px;width: auto;align-self: flex-start}.site-footer__brand p{font-size: 15px;line-height: 1.7;color: var(--on-red-muted)}.site-footer__news{display: flex;flex-direction: column;gap: 8px;margin-top: 6px}.site-footer__news label{font-size: 13px;font-weight: 600;color: var(--gold-light)}.site-footer__news-row{display: flex;flex-wrap: wrap;gap: 8px}.site-footer__news input{flex: 1 1 200px;min-height: 50px;padding: 0 20px;border: 0;border-radius: var(--r-pill);background: var(--cream);color: var(--ink);font-size: 14px}.site-footer__news .btn{min-height: 50px;padding: 0 22px;font-size: 14px}.site-footer__cols{display: flex;flex-wrap: wrap;gap: 48px 64px}.site-footer__col{display: flex;flex-direction: column;gap: 12px;font-size: 15px;list-style: none}.site-footer__col h2{font-family: var(--font-display);font-style: italic;font-weight: 500;font-size: 20px;color: var(--gold)}.site-footer__col a{color: var(--cream);text-decoration: none}.site-footer__col a:hover{color: var(--gold-light)}.site-footer__bottom{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 12px 24px;font-size: 13px;color: var(--on-red-deep-muted);padding-top: 8px}.site-footer__legal{list-style: none;display: flex;flex-wrap: wrap;gap: 4px 20px}.site-footer__legal a{display: inline-flex;align-items: center;min-height: 32px;color: var(--cream);font-weight: 600;text-underline-offset: 3px}.agree{font-size: 13px;line-height: 1.55;color: var(--ink-muted)}.agree a{color: inherit;font-weight: 700;text-underline-offset: 3px}.on-red .agree{color: var(--on-red)}.wa-float{position: fixed;right: 22px;bottom: 22px;z-index: 40;width: 62px;height: 62px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--gold);color: var(--ink);transition: transform .15s ease,filter .15s ease}.wa-float:hover{color: var(--ink);transform: translateY(-2px);filter: brightness(1.07)}@media (prefers-reduced-motion: reduce){.wa-float,.nav-icon,.tab,.icon-btn{transition: none}}.pd-top{padding-top: 22px;display: flex;flex-direction: column;gap: 14px}.pd-notice{align-self: flex-start}.pd{max-width: 1320px;margin: 0 auto;padding: 22px 0 96px;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 48px}.pd__stage{flex: 1 1 480px;min-width: 0;position: relative;overflow: hidden;margin-left: min(0px,calc((1320px - 100vw) / 2));background: var(--red);border-radius: 0 320px 320px 0;padding: 56px 72px 56px 24px;min-height: 560px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 22px}.pd__photo{position: relative;width: 100%;max-width: 460px;aspect-ratio: 1;border-radius: 50%;background: var(--red-photo);display: flex;align-items: center;justify-content: center;text-align: center;padding: 18%}.pd__photo .ph-label{color: var(--gold-light);font-size: 12px}.pd__badge{position: absolute;right: 13%;top: 8%;width: 118px;height: 118px}.pd__badge>svg{position: absolute;inset: 0;width: 100%;height: 100%}.pd__badge-text{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;text-align: center;padding: 22px;font-family: var(--font-display);font-style: italic;font-weight: 500;font-size: 18px;line-height: 1;color: var(--ink)}.pd__k{position: absolute;left: 10%;bottom: 8%}.pd__thumbs{position: relative;display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.pd__thumb{width: 64px;height: 64px;padding: 0;border: 0;border-radius: 50%;overflow: hidden;cursor: pointer;background: var(--red-photo);transition: transform .15s ease}.pd__thumb img{width: 100%;height: 100%;object-fit: cover}.pd__thumb:hover{transform: translateY(-3px)}.pd__thumb[aria-pressed="true"]{width: 78px;height: 78px}.pd__info{flex: 1 1 420px;min-width: 0;max-width: 580px;padding: 8px 24px 0;display: flex;flex-direction: column;gap: 18px}.pd__name{font-size: clamp(48px,5.4vw,84px);color: var(--red)}.pd__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 18px}.pd__rating{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--ink-muted);text-decoration: none}.pd__rating:hover{color: var(--red)}.pd__stock{display: inline-flex;align-items: center;min-height: 30px;padding: 0 12px;border-radius: var(--r-pill);background: var(--tone-frozen);color: var(--teal);font-size: 12px;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.pd__stock.is-out{background: var(--ink);color: var(--cream)}.pd__price-row{display: flex;flex-wrap: wrap;align-items: baseline;gap: 8px 14px}.pd__price{font-size: 44px;line-height: 1;color: var(--ink)}.pd__was{font-size: 18px;color: var(--ink-muted)}.pd__price-row .badge{align-self: center;transform: rotate(-3deg)}.pd__deal{display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--ink-muted)}.pd__buy{display: flex;flex-direction: column;gap: 18px}.pd__variants{margin: 0;padding: 0;border: 0;min-width: 0}.pd__variants legend{padding: 0;margin-bottom: 10px;font-size: 13px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-muted)}.pd__variant-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px}.pd__variant{position: relative;display: flex;flex-direction: column;gap: 2px;cursor: pointer;padding: 14px 18px;border-radius: 22px 22px 22px 6px;background: var(--cream-deep);color: var(--ink);transition: transform .15s ease}.pd__variant:hover{transform: translateY(-2px)}.pd__variant input{position: absolute;opacity: 0;width: 1px;height: 1px}.pd__variant-name{font-family: var(--font-display);font-variation-settings: 'SOFT' 100;font-weight: 600;font-size: 19px;line-height: 1.15}.pd__variant-price{font-size: 13px;font-weight: 700;color: var(--ink-muted)}.pd__variant-note{font-size: 12px;line-height: 1.45;color: var(--ink-muted);margin-top: 4px}.pd__variant.is-out .pd__variant-name{opacity: .55}.pd__variant:has(input:checked){background: var(--red);color: var(--cream)}.pd__variant:has(input:checked) .pd__variant-price,.pd__variant:has(input:checked) .pd__variant-note{color: var(--on-red)}.pd__variant:has(input:focus-visible){outline: 3px solid var(--gold);outline-offset: 3px}.pd__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px}.pd__actions[hidden]{display: none}.pd__add{flex: 1 1 220px}.pd__notify{background: var(--cream-deep);border-radius: 28px 90px 28px 28px;padding: 22px 24px 24px;display: flex;flex-direction: column;gap: 6px}.pd__notify[hidden]{display: none}.pd__notify-title{font-family: var(--font-display);font-weight: 700;font-size: 22px;color: var(--red)}.pd__notify-text{font-size: 14px;color: var(--ink-muted);margin-bottom: 8px}.pd__notify-row{display: flex;flex-wrap: wrap;gap: 8px}.pd__notify-row input{flex: 1 1 200px;background: var(--cream) !important;border-radius: var(--r-pill) !important}.pd__ask{font-size: 16px;color: var(--ink-muted)}.pd__secondary{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px}.pd__wa{display: inline-flex;align-items: center;gap: 8px}.pd__fav{margin: 0}.pd__fav-btn{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 16px;border: 0;border-radius: var(--r-pill);background: var(--cream-deep);color: var(--red);font-weight: 700;font-size: 14px;cursor: pointer;transition: transform .15s ease}.pd__fav-btn:hover{transform: translateY(-2px)}.pd__fav-btn.is-on{background: var(--red);color: var(--cream)}.pd__trust{list-style: none;display: flex;flex-wrap: wrap;gap: 10px 22px;margin-top: 6px;font-size: 14px;font-weight: 600;color: var(--ink-muted)}.pd__trust li{display: flex;align-items: center;gap: 8px}.pd-about__inner{max-width: 820px;padding-bottom: 80px;display: flex;flex-direction: column;gap: 16px}.pd-about__text{max-width: 68ch;font-size: 17px;line-height: 1.75;color: var(--ink-muted)}.pair{position: relative;background: var(--cream-deep);overflow: hidden}.pair__inner{padding-top: 48px;padding-bottom: 96px;position: relative}.pair__head{display: flex;flex-direction: column;gap: 12px}.pair__note{position: absolute;right: 8%;top: 60px;font-size: 28px;color: var(--red);transform: rotate(6deg)}.pair__list{list-style: none;display: flex;flex-wrap: wrap;gap: 28px 40px;align-items: flex-start;margin-top: 40px}.pair__link{display: flex;flex-direction: column;align-items: flex-start;gap: 6px;color: var(--ink);text-decoration: none;max-width: 180px}.pair__link:hover{color: var(--ink)}.pair__img{border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 14px;margin-bottom: 8px}.pair__img .ph-label{font-size: 9px}.pair__name{font-size: 21px}.pair__price{font-size: 17px}.reviews{position: relative}.reviews__inner{padding-top: 56px;padding-bottom: 110px;display: flex;flex-wrap: wrap;gap: 48px 72px;align-items: flex-start}.reviews__summary{flex: 0.9 1 340px;min-width: 0;display: flex;flex-direction: column;gap: 18px}.reviews__score{display: flex;align-items: center;gap: 18px}.reviews__avg{font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 96px;line-height: .85;color: var(--gold-deep)}.reviews__total{font-size: 14px;font-weight: 600;color: var(--ink-muted);margin-top: 6px}.reviews__bars{list-style: none;display: flex;flex-direction: column;gap: 8px;max-width: 380px}.reviews__bars li{display: grid;grid-template-columns: 72px 1fr 28px;align-items: center;gap: 10px;font-size: 13px;color: var(--ink-muted)}.reviews__bar{height: 10px;border-radius: var(--r-pill);background: var(--cream-deep);overflow: hidden}.reviews__bar span{display: block;height: 100%;border-radius: var(--r-pill);background: var(--gold)}.reviews__bar-count{text-align: right;font-weight: 700}.reviews__form{display: flex;flex-direction: column;gap: 14px;margin-top: 12px;background: var(--cream-deep);border-radius: 36px 36px 36px 120px;padding: 26px 26px 30px}.reviews__form .field textarea{background: var(--cream)}.reviews__form .btn{align-self: flex-start}.reviews__form-title{font-size: 24px;font-weight: 700;color: var(--red)}.reviews__optional{font-weight: 500;color: var(--ink-muted)}.reviews__login{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 20px;margin-top: 12px;background: var(--cream-deep);border-radius: 28px 90px 28px 28px;padding: 22px 26px;font-size: 15px}.star-input{margin: 0;padding: 0;border: 0;display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 2px}.star-input legend{float: left;width: 100%;padding: 0;margin-bottom: 4px;font-size: 13px;font-weight: 600}.star-input input{position: absolute;opacity: 0;width: 1px;height: 1px}.star-input label{cursor: pointer;color: var(--cream-line)}.star-input label svg{fill: currentColor;transition: transform .12s ease}.star-input label:hover svg{transform: scale(1.12)}.star-input input:checked ~ label,.star-input label:hover,.star-input label:hover ~ label{color: var(--gold)}.star-input input:focus-visible + label{outline: 3px solid var(--gold);outline-offset: 2px;border-radius: 6px}.reviews__list{flex: 1.2 1 440px;min-width: 0;display: flex;flex-direction: column;gap: 30px;padding-top: 24px}.reviews__empty{display: flex;flex-direction: column;align-items: flex-start;gap: 10px}.reviews__empty .hand{font-size: 28px;color: var(--red);transform: rotate(-4deg)}.review{display: flex;gap: 16px;align-items: flex-start}.review--offset{margin-left: 8%}.review__avatar{width: 52px;height: 52px;flex-shrink: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: var(--font-display);font-weight: 700;font-size: 18px}.review__body{display: flex;flex-direction: column;gap: 6px;min-width: 0}.review__head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px}.review__name{font-weight: 800;font-size: 16px}.review__date{font-size: 13px;color: var(--ink-muted)}.review__text{font-family: var(--font-display);font-variation-settings: 'SOFT' 100;font-size: 19px;line-height: 1.45;color: var(--ink)}@media (max-width: 980px){.pd{padding-bottom: 72px}.pd__info{max-width: none}.review--offset{margin-left: 0}.pair__note{display: none}}@media (max-width: 640px){.pd{gap: 32px;padding-top: 12px}.pd__stage{padding: 32px 40px 32px 16px;min-height: 0;border-radius: 0 220px 220px 0;margin-right: 28px}.pd__badge{width: 84px;height: 84px;right: auto;left: 3%;top: 3%}.pd__k{left: auto;right: 22%;bottom: 6%}.pd__badge-text{font-size: 14px;padding: 16px}.pd__info{padding: 0 16px}.pd__price{font-size: 38px}.pd__actions .qty{flex: 0 0 auto}.pd__variant-list{grid-template-columns: repeat(2,minmax(0,1fr))}.pair__list{gap: 24px 20px}.pair__img{width: 120px !important;height: 120px !important}.pair__item{flex: 1 1 40%}.reviews__avg{font-size: 76px}.reviews__form{border-radius: 32px 32px 32px 80px}}@media (prefers-reduced-motion: reduce){.pd__thumb,.pd__variant,.pd__fav-btn,.star-input label svg{transition: none}}