/* ================= PRODUCT PAGE ================= */
body{
background:#F3F6FA;
font-family:'Vazirmatn',sans-serif;
}

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

.product-page h1{
font-size:32px;
margin-bottom:25px;
color:#222;
}

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

.product-box h2{
font-size:30px;
margin-bottom:25px;
color:#B08D57;
}

/* عکس */

.product-image{
display:flex;
justify-content:center;
align-items:center;
margin:30px 0;
}

#productImage{
width:500px;
max-width:90%;
height:auto;

padding:10px;

background:#F5F0E8;

border:2px solid #C3B08B;

border-radius:18px;

box-shadow:0 8px 18px rgba(0,0,0,.08);

cursor:pointer;

transition:all .35s ease;

display:block;

margin:auto;
}

/* متن */

.product-text{
max-width:700px;
margin:30px auto;
padding:22px;

background:#F8F4EA;

border:1px solid #E5D6B4;

border-radius:18px;

text-align:center;
}

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

/* ویژگی ها */

.offer-box{
width:100%;
margin:30px auto;
background:#F8F2E8;
border:3px solid #B58B47;
border-radius:22px;
padding:20px;
box-sizing:border-box;
}

.feature-title{

font-weight:700;

color:#222;

}

.feature-desc{

color:#555;

}

/* دکمه */

.order-btn{

display:inline-block;

width:220px;

padding:13px 20px;

margin:12px 8px;

background:#F8F4EA;

border:2px solid #B08D57;

color:#222;

border-radius:14px;

font-weight:800;

text-decoration:none;

transition:.3s;

}

.order-btn:hover{

background:#EFDDB8;

}
.image-modal{

display:none;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.92);

justify-content:center;

align-items:center;

z-index:9999;

}

.image-modal img{

max-width:92%;

max-height:90%;

border-radius:18px;

}

.close-image{

position:absolute;

top:25px;

left:25px;

font-size:42px;

color:#fff;

cursor:pointer;

}
.feature-table{
display:grid;
grid-template-columns:180px 1fr;
border:1px solid #D8C7A4;
border-radius:18px;
overflow:hidden;
margin-top:20px;
}

.feature-table .right{
background:#D2BEA0;
font-weight:700;
text-align:center;
padding:16px;
border-left:2px solid #B08D57;
border-bottom:1px solid #E4D6B8;
}

.feature-table .left{
background:#F8F4EA;
text-align:center;
padding:16px;
border-bottom:1px solid #E4D6B8;
}

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

.gold-line{
width:140px;
height:2px;
background:#C89B2B;
margin:12px auto 24px;
}
/*========== Offer Box ==========*/

.offer-box{
width:88%;
max-width:650px;
margin:45px auto;
background:#fff;
padding:20px;
border-radius:24px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
overflow:visible;
}

.offer-title{

display:inline-block;

padding:10px 22px;

background:#FFDCE8;

color:#B65F79;

border-radius:15px;

font-weight:800;

margin-bottom:25px;

}

/*========== Slider ==========*/

.slider{

overflow:hidden;

width:100%;

padding:25px 0;

}

.carousel{
overflow:hidden;
position:relative;
height:260px;
}

.carousel-track{
display:flex;
gap:20px;
transition:.8s;
}

.carousel-item{

flex:none;

width:180px;

}

.carousel-item img{
width:170px;
height:240px;
border-radius:20px;
object-fit:cover;
margin-top:-25px;
}

.carousel-item.active img{

transform:scale(1.12);

}

.slide{

flex-shrink:0;

transition:.35s;

}

.slide img{

width:170px;

height:170px;

object-fit:cover;

border-radius:22px;

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

transform:translateY(-18px);

transition:.35s;

}

.slide:hover{

transform:scale(1.12);

}

.slide:hover img{

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

}

/* حرکت نرم */

@keyframes sliderMove{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}
/* ===== Mobile ===== */

@media (max-width:768px){

.product-page{
width:100%;
margin:95px auto 40px;
padding:15px;
}

.product-box{
padding:18px;
border-radius:18px;
}

#productImage{
width:100%;
max-width:320px;
height:auto;
}

.product-text,
.feature-box,
.offer-box{
width:100%;
max-width:100%;
padding:18px;
}

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

.feature-table div{
padding:18px;
font-size:16px;
line-height:2;
}

.order-btn{
width:100%;
}

}
/*===================*/

.offer-box{

width:100%;

max-width:820px;

margin:50px auto;

padding:30px 20px;

background:#fff;

border-radius:28px;

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

overflow:hidden;

}

.offer-title{

display:inline-block;

padding:10px 22px;

background:#FFDCE8;

border-radius:18px;

font-weight:800;

color:#B46A83;

margin-bottom:30px;

}

.carousel{

overflow:hidden;

width:100%;

}

.carousel-track{

display:flex;

gap:25px;

transition:transform .8s ease;

}

.carousel-item{

flex:none;

width:190px;

text-decoration:none;

}

.carousel-item img{

width:190px;

height:260px;

object-fit:cover;

border-radius:22px;

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

margin-top:-25px;

margin-bottom:-25px;

transition:.35s;

}

.carousel-item img:hover{

transform:scale(1.08);

}
.btns{
display:flex;
gap:12px;
margin-top:30px;
justify-content:center;
flex-wrap:wrap;
}

.order-btn,
.cart-btn{

width:220px;

padding:14px 0;

border-radius:16px;

text-decoration:none;

font-weight:700;

font-size:15px;

text-align:center;

transition:.3s;

}

.order-btn{

background:#F8F4EA;

border:2px solid #B08D57;

color:#6E5433;

}

.cart-btn{

background:#B08D57;

border:2px solid #B08D57;

color:#fff;

}

.order-btn:hover,
.cart-btn:hover{

transform:translateY(-3px);

}
/* ===== محصولات ویژه ===== */

.offer-box{

width:85%;
margin:45px auto;
padding:25px 0;
overflow:hidden;
background:#fff;
border-radius:28px;
box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.slider{

overflow:hidden;
width:100%;

}

.slide-track{

display:flex;
width:max-content;
animation:scrollProducts 18s linear infinite;

}

.slide{

flex-shrink:0;
margin:0 18px;

}

.slide img{

width:170px;
height:250px;
object-fit:cover;

border-radius:25px;

transform:translateY(-28px);

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

transition:.35s;

}

.slide:hover{

transform:scale(1.08);

}

.slide:hover img{

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

}

@keyframes scrollProducts{

0%{

transform:translateX(-50%);

}

100%{

transform:translateX(0);

}

}
.offer-box{
    width:100%;
    background:#F8F3EA;      /* کرمی */
    border:3px solid #B7925A; /* نسکافه‌ای */
    border-radius:25px;
    padding:20px;
    margin-top:30px;
}

.product-row{
    display:flex;
    overflow-x:auto;
    gap:15px;
    padding:10px 0;
    scroll-behavior:smooth;
}

.product-row::-webkit-scrollbar{
    display:none;
}

.product-card{
    min-width:170px;
    text-decoration:none;
    text-align:center;
    flex-shrink:0;
}

.product-card img{
    width:170px;
    height:250px;
    object-fit:cover;
    border-radius:18px;
    border:3px solid #B7925A;
    background:#F8F3EA;
}

.product-card .name{
    margin-top:10px;
    color:#7B5A2F;
    font-weight:bold;
    font-size:18px;
}

.product-card .view{
    margin-top:5px;
    color:#444;
    font-size:14px;
}
.footer-links{
width:100%;
margin:25px auto;
background:#F8F2E8;
border:3px solid #B58B47;
border-radius:22px;
padding:20px;
box-sizing:border-box;
}

.footer-links h3{
color:#111;
font-size:20px;
margin:18px 0 12px;
font-weight:bold;
}

.footer-links a,
.footer-links p{
display:block;
color:#8a8a8a;
font-size:16px;
margin:10px 0;
text-decoration:none;
}

.footer-links a:hover{
color:#b8945a;
}

.rubika-btn{
display:inline-block;
margin-top:12px;
padding:12px 20px;
background:#f7efe3;
border:2px solid #b8945a;
border-radius:14px;
color:#444;
font-weight:bold;
}
.copyright{

margin:50px 0 25px;

text-align:center;

font-size:13px;

color:#A7A7A7;

border-top:1px solid #E6E6E6;

padding-top:18px;

letter-spacing:.4px;

}
html,body{
width:100%;
overflow-x:hidden;
margin:0;
padding:0;
}

*{
box-sizing:border-box;
}
/* باکس محصولات ویژه */
.offer-box{
width:100%;
background:#F8F2E8;
border:3px solid #B58B47;
border-radius:22px;
padding:18px;
margin-top:35px;
overflow:hidden;
}

/* ردیف محصولات */
.products-scroll{
display:flex;
gap:15px;
overflow-x:auto;
scroll-behavior:smooth;
padding-bottom:10px;
}

/* حذف اسکرول بار */
.products-scroll::-webkit-scrollbar{
display:none;
}
.products-scroll{
-ms-overflow-style:none;
scrollbar-width:none;
}

/* کارت محصول */
.product-card{
flex:0 0 150px;
text-decoration:none;
text-align:center;
}

/* عکس */
.product-card img{
width:150px;
height:200px;
object-fit:cover;
border-radius:18px;
border:2px solid #B58B47;
display:block;
transition:.3s;
}

.product-card:hover img{
transform:scale(1.05);
}

/* اسم محصول */
.product-card h4{
margin:10px 0 5px;
font-size:18px;
color:#222;
}

/* مشاهده محصول */
.product-card span{
font-size:14px;
color:#888;
}
.shipping-box{
margin:20px auto;
padding:18px;
background:#fff8ef;
border:2px solid #b8945a;
border-radius:18px;
max-width:700px;
}

.shipping-options{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}

.ship-btn{
padding:10px 14px;
border:2px solid #b8945a;
background:#f7efe3;
border-radius:12px;
cursor:pointer;
font-size:14px;
color:#333;
transition:.3s;
}

.ship-btn.active{
background:#b8945a;
color:#fff;
}
.butterfly-container{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
overflow:hidden;
z-index:9999;
}

.butterfly{
position:absolute;
font-size:18px;
opacity:0.7;
animation:fly 12s linear infinite;
filter: drop-shadow(0 0 6px #ff69b4);
}

@keyframes fly{

0%{
transform:translateY(100vh) translateX(0) rotate(0deg);
opacity:0;
}

10%{
opacity:1;
}

100%{
transform:translateY(-10vh) translateX(100px) rotate(360deg);
opacity:0;
}

}