.checkout-page{background:#f3f5f2;min-height:100vh;color:var(--ink)}.checkout-header{background:#fff;border-bottom:4px solid var(--green)}.checkout-head-inner{width:calc(100% - 48px);max-width:1160px;min-height:104px;margin:auto;display:flex;align-items:center;gap:30px}.checkout-head-inner .logo{font-size:39px}.secure-label{margin-left:auto;background:var(--ink);color:var(--green);padding:10px 14px;font-size:12px;font-weight:900}.checkout-shell{width:calc(100% - 48px);max-width:1160px;margin:auto;padding:30px 0 70px}.checkout-steps{max-width:660px;margin:0 auto 34px;display:flex;align-items:center;gap:12px;color:#858b85;font-size:12px}.checkout-steps span{display:flex;align-items:center;gap:8px;white-space:nowrap}.checkout-steps .done,.checkout-steps .active{color:var(--ink)}.checkout-steps .active{background:var(--green);padding:8px 12px;font-weight:900}.checkout-steps i{height:1px;background:#cbd0ca;flex:1}.checkout-title{text-align:center;margin-bottom:30px}.checkout-title p{color:var(--green-dark);font-size:12px;letter-spacing:.13em;font-weight:900;margin:0}.checkout-title h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:46px;margin:8px 0}.checkout-title span{color:var(--muted)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:24px;align-items:start}.checkout-card{background:#fff;border:2px solid var(--line);padding:26px}.card-heading{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.card-heading>span{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--green);width:34px;height:34px;font-weight:900}.card-heading h2{font-size:18px;margin:0}.card-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.form-card form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full,.confirm-order,.form-message{grid-column:1/-1}.field label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:7px}.field label em{font-size:11px;color:var(--muted);font-style:normal;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd5ce;background:#fbfcfa;padding:13px;font:inherit;border-radius:2px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-dark);outline:2px solid #8ee34f30}.field.invalid input,.field.invalid select,.field.invalid textarea,.field.invalid .phone-input{border-color:#c93838}.field>small{display:none;color:#b02d2d;font-size:11px;margin-top:5px}.field.invalid>small{display:block}.phone-input{display:flex;border:1px solid #cfd5ce;background:#fbfcfa}.phone-input span{display:flex;align-items:center;padding:0 12px;border-right:1px solid #cfd5ce;font-weight:800}.phone-input input{border:0}.confirm-order{border:0;background:var(--green);color:var(--ink);min-height:60px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 -4px 0 #5da72a}.confirm-order span,.confirm-order small{display:block}.confirm-order small{font-size:10px;text-transform:none;margin-top:2px}.confirm-order:disabled{opacity:.55}.form-message{font-size:13px;font-weight:700;margin:0}.form-message.error{color:#b02d2d}.summary-card{position:sticky;top:20px}.summary-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.summary-item img{width:64px;height:64px;object-fit:contain;background:#f7f8f6}.summary-item h3{font-size:13px;line-height:1.35;margin:0 0 4px}.summary-item small{display:block;color:var(--muted);font-size:11px}.summary-item strong{font-size:14px;white-space:nowrap}.summary-totals{padding:18px 0;border-bottom:1px solid var(--line)}.summary-totals p{display:flex;justify-content:space-between;margin:8px 0;font-size:13px}.summary-totals .grand{font-size:20px;font-weight:900;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.checkout-trust{padding:13px 0}.checkout-trust p{margin:12px 0}.checkout-trust b{display:block;font-size:12px}.checkout-trust small{display:block;color:var(--muted);font-size:11px}.back-cart{display:block;text-align:center;border:1px solid var(--ink);padding:11px;font-size:12px;font-weight:800}.empty-checkout{text-align:center;padding:32px 10px}.empty-checkout p{color:var(--muted);font-size:13px}.empty-checkout a{display:inline-block;background:var(--ink);color:var(--green);padding:11px 16px;font-weight:800}.order-success{max-width:720px;margin:55px auto;text-align:center;background:#fff;border:2px solid var(--line);border-top:6px solid var(--green);padding:50px 35px}.success-check{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;margin:auto;background:var(--green);font-size:36px;font-weight:900}.order-success>p:first-of-type{font-size:12px;letter-spacing:.12em;color:var(--green-dark);font-weight:900;margin-top:20px}.order-success h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:48px;margin:8px 0}.order-success>p:last-of-type{max-width:560px;margin:20px auto 28px;color:var(--muted);line-height:1.7}.order-number{display:inline-block;background:var(--ink);color:#fff;padding:11px 17px}.order-number b{color:var(--green)}[dir="rtl"] .secure-label{margin-left:0;margin-right:auto}[dir="rtl"] .phone-input span{border-right:0;border-left:1px solid #cfd5ce}
@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}.summary-card{position:static;order:-1}.checkout-title h1{font-size:38px}.checkout-steps b{display:none}}@media(max-width:540px){.checkout-head-inner,.checkout-shell{width:calc(100% - 28px)}.checkout-head-inner{min-height:84px;gap:12px}.checkout-head-inner .logo{font-size:31px}.secure-label{display:none}.language-switch{font-size:12px}.checkout-shell{padding-top:22px}.checkout-title{text-align:left}.checkout-title h1{font-size:34px}.checkout-title span{font-size:13px}.checkout-card{padding:18px 15px}.form-card form{grid-template-columns:1fr}.field.full,.confirm-order,.form-message{grid-column:auto}.summary-item{grid-template-columns:54px 1fr auto}.summary-item img{width:54px;height:54px}.order-success{padding:38px 20px;margin:25px auto}.order-success h1{font-size:39px}[dir="rtl"] .checkout-title{text-align:right}}
