/* بخش پروژه: استایل‌های افزوده — دکمه زبان، چیدمان LTR، سکشن‌های جدید صفحه اصلی، خبرنامه، فوتر، نقشه */

/* ---------- نوار بالا: رنگ طرح و لوگو ---------- */
/* هدر صفحه‌ی اصلی: همان کرم بقیه‌ی سایت (بدون رنگ صورتی/قرمز) */
html:not([data-theme="dark"]) body.home-v2{ --header-bg:rgba(232,217,204,.94); --nav-mobile-bg:#eee2d6; }
.scroll-top{ position:fixed; bottom:24px; inset-inline-end:24px; z-index:50; }

/* دکمه‌ی زبان: header.css */

/* ---------- چیدمان انگلیسی (LTR) ---------- */
html[dir="ltr"] .hv2-bar .header-search-box{ direction:ltr; }
html[dir="rtl"] .hv2-bar .header-search-box{ direction:rtl; }
html[dir="ltr"] .hv2-hero-img{ transform:scaleX(-1); }
html[dir="ltr"] .hv2-hero::after{ background:linear-gradient(to right, rgba(236,224,212,.9) 0%, rgba(236,224,212,.62) 34%, rgba(236,224,212,0) 66%); }
html[dir="ltr"] .hv2-en, html[dir="ltr"] .hv2-coll-text em{ text-align:left; }
html[dir="ltr"] .hv2-coll-text{ right:25%; left:clamp(10px,6%,26px); text-align:left; }
html[dir="ltr"] .hv2-coll-go svg, html[dir="ltr"] .hv2-all svg, html[dir="ltr"] .hv2-about-go svg,
html[dir="ltr"] .pcard-go svg, html[dir="ltr"] .arrow-flip svg{ transform:scaleX(-1); }
html[dir="ltr"] .footer-grid{ text-align:left; }
html[dir="ltr"] .hv2-hero-text h1{ letter-spacing:.01em; line-height:1.2; }
html[dir="ltr"] .hv2-about-inner h2{ line-height:1.35; }
html[dir="ltr"] .hv2-eyebrow-line span, html[dir="ltr"] .hv2-h2{ letter-spacing:.01em; }
html[dir="ltr"] input, html[dir="ltr"] textarea{ text-align:left; }

/* ---------- نوار مزیت‌ها ---------- */
.hv2-perks{ margin-top:clamp(14px,3vw,34px); }
.hv2-perks-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.hv2-perk{
  display:flex; align-items:center; justify-content:center; gap:clamp(10px,1.6vw,16px); padding:clamp(14px,2.4vw,26px) 10px;
  position:relative; color:var(--text-0);
}
.hv2-perk + .hv2-perk::before{ content:''; position:absolute; inset-block:26%; inset-inline-start:0; width:1px; background:rgba(80,50,35,.18); }
.hv2-perk svg{ flex:none; width:clamp(34px,4.4vw,46px); height:clamp(34px,4.4vw,46px); stroke:currentColor; fill:none; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; transition:transform .35s ease, color .35s ease; }
.hv2-perk:hover svg{ transform:translateY(-3px); color:var(--hv2-burgundy); }
.hv2-perk span{ font-size:clamp(12px,1.5vw,15px); font-weight:500; line-height:1.6; }
@media (max-width:719px){
  .hv2-perks-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hv2-perk{ justify-content:flex-start; padding:14px 12px; }
  .hv2-perk::before{ display:none; }
  .hv2-perk:nth-child(n+3){ border-top:1px solid rgba(80,50,35,.14); }
  .hv2-perk:nth-child(odd){ border-inline-end:1px solid rgba(80,50,35,.14); }
}

/* ---------- سرتیتر مشترک سکشن‌ها ---------- */
.hv2-sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:clamp(14px,2.6vw,28px); }
.hv2-sec-eyebrow{ display:block; font-family:var(--font-latin); font-size:clamp(9px,1.4vw,12px); letter-spacing:.32em; color:var(--text-2); margin-bottom:6px; }
.hv2-sec-title{ font-size:clamp(18px,3.2vw,30px); font-weight:800; line-height:1.5; margin:0; }
.hv2-sec-sub{ margin:6px 0 0; color:var(--text-2); font-size:clamp(11.5px,1.6vw,14.5px); line-height:1.9; max-width:560px; }
.hv2-pill-link{
  display:inline-flex; align-items:center; gap:8px; padding:9px 20px; border:1px solid var(--text-0); border-radius:999px;
  font-size:clamp(11.5px,1.6vw,14px); font-weight:600; color:var(--text-0); white-space:nowrap; transition:var(--transition);
}
.hv2-pill-link:hover{ background:var(--hv2-burgundy); border-color:var(--hv2-burgundy); color:#fff; }

/* ---------- آخرین مقالات ---------- */
.hv2-articles{ margin-top:clamp(28px,5vw,64px); }
.hv2-art-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,2vw,26px); }
.art-card{ display:flex; flex-direction:column; background:var(--hv2-card); border:1px solid rgba(80,50,35,.08); border-radius:clamp(10px,1.4vw,16px); overflow:hidden; transition:var(--transition); }
.art-card:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(80,50,35,.16); }
.art-media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:var(--hv2-card-media); }
.art-media img{ width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.art-card:hover .art-media img{ transform:scale(1.06); }
.art-date{ position:absolute; top:12px; inset-inline-start:12px; padding:4px 12px; border-radius:999px; background:rgba(255,250,246,.92); color:var(--text-0); font-size:11.5px; font-weight:500; backdrop-filter:blur(6px); }
.art-body{ display:flex; flex-direction:column; flex:1; padding:clamp(14px,2vw,22px); gap:8px; }
.art-body h3{ font-size:clamp(14px,1.7vw,17.5px); font-weight:700; line-height:1.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.art-body h3 a:hover{ color:var(--hv2-burgundy); }
.art-body p{ margin:0; color:var(--text-2); font-size:clamp(12px,1.4vw,13.5px); line-height:2; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.art-more{ margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:8px; color:var(--hv2-burgundy); font-weight:600; font-size:13px; }
.art-more svg{ transition:transform .3s ease; }
.art-card:hover .art-more svg{ transform:translateX(-4px); }
html[dir="ltr"] .art-card:hover .art-more svg{ transform:scaleX(-1) translateX(-4px); }
@media (max-width:719px){
  .hv2-art-grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin-inline:-14px; padding:4px 14px 14px; scrollbar-width:none; }
  .hv2-art-grid::-webkit-scrollbar{ display:none; }
  .art-card{ flex:0 0 82%; scroll-snap-align:center; }
}
@media (min-width:720px) and (max-width:959px){ .hv2-art-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .art-card:nth-child(3){ display:none; } }

/* ---------- نقشه نمایندگان ---------- */
.hv2-dealers{ margin-top:clamp(30px,5vw,68px); }
.dl-wrap{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); border-radius:clamp(10px,1.6vw,18px); overflow:hidden; background:var(--hv2-card); border:1px solid rgba(80,50,35,.1); box-shadow:0 14px 34px rgba(80,50,35,.1); }
.dl-side{ display:flex; flex-direction:column; min-height:0; max-height:520px; border-inline-end:1px solid rgba(80,50,35,.1); }
.dl-search{ padding:14px; border-bottom:1px solid rgba(80,50,35,.1); }
.dl-search input{ width:100%; padding:11px 14px; border-radius:10px; border:1px solid rgba(80,50,35,.18); background:#fffaf6; color:var(--text-0); font-size:13.5px; }
.dl-search input:focus{ outline:2px solid rgba(109,17,30,.25); border-color:var(--hv2-burgundy); }
.dl-list{ list-style:none; margin:0; padding:6px; overflow-y:auto; flex:1; }
.dl-item{ display:block; width:100%; text-align:start; padding:12px 14px; border:0; background:none; border-radius:12px; cursor:pointer; color:inherit; transition:var(--transition); }
.dl-item:hover, .dl-item.is-active{ background:rgba(109,17,30,.08); }
.dl-item strong{ display:block; font-size:14px; line-height:1.7; }
.dl-item small{ display:block; color:var(--text-2); font-size:12px; line-height:1.8; }
.dl-item .dl-city{ display:inline-block; margin-top:2px; padding:1px 10px; border-radius:999px; background:rgba(109,17,30,.1); color:var(--hv2-burgundy); font-size:11px; }
.dl-empty{ padding:26px 18px; text-align:center; color:var(--text-2); font-size:13px; line-height:2; }
.dl-cta{ padding:14px; border-top:1px solid rgba(80,50,35,.1); }
.dl-cta a{ display:flex; align-items:center; justify-content:center; padding:11px; border-radius:10px; background:var(--hv2-burgundy); color:#fff; font-weight:600; font-size:13.5px; transition:var(--transition); }
.dl-cta a:hover{ background:var(--hv2-burgundy-dark); }
.dl-map{ position:relative; min-height:420px; }
.dl-map .hm-map{ position:absolute; inset:0; }
@media (max-width:859px){
  .dl-wrap{ grid-template-columns:1fr; }
  .dl-map{ order:-1; min-height:340px; }
  .dl-side{ max-height:none; border-inline-end:0; }
  .dl-list{ max-height:260px; }
}
.dl-count{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--text-2); }

/* موتور نقشه */
.hm-map{ position:relative; overflow:hidden; background:#e9e1d6; touch-action:none; cursor:grab; user-select:none; -webkit-user-select:none; outline:none; }
.hm-map.is-drag{ cursor:grabbing; }
.hm-tiles, .hm-markers{ position:absolute; inset:0; }
.hm-markers{ pointer-events:none; }
.hm-tile{ position:absolute; left:0; top:0; width:256px; height:256px; max-width:none; opacity:0; transition:opacity .3s ease; filter:sepia(.18) saturate(.9) contrast(.98); }
.hm-tile.is-in{ opacity:1; }
.hm-marker{ position:absolute; left:0; top:0; width:32px; height:44px; margin:-44px 0 0 -16px; padding:0; border:0; background:none; cursor:pointer; pointer-events:auto; transition:filter .2s ease; filter:drop-shadow(0 3px 4px rgba(0,0,0,.3)); }
.hm-marker svg{ display:block; transition:transform .2s ease; transform-origin:50% 100%; }
.hm-marker:hover svg, .hm-marker.is-active svg{ transform:scale(1.18); }
.hm-pin-body{ fill:#6d111e; stroke:#fff; stroke-width:1.5; }
.hm-pin-dot{ fill:#fff; }
.hm-marker.is-drag{ cursor:grab; }
.hm-ctrl{ position:absolute; top:12px; inset-inline-end:12px; z-index:5; display:flex; flex-direction:column; border-radius:10px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.2); }
.hm-ctrl button{ width:36px; height:36px; border:0; background:#fffaf6; color:#2b1b15; font-size:20px; line-height:1; cursor:pointer; font-family:Arial,sans-serif; }
.hm-ctrl button + button{ border-top:1px solid rgba(80,50,35,.15); }
.hm-ctrl button:hover{ background:#f1e3d8; }
.hm-attr{ position:absolute; bottom:0; inset-inline-end:0; z-index:4; padding:2px 8px; font-size:10px; font-family:Arial,sans-serif; background:rgba(255,255,255,.75); color:#444; }
.hm-popup{ position:absolute; left:0; top:0; z-index:6; width:230px; margin-left:-115px; margin-top:-100%; translate:0 -100%; padding:14px 16px 12px; background:#fffaf6; color:#2b1b15; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.28); font-size:13px; line-height:1.9; direction:ltr; text-align:start; pointer-events:auto; }
.hm-popup[hidden]{ display:none; }
.hm-popup::after{ content:''; position:absolute; bottom:-7px; left:50%; width:14px; height:14px; margin-left:-7px; background:#fffaf6; transform:rotate(45deg); }
html[dir="rtl"] .hm-popup{ direction:rtl; }
.hm-popup strong{ display:block; font-size:14.5px; }
.hm-pop-city{ color:#8a7467; font-size:12px; }
.hm-popup p{ margin:4px 0; color:#5b4639; }
.hm-pop-tel{ display:block; color:#6d111e; font-weight:600; }
.hm-pop-go{ display:inline-block; margin-top:8px; padding:5px 16px; border-radius:999px; background:#6d111e; color:#fff !important; font-size:12px; }
.hm-pop-x{ position:absolute; top:4px; inset-inline-end:8px; border:0; background:none; font-size:20px; cursor:pointer; color:#8a7467; }

/* انتخابگر موقعیت در فرم نمایندگی */
.loc-picker{ margin-top:14px; border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; background:var(--panel); }
.loc-picker-head{ padding:14px 16px 10px; }
.loc-picker-head h3{ font-size:15px; margin-bottom:4px; }
.loc-picker-head p{ margin:0; color:var(--text-2); font-size:12.5px; line-height:1.9; }
.loc-tools{ display:flex; flex-wrap:wrap; gap:8px; padding:0 16px 12px; position:relative; }
.loc-tools input{ flex:1; min-width:180px; padding:10px 12px; border-radius:10px; border:1px solid var(--border-soft); background:var(--input-bg); color:var(--text-0); }
.loc-tools button{ padding:10px 16px; border-radius:10px; border:1px solid var(--border-gold); background:var(--panel-strong); color:var(--text-0); cursor:pointer; font-size:13px; }
.loc-tools button:hover{ background:var(--gold); color:var(--on-gold-text); }
.loc-results{ position:absolute; top:100%; inset-inline:16px; z-index:20; margin:0; padding:4px; list-style:none; background:var(--bg-1, #fffaf6); border:1px solid var(--border-soft); border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.25); max-height:220px; overflow:auto; }
.loc-results li button{ display:block; width:100%; text-align:start; padding:9px 12px; border:0; background:none; color:var(--text-0); border-radius:8px; font-size:12.5px; line-height:1.7; cursor:pointer; }
.loc-results li button:hover{ background:var(--panel-strong); }
.loc-map{ height:340px; }
.loc-status{ padding:10px 16px; font-size:12.5px; color:var(--text-2); border-top:1px solid var(--border-soft); }
.loc-status.ok{ color:#2e8b57; }
.loc-status.err{ color:#c0392b; }

/* ---------- خبرنامه ---------- */
.nl-band{ margin:clamp(26px,5vw,60px) auto 0; max-width:1240px; padding-inline:14px; }
@media (min-width:720px){ .nl-band{ padding-inline:24px; } }
.nl-inner{
  display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:clamp(16px,3vw,40px);
  padding:clamp(22px,4vw,48px); border-radius:clamp(14px,2vw,24px);
  background:linear-gradient(135deg,#6d111e,#4e0b16); color:#fff; position:relative; overflow:hidden;
}
.nl-inner::before{ content:''; position:absolute; width:340px; height:340px; border-radius:50%; inset-inline-end:-90px; top:-140px; background:radial-gradient(circle,rgba(246,216,206,.22),transparent 68%); }
.nl-copy{ position:relative; }
.nl-eyebrow{ display:block; font-family:var(--font-latin); letter-spacing:.34em; font-size:11px; opacity:.7; margin-bottom:8px; }
.nl-copy h3{ color:#fff; font-size:clamp(18px,2.6vw,26px); margin-bottom:8px; }
.nl-copy p{ margin:0; font-size:clamp(12px,1.5vw,14px); line-height:2; opacity:.86; }
.nl-form{ position:relative; }
.nl-field{ display:flex; gap:6px; padding:6px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); border-radius:999px; backdrop-filter:blur(6px); }
.nl-field input{ flex:1; min-width:0; border:0; background:none; color:#fff; padding:0 16px; font-size:14px; outline:none; }
.nl-field input::placeholder{ color:rgba(255,255,255,.65); }
.nl-submit{ border:0; cursor:pointer; padding:12px 26px; border-radius:999px; background:#F6D8CE; color:#4e0b16; font-weight:700; font-size:13.5px; transition:var(--transition); white-space:nowrap; }
.nl-submit:hover{ background:#fff; transform:translateY(-1px); }
.nl-submit[disabled]{ opacity:.6; cursor:wait; }
.nl-msg{ min-height:22px; margin:8px 14px 0; font-size:12.5px; }
.nl-msg.ok{ color:#c9f2d6; } .nl-msg.err{ color:#ffd0c8; }
.nl-hp{ position:absolute; inset-inline-start:-9999px; opacity:0; height:0; }
@media (max-width:759px){ .nl-inner{ grid-template-columns:1fr; text-align:center; } }

/* ---------- فوتر ---------- */
.ft-card{ padding:clamp(24px,3.4vw,40px) clamp(18px,3vw,34px) 18px !important; }
.footer-grid{ grid-template-columns:1.3fr 1fr 1fr 1.2fr !important; gap:clamp(20px,3vw,36px) !important; }
.ft-slogan{ font-weight:700; color:var(--text-0) !important; font-size:15px !important; margin:12px 0 4px !important; }
.footer-about p{ max-width:300px; }
.soc-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.soc-link{
  width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
  border:1px solid rgba(43,27,21,.35); color:var(--text-0); transition:var(--transition);
}
body:not(.home-v2) .soc-link{ border-color:var(--border-gold); }
.soc-link:hover{ background:var(--text-0); color:var(--bg-0); transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.18); }
body.home-v2 .soc-link:hover{ background:var(--hv2-burgundy); border-color:var(--hv2-burgundy); color:#fff; }
.ft-madein{ display:flex; align-items:center; gap:8px; margin-top:16px; font-size:14px; color:var(--text-0); }
.ft-madein b{ font-family:var(--font-latin); letter-spacing:.14em; font-size:13px; }
.ft-madein i{ width:1px; height:16px; background:currentColor; opacity:.7; }
.ft-madein span{ color:var(--text-2); }
.ft-contact .ft-ic{ width:18px; text-align:center; color:var(--gold); font-size:15px; flex:none; }
.ft-contact li a, .ft-contact .ft-row{ display:flex; align-items:flex-start; gap:8px; color:var(--text-1); font-size:13.5px; line-height:1.9; }
.ft-trust{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ft-trust:empty{ display:none; }
.ft-trust img{ max-height:84px; width:auto; border-radius:8px; background:#fff; padding:4px; }
.footer-bottom{ gap:8px 20px; flex-wrap:wrap; }
@media (max-width:980px){ .footer-grid{ grid-template-columns:1fr 1fr !important; } }
@media (max-width:620px){ .footer-grid{ grid-template-columns:1fr !important; } .soc-row{ justify-content:center; } .ft-madein{ justify-content:center; } .ft-logo{ display:flex; justify-content:center; } .ft-trust{ justify-content:center; } .ft-contact li a, .ft-contact .ft-row{ justify-content:center; } }

/* جای آینده: کاتالوگ آنلاین (از تنظیمات سایت مدیریت می‌شود) */
.hv2-catalog-slot:empty{ display:none; }



/* متن‌های ریز و توضیحی (p، small و ...) پررنگ‌تر و خواناتر */

html:not([data-theme="dark"]) body.home-v2{ --text-1:#33241c; --text-2:#52403a; }


/* ===== لوگوی رسمی (SVG) - طرح مطابق فایل اصلی: نشان H طلایی + HAMOD + خطوط توضیحی ===== */
.hamod-logo-svg{ display:block; width:auto; flex:none; overflow:visible; }
.hamod-logo-svg .lg-m{ fill:var(--lg-red,#650B12); }
.hamod-logo-svg .lg-w,.hamod-logo-svg .lg-t{ fill:var(--lg-ink,#0D0D0D); }
.hamod-logo-svg.lg-on-dark,.lg-on-dark .hamod-logo-svg{ --lg-red:#E58A92; --lg-ink:#F6F0E8; }
.logo .hamod-logo-svg{ height:29px; }
.brand-logo{ display:inline-flex; }
.brand-logo .hamod-logo-svg{ height:calc(var(--logo-h,34px) * .8); }
.ft-logo .hamod-logo-svg{ height:63px; }
.pl-svg{ height:48px; }
body.home-v2 #hamodPreloader .preloader-logo .badge{ display:block; width:auto; height:auto; }
body.home-v2 #hamodPreloader .preloader-logo .badge::before{ display:none; }
#hamodPreloader .preloader-logo .badge{ width:auto; height:auto; }
#hamodPreloader .preloader-logo .badge::before{ display:none; }
#hamodPreloader .pl-svg{ height:53px; }

/* دکمه‌ی تم در هدر صفحه‌ی اصلی: ماه در حالت روشن، خورشید در حالت تیره */
.hv2-btn.theme-toggle{ font-size:0; }
.hv2-btn .hv2-ti-sun{ display:none; }



/* ===== پوسته‌ی تیره‌ی صفحه‌ی اصلی (وقتی کاربر دکمه‌ی تم را روی تیره بزند) ===== */

















/* ===== اصلاحات خوانایی و هماهنگی پوسته‌ی تیره/روشن ===== */
/* قیمت تخفیف‌دار: قرمز پررنگ روی زمینه‌ی روشن، قرمز روشن‌تر روی زمینه‌ی تیره */
.ptile-price .now.is-sale, .sw-price b.is-sale{ color:#b4281a; }

/* بخش «درباره» و تاریخ مقاله در خانه‌ی تیره */



/* نقشه‌ی نمایندگان در حالت تیره */


/* پوسته‌ی روشن: آیکن‌ها و لینک‌های طلایی فوتر کمی تیره‌تر برای خوانایی */
html[data-theme="light"] .ft-ic, html[data-theme="light"] .footer-bottom a, html[data-theme="light"] .footer-col h4{ color:var(--gold); }
html:not([data-theme="dark"]) body.home-v2 .ft-ic, html:not([data-theme="dark"]) body.home-v2 .footer-bottom a{ color:var(--hv2-burgundy); }
/* چیپ‌های روی عکس و لایت‌باکس همیشه زمینه‌ی تیره دارند: متن روشن در هر دو پوسته */
.zoom-hint{ color:#f6efe4 !important; }
.hamod-lightbox .lb-close, .hamod-lightbox .lb-prev, .hamod-lightbox .lb-next{ color:#fff !important; background:rgba(255,255,255,.14) !important; border-color:rgba(255,255,255,.3) !important; }
/* متن راهنمای فیلدها (placeholder) در هر دو پوسته واضح باشد */
input::placeholder, textarea::placeholder{ color:var(--text-2); opacity:.9; }

.nl-field input::placeholder{ color:rgba(255,255,255,.78) !important; }
/* لیست‌های کشویی (select/option) هم‌رنگ پوسته */

html[data-theme="light"] select, html[data-theme="light"] select option{ background-color:#fbf5ea; color:#2b1d10; }
 html[data-theme="light"]{ color-scheme:light; }
.dl-city,
.dl-item .dl-city,
.art-more,
.hv2-pill-link,
.hv2-sec-eyebrow){ color:#f0909c; }


