.shop-wrap{max-width:1200px;margin:0 auto;padding:22px 24px 70px}
.shop-wrap .crumbs{font-size:13px;color:#6b7890;margin:6px 0 18px}
.shop-wrap .crumbs a{color:#6b7890;text-decoration:none}
.shop-wrap .crumbs a:hover{color:#1E5FD6}
.shop-h1{font-family:'Unbounded';font-weight:700;font-size:34px;letter-spacing:-1px;color:#0C1626}
.shop-sub{color:#6b7890;font-size:15px;margin:8px 0 22px}
.shop-err{background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.35);color:#c0392b;padding:12px 16px;border-radius:13px;margin:0 0 18px;font-size:14.5px}

.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:13px;background:#1E5FD6;color:#fff;text-decoration:none;font-weight:600;font-size:15px;border:none;cursor:pointer;font-family:inherit;transition:.2s}
.shop-btn:hover{background:#1547A8}
.shop-btn:disabled{opacity:.5;cursor:not-allowed}
.shop-btn.full{width:100%;margin-top:8px}
.shop-btn.ghost{background:#fff;color:#0C1626;border:1px solid rgba(12,22,38,.14)}
.shop-btn.ghost:hover{background:#f2f5f9}

.shop-empty{background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:20px;padding:48px 24px;text-align:center}
.shop-empty h2{font-family:'Unbounded';font-weight:600;font-size:22px;margin-bottom:8px}
.shop-empty p{color:#6b7890;margin-bottom:18px}

.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr}}
.cart-items{background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:20px;padding:20px 22px}
.cart-items-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cart-items-head b{font-size:15px}
.cart-clear{background:none;border:none;color:#8a96a8;font-size:13px;cursor:pointer;font-family:inherit}
.cart-clear:hover{color:#e0483d}
.ci{display:grid;grid-template-columns:64px 1fr auto auto auto 28px;gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(12,22,38,.06)}
.ci-thumb{width:64px;height:64px;border-radius:12px;background:#f2f5f9;display:grid;place-items:center;overflow:hidden}
.ci-thumb img{max-width:100%;max-height:100%}
.ci-ph{width:32px;height:20px;border-radius:4px;background:#d7dfea}
.ci-cat{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8a96a8;font-weight:600;margin-bottom:3px}
.ci-name{font-weight:600;color:#0C1626;text-decoration:none;font-size:14.5px}
.ci-name:hover{color:#1E5FD6}
.ci-price{color:#6b7890;font-size:14px;white-space:nowrap}
.ci-qty{display:flex;align-items:center;gap:10px;background:#f2f5f9;border-radius:10px;padding:4px}
.ci-qty button{width:26px;height:26px;border:none;background:#fff;border-radius:7px;cursor:pointer;font-size:16px;color:#0C1626;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ci-qty span{min-width:20px;text-align:center;font-weight:600}
.ci-sum{font-weight:700;color:#0C1626;white-space:nowrap}
.ci-del{background:none;border:none;color:#b3bccb;cursor:pointer;font-size:15px}
.ci-del:hover{color:#e0483d}

.cart-sum{background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:20px;padding:24px;position:sticky;top:16px}
.cart-sum h2{font-family:'Unbounded';font-weight:600;font-size:20px;margin-bottom:16px}
.cs-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:14.5px;color:#4a5768}
.cs-row b{color:#0C1626}
.free{color:#0DA538 !important}
.cs-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 8px;margin-top:8px;border-top:1px solid rgba(12,22,38,.08)}
.cs-total span{color:#6b7890;font-size:14px}
.cs-total b{font-family:'Unbounded';font-weight:700;font-size:26px;color:#0C1626}

.co-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
@media(max-width:900px){.co-layout{grid-template-columns:1fr}}
.co-main{display:grid;gap:18px}
.co-card{background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:20px;padding:24px}
.co-step{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.co-step .n{width:30px;height:30px;border-radius:9px;background:#0C1626;color:#fff;display:grid;place-items:center;font-weight:700;font-family:'Unbounded';font-size:14px}
.co-step h2{font-family:'Unbounded';font-weight:600;font-size:19px}
.co-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.co-grid2{grid-template-columns:1fr}}
.shop-wrap .field{margin-bottom:14px}
.shop-wrap .field:last-child{margin-bottom:0}
.shop-wrap .field label{display:block;font-size:13px;font-weight:600;color:#6b7890;margin-bottom:6px}
.shop-wrap .field input,.shop-wrap .field textarea{width:100%;padding:13px 15px;border:1px solid rgba(12,22,38,.12);border-radius:12px;font-size:15px;font-family:inherit;outline:none;transition:.2s;background:#fff;resize:vertical}
.shop-wrap .field input:focus,.shop-wrap .field textarea:focus{border-color:#1E5FD6;box-shadow:0 0 0 4px rgba(30,95,214,.14)}
.co-radio{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(12,22,38,.12);border-radius:13px;margin-bottom:10px;cursor:pointer;transition:.15s}
.co-radio:hover{border-color:#b9c6db}
.co-radio:has(input:checked){border-color:#1E5FD6;background:rgba(30,95,214,.04)}
.co-radio input{width:18px;height:18px;accent-color:#1E5FD6;flex-shrink:0}
.co-radio div{flex:1}
.co-radio b{display:block;font-size:14.5px}
.co-radio small{color:#8a96a8;font-size:13px}
.co-tag{font-size:13px;font-weight:600;color:#6b7890}
.co-tag.free{color:#0DA538}

.co-sum{background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:20px;padding:24px;position:sticky;top:16px}
.co-sum h2{font-family:'Unbounded';font-weight:600;font-size:19px;margin-bottom:14px}
.co-items{display:grid;gap:12px;margin-bottom:14px;max-height:280px;overflow:auto}
.coi{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}
.coi-th{width:44px;height:44px;border-radius:9px;background:#f2f5f9;overflow:hidden;display:grid;place-items:center}
.coi-th img{max-width:100%;max-height:100%}
.coi-n b{display:block;font-size:13px;font-weight:600;line-height:1.25}
.coi-n small{color:#8a96a8;font-size:12px}
.coi-s{font-weight:700;font-size:13.5px;white-space:nowrap}
.co-empty{color:#8a96a8;text-align:center;padding:12px}
.co-note{color:#8a96a8;font-size:12px;text-align:center;margin-top:10px}

.ok-card{max-width:520px;margin:40px auto;background:#fff;border:1px solid rgba(12,22,38,.08);border-radius:24px;padding:44px 36px;text-align:center;box-shadow:0 24px 60px rgba(20,71,168,.08)}
.ok-ic{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:rgba(21,193,114,.14);color:#0DA538;display:grid;place-items:center}
.ok-card h1{font-family:'Unbounded';font-weight:700;font-size:28px;margin-bottom:10px}
.ok-no{font-size:15px;color:#4a5768;margin-bottom:10px}
.ok-txt{color:#6b7890;font-size:14.5px;line-height:1.5;margin-bottom:16px}
.ok-bonus{display:inline-block;background:rgba(21,193,114,.12);color:#0DA538;font-weight:600;padding:9px 16px;border-radius:999px;font-size:14px;margin-bottom:22px}
.ok-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.co-promo{display:flex;gap:8px;margin:6px 0 4px}
.co-promo input{flex:1;padding:11px 13px;border:1px solid rgba(12,22,38,.12);border-radius:11px;font-family:inherit;font-size:14px;outline:none}
.co-promo input:focus{border-color:#1E5FD6}
.co-promo button{padding:11px 16px;border:none;border-radius:11px;background:#0C1626;color:#fff;font-weight:600;font-family:inherit;cursor:pointer;font-size:14px}
.co-promo button:hover{background:#1E5FD6}
.co-promo-msg{font-size:13px;margin-bottom:6px}
.co-promo-msg.ok{color:#0DA538}
.co-promo-msg.err{color:#e0483d}

.co-contact{display:flex;gap:10px;flex-wrap:wrap}
.co-cm{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(12,22,38,.12);border-radius:11px;cursor:pointer;font-size:14px;transition:border-color .15s,background-color .15s,color .15s;user-select:none}
.co-cm:hover{border-color:#b9c6db}
.co-cm:has(input:checked){border-color:#1E5FD6;background:rgba(30,95,214,.06);color:#1E5FD6;font-weight:600}
.co-cm input{display:none}