@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700;800&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Vazirmatn',sans-serif;
}

body{
background:#F3F6FA;
color:#333;
overflow-x:hidden;
}

/* ================= HEADER ================= */

header{
position:fixed;
top:0;
right:0;
left:0;
height:75px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(20px);
box-shadow:0 8px 20px rgba(0,0,0,.08);
z-index:999;
}

.logo img{
width:48px;
height:48px;
border-radius:12px;
object-fit:cover;
}

.menu{
display:flex;
gap:20px;
}

.menu a{
font-weight:700;
color:#5B6470;
}

.menu a:hover{
color:#B08D57;
}

/* ================= HERO ================= */

.hero{
margin-top:95px;
padding:0;
width:100%;
}

.hero-container{
width:96%;
max-width:1500px;
margin:auto;
}

.hero-container{
display:flex;
gap:25px;
background:#fff;
border-radius:26px;
overflow:hidden;
box-shadow:0 18px 40px rgba(0,0,0,.08);
width:98%;
max-width:1600px;
margin:auto;
}

.hero-image img{
width:100%;
height:auto;
object-fit:contain;
background:#fff;
}

.hero-text{
flex:1;
padding:45px;
}

.hero-text h1{
font-size:36px;
font-weight:800;
color:#C89B2B;
background:none;
-webkit-text-fill-color:#C89B2B;
}

.hero-text p{
color:#6A7280;
line-height:2.4;
margin-bottom:28px;
}

/* ================= PRODUCTS ================= */

.products{
max-width:1200px;
margin:40px auto;
padding:20px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
}

.card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.card img{
width:100%;
height:180px;
object-fit:cover;
}

.card h3{
padding:15px;
font-size:18px;
}

/* BUY BUTTON */

.buy-btn{
display:block;
width:85%;
margin:15px auto;

padding:12px 0;

background:#F8F4EA;

border:2px solid #D7C29A;

border-radius:12px;

color:#222;

font-size:15px;

font-weight:700;

text-align:center;

text-decoration:none;

transition:.3s;
}

.buy-btn:hover{
background:#EFE6D5;
transform:translateY(-3px);
}

.btn:hover{
background:#C89B2B;
transform:translateY(-3px);
}

.btn:hover{
transform:translateY(-4px);
background:linear-gradient(180deg,#FFD95E,#C99518);
}
}

.buy-btn:hover{
background:#C89B2B;
transform:translateY(-3px);
}

/* ================= PRODUCT PAGE ================= */

.product-page{
max-width:900px;
margin:120px auto;
text-align:center;
padding:20px;
}

.product-box{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}


.product-box img:hover{

transform:scale(1.03);

box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.product-box img:hover{

transform:scale(1.03);

box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.product-box h2{
color:#B08D57;
margin-bottom:20px;
}

/* INFO BOX */

.product-info{
max-width:700px;
margin:30px auto;
padding:25px;
background:#F8F4EA;
border-radius:18px;
border-right:6px solid #B08D57;
text-align:right;
}

.product-info h3{
color:#B08D57;
margin-bottom:15px;
}

.product-info p{
line-height:2.3;
color:#222;
}

/* ORDER BUTTON */

.order-btn{
display:inline-block;
margin-top:20px;
padding:14px 30px;
background:linear-gradient(90deg,#FFD54F,#C89B2B);
color:#222;
font-weight:800;
border-radius:12px;
}

/* ================= PRODUCTS GRID MOBILE ================= */

@media (max-width:768px){
.products{
grid-template-columns:repeat(2,1fr);
}
.hero-container{
flex-direction:column;
}
.hero-text{
text-align:center;
padding:25px;
}
}
/* ===== Bottom Banner ===== */

.bottom-banner{
max-width:1100px;
margin:70px auto;
padding:60px 35px;
background:#ffffff;
border-radius:28px;
box-shadow:0 18px 40px rgba(0,0,0,.08);

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

text-align:center;
}

.bottom-banner h2{
font-size:34px;
font-weight:800;
color:#B08D57;
margin-bottom:18px;
}

.bottom-banner p{
font-size:18px;
line-height:2.2;
color:#555;
max-width:700px;
margin:auto;
}

.loyalty{
font-size:34px;
letter-spacing:12px;
color:#D4AF37;
margin-top:20px;
text-align:center;
}
.hero-btn{
display:inline-block;
padding:14px 34px;
background:#D4AF37;
border:2px solid #B08D57;
border-radius:16px;
color:#222;
font-size:16px;
font-weight:800;
text-align:center;
box-shadow:0 8px 18px rgba(212,175,55,.25);
transition:.3s;
}

.hero-btn:hover{
background:#C89B2B;
transform:translateY(-3px);
color:#222;
}
.section-title{
text-align:center;
margin:70px 0 35px;
}

.section-title h2{
font-size:34px;
font-weight:800;
color:#222;
margin-bottom:12px;
}

.section-title p{
font-size:18px;
color:#444;
font-weight:600;
}
.product-text{
max-width:650px;
margin:25px auto;
padding:25px;
background:#F8F4EA;
border-radius:18px;
border:1px solid #E5D6B4;
box-shadow:0 8px 20px rgba(0,0,0,.08);
text-align:center;
}

.product-text p{
margin:0;
font-size:16px;
line-height:2.3;
color:#333;
text-align:center;
}

.feature-box{
max-width:650px;
margin:25px auto;
padding:25px;
background:#F8F4EA;
border-radius:18px;
border:1px solid #E5D6B4;
box-shadow:0 8px 20px rgba(0,0,0,.08);
text-align:center;
}

.feature-box h3{
text-align:center;
color:#B08D57;
font-size:22px;
margin-bottom:18px;
}

.feature-box ul{
list-style:none;
margin:0;
padding:0;
}

.feature-box li{
padding:10px 0;
font-size:16px;
color:#333;
text-align:center;
}
.info-card{
max-width:650px;
margin:35px auto;
padding:30px;
background:#F8F4EA;
border-radius:22px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
text-align:center;
}

.info-card h3{
font-size:24px;
color:#B08D57;
margin-bottom:18px;
}

.info-card p{
font-size:16px;
line-height:2.2;
color:#333;
margin-bottom:18px;
}

.info-card hr{
border:none;
height:1px;
background:#D8C6A0;
margin:20px 0;
}

.info-card ul{
list-style:none;
padding:0;
margin:0;
}

.info-card li{
padding:8px 0;
font-size:16px;
color:#222;
}
.product-text,
.feature-box{
background:#F8F4EA;
max-width:650px;
margin:20px auto;
padding:20px;
border-radius:16px;
border:1px solid #E7D7B5;
text-align:center;
box-shadow:0 8px 18px rgba(0,0,0,.06);
}

.product-text p{
margin:0;
font-size:15px;
line-height:2.2;
color:#333;
}

.feature-box h3{
color:#B08D57;
margin-bottom:15px;
font-size:20px;
}

.feature-box ul{
list-style:none;
padding:0;
margin:0;
}

.feature-box li{
padding:8px 0;
font-size:15px;
color:#333;
}
.product-text{
background:#F8F4EA;
max-width:650px;
margin:25px auto;
padding:25px;
border-radius:18px;
border:1px solid #E5D6B4;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.product-text p{
margin:0;
font-size:16px;
line-height:2.3;
color:#333;
text-align:center;
}

.feature-box{
background:#F8F4EA;
max-width:650px;
margin:25px auto;
padding:25px;
border-radius:18px;
border:1px solid #E5D6B4;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.feature-box h3{
text-align:center;
margin-bottom:18px;
color:#B08D57;
}

.feature-box ul{
list-style:none;
padding:0;
margin:0;
}

.feature-box li{
text-align:center;
padding:10px 0;
font-size:16px;
color:#333;
}
.product-page{
max-width:900px;
margin:120px auto;
padding:20px;
text-align:center;
direction:rtl;
}

.product-box{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}

/* عکس محصول */
.product-box img{
display:block;
width:260px;
height:auto;
margin:25px auto;
padding:8px;

background:#F6F0E6; /* کرمی نسکافه‌ای */
border:2px solid #C9B79C; /* قاب نازک‌تر */
border-radius:16px;

box-shadow:0 8px 18px rgba(0,0,0,.08);
object-fit:contain;
}

/* متن معرفی */
.product-text{
background:#F8F4EA;
margin:25px auto;
padding:20px;
border-radius:16px;
border:1px solid #E5D6B4;
max-width:650px;
text-align:center;
}

/* ویژگی‌ها */
.feature-box{
background:#F8F4EA;
margin:25px auto;
padding:20px;
border-radius:16px;
border:1px solid #E5D6B4;
max-width:650px;
text-align:center;
}

.feature-box ul{
list-style:none;
padding:0;
}

.feature-box li{
padding:8px 0;
font-size:15px;
}

/* دکمه */
.order-btn{
display:inline-block;
margin-top:20px;
padding:14px 30px;
background:linear-gradient(90deg,#FFD54F,#C89B2B);
color:#222;
font-weight:800;
border-radius:12px;
text-decoration:none;
}

.order-btn:hover{
transform:translateY(-3px);
}
/* ===== FIX PRODUCT PAGE ===== */

.product-box{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
}

.product-text,
.feature-box{
width:650px;
max-width:90%;
margin:20px auto;
text-align:center;
}
.product-image{
display:flex;
justify-content:center;
margin:30px 0;
}
.product-image{
display:flex;
justify-content:center;
margin:30px 0;
}

#productImage{
width:260px;
height:auto;
padding:10px;
background:#F5F0E8;
border:2px solid #C3B08B;
border-radius:18px;
box-shadow:0 8px 18px rgba(0,0,0,.08);
display:block;
}
.feature-box{
max-width:800px;
margin:40px auto;
padding:30px;
background:#F8F4EA;
border-radius:22px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
text-align:center;
border:1px solid #E5D6B4;
}

.feature-box h3{
font-size:24px;
color:#B08D57;
margin-bottom:10px;
}

.gold-line{
width:120px;
height:2px;
background:#C89B2B;
margin:10px auto 25px;
border-radius:10px;
}

/* GRID حرفه‌ای */
.feature-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px 30px;
text-align:right;
}

/* هر آیتم */
.feature-item{
background:#fff;
padding:15px 18px;
border-radius:14px;
box-shadow:0 6px 15px rgba(0,0,0,.05);
border-right:3px solid #C89B2B;
transition:.3s;
}

.feature-item:hover{
transform:translateY(-3px);
}

.feature-item .title{
display:block;
font-weight:800;
color:#222;
margin-bottom:6px;
}

.feature-item .desc{
font-size:14px;
color:#666;
line-height:1.8;
}

/* موبایل */
@media(max-width:768px){
.feature-grid{
grid-template-columns:1fr;
}
}
.feature-table{

display:grid;

grid-template-columns:180px 1fr;

overflow:hidden;

border-radius:16px;

border:1px solid #D8C7A4;

margin-top:20px;

}

.feature-table div{

padding:16px;

border-bottom:1px solid #E4D6B8;

}

.feature-table .right{

background:#D1BEA2;

font-weight:700;

text-align:center;

}

.feature-table .left{

background:#F8F4EA;

text-align:center;

}

.feature-table div:nth-last-child(-n+2){

border-bottom:none;

}
/* ================= PRODUCT FEATURES ================= */

.feature-box{
    width:95%;
    max-width:760px;
    margin:30px auto;
    background:#F8F4EA;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #dcc9a2;
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.feature-box h3{
    padding:20px;
    text-align:center;
    font-size:22px;
    color:#8c6a34;
}

.gold-line{
    width:120px;
    height:2px;
    background:#c79b37;
    margin:0 auto 20px;
}

.feature-table{
    display:grid;
    grid-template-columns:180px 1fr;
}

.feature-table div{
    padding:18px 15px;
    border-bottom:1px solid #e7d9bb;
}

.feature-table .right{
    background:#cdb99b;
    font-weight:700;
    text-align:center;
    border-left:2px solid #b79256;
}

.feature-table .left{
    background:#f8f4ea;
    text-align:center;
}

.feature-table div:nth-last-child(-n+2){
    border-bottom:none;
}