/* ======================================================
   استایل سایت — این فایل مستقل از پایتون است.
   هر تغییری این‌جا بدید، روی همه‌ی صفحات (بعد از اجرای دوباره‌ی
   اسکریپت) اعمال می‌شه. رنگ‌ها و فونت رو از بخش :root عوض کنید.
   ====================================================== */

/* ---------- فونت (آفلاین) ---------- */
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/vazirmatn-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/vazirmatn-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/vazirmatn-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/vazirmatn-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/vazirmatn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/vazirmatn-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/vazirmatn-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/vazirmatn-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/vazirmatn-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --bg:#faf6f1;
  --card:#ffffff;
  --ink:#241c1c;
  --ink-soft:#5b4f49;
  --accent:#7c2a35;
  --accent-dark:#5e1f27;
  --accent-2:#b08d57;
  --line:#e4dad0;
  --radius:8px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Vazirmatn",Tahoma,sans-serif;
  line-height:1.9;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px;}

/* ---------- هدر ---------- */
header.site{border-bottom:1px solid var(--line);background:var(--card);}
header.site .wrap{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
.brand{font-weight:800;font-size:1.15rem;color:var(--accent);text-decoration:none;}

/* ---------- بردکرامب ---------- */
.crumbs{font-size:.85rem;color:var(--ink-soft);margin:18px 0 0;}
.crumbs a{color:var(--ink-soft);text-decoration:none;border-bottom:1px dotted var(--line);}
.crumbs a:hover{color:var(--accent);}

/* ---------- بخش اصلی محصول ---------- */
.product-hero{display:flex;gap:36px;align-items:flex-start;margin:22px 0 40px;}
.product-hero .media{flex:0 0 42%;}
.main-image{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.main-image img{width:100%;height:auto;}
.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.thumb-btn{
  padding:0;border:1px solid var(--line);border-radius:6px;
  overflow:hidden;width:64px;height:64px;background:var(--card);cursor:pointer;
}
.thumb-btn img{width:100%;height:100%;object-fit:cover;}
.thumb-btn:hover{border-color:var(--accent-2);}

.product-hero .info{flex:1 1 auto;padding-top:4px;}
h1{font-size:1.65rem;font-weight:800;margin:0 0 8px;line-height:1.55;}
.subtitle{color:var(--ink-soft);margin:0 0 16px;font-size:1rem;}

.price-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 16px;}
.old-price{color:var(--ink-soft);text-decoration:line-through;font-size:.95rem;}
.discount-badge{background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;}
.price{font-size:1.3rem;font-weight:700;color:var(--accent);width:100%;}

.stock-badge{display:inline-block;font-size:.85rem;font-weight:700;margin:0 0 14px;}
.stock-badge.out{color:#a33a3a;}

.cta-btn{
  display:inline-block;width:100%;text-align:center;
  background:var(--accent);color:#fff;font-size:1.1rem;font-weight:700;
  text-decoration:none;padding:16px 22px;border-radius:var(--radius);
  transition:background .15s ease;
}
.cta-btn:hover{background:var(--accent-dark);}
.cta-note{font-size:.8rem;color:var(--ink-soft);margin-top:10px;text-align:center;}
.guarantee{margin-top:14px;font-size:.9rem;color:var(--ink-soft);}

/* ---------- مشخصات فنی ---------- */
section.specs{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 30px;margin-bottom:44px;
}
section.specs h2{font-size:1.15rem;margin:0 0 14px;color:var(--accent);}
section.specs table{width:100%;border-collapse:collapse;}
section.specs th,section.specs td{
  text-align:right;padding:10px 8px;border-bottom:1px solid var(--line);font-size:.92rem;
}
section.specs th{color:var(--ink-soft);font-weight:600;width:35%;}

/* ---------- محصولات مرتبط / فهرست ---------- */
section.related h2{font-size:1.15rem;margin:0 0 18px;}
.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.related-card{
  display:block;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);text-decoration:none;color:var(--ink);overflow:hidden;
}
.related-card .thumb{aspect-ratio:1/1;background:#f1e9e0;overflow:hidden;}
.related-card .thumb img{width:100%;height:100%;object-fit:cover;}
.related-card .rc-title{
  font-size:.82rem;padding:10px 12px 4px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.related-card .rc-price{font-size:.82rem;font-weight:700;color:var(--accent);padding:0 12px 12px;}
.related-card:hover .rc-title{color:var(--accent);}

/* ---------- صفحه فهرست محصولات ---------- */
.index-title{margin:24px 0;font-size:1.5rem;}
.category-block{margin-bottom:40px;}

/* ---------- فوتر ---------- */
footer.site{
  border-top:1px solid var(--line);margin-top:40px;padding:24px 0 40px;
  color:var(--ink-soft);font-size:.85rem;text-align:center;
}

/* ---------- موبایل ---------- */
@media (max-width:720px){
  .product-hero{flex-direction:column;gap:18px;}
  .product-hero .media{flex:none;width:100%;}
  h1{font-size:1.3rem;}
  section.desc,section.specs{padding:20px;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
}