.checkout-flow-page{background:#f8f4ee;color:#302825}
.checkout-flow-page .header-utility .active{position:relative;color:var(--brand);font-weight:700}
.checkout-flow-page .header-utility .active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--brand)}
.checkout-kicker{margin:0;color:#9a805d;font:600 10px/1.4 var(--heading);letter-spacing:.15em;text-transform:uppercase}

.flow-opening{padding:68px 0 74px;border-top:1px solid #e1d5ca;background:#eee1d3}
.flow-opening-inner{display:grid;grid-template-columns:.7fr 1fr;gap:16px 90px;align-items:end}
.flow-opening-inner>.checkout-kicker{grid-column:1/-1}
.flow-opening h1{margin:0;color:#392e2b;font:400 57px/.95 var(--display)}
.flow-opening h1 em{color:var(--brand);font-style:italic}
.flow-opening-inner>p:last-child{max-width:520px;margin:0 0 4px;color:#685c55;font:400 16px/1.75 var(--body)}

.checkout-stage{position:relative;scroll-margin-top:30px}
.checkout-stage+.checkout-stage{border-top:10px solid #5a3036}
.step-marker{position:absolute;z-index:3;top:103px;right:0;width:146px;padding:12px 18px;background:#5a3036;color:#fff;display:flex;align-items:center;gap:11px}
.step-marker span{color:#d5bd86;font:400 17px var(--display)}
.step-marker b{font:600 8px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.checkout-progress{padding:27px 0 25px;border-top:1px solid #e1d6cc;border-bottom:1px solid #d9cec2;background:#fffdfa}
.progress-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.progress-heading p{margin:0;color:#3e3430;font:600 11px var(--heading);letter-spacing:.05em;text-transform:uppercase}
.progress-heading span{color:#84776e;font:500 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.checkout-progress ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;border-top:1px solid #d9cec2}
.checkout-progress li{padding:16px 12px 0;position:relative;color:#998e86;font-family:var(--heading)}
.checkout-progress li:before{content:"";position:absolute;width:7px;height:7px;left:12px;top:-4px;border-radius:50%;background:#c9bdb2}
.checkout-progress li.done{color:#76675d}
.checkout-progress li.done:before{background:#98865d;box-shadow:0 0 0 3px #ede6da}
.checkout-progress li.done:after{content:"";position:absolute;left:16px;right:-12px;top:-1px;height:1px;background:#b2a17d}
.checkout-progress li.active{color:var(--brand)}
.checkout-progress li.active:before{width:11px;height:11px;top:-6px;background:var(--brand);box-shadow:0 0 0 4px #efe4dc}
.checkout-progress li span{display:block;margin-bottom:4px;font-size:8px;letter-spacing:.11em}
.checkout-progress li b{font-size:10px;font-weight:600}

.stage-content{padding-top:74px;padding-bottom:102px}
.stage-heading{display:grid;grid-template-columns:1.1fr .72fr;gap:60px;align-items:end}
.stage-heading h2{margin:11px 0 0;color:#342b27;font:400 52px/.96 var(--display)}
.stage-heading h2 em{color:var(--brand);font-style:italic}
.stage-heading>p{max-width:480px;margin:0 0 4px;color:#665b55;font:400 15px/1.75 var(--body)}
.checkout-layout{margin-top:45px;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:22px;align-items:start}
.checkout-panel{padding:42px 45px 40px;border:1px solid #ded2c5;background:#fffdfa}
.panel-topline{padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e0d5ca}
.panel-topline h3{margin:0;color:#352d29;font:400 32px/1 var(--display)}
.panel-topline>span{color:#94877e;font:600 7px var(--heading);letter-spacing:.09em;text-transform:uppercase}

.choice-pills{margin-top:24px;display:flex;gap:9px}
.choice-pills input,.method-list>input{position:absolute;opacity:0;pointer-events:none}
.choice-pills label{min-width:122px;padding:11px 16px;border:1px solid #d7cbc0;background:#f6f0e9;color:#6f625a;text-align:center;font:600 9px var(--heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.choice-pills input:checked+label{border-color:#5a3036;background:#5a3036;color:#fff}
.field-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field-grid label,.optional-note label{display:block}
.field-grid label>span,.optional-note label>span,.delivery-detail label>span{display:block;margin-bottom:8px;color:#4b403b;font:600 8px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.field-grid input,.field-grid select,.optional-note textarea{width:100%;border:1px solid #d8cdc1;outline:0;background:#fbf8f3;color:#302925;font:400 14px var(--body)}
.field-grid input,.field-grid select{height:49px;padding:0 14px}
.field-grid select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#765e52 50%),linear-gradient(135deg,#765e52 50%,transparent 50%);background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px;background-size:5px 5px;background-repeat:no-repeat}
.field-grid input:focus,.field-grid select:focus,.optional-note textarea:focus{border-color:#5a3036;box-shadow:0 0 0 2px #5a303613}
.field-grid .wide{grid-column:1/-1}
.check-row{margin-top:23px;padding:18px 20px;display:flex;align-items:flex-start;gap:13px;border:1px solid #ded3c8;background:#f7f2eb;cursor:pointer}
.check-row input,.terms-row input{width:16px;height:16px;margin:1px 0 0;accent-color:#5a3036}
.check-row b{display:block;color:#413731;font:600 10px var(--heading)}
.check-row small{display:block;margin-top:5px;color:#81746c;font:400 10px/1.45 var(--body)}
.optional-note{margin-top:23px}
.optional-note label>span small{color:#9a8e85;font-weight:400;letter-spacing:0;text-transform:none}
.optional-note textarea{padding:13px 14px;resize:vertical}
.panel-actions{margin-top:29px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0d5ca}
.panel-actions>a:first-child{color:#7d7069;font:600 8px var(--heading);letter-spacing:.05em;text-transform:uppercase}
.primary-action{min-height:49px;padding:0 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:#5a3036;color:#fff!important;font:600 9px var(--heading)!important;letter-spacing:.05em;text-transform:uppercase}
.primary-action b{font-size:14px}

.side-summary{padding:39px 34px;background:#5a3036;color:#fff}
.side-summary>.checkout-kicker{color:#d7bf8a}
.summary-product{margin-top:27px;padding:19px 0 23px;display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}
.summary-product img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 8px #1b11104a)}
.summary-product b{display:block;color:#fffaf4;font:600 11px/1.3 var(--heading)}
.summary-product small{display:block;margin-top:5px;color:#ddcec2;font:400 9px/1.4 var(--body)}
.summary-product strong{color:#fff;font:600 10px var(--heading)}
.side-summary dl,.final-order dl{margin:22px 0 0}
.side-summary dl div,.final-order dl div{padding:8px 0;display:flex;justify-content:space-between;gap:20px;color:#e8dcd3;font:400 10px var(--body)}
.side-summary dl dd,.final-order dl dd{margin:0;font-family:var(--heading);font-weight:600}
.side-summary dl .summary-total,.final-order dl .summary-total{margin-top:10px;padding-top:19px;border-top:1px solid #ffffff32;color:#fff}
.side-summary .summary-total dt,.final-order .summary-total dt{font:600 11px var(--heading);text-transform:uppercase;letter-spacing:.05em}
.side-summary .summary-total dd,.final-order .summary-total dd{font-size:17px}
.summary-note{margin:21px 0 0;padding-top:18px;border-top:1px solid #ffffff29;color:#d9cac0;font:400 9px/1.6 var(--body)}

.stage-payment{background:#f1e8dd}
.stage-payment .checkout-progress{background:#faf6f0}
.method-list{margin-top:24px;display:grid;gap:11px}
.method-list>label{min-height:88px;padding:18px 19px 18px 52px;position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 15px;align-items:center;border:1px solid #d8ccc0;background:#faf7f2;cursor:pointer}
.method-radio{position:absolute;left:19px;top:50%;width:16px;height:16px;transform:translateY(-50%);border:1px solid #a99a8e;border-radius:50%}
.method-copy b{display:block;color:#3f3530;font:600 12px var(--heading)}
.method-copy small{display:block;margin-top:5px;color:#7b6f67;font:400 10px/1.45 var(--body)}
.payment-brand{min-width:44px;height:29px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:#eee5da;color:#4d3f37;font:700 9px var(--heading)}
.bancontact-brand{background:linear-gradient(135deg,#ffdd00 0 50%,#172b85 50%);color:#fff;font-size:13px}
.card-brand{background:#172b85;color:#fff;font-size:8px}
.transfer-brand{background:#5a3036;color:#fff;font-size:14px}
.method-list label>em{position:absolute;top:0;right:0;padding:5px 9px;background:#98865d;color:#fff;font:600 6px var(--heading);letter-spacing:.06em;text-transform:uppercase;font-style:normal}
.method-list>input:checked+label{border-color:#5a3036;background:#f5ece5;box-shadow:inset 3px 0 #5a3036}
.method-list>input:checked+label .method-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#5a3036}
.secure-message{margin-top:19px;padding:18px 20px;display:flex;gap:13px;background:#f0ece3;border-left:2px solid #98865d}
.secure-message>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #aa9466;border-radius:50%;color:#806d48;font-size:10px}
.secure-message p{margin:0}
.secure-message b{display:block;color:#453b35;font:600 10px var(--heading)}
.secure-message small{display:block;margin-top:4px;color:#776c65;font:400 9px/1.5 var(--body)}
.summary-soft{background:#fffdfa;color:#3e342f;border:1px solid #dcd0c4}
.summary-soft>.checkout-kicker{color:#9a805d}
.summary-soft h3,.delivery-promise h3{margin:14px 0 24px;color:#372e2a;font:400 35px/.98 var(--display)}
.summary-soft h3 em,.delivery-promise h3 em{color:#5a3036;font-style:italic}
.summary-soft ul{margin:0;padding:0;list-style:none}
.summary-soft li{padding:16px 0;display:grid;grid-template-columns:35px 1fr;gap:11px;border-top:1px solid #e3d9cf}
.summary-soft li>span{color:#9a815d;font:400 20px var(--display)}
.summary-soft li p{margin:0}
.summary-soft li b{display:block;color:#443a34;font:600 10px var(--heading)}
.summary-soft li small{display:block;margin-top:4px;color:#7d716a;font:400 9px/1.5 var(--body)}

.stage-delivery{background:#f8f4ee}
.delivery-methods>label{grid-template-columns:34px 1fr auto;padding-left:51px}
.delivery-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eee3d7;color:#5a3036;font:400 16px var(--display)}
.delivery-methods strong{color:#5a3036;font:600 10px var(--heading)}
.delivery-detail{margin-top:20px;padding:22px 23px;grid-template-columns:1fr;gap:0;background:#f5eee6;border:1px solid #dfd3c7}
.delivery-detail h4{margin:7px 0 0;color:#3d332f;font:600 14px var(--heading)}
.delivery-detail .field-grid{margin-top:19px}
.delivery-detail>p{margin:16px 0 0;color:#7e716a;font:400 9px/1.55 var(--body)}
.home-detail{display:none}
.delivery-promise{min-height:532px;position:relative;overflow:hidden;background:#5a3036}
.delivery-promise:after{content:"A";position:absolute;right:-20px;bottom:-88px;color:#ffffff08;font:400 330px/1 var(--display)}
.delivery-promise>.checkout-kicker{color:#d8c18c}
.delivery-promise h3{color:#fff9f2;font-size:39px}
.delivery-promise h3 em{color:#e2b1aa}
.delivery-promise>p{max-width:300px;margin:0 0 31px;color:#e2d4ca;font:400 11px/1.65 var(--body)}
.promise-line{position:relative;z-index:1;padding:15px 0;display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff25}
.promise-line span{color:#d8c18c;font:400 18px var(--display)}
.promise-line b{color:#fffaf5;font:600 9px var(--heading)}

.stage-final{background:#e9ddd0}
.stage-final .checkout-progress{background:#fffdfa}
.stage-final .stage-content{padding-bottom:110px}
.final-heading{grid-template-columns:1.2fr .7fr}
.final-layout{margin-top:46px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,.68fr);gap:22px;align-items:start}
.final-review{border:1px solid #d8cbc0;background:#fffdfa}
.final-review article{min-height:111px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dfd4ca}
.final-review article:first-child{border-top:0}
.final-review article>div{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
.final-review article span{color:#a98b62;font:400 21px var(--display)}
.final-review article p{margin:0}
.final-review article b{display:block;color:#3d342f;font:600 11px var(--heading)}
.final-review article small{display:block;margin-top:7px;color:#766a63;font:400 10px/1.6 var(--body)}
.final-review article>a{padding-bottom:3px;border-bottom:1px solid #9a815f;color:#765d3e;font:600 7px var(--heading);letter-spacing:.07em;text-transform:uppercase}
.final-order{padding:39px 37px 36px;background:#5a3036;color:#fff}
.final-order>.checkout-kicker{color:#d7bf89}
.final-order h3{margin:10px 0 0;color:#fffaf5;font:400 38px/.95 var(--display)}
.final-product{margin-top:25px;padding:20px 0 22px;display:grid;grid-template-columns:67px 1fr auto;gap:14px;align-items:center;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e}
.final-product img{width:63px;height:63px;object-fit:contain;filter:drop-shadow(0 9px 9px #1d11104f)}
.final-product b{display:block;color:#fffaf5;font:600 11px var(--heading)}
.final-product small,.final-product span{display:block;margin-top:4px;color:#d8c9bf;font:400 9px var(--body)}
.final-product strong{font:600 10px var(--heading)}
.terms-row{margin-top:21px;display:flex;align-items:flex-start;gap:11px;color:#e8dad0;font:400 9px/1.5 var(--body);cursor:pointer}
.terms-row input{accent-color:#d0b579}
.terms-row a{color:#fff;border-bottom:1px solid #ffffff65}
.place-order{width:100%;min-height:56px;margin-top:22px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;background:#98865d;color:#fff;cursor:pointer}
.place-order span{font:600 8px var(--heading);letter-spacing:.05em;text-transform:uppercase}
.place-order b{font:600 10px var(--heading)}
.final-smallprint{margin:12px 0 0;color:#d5c6bb;font:400 8px/1.5 var(--body);text-align:center}
.final-reassurance{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d4c6ba;background:#f7f0e8}
.final-reassurance p{margin:0;padding:21px 24px;display:flex;align-items:center;gap:11px;border-left:1px solid #d4c6ba;color:#4c4039}
.final-reassurance p:first-child{border-left:0}
.final-reassurance span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #a38d62;border-radius:50%;color:#836e45;font-size:9px}
.final-reassurance b{font:600 9px var(--heading)}

@media(max-width:1050px){
  .step-marker{display:none}
  .checkout-layout,.final-layout{grid-template-columns:1fr}
  .side-summary,.delivery-promise{min-height:0}
  .flow-opening-inner,.stage-heading{gap:35px}
}

@media(max-width:760px){
  .flow-opening{padding:53px 0 58px}
  .flow-opening-inner{grid-template-columns:1fr;gap:17px}
  .flow-opening-inner>.checkout-kicker{grid-column:auto}
  .flow-opening h1{font-size:47px}
  .flow-opening-inner>p:last-child{font-size:14px}
  .checkout-stage+.checkout-stage{border-top-width:6px}
  .checkout-progress{padding:23px 0 21px}
  .checkout-progress ol{grid-template-columns:repeat(5,1fr)}
  .checkout-progress li{min-width:0;padding:15px 0 0;text-align:center}
  .checkout-progress li:before{left:50%;transform:translateX(-50%)}
  .checkout-progress li.done:after{left:55%;right:-45%}
  .checkout-progress li b{display:none}
  .stage-content{padding-top:57px;padding-bottom:76px}
  .stage-heading,.final-heading{grid-template-columns:1fr;gap:17px}
  .stage-heading h2{font-size:43px}
  .stage-heading>p{font-size:14px}
  .checkout-layout,.final-layout{margin-top:34px;gap:16px}
  .checkout-panel{padding:34px 29px 31px}
  .field-grid{grid-template-columns:1fr}
  .field-grid .wide{grid-column:auto}
  .delivery-methods>label{grid-template-columns:32px 1fr auto}
  .final-reassurance{grid-template-columns:1fr}
  .final-reassurance p{border-left:0;border-top:1px solid #d4c6ba}
  .final-reassurance p:first-child{border-top:0}
}

@media(max-width:520px){
  .flow-opening{padding:47px 0 50px}
  .flow-opening h1{font-size:41px}
  .checkout-progress{padding-top:19px}
  .progress-heading{margin-bottom:15px}
  .progress-heading p{font-size:9px}
  .progress-heading span{font-size:7px}
  .stage-content{padding-top:49px;padding-bottom:67px}
  .stage-heading h2{font-size:38px}
  .checkout-panel{padding:29px 21px 27px}
  .panel-topline{align-items:flex-start;flex-direction:column;gap:9px}
  .panel-topline h3{font-size:29px}
  .choice-pills{display:grid;grid-template-columns:1fr 1fr}
  .choice-pills label{min-width:0}
  .panel-actions{align-items:stretch;flex-direction:column-reverse}
  .panel-actions>a:first-child{text-align:center}
  .primary-action{width:100%}
  .side-summary{padding:31px 24px}
  .method-list>label{min-height:99px;padding:20px 15px 20px 49px;grid-template-columns:1fr auto}
  .method-copy small{max-width:205px}
  .payment-brand{min-width:36px}
  .delivery-methods>label{grid-template-columns:30px 1fr;padding-right:15px}
  .delivery-methods strong{grid-column:2}
  .delivery-icon{width:30px;height:30px}
  .delivery-detail{padding:20px 18px}
  .final-review article{padding:21px 18px;align-items:flex-start}
  .final-review article>div{grid-template-columns:28px 1fr;gap:10px}
  .final-order{padding:32px 23px 29px}
  .final-order h3{max-width:245px;font-size:34px}
  .final-product{grid-template-columns:58px 1fr auto;gap:10px}
  .final-product img{width:55px;height:55px}
  .place-order{padding:0 14px}
  .place-order span{font-size:7px}
}