/* Dedicated VALOR checkout, confirmation, tracking and account pages. */
.commerce-page{padding:155px 0 85px;background:radial-gradient(ellipse at 100% 0,#d7b77d19,transparent 45%),#f8f3ea;min-height:75vh}
.commerce-container{max-width:1220px}.commerce-heading{margin-bottom:32px}.commerce-heading h1{font-size:clamp(34px,4vw,54px);color:#0b2949;margin:12px 0 0;line-height:1.35}
.checkout-steps{display:flex;gap:30px;color:#85827c;font-size:13px;border-bottom:1px solid #d8cdbb;padding:0 0 21px;margin-bottom:28px}.checkout-steps strong{color:#9c743b}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:26px;align-items:start}
.flow-card{background:#fffdf9;border:1px solid #e2d7c6;border-radius:18px;padding:30px;min-width:0;box-shadow:0 15px 45px #0b294907}.flow-card h2{font-size:24px;color:#0b2949;line-height:1.5;margin:0 0 12px}.flow-card h3{color:#0b2949;margin:24px 0 14px}.flow-card p{color:#6c716f;font-size:15px;line-height:1.9}.flow-card a:not(.btn){color:#946e36}.flow-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}.flow-card-head h2{margin-bottom:3px}.flow-card-head p{font-size:13px}.step-number{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #d5b988;border-radius:50%;font:500 12px 'DM Sans',sans-serif;color:#947041;margin-top:4px}
.flow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.flow-fields label{font-weight:600;font-size:14px;color:#2e4356;display:block;min-width:0}.flow-fields input,.flow-fields select,.flow-fields textarea,.coupon-label input{display:block;margin-top:8px;padding:13px 14px;border:1px solid #ded9ce;border-radius:9px;background:#fff;width:100%;min-width:0;font:inherit;outline:none;color:#19334e}.flow-fields input:focus,.flow-fields select:focus,.flow-fields textarea:focus,.coupon-label input:focus{border-color:#b2945c;box-shadow:0 0 0 3px #c6a36219}.flow-fields textarea{min-height:100px;resize:vertical}.flow-fields small{display:block;color:#8c8b84;font-size:12px;margin-top:7px;font-weight:400}.field-wide{grid-column:1/-1}.payment-head{border-top:1px solid #e8e0d3;padding-top:28px;margin-top:28px}.payment-options{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}.payment-choice{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0dacd;border-radius:10px;cursor:pointer}.payment-choice:has(input:checked){border-color:#b39560;background:#f8f2e7}.payment-choice input{accent-color:#0c2e51;width:18px;height:18px;flex:0 0 18px}.payment-choice>span:nth-child(2){flex:1}.payment-choice b,.payment-choice small{display:block}.payment-choice b{font-size:15px;color:#17364f}.payment-choice small{color:#8b8a80;font-size:12px;line-height:1.8}.payment-mark{color:#99723d;font:700 12px 'DM Sans',sans-serif}.soon-badge{border:1px solid #d6be94;border-radius:30px;padding:5px 10px;font-size:11px;white-space:nowrap;color:#94713e}.flow-card .payment-soon{background:#fff4d9;border:1px solid #e9d49e;border-radius:10px;padding:12px 16px;font-size:13px;margin:14px 0;color:#805f2d}.flow-card .payment-soon[hidden]{display:none}
.flow-card .form-error{margin:17px 0;color:#a74334;font-size:14px;min-height:0}.flow-card .form-error:empty{display:none}.flow-card>.btn{margin-top:22px}.flow-back{display:block;text-align:center;margin-top:18px;font-size:13px}.flow-honeypot{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);opacity:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.order-summary{position:sticky;top:110px}.order-summary .flow-card-head{justify-content:space-between;align-items:center;border-bottom:1px solid #e8e0d3;padding-bottom:20px}.summary-count{font:600 12px 'DM Sans',sans-serif;background:#efe5d6;color:#886335;padding:7px 10px;border-radius:30px}.summary-line{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid #eee7dd}.summary-line>img{width:68px;height:78px;object-fit:cover;border-radius:9px}.summary-line b{font-size:14px;display:block;color:#17364f}.summary-line small{font-size:12px;color:#90908a;display:block;margin:4px 0}.summary-line>strong{font-size:13px;white-space:nowrap;color:#94713e;margin-top:3px}.summary-quantity{display:inline-flex;align-items:center;border:1px solid #dcd7cb;border-radius:7px;height:31px;overflow:hidden;margin-top:3px}.summary-quantity button{border:0;background:transparent;color:#26415a;width:28px;height:29px}.summary-quantity span{min-width:24px;text-align:center;font-size:12px}.coupon-label{display:block;margin:22px 0;color:#4c5a61;font-size:13px}.coupon-label>span{display:flex;gap:8px;align-items:center;margin-top:8px}.coupon-label input{margin:0;padding:10px}.coupon-label button{border:1px solid #c3ae88;background:#f6efdf;color:#825f2e;border-radius:8px;padding:11px 13px;font-size:12px}.checkout-totals{font-size:14px;color:#737870;line-height:1.8;min-height:40px}.checkout-totals>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.checkout-totals b{font-weight:500;color:#223c51}.checkout-totals .grand-total{border-top:1px solid #cfc0a6;margin-top:14px;padding-top:20px;color:#0b2949;font-size:19px}.delivery-estimate{display:flex;gap:10px;border:1px solid #e6dccb;border-radius:10px;padding:14px;margin-top:22px;background:#fbf6ec}.delivery-estimate>span{font-size:22px;color:#9f7b44}.delivery-estimate p{font-size:12px;color:#8a7c67;line-height:1.8}.checkout-empty{text-align:center;padding:25px 0}.checkout-empty h3{margin-top:0}.checkout-empty p{margin-bottom:14px}
.thank-you-card{max-width:830px;margin:0 auto;text-align:center;padding:42px}.order-success-mark{display:grid;place-items:center;width:75px;height:75px;border:1px solid #c7ad79;border-radius:50%;margin:0 auto 25px;background:#f3e8d3;color:#8e6c35;font-size:32px}.thank-you-card>.micro-label{text-align:center;font-size:9px}.thank-you-card h2{font-size:clamp(26px,3vw,38px);margin:16px 0}.thank-you-card>p{max-width:540px;margin:0 auto}.order-number-block{padding:22px;border:1px dashed #c5ac81;border-radius:12px;margin:27px 0;background:#fbf4e7}.order-number-block>span{font-size:12px;color:#8a7b63}.order-number-block>div{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:10px}.order-number-block strong{font:600 clamp(18px,3vw,26px) 'DM Sans',sans-serif;color:#17334d;overflow-wrap:anywhere;user-select:all}.copy-order{border:1px solid #d5c5aa;flex:0 0 38px;height:38px;border-radius:8px;background:#fff9ed;color:#8a672f;display:grid;place-items:center}.copy-status{display:block;font-size:12px;min-height:18px;color:#7a7449;margin-top:8px}.thank-you-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid #e3d9c9;padding-bottom:26px}.thank-you-details small{display:block;color:#8b887d;font-size:12px;margin-bottom:8px}.thank-you-details b{color:#284152;font-size:15px;font-weight:500}.flow-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:27px}.account-invite{max-width:830px;margin:24px auto 0;background:#102c47;color:#f6e5cb;padding:32px}.account-invite h2{color:#f3dfbd;margin:13px 0}.account-invite p{color:#c3cdd2}.account-invite>.btn{background:#d3b17b;color:#1a2c35;border-color:#d3b17b}.saved-order-note{text-align:center;margin:24px auto;color:#71644f}.saved-order-note a{text-decoration:underline;color:#9a7340}
.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:start}.tracking-layout .flow-fields{grid-template-columns:1fr;margin-top:25px}.tracking-placeholder{text-align:center;padding:55px 30px}.tracking-placeholder>span{font-size:65px;color:#ba9c69;display:block;margin-bottom:20px}.tracking-result>.order-number-block{margin-top:0}.tracking-result>h2{text-align:center;font-size:25px}.order-timeline{padding:0;margin:27px 0;list-style:none;display:grid;gap:0}.order-timeline li{display:flex;gap:17px;align-items:start;position:relative;min-height:80px;color:#aaa79e}.order-timeline li:not(:last-child):before{content:'';position:absolute;top:35px;inset-inline-start:17px;width:1px;height:45px;background:#e0dbd0}.order-timeline li.is-complete:not(:last-child):before{background:#b39763}.order-timeline li>span{display:grid;place-items:center;position:relative;z-index:1;flex:0 0 35px;height:35px;border:1px solid #e0dbd0;border-radius:50%;font:500 11px 'DM Sans',sans-serif;background:#fffdf9}.order-timeline li.is-complete>span{background:#17364f;color:#f7deaf;border-color:#17364f}.order-timeline li b{font-size:15px;line-height:1.9;font-weight:500}.order-timeline li.is-complete b{color:#1c3b52}.order-timeline li small{display:block;font-size:11px;color:#a3804a}.flow-card .tracking-time{padding-top:18px;border-top:1px solid #e3dacb;font-size:13px}.tracking-result>small{display:block;color:#959286;font-size:11px}.cancelled-order{padding:16px;background:#fff0eb;border-radius:9px}
.registration-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:start}.registration-intro{padding-top:28px}.registration-intro h2{font-size:clamp(28px,3.2vw,44px);line-height:1.6;color:#19374e;margin:20px 0}.registration-intro p{color:#7a7e74;font-size:15px;line-height:2}.registration-saved{display:flex;gap:15px;background:#efe5d4;border-radius:12px;padding:21px;margin-top:27px}.registration-saved>span{color:#9c7b43;font-size:22px}.registration-saved p{font-size:13px;color:#736a56}.registration-saved b{display:block;font:600 12px 'DM Sans',sans-serif;margin-top:9px;color:#315065}.account-signin{margin-top:20px;text-align:center;font-size:13px}.account-signin a{text-decoration:underline}.signin-card{max-width:510px;margin:auto}.signin-card .flow-fields{grid-template-columns:1fr}.signin-card>p{margin-top:20px;text-align:center}.account-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:start}.account-overview .account-top{padding-bottom:25px;border-bottom:1px solid #e1d8c9}.saved-address{background:#f7f1e6;border:1px solid #e6dccb;border-radius:10px;padding:18px;margin-top:13px}.saved-address b{font-size:14px;color:#405847}.saved-address p{font-size:14px;color:#777b70}.saved-address small{color:#9a967f;font-size:12px}.account-order{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;border-bottom:1px solid #e7dece}.account-order b,.account-order strong{color:#1c3c55;font-size:14px;overflow-wrap:anywhere}.account-order small{display:block;color:#9c855e;font-size:12px;margin-top:7px}.account-order>div:last-child{text-align:end}
@media(min-width:1101px) and (max-width:1340px){.desktop-nav{gap:12px}.desktop-nav a{font-size:12px}.nav{padding-inline:16px}.original-logo{width:132px}}
@media(max-width:1100px){.commerce-container{width:calc(100% - 50px)}.checkout-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}.flow-card{padding:23px}.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.original-logo{width:120px}}
@media(max-width:900px){.checkout-layout,.registration-layout,.tracking-layout,.account-overview{grid-template-columns:minmax(0,1fr)}.order-summary{position:static}.checkout-layout .order-summary{grid-row:1}.registration-layout{gap:25px}.registration-intro{padding-top:0}.commerce-page{padding-top:135px}.registration-intro h2{font-size:30px}.flow-card{padding:26px}}
@media(max-width:600px){.commerce-container{width:calc(100% - 32px)}.commerce-page{padding-top:125px;padding-bottom:55px}.commerce-heading{margin-bottom:23px}.commerce-heading h1{font-size:33px}.checkout-steps{gap:13px;font-size:10px;padding-bottom:16px;margin-bottom:20px;justify-content:space-between}.flow-card{padding:20px;border-radius:13px}.flow-card h2{font-size:22px}.flow-fields{grid-template-columns:minmax(0,1fr);gap:17px}.flow-fields label{font-size:13px}.payment-choice{padding:13px;gap:9px}.payment-choice b{font-size:14px}.payment-choice small{font-size:11px}.soon-badge{font-size:10px;padding:5px 8px}.summary-line{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}.summary-line>img{width:56px;height:67px}.summary-line>strong{font-size:11px}.summary-line b{font-size:13px}.thank-you-card{padding:27px 19px}.thank-you-card h2{font-size:26px}.order-number-block{padding:16px 11px}.order-number-block strong{font-size:18px}.thank-you-details{grid-template-columns:1fr;gap:20px}.flow-actions{flex-direction:column;align-items:stretch}.account-invite{padding:24px 21px}.account-top{align-items:start;flex-direction:column}.registration-intro h2{font-size:28px}.tracking-placeholder{padding:35px 20px}.account-order{align-items:start}.account-order b{font-size:12px}.account-order strong{font-size:12px}.account-order small{font-size:11px}}
