.order-page{min-height:100vh;background:#fffef8;color:#49342E}
.order-page .topbar{position:sticky;background:rgba(255,254,248,.92)}
.order-nav{display:flex;align-items:center;gap:24px}
.basket-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600}
.basket-link>span{min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;border-radius:99px;background:#7D1F23;color:#fff;font-size:9px}
.order-layout{max-width:1480px;min-height:calc(100svh - 65px);margin:0 auto;padding:50px clamp(24px,6vw,92px) 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(48px,8vw,124px);align-items:start}
.order-aside{position:sticky;top:90px;grid-column:1;grid-row:1;align-self:start}
.aside-photo{height:min(72svh,740px);min-height:450px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#eee7cf 0,#f7f3df 42%,#fffef8 74%)}
.aside-photo img{display:block;width:88%;height:92%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(73,52,46,.17));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.order-aside:hover .aside-photo img{transform:scale(1.035)}
.aside-photo-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 0;color:#827867;font-size:8px;font-weight:700;letter-spacing:.15em}
.order-main{grid-column:2;grid-row:1;padding-top:16px}
.order-product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.order-main>.order-product-heading .eyebrow{color:#7D1F23;margin:0 0 13px;font-size:9px}
.order-main h1{font-size:clamp(45px,5.1vw,70px);line-height:.98;letter-spacing:-.075em;margin:0;font-weight:800}
.order-main h1 span{display:block;font-size:.51em;letter-spacing:-.04em;font-weight:500;margin-top:8px}
.order-price{margin:12px 0 0;white-space:nowrap;font-size:19px;font-weight:600;letter-spacing:-.03em}
.order-intro{max-width:490px;font-size:13px;line-height:1.8;color:#756759;margin:23px 0 29px}
.powder-profile{margin:24px 0 24px;padding:0 0 20px;border-bottom:1px solid rgba(73,52,46,.16)}
.tasting-notes{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding:15px 0 0}
.tasting-notes>div{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#65584c;font-size:10px}
.tasting-stars{white-space:nowrap;color:#7D1F23;font-size:12px;letter-spacing:.06em}
.tasting-stars i{font-style:normal;color:#c9bfa6}
.powder-details{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;margin:0;padding:0 0 16px;border-bottom:1px solid rgba(73,52,46,.11)}
.powder-details div{min-width:0}
.powder-details dt{margin:0 0 4px;color:#918674;font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.powder-details dd{margin:0;color:#49342E;font-size:10px;line-height:1.55}
.order-options{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:19px 0 22px;border-top:1px solid rgba(73,52,46,.16)}
.size-choice,.quantity-choice{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.field-title{font-size:8px;font-weight:700;letter-spacing:.15em;color:#756759}
.size-pill{min-width:84px;height:46px;padding:0 19px;border-radius:999px;border:1px solid #7D1F23;background:#fffef8;color:#49342E;font:500 11px var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1px #7D1F23}
.quantity-stepper{height:46px;display:flex;align-items:center;border:1px solid rgba(73,52,46,.35);border-radius:999px;overflow:hidden;background:#fffef8}
.quantity-stepper button{width:46px;height:44px;border:0;background:transparent;color:#49342E;font-size:19px;cursor:pointer;transition:background .2s,color .2s}
.quantity-stepper button:hover{background:#f4f0df;color:#7D1F23}
.quantity-stepper input{width:39px;border:0;background:transparent;text-align:center;color:#49342E;font:500 12px var(--sans);appearance:textfield;-moz-appearance:textfield;outline:0}
.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.order-total-line{display:flex;justify-content:space-between;align-items:center;margin:0;padding:15px 0 19px;border-bottom:1px solid rgba(73,52,46,.16);font-size:11px}
.order-total-line>span{display:flex;align-items:center;gap:9px}.order-total-line small{color:#938977;font-size:9px}.order-total-line strong{font-size:14px;color:#7D1F23}
.form-heading{margin:27px 0 17px}.form-heading .eyebrow{color:#7D1F23;margin:0 0 7px;font-size:8px}.form-heading h2{margin:0;font-size:25px;letter-spacing:-.055em}.form-heading>p:last-child{font-size:10px;color:#756759;margin:6px 0 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 13px}
.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:600;color:#49342E}
.form-grid label>span{color:#7D1F23}.form-grid label small{font-size:8px;color:#887f6f;font-weight:400;display:inline}
.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid textarea{width:100%;border:1px solid rgba(73,52,46,.2);border-radius:12px;background:#fff;color:#49342E;padding:12px 14px;font:400 11px/1.6 var(--sans);outline:none;transition:border .2s,box-shadow .2s,background .2s}
.form-grid textarea{resize:vertical;min-height:68px}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a39b8c}
.form-grid input:focus,.form-grid textarea:focus{border-color:#7D1F23;background:#fffefb;box-shadow:0 0 0 3px rgba(125,31,35,.08)}
.submit-order{width:100%;margin-top:19px;min-height:52px;border-radius:999px;justify-content:space-between;padding:0 22px}
.form-note{font-size:9px;line-height:1.7;color:#837b6d;text-align:center;max-width:470px;margin:11px auto 0}
.matcha-benefits{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;background:#f7f5e9;color:#49342E}
.benefit-photo{position:sticky;top:65px;align-self:start;height:calc(100svh - 65px);min-height:570px;padding:16px 0 16px 16px;overflow:hidden}
.benefit-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:19px}
.benefit-photo>span{position:absolute;left:34px;bottom:34px;padding:10px 12px;border-radius:4px;background:rgba(254,255,217,.88);color:#49342E;font-size:7px;font-weight:700;letter-spacing:.14em}
.benefit-story{padding:clamp(64px,8vw,116px) clamp(30px,6vw,90px) 80px}
.benefit-story>.eyebrow{color:#7D1F23;font-size:8px;letter-spacing:.16em;margin:0 0 23px}
.benefit-story>h2{margin:0;font-size:clamp(50px,6vw,79px);line-height:.96;letter-spacing:-.075em}
.benefit-story>h2 em{font-family:var(--script);font-style:normal;font-weight:400;letter-spacing:-.03em;color:#7D1F23}
.benefit-lede{max-width:470px;margin:23px 0 37px;color:#756759;font-size:12px;line-height:1.9}
.benefit-point{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;align-items:center;padding:24px 0;border-top:1px solid rgba(73,52,46,.21);transition:background .35s,padding .35s}
.benefit-point:last-child{border-bottom:1px solid rgba(73,52,46,.21)}
.benefit-point:hover,.benefit-point:focus-within{padding-left:9px;background:rgba(255,255,255,.3)}
.benefit-art{width:58px;height:58px;display:grid;place-items:center;color:#729541}
.benefit-art svg{width:100%;height:100%;overflow:visible;stroke:#729541;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-art path{stroke-dasharray:500;stroke-dashoffset:500}
.benefit-point.is-visible .benefit-art path{animation:benefit-draw 1.15s cubic-bezier(.2,.7,.3,1) forwards}
.benefit-point.is-visible .leaf-dot{animation:benefit-spark 2s ease-in-out 1s infinite}
.benefit-point.is-visible .leaf-dot-two{animation-delay:1.35s}
.benefit-point.is-visible .steam-line{animation:steam-rise 2.2s ease-in-out 1s infinite}
.benefit-point.is-visible .steam-two{animation-delay:1.25s}.benefit-point.is-visible .steam-three{animation-delay:1.5s}
.benefit-point.is-visible .heart-line{transform-box:fill-box;transform-origin:center;animation:heart-soft-beat 2.1s ease-in-out 1.1s infinite}
.benefit-point.is-visible .orbit-line{transform-box:fill-box;transform-origin:center;animation:orbit-turn 10s linear 1.1s infinite}
.benefit-point.is-visible .orbit-arrow{animation:benefit-spark 2.2s ease-in-out 1s infinite}
.benefit-index{font-size:7px;font-weight:700;letter-spacing:.15em;color:#7D1F23}
.benefit-point h3{margin:8px 0 7px;font-size:19px;letter-spacing:-.045em}
.benefit-point p{max-width:500px;margin:0;color:#756759;font-size:10px;line-height:1.85}
@keyframes benefit-draw{to{stroke-dashoffset:0}}
@keyframes benefit-spark{0%,100%{opacity:.55}50%{opacity:1;transform:scale(1.12)}}
@keyframes steam-rise{0%{opacity:.1;transform:translateY(5px)}50%{opacity:1}100%{opacity:.1;transform:translateY(-5px)}}
@keyframes heart-soft-beat{0%,100%{transform:scale(1)}18%{transform:scale(1.06)}32%{transform:scale(1)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.benefit-point.is-visible .benefit-art path{stroke-dashoffset:0;animation:none}.benefit-point.is-visible .leaf-dot,.benefit-point.is-visible .steam-line,.benefit-point.is-visible .heart-line,.benefit-point.is-visible .orbit-line,.benefit-point.is-visible .orbit-arrow{animation:none}}
body.order-page footer{padding:24px max(calc((100vw - 1296px)/2),6.7%)}
@media(max-width:850px){.order-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:36px;padding:38px 5% 65px}.aside-photo{height:60svh;min-height:370px}.order-main{padding-top:8px}.order-main h1{font-size:clamp(44px,6.7vw,59px)}.order-intro{font-size:12px;margin:19px 0 23px}}
@media(max-width:700px){.order-layout{display:flex;flex-direction:column;gap:33px;padding:25px 6% 60px}.order-aside{position:relative;top:auto;width:100%;order:0}.aside-photo{height:min(53svh,470px);min-height:310px}.aside-photo img{width:78%;height:95%}.order-main{width:100%;padding:0;order:1}.order-main h1{font-size:clamp(47px,12vw,64px)}.order-intro{max-width:480px}.order-options{padding-top:16px}.matcha-benefits{display:block}.benefit-photo{position:relative;top:auto;height:50svh;min-height:300px;padding:10px}.benefit-photo img{border-radius:15px}.benefit-photo>span{left:26px;bottom:26px}.benefit-story{padding:65px 7% 70px}.benefit-story>h2{font-size:clamp(53px,12vw,70px)}.benefit-lede{margin-bottom:25px}.benefit-point{grid-template-columns:50px minmax(0,1fr);gap:15px;padding:20px 0}.benefit-art{width:48px;height:48px}.benefit-point h3{font-size:17px}.benefit-point p{font-size:10px}}
@media(max-width:440px){.order-layout{padding-left:5%;padding-right:5%}.order-nav{gap:13px}.basket-link,.nav-shop{font-size:9px}.aside-photo{min-height:280px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.order-product-heading{gap:10px}.order-price{font-size:16px}.order-options{gap:12px}.quantity-stepper button{width:40px}.quantity-stepper input{width:31px}}

.benefit-photo img[src*="koume-tin-new.png"]{object-fit:contain;padding:5%;background:#f7f3d8}