@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
/* And More — cart page v2 */
:root{--amc-teal:#0abab5;--amc-ink:#111;--amc-mute:#6b6b6b;--amc-line:#ececec;--amc-soft:#f7f7f7}
body{background:#fff!important}
.amc-top,.amc,.amc-foot,.amc *{border-radius:0!important;box-sizing:border-box}
.amc-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
/* header */
.amc-top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--amc-line)}
.amc-top-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px}
.amc-back{display:inline-flex;align-items:center;gap:6px;color:var(--amc-ink)!important;font-weight:600;font-size:14px;text-decoration:none!important;justify-self:start}
.amc-back:hover{color:var(--amc-teal)!important}
.amc-logo img{height:46px;width:auto;display:block}
.amc-secure{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--amc-teal)}
/* head */
.amc{padding:34px 0 80px;color:var(--amc-ink)}
.amc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:20px;border-bottom:2px solid var(--amc-ink)}
.amc-crumb{font-size:13px;color:var(--amc-mute);display:flex;gap:8px;margin-bottom:6px}
.amc-crumb a{color:var(--amc-mute)!important;text-decoration:none!important}
.amc-crumb b{color:var(--amc-ink);font-weight:600}
.amc-title{font-size:32px;font-weight:800;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--amc-ink)}
.amc-count{background:var(--amc-teal);color:#fff;font-size:13px;font-weight:700;padding:5px 10px}
.amc-link{color:var(--amc-ink)!important;font-weight:700;font-size:14px;text-decoration:none!important;border-bottom:2px solid var(--amc-teal);padding-bottom:2px;white-space:nowrap}
/* grid */
.amc-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:start}
.amc-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--amc-line)}
.amc-item:first-child{padding-top:4px}
.amc-img{display:block;aspect-ratio:1/1;background:var(--amc-soft);overflow:hidden}
.amc-img img{width:100%;height:100%;object-fit:contain;padding:10px;mix-blend-mode:multiply;transition:transform .3s}
.amc-item:hover .amc-img img{transform:scale(1.05)}
.amc-info{display:flex;flex-direction:column;min-width:0}
.amc-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.amc-name{font-size:17px;font-weight:700;line-height:1.45;color:var(--amc-ink)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.amc-name:hover{color:var(--amc-teal)!important}
.amc-acts{display:flex;gap:6px;flex-shrink:0}
.amc-ico{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--amc-line);color:var(--amc-ink);cursor:pointer;padding:0;transition:all .2s;box-shadow:none!important}
.amc-ico:hover{border-color:var(--amc-ink);background:var(--amc-ink);color:#fff}
.amc-del:hover{background:#e5383b;border-color:#e5383b}
.amc-opts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
.amc-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--amc-mute);border:1px solid var(--amc-line);padding:4px 9px}
.amc-chip b{color:var(--amc-ink)}
.amc-dot{width:14px;height:14px;display:inline-block;border:1px solid #ddd;border-radius:50%!important}
.amc-unit{font-size:13px;color:var(--amc-mute)}
.amc-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}
.amc-qty{display:inline-flex;align-items:center;border:1.5px solid var(--amc-ink);height:42px;background:#fff}
.amc-qty a{width:40px;height:100%;display:inline-flex!important;align-items:center;justify-content:center;color:var(--amc-ink)!important;text-decoration:none!important;transition:background .2s}
.amc-qty a:hover{background:var(--amc-ink);color:#fff!important}
.amc-qty a.d-none,.amc-qty a.btn-minus-des{opacity:.3;pointer-events:none}
.amc-qty input{width:44px;height:100%;border:0!important;text-align:center;font-weight:700;font-size:15px;background:transparent;-moz-appearance:textfield;outline:none;box-shadow:none!important;padding:0}
.amc-qty input::-webkit-outer-spin-button,.amc-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.amc-line{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
[dir=rtl] .amc-line{align-items:flex-start}
.amc-line small{font-size:12px;color:var(--amc-mute)}
.amc-line b{font-size:19px;font-weight:800;color:var(--amc-ink)}
/* summary */
.amc-sum{position:sticky;top:96px}
.amc-sum-box{border:1.5px solid var(--amc-ink);padding:24px;background:#fff}
.amc-sum-box h3{font-size:18px;font-weight:800;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--amc-line);color:var(--amc-ink)}
.amc-sum-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin-bottom:12px;color:var(--amc-mute)}
.amc-sum-row b{color:var(--amc-ink);font-weight:700}
.amc-sum-row b.amc-muted{font-weight:600;font-size:13px;color:var(--amc-mute)}
.amc-sum-total{display:flex;justify-content:space-between;align-items:center;margin:18px 0 20px;padding-top:16px;border-top:2px dashed var(--amc-line);font-weight:700}
.amc-sum-total b{font-size:26px;font-weight:900;color:var(--amc-ink)}
.amc-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;background:var(--amc-ink);color:#fff!important;font-weight:800;font-size:16px;text-decoration:none!important;border:0;transition:background .2s}
.amc-cta:hover{background:var(--amc-teal)}
.amc-ghost{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:10px;border:1.5px solid var(--amc-line);color:var(--amc-ink)!important;font-weight:700;font-size:14px;text-decoration:none!important;transition:border-color .2s}
.amc-ghost:hover{border-color:var(--amc-ink)}
.amc-tabby:not(:empty){margin-top:16px}
.amc-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--amc-line);display:grid;gap:10px}
.amc-trust li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--amc-mute)}
.amc-trust svg{color:var(--amc-teal);flex-shrink:0}
/* mobile bar */
.amc-bar{display:none}
/* empty */
.amc-empty{text-align:center;padding:70px 20px;max-width:420px;margin:0 auto}
.amc-empty svg{color:var(--amc-teal);margin-bottom:16px}
.amc-empty h3{font-size:24px;font-weight:800}
.amc-empty p{color:var(--amc-mute);margin-bottom:22px}
/* footer */
.amc-foot{background:var(--amc-ink);color:rgba(255,255,255,.65);text-align:center;font-size:13px;padding:20px}
@media (max-width:991.98px){
 .amc-grid{grid-template-columns:1fr;gap:24px}
 .amc-sum{position:static}
}
@media (max-width:767.98px){
 .amc-wrap{padding:0 16px}
 .amc-top-in{height:60px}
 .amc-logo img{height:36px}
 .amc-back span,.amc-secure span{display:none}
 .amc{padding:18px 0 110px}
 .amc-head{margin-bottom:8px;padding-bottom:14px}
 .amc-title{font-size:24px}
 .amc-link{display:none}
 .amc-item{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px 0}
 .amc-name{font-size:14.5px}
 .amc-ico{width:34px;height:34px}
 .amc-qty{height:38px}
 .amc-qty a{width:34px}
 .amc-qty input{width:36px}
 .amc-line b{font-size:16px}
 .amc-sum-box{padding:18px}
 .amc-sum-box .amc-cta,.amc-sum-box .amc-ghost{display:none}
 .amc-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--amc-line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:14px;align-items:center;box-shadow:0 -6px 20px rgba(0,0,0,.06)}
 .amc-bar-total{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
 .amc-bar-total small{font-size:11.5px;color:var(--amc-mute)}
 .amc-bar-total b{font-size:19px;font-weight:900}
 .amc-bar .amc-cta{flex:1;height:50px}
}
/* v2.1 — font + steps */
.amc-top,.amc,.amc-foot,.amc *:not(i){font-family:"Cairo",system-ui,sans-serif!important}
.amc-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0 0;font-size:13px;font-weight:600;color:#9a9a9a}
.amc-steps span{display:inline-flex;align-items:center;gap:8px}
.amc-steps i{font-style:normal;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#e9e9e9;color:#777;font-size:12px;font-weight:800}
.amc-steps .on{color:#111}.amc-steps .on i{background:#0abab5;color:#fff}
.amc-steps b{width:40px;height:1.5px;background:#ddd}
@media(max-width:767.98px){.amc-steps{font-size:12px;gap:6px}.amc-steps b{width:18px}}