.commerce-page{background:#f9f5eb;min-height:70vh;padding-bottom:100px}
.commerce-breadcrumb{display:flex;align-items:center;gap:11px;padding-top:31px;color:#8c806f;font-size:11px;letter-spacing:.04em}
.commerce-breadcrumb a:hover{color:var(--gold)}
.commerce-intro{padding:66px 0 49px;border-bottom:1px solid #ded5c8}
.commerce-intro h1{font:400 clamp(45px,5vw,74px)/1.12 var(--serif);letter-spacing:-.065em;margin:13px 0 19px}
.commerce-intro>p:last-child{max-width:680px;margin:0;color:#766d63;font-size:13px;line-height:1.9}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);align-items:start;gap:clamp(35px,5.6vw,86px);padding-top:51px}
.commerce-main-panel{min-width:0}
.commerce-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #d9cfc0;padding-bottom:20px}
.commerce-panel-heading h2{font:400 31px/1.2 var(--serif);letter-spacing:-.045em;margin:0}
.commerce-panel-heading h2 span{font:400 13px/1 var(--sans);color:var(--gold);vertical-align:top;margin-left:7px}
.commerce-underlined{border-bottom:1px solid #a69074;padding-bottom:4px;font-size:12px;white-space:nowrap;transition:color .2s}
.commerce-underlined:hover{color:var(--gold)}
.cart-list{display:flex;flex-direction:column}
.cart-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:25px;padding:30px 0;border-bottom:1px solid #dfd6c8}
.cart-row-image{display:block;width:150px;aspect-ratio:3/3.7;overflow:hidden;background:#e9dfd0}
.cart-row-image img{height:100%;width:100%;object-fit:cover;transition:transform .25s}
.cart-row-image:hover img{transform:scale(1.045)}
.cart-row-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.cart-row-category{color:var(--gold);font-size:10px;letter-spacing:.17em;font-weight:600;margin:5px 0 9px}
.cart-row-info h3{font:400 27px/1.18 var(--serif);letter-spacing:-.045em;margin:0 0 12px}
.cart-row-info h3 a:hover{color:var(--gold)}
.cart-row-meta{font-size:11px;color:#7f7366;line-height:1.9;margin:0 0 auto}
.cart-row-controls{display:flex;align-items:center;gap:13px;margin-top:20px}
.qty-picker{height:37px;display:flex;align-items:center;border:1px solid #cfc2b0}
.qty-picker button{height:35px;width:35px;border:0;background:transparent;color:#4f463c;font-size:18px;line-height:1}
.qty-picker button:hover{background:#eee2d2}
.qty-picker output{min-width:28px;text-align:center;font-size:12px}
.cart-remove{border:0;background:transparent;color:#8b7c6b;padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.cart-remove:hover{color:#aa6d2b}
.cart-row-price{font-size:15px;font-weight:600;white-space:nowrap;margin-top:6px}
.commerce-summary{position:sticky;top:25px;background:#fffdf8;border:1px solid #ded4c4;padding:36px clamp(24px,3vw,44px) 32px;box-shadow:0 16px 43px rgba(96,69,39,.045)}
.commerce-summary h2{font:400 33px/1.2 var(--serif);letter-spacing:-.05em;margin:10px 0 28px}
.commerce-price-row{display:flex;justify-content:space-between;gap:20px;color:#70665c;font-size:12px;line-height:1.6;margin:18px 0}
.commerce-price-row strong{font-weight:500;color:#332d27;white-space:nowrap}
.commerce-summary-note{background:#f4eddf;padding:13px 15px;color:#75695b;font-size:11px;line-height:1.8;margin:20px 0 25px}
.commerce-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #d9cdbb;padding:24px 0 22px;font-size:13px}
.commerce-total-row strong{font:400 26px/1 var(--serif);letter-spacing:-.03em;white-space:nowrap}
.commerce-full-button{width:100%;justify-content:space-between;min-height:55px}
.commerce-full-button[aria-disabled="true"]{opacity:.48;cursor:not-allowed;transform:none}
.commerce-fine-print{color:#9a8d7c;font-size:10px;line-height:1.75;margin:14px 0 0}
.commerce-fine-print a{text-decoration:underline;text-underline-offset:2px}
.commerce-fine-print a:hover{color:var(--gold)}
.commerce-empty{padding:85px 24px;text-align:center;background:#fffaf1;border-bottom:1px solid #dfd6c8}
.commerce-empty-symbol{display:block;font:italic 53px var(--serif);color:#bd843b;margin-bottom:15px}
.commerce-empty h3{font:400 32px var(--serif);letter-spacing:-.045em;margin:0 0 8px}
.commerce-empty p{font-size:12px;color:#786d60;margin:0 auto 25px;line-height:1.8}
.commerce-empty .button{gap:25px}
.commerce-afterword{border-top:1px solid #ddd2c2;margin-top:78px;padding-top:28px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.commerce-afterword p{font:italic 21px var(--serif);margin:0;color:#8a765e}
.commerce-afterword div{display:flex;gap:22px;flex-wrap:wrap}
.commerce-afterword a{font-size:11px;border-bottom:1px solid #b7a78e;padding-bottom:5px}
.commerce-afterword a:hover{color:var(--gold)}

.checkout-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}
.checkout-progress{display:flex;align-items:center;gap:13px;color:#a29381;font-size:11px;border-bottom:1px solid #ddd3c4;padding-bottom:24px;margin-bottom:6px;white-space:nowrap}
.checkout-progress span{display:flex;align-items:center;gap:8px}
.checkout-progress b{font:400 16px var(--serif)}
.checkout-progress .active{color:#9e6829}
.checkout-progress i{display:block;height:1px;flex:1;background:#d6cabc;min-width:12px}
.checkout-section{padding:45px 0;border-bottom:1px solid #ded4c4}
.checkout-section-head{display:flex;align-items:start;gap:16px;margin-bottom:25px}
.checkout-section-head>span{font:400 25px/1.1 var(--serif);color:#bd843b}
.checkout-section-head .section-kicker{display:block;margin:0 0 7px}
.checkout-section h2{font:400 32px/1.15 var(--serif);letter-spacing:-.045em;margin:0}
.commerce-options{display:grid;gap:11px}
.commerce-option{display:flex;align-items:flex-start;gap:16px;background:#fffcf6;border:1px solid #d9cebf;padding:18px 18px 17px;cursor:pointer;transition:border-color .2s,background .2s}
.commerce-option:hover{border-color:#b4864e}
.commerce-option:has(input:checked){background:#fff8eb;border-color:#b7823d;box-shadow:inset 0 0 0 1px #b7823d}
.commerce-option:has(input:disabled){background:#f0ebe3;color:#958b80;cursor:not-allowed}
.commerce-option input[type="radio"]{flex:none;appearance:none;width:18px;height:18px;border:1px solid #b8aa97;border-radius:50%;background:white;margin:2px 0 0;display:grid;place-items:center}
.commerce-option input[type="radio"]:checked{border-color:#ad742f}
.commerce-option input[type="radio"]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#ad742f}
.commerce-option input[type="radio"]:disabled{background:#e8e1d7;border-color:#d1c8bc}
.option-content{min-width:0;flex:1}
.option-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.option-heading strong{font-weight:500;font-size:13px;color:#332d27}
.option-heading em{font-style:normal;font-size:11px;color:#ac762f;white-space:nowrap}
.commerce-option:has(input:disabled) .option-heading strong,.commerce-option:has(input:disabled) .option-heading em{color:#91887d}
.option-content small{display:block;font-size:11px;line-height:1.7;color:#817569;margin-top:7px}
.option-warning{display:block;font-size:11px;line-height:1.7;color:#916032;margin-top:8px}
.option-warning[hidden]{display:none}
.commerce-detail-box{background:#efe6d7;padding:20px 23px;margin-top:16px;color:#65594b;font-size:12px;line-height:1.85}
.commerce-detail-box p{margin:0}
.commerce-detail-box p+p{margin-top:8px}
.commerce-detail-box strong{font-weight:600;color:#3d342b}
.commerce-detail-box select{display:block;width:min(310px,100%);height:42px;border:1px solid #c9b9a5;background:#fffcf6;color:#382e25;margin-top:12px;padding:0 11px;font:inherit}
.commerce-checkbox{display:flex;align-items:flex-start;gap:11px;color:#6e6357;font-size:12px;line-height:1.8;cursor:pointer;margin:8px 0 22px}
.commerce-checkbox input{flex:none;accent-color:#ad742f;width:17px;height:17px;margin:3px 0 0}
.commerce-form-error{font-size:12px;color:#9f322e;background:#fae7e3;padding:10px 13px;margin:0 0 16px}
.checkout-items{display:grid;gap:15px;border-bottom:1px solid #e1d6c6;padding-bottom:22px;margin-bottom:22px}
.checkout-item{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px}
.checkout-item img{width:60px;height:70px;object-fit:cover;background:#eadfce}
.checkout-item strong{display:block;font:400 16px/1.25 var(--serif);letter-spacing:-.03em}
.checkout-item small{display:block;color:#928575;font-size:10px;margin-top:5px}
.checkout-item>span{font-size:11px;white-space:nowrap}
.checkout-summary .commerce-underlined{display:inline-block;margin-top:8px}
.checkout-complete{width:min(760px,100%);margin:0 auto;background:#fffcf5;border:1px solid #dccdb8;padding:64px clamp(28px,6vw,70px);text-align:center}
.checkout-complete-icon{width:58px;height:58px;border:1px solid #bd843b;border-radius:50%;display:grid;place-items:center;margin:0 auto 26px;color:#bd843b;font:400 32px var(--serif)}
.checkout-complete h2{font:400 clamp(37px,4.5vw,56px)/1.15 var(--serif);letter-spacing:-.05em;margin:12px 0 16px}
.checkout-complete>p:not(.section-kicker){color:#776b5e;font-size:13px;line-height:1.8;margin:0 auto 27px;max-width:520px}
.complete-number{border-top:1px solid #e2d7c9;border-bottom:1px solid #e2d7c9;padding:18px 0;margin:25px 0;color:#6f6254;font-size:12px;letter-spacing:.04em}
.complete-number strong{font:400 22px var(--serif);color:#302a24;margin-left:9px;white-space:nowrap}
.complete-details{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left;margin:28px 0}
.complete-details div{background:#f3ebdf;padding:15px 18px;font-size:12px;color:#6e6256;line-height:1.6}
.complete-details strong{display:block;color:#382e24;font-weight:500;margin-top:5px}
.complete-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.commerce-toast{position:fixed;z-index:90;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#302a24;color:#fff6e8;padding:13px 18px;font-size:12px;line-height:1.5;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:opacity .2s,transform .2s;max-width:calc(100% - 28px);text-align:center}
.commerce-toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.commerce-layout,.checkout-layout{grid-template-columns:minmax(0,1fr);gap:32px}.commerce-summary{position:static}.commerce-intro{padding:48px 0 38px}.commerce-page{padding-bottom:75px}}
@media(max-width:600px){.commerce-breadcrumb{padding-top:23px}.commerce-intro h1{font-size:48px}.commerce-intro>p:last-child{font-size:12px}.commerce-layout{padding-top:33px}.commerce-panel-heading h2{font-size:27px}.cart-row{grid-template-columns:96px minmax(0,1fr);gap:15px;padding:23px 0}.cart-row-image{width:96px}.cart-row-info h3{font-size:20px;margin-bottom:8px}.cart-row-category{font-size:8px;margin:2px 0 7px}.cart-row-meta{font-size:10px}.cart-row-price{grid-column:2;margin-top:-34px;margin-left:auto;font-size:13px}.cart-row-controls{margin-top:20px}.commerce-afterword{display:block;margin-top:55px}.commerce-afterword p{margin-bottom:19px}.commerce-afterword div{gap:15px}.checkout-progress{font-size:9px;gap:6px}.checkout-progress span{gap:4px}.checkout-progress b{font-size:13px}.checkout-section{padding:35px 0}.checkout-section h2{font-size:28px}.commerce-option{padding:14px 12px;gap:10px}.option-heading{gap:8px}.option-heading strong{font-size:12px}.option-heading em{font-size:10px}.option-content small,.option-warning{font-size:10px}.commerce-detail-box{padding:16px}.checkout-item{grid-template-columns:52px 1fr auto;gap:8px}.checkout-item img{width:52px;height:62px}.checkout-item>span{font-size:10px}.complete-details{grid-template-columns:1fr}.checkout-complete{padding:42px 23px}}
.checkout-contact{display:grid;gap:12px;margin:0 0 22px}
.checkout-contact label{display:grid;gap:7px;font-size:12px}
.checkout-contact input{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px;font:inherit;min-width:0}
