.page-hero{
position:relative;
overflow:hidden;
padding:30px 25px;
margin:0px auto 40px;
text-align:center;
background:var(--primary);
border:1px solid #e9ddd0;
}



.page-hero-content{
position:relative;
z-index:2;
max-width:900px;
margin:auto;
}

.page-hero-title{
font-size:46px;
font-weight:800;
line-height:1.4;
color:#342b25;
margin:0 0 22px;
}

.page-hero-breadcrumb{
display:inline-flex;
align-items:center;
justify-content:center;
gap:14px;
padding:12px 26px;
background:rgba(255,255,255,.75);
backdrop-filter:blur(10px);
border:1px solid #eadfd2;
border-radius:50px;
font-size:15px;
}

.page-hero-breadcrumb a{
text-decoration:none;
color:#8b715d;
transition:.3s;
}

.page-hero-breadcrumb a:hover{
color:var(--primary);
}

.page-hero-breadcrumb span{
width:7px;
height:7px;
border-radius:50%;
background:var(--primary);
}

.page-hero-breadcrumb strong{
font-weight:700;
color:#3b3028;
}
/* ********************************************صفحه مقایسه **********************************/
.compare-page {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
}

.compare-page h2 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.compare-scroll {
    overflow-x: auto;
    width: 100%;
}

.compare-table {
    min-width: 1100px;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.compare-table td,
.compare-table th {
    border: 1px solid #e5e5e5;
    vertical-align: top;
    padding: 20px 15px;
    font-size: 14px;
}

/* ستون عنوان ویژگی */
.compare-table td:first-child {
    background: #f8f9fa;
    font-weight: bold;
    width: 180px;
}

/* کارت محصول */
.compare-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}


/* تصویر محصول - بزرگ و استاندارد */
.compare-card .image img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    margin-bottom: 15px;
}

/* عنوان محصول - دو خط با ... */
.compare-card h4 {
    font-size: 15px;
    margin: 10px 0;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* بخش قیمت - ارتفاع ثابت برای تراز شدن دکمه ها */
.compare-card .price {
    margin: 10px 0;
    font-size: 16px;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* قیمت عادی (بدون تخفیف) */
.compare-card .price>span,
.compare-card .price ins {
    color: #151515 !important;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
}

/* قیمت قبل (خط خورده) */
.compare-card .price del {
    color: #999;
    font-size: 14px;
    margin-bottom: 4px;
}


/* دکمه افزودن */
/* دکمه همیشه پایین کارت */
.compare-card .add-cart {
    margin-top: auto;
    width: 100%;
    text-align: center;
}

.compare-card .button {
    display: inline-block;
    background: #bdac7a;
    color: #fff;
    padding: 8px 18px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.3s;
}

.compare-card .button:hover {
    background: #ab0000;
}

/* حذف */
.remove-btn {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.compare-remove {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 13px;
    cursor: pointer;
}

.compare-remove:hover {
    text-decoration: underline;
}

/* خنثی کردن جابجایی بدنه که توسط اسکریپت ایجاد شده */
body {
    left: 0 !important;
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    /* جلوگیری از اسکرول عرضی */
}


/* اصلاح کانتینر اصلی برای پر کردن عرض صفحه */
.shop-wrapper {
    max-width: 1320px;
    /* یا عرض دلخواه استاندارد */
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/*********************************
        EMPTY COMPARE
*********************************/

.compare-page{

    max-width:1400px;

    margin:40px auto 70px;

    padding:0 20px;

}

.compare-empty{

    max-width:720px;

    margin:70px auto;

    background:#fff;

    border:1px solid #e8ddd1;

    border-radius:28px;

    padding:65px 35px;

    text-align:center;

    box-shadow:0 18px 40px rgba(0,0,0,.05);

}

.compare-empty-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    background:#f5efe8;

    color:#a88d74;

}

.compare-empty h2{

    margin:0 0 15px;

    font-size:32px;

    color:#2f2a25;

}

.compare-empty p{

    margin:0;

    font-size:17px;

    color:#807365;

    line-height:2;

}

.compare-empty-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:35px;

    padding:15px 40px;

    background:var(--primary);

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.compare-empty-btn:hover{

    background:#8d745e;

    color:#fff;

    transform:translateY(-3px);

}