.order-header{border-bottom:1px solid var(--line);background:var(--paper)}.order-header .wrap{display:flex;align-items:center;gap:var(--s4);min-height:64px}.order-header .brand img{width:72px}.order-header__title{font-family:var(--f-head);font-size:20px;padding-left:var(--s4);border-left:1px solid var(--line)}.order-header__back{margin-left:auto;font-size:var(--t-small);color:var(--ink)}.order{padding-top:var(--s7);padding-bottom:var(--s8)}.order__intro h1{font-size:var(--t-h1)}.order__intro .lead{margin-top:var(--s3);color:var(--ink-soft)}.usual{margin-top:var(--s5);border:1.5px solid var(--leaf);border-radius:var(--r-sm);padding:var(--s4) var(--s5);background:var(--milk);max-width:760px}.usual .label{color:var(--leaf-deep);margin-bottom:var(--s2)}.promise{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.promise li{padding:var(--s4) 0;display:grid;gap:2px;border-bottom:1px solid var(--line)}.promise li:last-child{border-bottom:0}.promise b{font-family:var(--f-head);font-weight:500;font-size:20px;line-height:1.25}.promise span{font-size:var(--t-small);color:var(--ink-soft)}@media(min-width:900px){.promise{grid-template-columns:repeat(3,1fr)}.promise li{border-bottom:0;padding:var(--s5) var(--s5) var(--s5) 0}.promise li+li{border-left:1px solid var(--line);padding-left:var(--s5)}}.order__grid{display:grid;gap:var(--s7);margin-top:var(--s7)}@media(min-width:1024px){.order__grid{grid-template-columns:minmax(0,1fr) 360px;gap:var(--s8);align-items:start}}.order__step+.order__step{margin-top:var(--s8)}.order__step h2{font-size:var(--t-h3);font-weight:500;display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s5)}.step-no{font-family:var(--f-body);font-size:var(--t-small);font-weight:600;width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;transform:translateY(-3px)}.order__step .proto{margin-top:var(--s4)}.lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.line{display:grid;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--line);border-left:3px solid var(--leaf);padding-left:var(--s4)}.line--hojicha{border-left-color:var(--hojicha)}.line .label{color:var(--leaf)}.line--hojicha .label{color:var(--hojicha)}.line__info{display:grid;gap:2px}.line__name{font-family:var(--f-head);font-weight:500;font-size:20px;line-height:1.25}.line__notes{font-size:var(--t-small);color:var(--ink-soft)}.line__stock{font-size:var(--t-small);font-weight:600;color:var(--ink)}.line__buy{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.line__price{font-size:var(--t-small);white-space:nowrap}@media(min-width:640px){.line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s5)}.line__buy{justify-content:flex-end;gap:var(--s5)}}.qty{display:inline-flex;align-items:center;border:1px solid var(--ink-soft);border-radius:var(--r-md);overflow:hidden}.qty button{width:40px;height:40px;border:0;background:transparent;font-size:20px;color:var(--ink);cursor:pointer}.qty button:hover{background:var(--kraft)}.qty input{width:44px;height:40px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font:inherit;font-size:16px;background:var(--paper);color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.line.is-picked{background:var(--milk)}.fields--2{margin-top:0}@media(min-width:640px){.fields--2{grid-template-columns:1fr 1fr}.field--full{grid-column:1 / -1}}.pay{display:grid;gap:var(--s3)}.pay__opt{display:flex;gap:var(--s4);align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s5);cursor:pointer}.pay__opt:has(input:checked){border-color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf)}.pay__opt input{margin-top:5px;accent-color:var(--leaf);width:18px;height:18px;flex:none}.pay__opt>span{display:grid;gap:var(--s1)}.pay__opt>span>span{font-size:var(--t-small);color:var(--ink-soft)}.order__summary{position:relative}@media(min-width:1024px){.summary{position:sticky;top:var(--s5)}}.summary{background:var(--kraft);border-radius:var(--r-md);padding:var(--s5)}.summary__title{font-size:20px;font-weight:500;margin-bottom:var(--s4)}.summary__lines{list-style:none;margin:0 0 var(--s4);padding:0;font-size:var(--t-small)}.summary__lines li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s1) 0}.summary__totals{margin:0;border-top:1px solid var(--line);padding-top:var(--s3);font-size:var(--t-small)}.summary__totals div{display:flex;justify-content:space-between;padding:var(--s1) 0}.summary__totals dd{margin:0}.summary__total{font-weight:600;font-size:var(--t-body);border-top:1px solid var(--line);margin-top:var(--s2);padding-top:var(--s3)!important}.summary .small{margin-top:var(--s3)}.summary__btn{width:100%;margin-top:var(--s4);padding:15px 20px;font-size:var(--t-body)}.summary__note{text-align:center;margin-top:var(--s2)!important}.usual-explain{margin-top:var(--s9);padding-top:var(--s7);border-top:1px solid var(--line);display:grid;gap:var(--s5)}.usual-explain h2{font-size:var(--t-h2);margin-top:var(--s3)}@media(min-width:900px){.usual-explain{grid-template-columns:1fr 1fr;gap:var(--s8)}}.order-footer{border-top:1px solid var(--line);padding:var(--s6) 0;font-size:var(--t-small);color:var(--ink-soft)}.order-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6)}.order-footer .proto-toggle{margin-left:auto}.order-bar{display:none}@media(max-width:1023px){.order-bar:not([hidden]){display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;z-index:10;margin:var(--s5) calc(-1 * var(--gutter)) 0;padding:var(--s4) var(--gutter);background:var(--leaf-deep);color:var(--paper);font-weight:600;font-size:var(--t-small);text-decoration:none}.order-bar:hover{color:var(--paper)}.order-bar span:last-child:after{content:" ↓"}}.summary{scroll-margin-top:var(--s5)}.order__intro h1{font-size:var(--t-h2)}.pay-submit{display:none}@media(min-width:1024px){.pay-submit{display:block;margin-top:var(--s6);max-width:360px}.pay-submit .small{margin-top:var(--s2)}}.line__buy .price{min-width:0}.line__buy .price__main{font-size:20px}.line.is-out .line__name,.line.is-out .line__notes,.line.is-out .price p{color:var(--ink-soft)}.line.is-out .label{opacity:.75}.line.is-out .qty{opacity:.4}.qty button:disabled{cursor:not-allowed}.qty button:disabled:hover{background:transparent}@media(max-width:639px){.line__buy{align-items:flex-end}}.field input[aria-invalid=true]{border-color:var(--ink);border-width:2px;padding:11px 13px}.field__error{font-size:var(--t-small);font-weight:600;color:var(--ink)}.field__error:before{content:"↑ "}.summary__hint{margin:var(--s3) 0 0;font-weight:600;color:var(--leaf-deep)}.summary__totals dd{text-align:right}.order-error{margin-top:var(--s7);border:1.5px solid var(--ink);border-radius:var(--r-md);padding:var(--s5);display:grid;gap:var(--s2);max-width:760px}.order-error b{font-size:var(--t-body)}.order-error p{margin:0}.promise li span{max-width:40ch}.thanks .order__intro h1{font-size:var(--t-h1);margin-top:var(--s3)}.thanks .order__intro .lead{color:var(--ink);max-width:46ch}.thanks__bank{margin-top:var(--s7);background:var(--kraft);border-radius:var(--r-md);padding:var(--s5);max-width:760px}.thanks__bank h2,.thanks__next h2{font-size:var(--t-h3);font-weight:500;margin-bottom:var(--s4)}.thanks__instructions{margin-top:var(--s4)}.thanks__next{margin-top:var(--s8);max-width:760px}.thanks__next .mini-steps{margin-top:0}@media(min-width:640px){.line__buy .price{width:168px}}.line__info--photo{grid-template-columns:56px minmax(0,1fr);column-gap:var(--s3)}.line__info--photo>:not(.line__photo){grid-column:2}.line__photo{grid-column:1;grid-row:1 / span 3;width:56px;height:56px;align-self:start}.line.is-picked .line__photo{mix-blend-mode:multiply}.line.is-out .line__photo{filter:saturate(.45) brightness(1.05)}.order-bar{bottom:var(--consent-h, 0px)!important}.summary__vat{font-size:13px;color:var(--ink-soft);padding-top:0!important}@media(min-width:900px){.promise{grid-template-columns:repeat(2,1fr)}}.mode-switch{display:inline-flex;border:1.5px solid var(--ink);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--s5)}.mode-switch button{font:inherit;font-size:var(--t-small);font-weight:600;padding:10px 16px;border:0;background:transparent;color:var(--ink);cursor:pointer}.mode-switch button+button{border-left:1.5px solid var(--ink)}.mode-switch button[aria-selected=true]{background:var(--ink);color:var(--paper)}.sample-rule{font-size:var(--t-small);color:var(--ink-soft);margin-bottom:var(--s4)}.sline__label{display:contents;cursor:pointer}.sline__check{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--ink-soft);border-radius:var(--r-md);padding:8px 12px;font-size:var(--t-small);font-weight:600;white-space:nowrap}.sline__check input{width:18px;height:18px;accent-color:var(--leaf);margin:0}.sline.is-picked .sline__check{border-color:var(--leaf);background:var(--paper)}.sline__check:has(input:disabled){opacity:.45}.sline.is-picked .line__photo{mix-blend-mode:multiply}.summary__credit{margin-top:var(--s3)!important}.thanks__summary{margin-top:var(--s6);max-width:760px;background:var(--kraft);border-radius:var(--r-md);padding:var(--s5)}.thanks__credit dd{font-weight:600}
