: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}}:root{--filters-w: 296px;--filters-gap: 40px}.shop-hero{position: relative;overflow: hidden}.shop-hero__inner{display: flex;flex-wrap: wrap;align-items: center;gap: 32px 56px;padding-top: 44px;padding-bottom: 28px}.shop-hero__copy{flex: 1.2 1 460px;min-width: 0;display: flex;flex-direction: column;gap: 22px}.shop-hero__eyebrow{display: flex;align-items: center;gap: 10px}.shop-hero__title{font-size: clamp(52px,6.6vw,100px)}.shop-hero__lead{font-size: 18px;line-height: 1.65;max-width: 480px;color: var(--on-red)}.shop-search{position: relative;max-width: 520px}.shop-search svg{position: absolute;left: 22px;top: 50%;transform: translateY(-50%);color: var(--ink-muted);pointer-events: none}.shop-search input{width: 100%;min-height: 60px;padding: 0 24px 0 56px;border: 0;border-radius: var(--r-pill);background: var(--cream);color: var(--ink);font-size: 16px}.shop-search input::-webkit-search-cancel-button{cursor: pointer}.shop-hero__jump{display: flex;flex-wrap: wrap;gap: 8px;list-style: none}.shop-hero__jump .btn{min-height: 44px}.shop-hero__art{flex: 0.8 1 320px;min-width: 0;position: relative;aspect-ratio: 1 / 0.86;max-width: 460px;margin-inline: auto}.shop-hero__photo{position: absolute;right: 0;top: 0;width: 78%;aspect-ratio: 1;border-radius: 50%;background: var(--red-photo)}.shop-hero__photo-sm{position: absolute;left: 4%;bottom: 0;width: 38%;aspect-ratio: 4 / 5;border-radius: var(--arch);background: var(--gold);transform: rotate(-4deg)}.shop-hero__k1{position: absolute;left: 14%;top: 0}.shop-hero__k2{position: absolute;right: 6%;bottom: 4%}.shop-hero__note{position: absolute;left: -4%;top: 24%;font-size: 28px;color: var(--gold-light);transform: rotate(-7deg)}.catalog{position: relative}.catalog__notice{padding-top: 24px}.catalog__notice + .band{margin-top: 0}.band{position: relative;overflow: hidden;scroll-margin-top: 72px}.band__inner{padding-top: 48px;padding-bottom: 84px}.band__head{display: flex;align-items: center;gap: 22px;margin-bottom: 36px}.band__photo{width: 104px;height: 104px;flex-shrink: 0;border-radius: 50%;background: var(--cream);display: flex;align-items: center;justify-content: center;text-align: center;padding: 10px}.band__photo .ph-label{font-size: 8px}.band__title{display: flex;flex-direction: column;gap: 8px;min-width: 0}.band__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 36px 24px;align-items: start}.band__empty{font-size: 16px;color: var(--ink-muted)}@media (min-width: 981px){.band__inner,.catalog__notice{padding-left: calc(var(--gutter) + var(--filters-w) + var(--filters-gap))}}.mcard{position: relative;display: flex;flex-direction: column;gap: 14px;min-width: 0}.mcard[hidden]{display: none}.mcard__media{position: relative;overflow: hidden;display: flex;align-items: flex-end;padding: 18px;aspect-ratio: 1;border-radius: 50%;background: var(--cream)}.mcard__media>img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.mcard__media .ph-label{font-size: 10px}.mcard--circle .mcard__media{border-radius: 50%;justify-content: center;align-items: center;text-align: center;padding: 18%}.mcard--arch .mcard__media{aspect-ratio: 4 / 5;border-radius: var(--arch)}.mcard--leaf .mcard__media{aspect-ratio: 1;border-radius: var(--leaf-tr)}.mcard__badge{position: absolute;left: 14px;top: 14px;z-index: 1;transform: rotate(-4deg)}.mcard--circle .mcard__badge{left: 50%;top: 8px;transform: translateX(-50%) rotate(-4deg)}.mcard:nth-child(2n) .mcard__badge{transform: rotate(3deg)}.mcard--circle:nth-child(2n) .mcard__badge{transform: translateX(-50%) rotate(3deg)}.mcard__fav{position: absolute;right: 8px;top: 8px;z-index: 2}.mcard--arch .mcard__fav{top: 18%}.mcard__fav-btn{width: 42px;height: 42px;border: 0;border-radius: 50%;background: var(--cream-deep);color: var(--red);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform .15s ease}.mcard__fav-btn:hover{transform: scale(1.08)}.mcard__fav-btn.is-on{background: var(--red);color: var(--cream)}.mcard__body{display: flex;flex-direction: column;gap: 12px;flex: 1}.mcard__text{display: flex;flex-direction: column;gap: 5px}.mcard__name{font-size: 23px}.mcard__name a{color: var(--ink);text-decoration: none}.mcard__name a::after{content: '';position: absolute;inset: 0;z-index: 1}.mcard__name a:hover{color: var(--red)}.mcard__desc{font-size: 14px;line-height: 1.55;color: var(--ink-muted)}.mcard__rating{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 600;color: var(--ink-muted)}.mcard__buy{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: auto}.mcard__price{font-size: 20px;color: var(--ink)}.mcard__price--ask{font-style: italic;color: var(--ink-muted)}.mcard__action{position: relative;z-index: 2;margin: 0}.mcard__notify{display: inline-flex;align-items: center;min-height: 44px;padding: 0 16px;border-radius: var(--r-pill);background: var(--ink);color: var(--cream);font-size: 13px;font-weight: 700;text-decoration: none}.mcard__notify:hover{color: var(--cream);filter: brightness(1.15)}.filters{position: absolute;z-index: 5;top: 0;bottom: 0;pointer-events: none;left: max(0px,calc((100vw - var(--container)) / 2));padding-left: var(--gutter);width: calc(var(--filters-w) + var(--gutter))}.filters__panel{position: sticky;top: 92px;margin-top: 40px;pointer-events: auto;background: var(--cream);color: var(--ink);border-radius: 32px 32px 32px 90px;padding: 24px 20px 26px;display: flex;flex-direction: column;gap: 14px;max-height: calc(100vh - 116px);overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--gold-light) transparent}.filters__panel::-webkit-scrollbar{width: 6px}.filters__panel::-webkit-scrollbar-track{background: transparent;margin: 30px 0 70px}.filters__panel::-webkit-scrollbar-thumb{background: var(--gold-light);border-radius: var(--r-pill)}.filters__panel::-webkit-scrollbar-thumb:hover{background: var(--gold)}.filters__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.filters__title{font-size: 26px;font-weight: 700;color: var(--red);line-height: 1.1}.filters__sub{margin-top: 4px;font-size: 13px;font-weight: 600;color: var(--ink-muted)}.filters__close{display: none}.filters__group{margin: 0;padding: 14px 0 0;border: 0;display: flex;flex-direction: column;gap: 10px;min-width: 0}.filters__group{background: linear-gradient(var(--cream-deep),var(--cream-deep)) top left / 100% 2px no-repeat}.filters__group legend,.filters__legend{float: left;width: 100%;padding: 0;margin-bottom: 10px;font-size: 11.5px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-muted)}.filters__group legend + *{clear: both}.filters__group legend.sr-only{float: none;width: 1px}.filters__group .filters__legend{margin-bottom: 0}.chips{display: flex;flex-wrap: wrap;gap: 6px}.chip{position: relative;cursor: pointer}.chip input{position: absolute;opacity: 0;width: 1px;height: 1px}.chip span{display: inline-flex;align-items: center;min-height: 34px;padding: 0 10px;border-radius: var(--r-pill);background: var(--cream-deep);color: var(--ink);font-size: 12.5px;font-weight: 600;white-space: nowrap;transition: background .15s ease,color .15s ease}.chip:hover span{background: var(--tone-pempek)}.chip input:checked + span{background: var(--red);color: var(--cream)}.chip input:focus-visible + span{outline: 3px solid var(--gold);outline-offset: 2px}.filters__cats{list-style: none;display: flex;flex-wrap: wrap;gap: 6px}.filters__cats a{display: inline-flex;align-items: center;gap: 6px;min-height: 34px;padding: 0 5px 0 10px;border-radius: var(--r-pill);background: var(--cream-deep);color: var(--ink);font-weight: 600;font-size: 12.5px;white-space: nowrap;text-decoration: none;transition: background .15s ease}.filters__cats a:hover{background: var(--tone-pempek);color: var(--ink)}.filters__cats a.is-current{background: var(--red);color: var(--cream)}.filters__dot{width: 10px;height: 10px;border-radius: 50%;flex-shrink: 0}.filters__count{min-width: 22px;height: 22px;padding: 0 6px;border-radius: var(--r-pill);display: inline-flex;align-items: center;justify-content: center;background: var(--cream);font-size: 11.5px;font-weight: 700;color: var(--ink-muted)}.filters__foot{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding-top: 4px}.filters__reset{display: inline-flex;align-items: center;gap: 7px;min-height: 36px;padding: 0 14px;border: 0;border-radius: var(--r-pill);background: var(--cream-deep);color: var(--red);font: inherit;font-size: 13px;font-weight: 700;cursor: pointer}.filters__reset:hover{background: var(--tone-cuko)}.filters__apply{display: none}.filters-trigger,.filters-scrim{display: none}.catalog__empty{display: flex;flex-direction: column;align-items: center;gap: 14px;padding-top: 72px;padding-bottom: 96px;text-align: center}.catalog__empty[hidden]{display: none}.catalog__empty .hand{font-size: 32px;color: var(--red);transform: rotate(-4deg)}@media (max-width: 980px){.filters{position: static;width: auto;padding: 24px var(--gutter) 0;pointer-events: auto}.filters__panel{position: static;margin: 0;max-height: none;border-radius: var(--r-md)}.js .filters{position: fixed;inset: auto 0 0 0;z-index: 60;padding: 0;transform: translateY(105%);transition: transform .25s ease;visibility: hidden}.js .filters.is-open{transform: translateY(0);visibility: visible}.js .filters__panel{border-radius: 32px 32px 0 0;max-height: 82vh;padding-bottom: 22px}.js .filters__close{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border: 0;border-radius: 50%;background: var(--cream-deep);color: var(--ink);cursor: pointer}.js .filters__apply{display: inline-flex}.js .filters-trigger:not([hidden]){display: inline-flex;position: fixed;z-index: 45;left: 50%;bottom: 22px;transform: translateX(-50%);min-height: 52px;padding: 0 22px;font-size: 15px}.js .filters-trigger:not([hidden]):hover{transform: translateX(-50%) translateY(-2px)}.js .filters-scrim:not([hidden]){display: block;position: fixed;inset: 0;z-index: 55;background: rgba(58,31,23,.45)}}@media (max-width: 640px){.shop-hero__inner{padding-top: 32px}.shop-hero__art{max-width: 340px}.shop-hero__note{font-size: 22px}.band__inner{padding-top: 36px;padding-bottom: 64px}.band__head{gap: 16px;margin-bottom: 26px}.band__photo{width: 76px;height: 76px}.band__grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 28px 14px}.mcard__name{font-size: 19px}.mcard__desc{display: none}.mcard__price{font-size: 17px}.mcard__price s{display: block;margin-left: 0}.mcard__fav-btn{width: 36px;height: 36px}.mcard--circle .mcard__badge{top: 2px}}@media (max-width: 380px){.band__grid{grid-template-columns: 1fr}.mcard__desc{display: block}}@media (prefers-reduced-motion: reduce){.js .filters,.switch__track,.switch__track::after,.mcard__fav-btn{transition: none}}