:root{
    --pgco-brand:#19284F; --pgco-accent:#EF4444; --pgco-muted:#6E7A90;
    --pgco-bg:#F7F8FA; --pgco-card:#FFFFFF; --pgco-text:#1B2748;
    --pgco-chip:#EAEDEF; --pgco-border:#E5E8EF; --container:1200px;
    --r:18px;
}

/* ساختار کلی */
.pgco-cart-guest, .pgco-cart-guest *{ box-sizing:border-box; }
.pgco-cart-guest{
    background:var(--pgco-bg);
    color:var(--pgco-text);
    padding:14px 12px calc(var(--footer-h) + 16px);
}
.pgco-cart-guest .wrap{ width:100%; max-width:680px; margin:0 auto; }

.head{ display:flex; justify-content:space-between; align-items:center; margin:4px 4px 12px; }
.title{ margin:0; font-weight:900; font-size:18px; }
.count{ color:var(--pgco-muted); font-weight:800; font-size:12px; }

.empty{
    background:#fff; border:1px dashed var(--pgco-border); border-radius:16px; padding:18px;
    text-align:center; font-weight:800; color:var(--pgco-text);
}

/* لیست کارت‌ها */
.list{ display:flex; flex-direction:column; gap:12px; }
.card{
    background:var(--pgco-card); border:1px solid var(--pgco-border); border-radius:var(--r);
    padding:12px; display:grid; grid-template-columns:76px 1fr auto; gap:12px; align-items:center;
    box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.thumb{ width:76px; height:76px; border-radius:14px; overflow:hidden; background:#fff; border:1px solid var(--pgco-border); }
.name{
    display:block; color:var(--pgco-text); text-decoration:none; font-weight:900; font-size:14px; line-height:1.35; margin-bottom:4px;
}
.price{ text-align:end; }
.price .each{ font-weight:900; font-size:13px; }
.remove{
    display:inline-grid; place-items:center; width:36px; height:36px; margin-top:8px; border-radius:12px;
    background:rgba(239,68,68,.10); border:1px solid rgba(239,68,68,.28); text-decoration:none;
}
.remove i{ font-size:14px; color:var(--pgco-accent); }

/* تعداد */
.qty{
    display:inline-flex; align-items:center; gap:10px; margin-top:8px; padding:6px 10px; height:42px;
    background:#fff; border:1px solid var(--pgco-border); border-radius:14px;
}
.qty .btn{
    width:30px; height:30px; border:none; border-radius:10px; background:var(--pgco-accent); color:#fff;
    font-weight:900; cursor:pointer; box-shadow:0 6px 14px rgba(239,68,68,.18);
}
.qty input{
    width:50px; height:30px; border:none; background:transparent; color:var(--pgco-text);
    text-align:center; font-weight:900; appearance:textfield;
}

/* خلاصه سفارش */
.sum{
    margin-top:12px; background:#fff; border:1px solid var(--pgco-border); border-radius:var(--r); padding:12px;
}
.row{ display:flex; justify-content:space-between; align-items:center; margin:10px 0; }
.lbl{ color:var(--pgco-muted); font-weight:800; font-size:13px; }
.lbl.total{ color:var(--pgco-text); }
.val{ font-weight:900; }
.hr{ height:1px; background:var(--pgco-border); margin:8px 0; border-radius:1px; }

/* کارت اطلاعات دریافت سفارش */
.info-card{
    margin-top:14px;
    background:var(--pgco-card);
    border:1px solid var(--pgco-border);
    border-radius:var(--r);
    padding:24px 14px 36px;
}
.info-card h2{
    margin:0 0 10px;
    font-size:17px;
    font-weight:900;
    color:var(--pgco-text);
}
.info-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:16px; /* فاصله بین فیلدها */
}
.info-field{
    display:flex;
    flex-direction:column;
    gap:8px; /* فاصله‌ی لیبل تا ورودی */
}
.info-field label{ font-size:16px; font-weight:900; color:var(--pgco-text); }
.info-field input,
.info-field textarea,
.info-field select{
    background: var(--pgco-bg);
    border:1px solid var(--pgco-border);
    border-radius:12px;
    padding:12px 10px;
    font-family:inherit;
    font-size:15px;
    color:var(--pgco-text);
}
.info-field textarea{ min-height:90px; resize:vertical; }

/* CTA موبایل */
.mobile-only{ display:block; }
.desktop-only{ display:none; }
.cta{
    position:static;
    z-index:auto;
    margin:16px auto;
    width:100%;
    max-width:680px;
    padding-inline:12px;
}
.btn-go{
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-weight:900;
    background:linear-gradient(180deg, var(--pgco-accent), #d63a3b);
    padding:14px 16px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.0);
}

/* دسکتاپ */
@media (min-width:1100px){
    .mobile-only{ display:none; }
    .desktop-only{ display:block; }
    .pgco-cart-guest{ padding-bottom:40px; }
    .pgco-cart-guest .wrap{ max-width:1200px; }
    .grid{ display:grid; grid-template-columns:1fr 360px; gap:20px; align-items:start; }
    .title{ font-size:22px; }
    .card{ grid-template-columns:96px 1fr auto; padding:14px; }
    .thumb{ width:96px; height:96px; border-radius:16px; }
    .name{ font-size:15px; }
    .qty{ height:44px; }
    .qty .btn{ width:32px; height:32px; }
    .qty input{ width:56px; height:32px; }
    .side{ position:sticky; top:88px; }
    .btn-go{ margin-top:35px; }
    .info-grid{ grid-template-columns:1fr 1fr; }
    .info-field.full{ grid-column:1 / -1; }
    .price{ min-width:110px; }
}

/* موبایل */
@media (max-width:1099px){
    .cta{ position:static !important; inset:auto !important; z-index:auto !important; }
    .pgco-cart-guest{ padding-bottom:calc(var(--footer-h) + 16px) !important; }
    .btn-go{ width:90%; margin-inline:auto; border-radius:999px; }
}

/* موبایل کوچک: فیکس بیرون‌زدن قیمت و سطل، ولی تو همون خط بمانند */
@media (max-width:599px){
    .card{
        grid-template-columns:70px minmax(0, 1fr) auto;
        gap:10px;
        align-items:center;
    }
    .card .content{ min-width:0; }

    .price{
        min-width:78px;
        text-align:end;
    }

    .price .each{
        font-size:12px;
        line-height:1.2;
    }

    .remove{
        width:30px;
        height:30px;
        border-radius:10px;
        margin-top:6px;
    }

    .qty{
        gap:6px;
    }
    .qty .btn{
        width:28px;
        height:28px;
    }
    .qty input{
        width:46px;
    }
}

:root{
    --pgco-brand:#19284F;
    --pgco-accent:#EF4444;
    --pgco-muted:#6E7A90;
    --pgco-bg:#F7F8FA;
    --pgco-card:#FFFFFF;
    --pgco-text:#1B2748;
    --pgco-border:#E5E8EF;
}

/* ریشه صفحه چک‌اوت */
.pgco-cart-guest{
    background:var(--pgco-bg);
    padding:32px 0 64px;
    font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--pgco-text);
}
.pgco-cart-guest .wrap{max-width:1100px;margin:auto;padding:0 16px;}
.pgco-cart-guest .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;}
.pgco-cart-guest .title{font-size:1.6rem;font-weight:700;color:var(--pgco-brand);}
.pgco-cart-guest .grid{display:grid;grid-template-columns:1fr 350px;gap:24px;}
@media(max-width:768px){.pgco-cart-guest .grid{grid-template-columns:1fr;}}

/* کارت اطلاعات */
.info-card{background:var(--pgco-card);border:1px solid var(--pgco-border);border-radius:16px;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,0.04);margin-top:24px;}
.info-card h2{font-size:1.1rem;color:var(--pgco-brand);margin-bottom:20px;}
.info-grid label{display:block;font-weight:600;color:var(--pgco-brand);margin-bottom:6px;font-size:.9rem;}
.info-grid input,.info-grid textarea{width:100%;border:1px solid var(--pgco-border);border-radius:10px;padding:10px 12px;font-size:.9rem;transition:all .2s;background:#fff;margin-bottom:14px;}
.info-grid input:focus,.info-grid textarea:focus{outline:none;border-color:var(--pgco-accent);box-shadow:0 0 0 2px rgba(239,68,68,0.15);}

/* سایدبار */
.side{background:var(--pgco-card);border:1px solid var(--pgco-border);border-radius:16px;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,0.04);display:flex;flex-direction:column;height:max-content;}
.side h2{font-size:1.1rem;color:var(--pgco-brand);margin-bottom:20px;}
.side .sum{margin-bottom:16px;}
.side .btn-go{display:block;width:100%;background:var(--pgco-brand);color:#fff;border:none;border-radius:10px;padding:12px 14px;font-weight:600;cursor:pointer;transition:.2s;}
.side .btn-go:hover{background:var(--pgco-accent);}

/* بخش پرداخت */
.pay-box{border-top:1px solid var(--pgco-border);margin-top:12px;padding-top:12px;}
.pay-title{font-size:.98rem;font-weight:700;color:var(--pgco-brand);margin-bottom:10px;}
.pay-item{display:block;border:1px solid var(--pgco-border);border-radius:10px;padding:10px 12px;margin-bottom:10px;cursor:pointer;transition:.2s;background:#fff;}
.pay-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.06);}
.pay-item input{margin-left:8px;transform:translateY(1px);}
.pay-label{font-weight:600;color:var(--pgco-text);}
.pay-desc{display:block;font-size:.85rem;color:var(--pgco-muted);margin-top:6px;}
.pay-empty{padding:10px 12px;border-radius:8px;background:#FFFBEB;color:#92400E;border:1px dashed #F59E0B;font-size:.9rem;}

/* ترتیب دسکتاپ و موبایل */
.side h2{order:0;}
.side .sum{order:1;}
.side .pay-box{order:2;}
.side .btn-go{order:3;}
@media(max-width:768px){
    .side .btn-go{order:3;}
    .side .pay-box{order:4;} /* زیر دکمه در موبایل */
}

/* پیام خطا */
.pgco-alert{background:#FEE2E2;color:#B91C1C;padding:10px 14px;border-radius:10px;margin-bottom:14px;}
.pgco-cart-guest .cta{position:sticky;bottom:0;left:0;right:0;background:rgba(247,248,250,.9);padding:12px 16px;backdrop-filter:blur(6px);}