.page-head .wrap{padding:36px 24px 40px}
.crumb{font-size:13px;color:var(--grey);font-weight:600;margin-bottom:14px}
.page-head h1{font-size:clamp(28px,3.6vw,44px)}
.steps{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap;font-size:13px;font-weight:700;letter-spacing:.04em}
.steps .st{display:flex;align-items:center;gap:8px;color:var(--grey)}
.steps .st .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--line);font-family:'Philosopher';font-size:13px}
.steps .st.on{color:var(--brown)}
.steps .st.on .n{background:var(--brown);color:#fff;border-color:var(--brown)}
.steps .arw{color:var(--rose);opacity:.6}
.cart{padding:44px 0 76px}
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start}
.cart-grid>div:first-child{min-width:0}
.cart-table{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}
.cart-table .thead{display:grid;grid-template-columns:1fr 130px 150px 120px 44px;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.cart-row{display:grid;grid-template-columns:1fr 130px 150px 120px 44px;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line);align-items:center}
.cart-row:last-child{border-bottom:none}
.ci-prod{display:flex;align-items:center;gap:16px}
.ci-prod img{width:88px;height:88px;object-fit:cover;border-radius:12px;flex:none;background:var(--beige)}
.ci-prod h3{font-size:16px;font-weight:700;margin-bottom:4px}
.ci-prod .meta{font-size:13px;color:var(--grey)}
.ci-price,.ci-total{font-family:'Philosopher';font-weight:700;font-size:19px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{width:38px;height:40px;border:none;background:#fff;color:var(--brown);font-size:18px;cursor:pointer;transition:background .2s}
.qty button:hover{background:var(--beige)}
.qty input{width:42px;height:40px;border:none;text-align:center;font-family:inherit;font-weight:700;font-size:15px;color:var(--brown);outline:none;background:#fff}
.rm{width:40px;height:40px;border-radius:50%;border:none;background:var(--beige);color:var(--grey);cursor:pointer;display:grid;place-items:center;transition:.2s}
.rm:hover{background:#e9d3cb;color:var(--brown)}
.note-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:24px;margin-top:24px}
.note-box h4{font-size:16px;margin-bottom:6px}
.note-box p{color:var(--grey);font-size:13px;margin-bottom:14px}
.note-box textarea{width:100%;min-height:104px;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:14px;color:var(--brown);resize:vertical;outline:none;transition:border-color .2s}
.note-box textarea:focus{border-color:var(--rose)}
.cart-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px;flex-wrap:wrap}
.summary{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:28px;position:sticky;top:120px}
.summary h3{font-size:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sum-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:15px;color:var(--grey)}
.sum-row span:last-child{color:var(--brown);font-weight:600}
.sum-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:18px;font-size:16px}
.sum-row.total span{font-family:'Philosopher';font-weight:700}
.sum-row.total .big{font-size:28px;color:var(--brown)}
.summary .btn{width:100%;margin-top:8px}
.ship-hint{font-size:13px;color:var(--grey);font-weight:500}
.secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:var(--grey)}
@media(max-width:1024px){ .mega{grid-template-columns:repeat(2,1fr);gap:24px} .cart-grid{grid-template-columns:1fr} .summary{position:static} .cart-table .thead{display:none} .cart-row{grid-template-columns:1fr auto;grid-template-areas:"prod rm" "price price" "qty total";row-gap:14px;column-gap:14px} .ci-prod{grid-area:prod}.rm{grid-area:rm;justify-self:end} .ci-price{grid-area:price}.qty-cell{grid-area:qty}.ci-total{grid-area:total;justify-self:end;text-align:right} }
@media(max-width:900px){ nav.main,form.search,.topbar .tb-r span.hide-sm{display:none} .burger{display:block}.hdr{height:76px;gap:16px} .foot-grid{grid-template-columns:1fr 1fr;gap:32px}.foot-brand{grid-column:1/-1} }
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.cart-actions .btn{width:100%}}
@media(max-width:900px){ .cart-grid{display:flex;flex-direction:column} .summary{order:-1;position:static} .summary h3{cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .summary h3::after{content:"";width:11px;height:11px;border-right:2.5px solid var(--brown);border-bottom:2.5px solid var(--brown);transform:rotate(45deg);transition:transform .25s;margin-bottom:4px} .summary.collapsed h3{margin-bottom:0;padding-bottom:0;border-bottom:none} .summary.collapsed h3::after{transform:rotate(-135deg);margin-bottom:0} .summary.collapsed .sum-row:not(.total),.summary.collapsed .secure{display:none} .summary.collapsed .sum-row.total{border-top:none;margin-top:14px;padding-top:0} .qty button{width:44px;height:44px} .qty input{height:44px} }