.flow{padding-block:44px 96px}.flow-head{text-align:center;margin-bottom:40px}.flow-head h1{font-family:var(--display);font-size:clamp(30px,4vw,46px);font-weight:400}.cart-grid{grid-template-columns:1.5fr .9fr;align-items:start;gap:40px;display:grid}.cart-items{flex-direction:column;display:flex}.c-item{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr auto;align-items:center;gap:18px;padding-block:18px;display:grid}.c-item img{object-fit:cover;width:84px;height:104px}.c-name{font-size:15px;line-height:1.4}.c-meta{letter-spacing:1.5px;color:var(--ink-soft);margin-top:3px;font-size:12px}.c-price{margin-top:6px;font-size:14px}.qty{border:1px solid var(--line);align-items:center;margin-top:10px;display:inline-flex}.qty button{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:none;font-size:15px}.qty button:hover{color:var(--red)}.qty span{text-align:center;min-width:34px;font-size:14px}.c-remove{color:var(--red);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:start;font-size:12px;text-decoration:underline}.summary{border:1px solid var(--line);padding:26px;position:sticky;top:90px}.summary h2{letter-spacing:3px;color:var(--ink-soft);margin-bottom:18px;font-size:12px;font-weight:500}.s-row{justify-content:space-between;padding-block:9px;font-size:14.5px;display:flex}.s-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:17px}.s-row.total strong{color:var(--red)}.free-tag{color:#2e7d4f}.checkout-cta{text-align:center;width:100%;margin-top:20px;display:block}.continue-link{text-align:center;letter-spacing:1.5px;color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;width:100%;margin-top:14px;font-family:inherit;font-size:12.5px;text-decoration:underline;display:block}.device-note{color:var(--ink-soft);text-align:center;margin-top:14px;padding-inline:6px;font-size:11.5px;line-height:1.6}.empty-state{text-align:center;padding-block:60px}.empty-state .e-big{font-family:var(--display);margin-bottom:16px;font-size:26px}.steps{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.step{letter-spacing:1.5px;color:var(--ink-soft);align-items:center;gap:9px;font-size:12.5px;display:flex}.step .n{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.step.on{color:var(--ink)}.step.on .n{background:var(--red);border-color:var(--red);color:#fff}.step.done .n{background:var(--ink);border-color:var(--ink);color:#fff}.form-card{border:1px solid var(--line);max-width:640px;margin-inline:auto;padding:34px}.f-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.f-field{margin-bottom:18px}.f-field.full{grid-column:1/-1}.f-field label{letter-spacing:2px;color:var(--ink-soft);margin-bottom:7px;font-size:11.5px;display:block}html[lang=ar] .f-field label{letter-spacing:0}.f-field input,.f-field select{width:100%;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:2px;outline:none;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .25s,box-shadow .25s}.f-field input:focus{border-color:var(--red);box-shadow:0 0 0 3px #b3122e14}.f-field.has-error input{border-color:#c0574f}.f-err{color:#c0574f;min-height:0;margin-top:4px;font-size:12px;display:block}.f-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.mock-note{color:var(--ink-soft);text-align:center;margin-top:14px;font-size:12px}.rev-box{border:1px solid var(--line);margin-bottom:12px;padding:18px;font-size:14px}.rev-box b{letter-spacing:2px;color:var(--ink-soft);margin-bottom:5px;font-size:11.5px;display:block}.success{text-align:center;padding-block:30px}.pay-title{font-family:var(--display);margin-bottom:18px;font-size:22px}.pay-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.pay-opt{border:1px solid var(--line);cursor:pointer;border-radius:2px;align-items:flex-start;gap:14px;padding:15px 18px;transition:all .25s;display:flex}.pay-opt:hover{border-color:var(--ink)}.pay-opt.on{border-color:var(--red);background:#b3122e0a}.pay-opt input{opacity:0;position:absolute}.po-dot{border:1.5px solid var(--line);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:2px;transition:border-color .2s;position:relative}.pay-opt.on .po-dot{border-color:var(--red)}.pay-opt.on .po-dot:after{content:"";background:var(--red);border-radius:50%;position:absolute;inset:3px}.po-txt b{font-size:15px;font-weight:500;display:block}.po-txt small{color:var(--ink-soft);margin-top:2px;font-size:13px;font-weight:300;line-height:1.5;display:block}.pay-line{margin-block:4px 0;font-size:14.5px}.success .tick{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 22px;font-size:34px;display:flex}.success h2{font-family:var(--display);font-size:34px;font-weight:400}.order-no{letter-spacing:3px;color:var(--red);margin-block:10px 6px;font-size:18px}.tabs{border:1px solid var(--line);border-bottom:none;max-width:640px;margin:0 auto;display:flex}.tabs button{letter-spacing:2px;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex:1;padding:15px;font-size:13px}html[lang=ar] .tabs button{letter-spacing:0}.tabs button.on{background:var(--ink);color:#fff}.acc-card{border:1px solid var(--line);max-width:640px;margin-inline:auto;padding:34px}.welcome-box{border:1px solid var(--line);text-align:center;max-width:640px;margin-inline:auto;padding:34px}.welcome-box h2{font-family:var(--display);font-size:30px;font-weight:400}.welcome-box .since{color:var(--ink-soft);margin-block:4px 22px;font-size:13px}.w-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.w-stat{border:1px solid var(--line);padding:16px 8px}.w-stat .n{font-family:var(--display);color:var(--red);font-size:26px;display:block}.w-stat .l{color:var(--ink-soft);font-size:11.5px}.w-item{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr auto auto;align-items:center;gap:16px;padding-block:18px;display:grid}.w-item img{object-fit:cover;width:84px;height:104px}.w-actions{flex-direction:column;gap:8px;display:flex}.moved-note{bottom:24px;background:var(--ink);color:#fff;opacity:0;z-index:400;border-radius:2px;padding:13px 30px;font-size:13.5px;transition:opacity .3s;position:fixed;inset-inline-start:50%;transform:translate(-50%)}html[dir=rtl] .moved-note{transform:translate(50%)}.moved-note.on{opacity:1}@media (width<=768px){.cart-grid,.f-grid{grid-template-columns:1fr}.c-item{grid-template-columns:72px 1fr}.c-remove{grid-column:2;justify-self:start;margin-top:8px}.w-item{grid-template-columns:72px 1fr}.w-actions{flex-direction:row;grid-column:2;margin-top:10px}.form-card,.acc-card{padding:22px}.summary{position:static}}
