/* ==========================================================================
   saman-pages.css — صفحات داخلی، سکشن ها و ماشین حساب های قیمت
   ========================================================================== */

/* ---------- breadcrumb ---------- */
.breadcrumb{background:#fff;border-bottom:1px solid var(--line);font-size:13.6px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:11px 0}
.breadcrumb li{display:flex;align-items:center;gap:6px;color:var(--muted)}
.breadcrumb li:not(:last-child)::after{content:"‹";color:var(--line);font-size:15px;transform:scaleX(-1)}
.breadcrumb a{color:var(--ink-soft);font-weight:600}
.breadcrumb span{color:var(--teal-d);font-weight:700}

/* ---------- قالب صفحه ---------- */
.page-article{
  max-width:1140px;margin:26px auto 40px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-l);padding:34px 42px 40px;box-shadow:var(--shadow-s)
}
.page-header{border-bottom:2px dashed var(--line);padding-bottom:16px;margin-bottom:22px}
.page-h1{
  font-size:clamp(21px,3.4vw,31px);margin:0 0 10px;color:var(--ink);line-height:1.65;
  position:relative;padding-inline-start:16px
}
.page-h1::before{
  content:"";position:absolute;inset-inline-start:0;inset-block:6px 6px;width:6px;border-radius:6px;
  background:linear-gradient(180deg,var(--teal),var(--amber))
}
.page-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}
.page-meta time::before{content:"\f017";font-family:"Font Awesome 6 Free","Font Awesome 7 Free";font-weight:900;margin-inline-end:6px;color:var(--teal)}
.page-image{margin:0 0 22px}
.page-image img{width:100%;border-radius:var(--radius)}

.page-content,.section-content{font-size:16px;line-height:2.05;color:var(--text);text-align:justify;text-align-last:right}
.page-content h2,.section-content h2,.page-section > .section-title{
  font-size:clamp(18px,2.6vw,23px);color:var(--ink);margin:30px 0 13px;padding-inline-start:14px;position:relative
}
.page-content h2::before,.section-content h2::before,.page-section > .section-title::before{
  content:"";position:absolute;inset-inline-start:0;inset-block:5px 5px;width:5px;border-radius:5px;background:var(--teal)
}
.page-content h3,.section-content h3{font-size:17.5px;color:var(--ink-2);margin:22px 0 10px}
.page-content h3::before{content:"◂";color:var(--amber);margin-inline-end:7px;font-size:13px}
.page-content img,.section-content img{border-radius:var(--radius);margin:14px auto;box-shadow:var(--shadow-s)}
.page-content a,.section-content a{color:var(--teal-d);font-weight:700;border-bottom:1px dotted var(--teal)}
.page-content ul,.section-content ul{padding-inline-start:20px}
.page-content li,.section-content li{margin-bottom:7px}
.page-content strong{font-weight:700}
.page-content blockquote{
  border-inline-start:5px solid var(--amber);background:var(--paper);margin:18px 0;padding:14px 18px;border-radius:0 12px 12px 0
}
@media (max-width:720px){
  .page-article{padding:20px 16px 26px;margin:16px 12px 30px;border-radius:var(--radius)}
  .page-content,.section-content{text-align:right;text-align-last:right;font-size:15.4px}
}

/* جدول ها */
.page-content table,.section-content table,.section-table table,table.jadval5{
  width:100%;border-collapse:collapse;margin:18px 0;font-size:14.6px;background:#fff;
  border:1px solid var(--line);border-radius:12px;overflow:hidden
}
.page-content th,.section-content th,table.jadval5 th,table.jadval5 thead td{
  background:var(--ink);color:#fff;font-weight:800;padding:11px 10px;text-align:center
}
.page-content td,.section-content td,table.jadval5 td{border:1px solid var(--line);padding:10px;text-align:center}
.page-content tbody tr:nth-child(even),table.jadval5 tbody tr:nth-child(even){background:var(--paper)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* فهرست مطالب */
.toc-box{
  background:var(--paper);border:1px solid var(--line);border-inline-start:5px solid var(--teal);
  border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:22px 0
}
.toc-title{font-size:16px;font-weight:900;color:var(--ink);margin:0 0 10px}
.toc-title::before{content:"\f0ca";font-family:"Font Awesome 6 Free","Font Awesome 7 Free";font-weight:900;color:var(--teal);margin-inline-end:8px}
.toc-list{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
.toc-list li{padding:4px 0;font-size:14.3px;break-inside:avoid}
.toc-list a{color:var(--ink-soft)}
.toc-list a::before{content:"‹";color:var(--amber);margin-inline-end:6px;display:inline-block;transform:scaleX(-1)}
@media (max-width:640px){.toc-list{columns:1}}

/* ---------- سکشن ها ---------- */
.page-section{margin:30px 0}
.section-title{font-size:clamp(18px,2.6vw,23px)}

/* faq */
.section-faq2 .faq2-list{display:grid;gap:10px}
.faq2-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.faq2-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;
  background:var(--paper);border:0;cursor:pointer;font-family:var(--font);font-size:15.4px;font-weight:800;
  color:var(--ink);text-align:start;line-height:1.75
}
.faq2-icon{color:var(--teal);transition:transform .2s;flex:0 0 auto}
.faq2-item.open .faq2-icon,.faq2-item.is-open .faq2-icon{transform:rotate(180deg)}
.faq2-a{overflow:hidden;transition:max-height .28s ease}
.faq2-a-inner{padding:14px 17px;font-size:14.8px;color:var(--ink-soft);line-height:2}

/* gallery */
.section-gallery{margin:26px 0}
.section-gallery .gallery-item,.gallery-link{
  display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff
}
.section-gallery .gallery-caption{font-size:13px;color:var(--muted);text-align:center;padding:7px}

/* children / related */
.children-section,.related-pages{margin:30px 0}
.related-header,.related-title{font-size:18px;color:var(--ink);font-weight:900;margin-bottom:14px}
.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}
.related-item{
  display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:11px 13px;transition:.16s
}
.related-item-img{width:52px;height:52px;flex:0 0 52px;border-radius:10px;object-fit:cover}
.related-item-title{font-size:14.6px;font-weight:700;color:var(--ink)}
.related-item-arrow,.related-item-icon{color:var(--teal);margin-inline-start:auto}
@media (hover:hover){.related-item:hover{border-color:var(--teal);transform:translateX(-3px)}}
@media (max-width:640px){.related-list{grid-template-columns:1fr}}

/* download */
.download-list{display:grid;gap:10px}
.download-item{
  display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;padding:12px 15px
}
.download-icon{color:var(--teal);font-size:20px}
.download-name{font-weight:700;color:var(--ink)}
.download-size{margin-inline-start:auto;font-size:12.6px;color:var(--muted)}

/* video / audio */
.video-wrapper,.video-embed{border-radius:var(--radius);overflow:hidden;background:#000}
.audio-player{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:13px}
.audio-bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.audio-bar-fill{height:100%;background:var(--teal)}

/* بنر داخل محتوا */
.content-banner{
  display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1px dashed var(--teal);
  border-radius:100px;padding:9px 18px;font-weight:800;color:var(--teal-d);margin:10px auto;border-bottom-style:dashed
}
.content-banner-icon{color:var(--amber)}

/* ---------- فرم ها ---------- */
.front-form,.section-form form{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:22px
}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-group,.form-field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.form-group label,.form-field label{font-size:14px;font-weight:700;color:var(--ink)}
.required{color:#d9534f}
.front-form input[type=text],.front-form input[type=tel],.front-form input[type=email],
.front-form input[type=number],.front-form select,.front-form textarea,
.section-form input,.section-form select,.section-form textarea,.comment-form input,.comment-form textarea{
  width:100%;padding:12px 14px;border:1.6px solid var(--line);border-radius:12px;background:#fff;
  font-family:var(--font);font-size:15px;color:var(--text);min-height:46px
}
.front-form textarea,.comment-form textarea{min-height:110px;line-height:1.9}
.front-form :is(input,select,textarea):focus,.comment-form :is(input,textarea):focus{
  outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(14,156,150,.13)
}
.form-submit-btn,.btn-form-submit,.comment-form button[type=submit]{
  background:var(--teal);color:#fff;border:0;border-radius:100px;padding:13px 32px;font-family:var(--font);
  font-size:15.5px;font-weight:800;cursor:pointer;min-height:48px
}
@media (hover:hover){.form-submit-btn:hover,.btn-form-submit:hover{background:var(--teal-d)}}
.form-success-msg{background:#e8f8ef;border:1px solid #9fd9b6;color:#186c3c;padding:12px 15px;border-radius:12px;font-weight:700}
.form-error-msg{background:#fdecec;border:1px solid #f0b4b4;color:#a32c2c;padding:12px 15px;border-radius:12px;font-weight:700}
.captcha2-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.captcha2-equation{display:flex;align-items:center;gap:7px;background:var(--ink);color:#fff;padding:9px 15px;border-radius:12px;font-weight:900}
.captcha2-input{max-width:110px}
.captcha2-refresh{background:none;border:0;color:var(--teal);cursor:pointer;font-size:17px}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}

/* ---------- کامنت ---------- */
.comments-section{margin-top:34px;border-top:2px dashed var(--line);padding-top:24px}
.comments-title{font-size:19px;color:var(--ink);font-weight:900;margin-bottom:16px}
.comments-title-icon{color:var(--teal);margin-inline-end:7px}
.comment{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:12px}
.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;color:var(--ink);font-weight:900}
.comment-avatar-admin{background:var(--ink);color:#fff}
.comment-author{font-weight:800;color:var(--ink);font-size:14.6px}
.comment-date{font-size:12.4px;color:var(--muted)}
.comment-badge{background:var(--teal);color:#fff;font-size:11.4px;padding:2px 9px;border-radius:100px;font-weight:800}
.comment-body{font-size:14.8px;color:var(--ink-soft)}
.comment-reply{margin-inline-start:26px;border-inline-start:3px solid var(--teal);background:var(--paper)}
.comments-empty{color:var(--muted);font-size:14.5px}

/* اشتراک گذاری */
.page-share-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px dashed var(--line)}
.page-share-footer a{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--paper-2);color:var(--ink)
}
@media (hover:hover){.page-share-footer a:hover{background:var(--teal);color:#fff}}

/* ==========================================================================
   باکس های تماس (بالای صفحات خدمات)
   ========================================================================== */
.sm-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;margin:0 0 26px}
.sm-boxes__i{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px 10px;
  box-shadow:var(--shadow-s);min-height:104px;transition:.16s
}
.sm-boxes__i i{font-size:22px;margin-bottom:4px}
.sm-boxes__i small{font-size:12.4px;color:var(--muted)}
.sm-boxes__i b{font-size:15px;color:var(--ink);direction:ltr;font-weight:900}
.sm-boxes__i.is-tel i{color:var(--teal)}
.sm-boxes__i.is-wa i{color:var(--wa)}
.sm-boxes__i.is-tg i{color:#2ba0dd}
.sm-boxes__i.is-loc i{color:var(--amber)}
@media (hover:hover){.sm-boxes__i:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--teal)}}
@media (max-width:760px){.sm-boxes{grid-template-columns:repeat(2,1fr)}}

/* نوار تماس چسبان محتوا */
.sm-cbar{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--ink),var(--ink-2));border-radius:var(--radius-l);
  padding:18px 20px;margin:26px 0;color:#fff
}
.sm-cbar p{margin:0;font-weight:800;font-size:16px;color:#fff}
.sm-cbar span{color:#b8cbe1;font-size:14px}

/* ==========================================================================
   ماشین حساب های قیمت (section type = calc)
   ========================================================================== */
.smc{
  background:#fff;border:2px solid var(--ink);border-radius:var(--radius-l);overflow:hidden;
  margin:26px 0;box-shadow:var(--shadow-m)
}
.smc__head{
  background:var(--ink);color:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap
}
.smc__head i{color:var(--amber);font-size:19px}
.smc__head h3{margin:0;color:#fff;font-size:17.5px}
.smc__head small{color:#a9bdd4;font-size:12.8px;margin-inline-start:auto}
.smc__body{padding:20px}
.smc__row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.smc__f{display:flex;flex-direction:column;gap:6px}
.smc__f > label{font-size:13.6px;font-weight:800;color:var(--ink)}
.smc select,.smc input[type=number],.smc input[type=text]{
  width:100%;padding:11px 13px;border:1.6px solid var(--line);border-radius:11px;background:var(--paper);
  font-family:var(--font);font-size:15px;color:var(--text);min-height:46px
}
.smc select:focus,.smc input:focus{outline:0;border-color:var(--teal);background:#fff}
.smc__chips{display:flex;flex-wrap:wrap;gap:8px}
.smc__chip{
  border:1.6px solid var(--line);background:var(--paper);border-radius:100px;padding:8px 16px;
  font-family:var(--font);font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;min-height:40px
}
.smc__chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (hover:hover){.smc__chip:hover{border-color:var(--teal)}}
.smc__out{
  margin-top:16px;background:linear-gradient(135deg,rgba(14,156,150,.10),rgba(224,145,44,.10));
  border:1px dashed var(--teal);border-radius:var(--radius);padding:17px 19px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap
}
.smc__out b{font-size:clamp(20px,3.4vw,28px);color:var(--ink);font-weight:900;line-height:1.5}
.smc__out span{font-size:13.6px;color:var(--muted);display:block}
.smc__note{font-size:12.8px;color:var(--muted);margin-top:11px;line-height:1.9}
.smc__cta{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.smc__tbl{width:100%;border-collapse:collapse;font-size:14.4px;margin-top:6px}
.smc__tbl th{background:var(--ink);color:#fff;padding:10px;font-weight:800}
.smc__tbl td{border:1px solid var(--line);padding:9px;text-align:center}
.smc__tbl tbody tr:nth-child(even){background:var(--paper)}
@media (max-width:760px){.smc__row{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.smc__row{grid-template-columns:1fr}.smc__body{padding:15px}}

/* صفحه ۴۰۴ و جستجو */
.err-box{max-width:640px;margin:60px auto;text-align:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-l);padding:40px 26px}
.err-box h1{font-size:60px;color:var(--teal);margin:0}

/* ==========================================================================
   بخش دوم — کلاس های واقعی قالب (زیرصفحات، تب، اشتراک گذاری، جستجو)
   ========================================================================== */

/* ---------- زیرصفحات: نمایش کارتی ---------- */
.children-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.child-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-s);transition:.2s;height:100%
}
.child-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--paper-2)}
.child-card-body{padding:15px 17px 18px;display:flex;flex-direction:column;flex:1}
.child-card-title{font-size:16.5px;margin:0 0 8px;color:var(--ink);line-height:1.7}
.child-card-excerpt{font-size:14px;color:var(--muted);margin:0;flex:1;line-height:1.95}
.child-card::after{
  content:"مشاهده ◂";display:block;margin-top:12px;padding:0 17px 16px;
  color:var(--teal-d);font-weight:800;font-size:14px
}
@media (hover:hover){
  .child-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:var(--teal)}
  .child-card:hover .child-card-img{opacity:.94}
}
@media (max-width:860px){.children-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media (max-width:520px){.children-grid{grid-template-columns:1fr}}

/* ---------- زیرصفحات: نمایش لیستی ---------- */
.children-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.children-list li a{
  display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:12px 15px;font-weight:700;color:var(--ink);font-size:14.8px;min-height:48px
}
.children-list li a::before{content:"◂";color:var(--amber)}
@media (hover:hover){.children-list li a:hover{border-color:var(--teal);color:var(--teal-d)}}
@media (max-width:640px){.children-list{grid-template-columns:1fr}}

/* ---------- زیرصفحات: نمایش خبری ---------- */
.news-list{display:grid;gap:14px}
.news-item{
  display:grid;grid-template-columns:180px 1fr;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-s);transition:.2s
}
.news-item img{width:100%;height:100%;min-height:130px;object-fit:cover;background:var(--paper-2)}
.news-item-body{padding:15px 17px 15px 0;display:flex;flex-direction:column;justify-content:center}
.news-item-title{font-size:17px;margin:0 0 7px;color:var(--ink);line-height:1.7}
.news-item-excerpt{font-size:14.2px;color:var(--muted);margin:0 0 8px;line-height:1.95}
.news-item-date{font-size:12.6px;color:var(--teal-d);font-weight:700}
@media (hover:hover){.news-item:hover{border-color:var(--teal);box-shadow:var(--shadow-m)}}
@media (max-width:640px){
  .news-item{grid-template-columns:1fr}
  .news-item img{aspect-ratio:16/9;min-height:0}
  .news-item-body{padding:0 16px 16px}
}

/* ---------- گالری ---------- */
.gallery-grid{display:grid;gap:14px}
.gallery-cols-1{grid-template-columns:1fr}
.gallery-cols-2{grid-template-columns:repeat(2,1fr)}
.gallery-cols-3{grid-template-columns:repeat(3,1fr)}
.gallery-cols-4{grid-template-columns:repeat(4,1fr)}
.gallery-cols-5{grid-template-columns:repeat(5,1fr)}
.gallery-cols-6{grid-template-columns:repeat(6,1fr)}
.gallery-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-s)}
.gallery-item img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s}
@media (hover:hover){.gallery-item:hover img{transform:scale(1.06)}}
@media (max-width:860px){.gallery-cols-4,.gallery-cols-5,.gallery-cols-6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}}

/* ---------- بنر و CTA داخل صفحه ---------- */
.section-banner{margin:24px 0}
.banner-link{
  display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--ink),var(--ink-2));
  color:#fff;border-radius:var(--radius-l);padding:16px 20px;overflow:hidden
}
.banner-link img{width:88px;height:88px;object-fit:cover;border-radius:12px;flex:0 0 88px}
.banner-title{font-size:16.5px;font-weight:800;color:#fff}
@media (hover:hover){.banner-link:hover{color:#fff;filter:brightness(1.08)}}

.section-cta{
  background:var(--paper);border:1px dashed var(--teal);border-radius:var(--radius-l);
  padding:20px 22px;margin:24px 0;display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap
}
.cta-text{margin:0;font-size:15.5px;font-weight:700;color:var(--ink);flex:1;min-width:220px}
.cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;
  border-radius:100px;font-weight:800;font-size:15px;min-height:46px;background:var(--teal);color:#fff
}
.cta-secondary{background:var(--ink);color:#fff}
.cta-primary{background:var(--teal);color:#fff}
@media (hover:hover){.cta-btn:hover{color:#fff;transform:translateY(-2px)}}
.page-cta{border:1px solid var(--line)}

/* ---------- تب بندی ---------- */
.section-tabs{margin:28px 0}
.tabs2-nav{display:flex;flex-wrap:wrap;gap:7px;border-bottom:2px solid var(--line);padding-bottom:9px;margin-bottom:16px}
.tabs2-tab{
  background:var(--paper);border:1.6px solid var(--line);border-radius:100px;padding:9px 18px;
  font-family:var(--font);font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer;min-height:42px
}
.tabs2-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (hover:hover){.tabs2-tab:hover{border-color:var(--teal)}}
.tabs2-panels{background:#fff}
.tabs2-content{font-size:15.4px;line-height:2;color:var(--text)}
.tabs2-acc-ico{color:var(--teal)}

/* ---------- ویدیو و صوت ---------- */
.section-video{margin:26px 0}
.video-wrapper,.video-embed{background:var(--paper-2);border:1px solid var(--line)}
.video-native,.video-embed iframe,.video-wrapper iframe{width:100%;display:block;border:0;aspect-ratio:16/9}
.section-audio{margin:24px 0}
.audio-play,.audio-mute{background:var(--teal);color:#fff;border:0;border-radius:50%;width:42px;height:42px;cursor:pointer}
.audio-mid{flex:1;margin-inline:12px}
.audio-time,.audio-cur,.audio-dur{font-size:12.4px;color:var(--muted);direction:ltr}
.ico-play,.ico-pause,.ico-vol,.ico-muted{fill:currentColor}

/* ---------- اشتراک گذاری ---------- */
.share-box{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;
  border-top:1px dashed var(--line)
}
.share-label{font-size:14.5px;font-weight:800;color:var(--ink)}
.share-links{display:flex;gap:8px;flex-wrap:wrap}
.share-btn{
  width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;
  background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;padding:0
}
@media (hover:hover){
  .share-btn:hover{color:#fff;border-color:transparent}
  .share-telegram:hover{background:#2ba0dd}
  .share-whatsapp:hover{background:var(--wa)}
  .share-eitaa:hover{background:#f5a623}
  .share-x:hover{background:#111}
  .share-linkedin:hover{background:#0a66c2}
  .share-copy:hover{background:var(--teal)}
}
.share-copied{font-size:13px;color:var(--ok);font-weight:700}

/* ---------- کامنت ---------- */
.comments-wrapper,.comments-list{display:block}
.comment-main{flex:1}
.comment-form-wrapper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px;margin-top:18px}
.comment-form-title{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 6px}
.comment-form-note{font-size:13px;color:var(--muted);margin:0 0 14px}
.comment-captcha-field{margin-top:12px}

/* ---------- فرم ---------- */
.form-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.form-message{margin-top:12px}
.field-options{display:flex;flex-wrap:wrap;gap:12px}
.option-label{display:inline-flex;align-items:center;gap:7px;font-size:14.4px;cursor:pointer}
.req,.required{color:#d9534f}
.captcha2{margin-top:10px}
.captcha2-num,.captcha2-op{font-size:16px;font-weight:900}
.faq2-q-text{flex:1}

/* ---------- جستجو و خطا ---------- */
.search-page,.error-page{max-width:900px;margin:26px auto 40px;padding-inline:18px}
.search-form{display:flex;gap:10px;margin-bottom:22px}
.search-input-wrapper{flex:1}
.search-form input[type=text],.search-form input[type=search]{
  width:100%;padding:13px 16px;border:1.6px solid var(--line);border-radius:100px;background:#fff;
  font-family:var(--font);font-size:15.5px;min-height:48px
}
.search-form button{
  background:var(--teal);color:#fff;border:0;border-radius:100px;padding:0 26px;font-family:var(--font);
  font-weight:800;font-size:15px;cursor:pointer;min-height:48px
}
.search-results-header{font-size:15px;color:var(--muted);margin-bottom:14px}
.search-results{display:grid;gap:12px}
.search-result-item{
  display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px
}
.search-result-img{width:88px;height:88px;flex:0 0 88px;border-radius:12px;object-fit:cover}
.search-result-title{font-size:16.5px;margin:0 0 6px;color:var(--ink)}
.search-result-excerpt{font-size:14.2px;color:var(--muted);margin:0 0 6px}
.search-result-url,.search-result-meta{font-size:12.6px;color:var(--teal-d);direction:ltr}
@media (hover:hover){.search-result-item:hover{border-color:var(--teal)}}

/* ---------- محافظ: هیچ عنصری زمینه مشکی نگیرد ---------- */
.page-content [style*="background-color: rgb(0, 0, 0)"],
.page-content [style*="background:#000"],
.page-content [bgcolor="#000000"],
.section-content [bgcolor="#000000"]{background:var(--paper-2)!important}
.page-content img[src=""],.section-content img[src=""]{display:none}

/* ---------- دکمه سامانه ثبت سفارش ---------- */
.sm-order{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--amber);
  color:#fff;border-radius:100px;padding:13px 26px;font-weight:800;font-size:15.5px;min-height:48px;
  box-shadow:0 8px 20px rgba(224,145,44,.28)
}
@media (hover:hover){.sm-order:hover{background:var(--amber-d);color:#fff;transform:translateY(-2px)}}

/* ==========================================================================
   اصلاحات ساختاری — مستقل از نام کلاس
   بعضی قالب های نمایش (زیرصفحات، اشتراک گذاری، مطالب مرتبط) در نسخه های
   مختلف کدبیس نام کلاس متفاوتی دارند. قواعد زیر بر اساس «ساختار» کار
   می کنند نه نام کلاس، تا در هر حالت درست نمایش داده شوند.
   ========================================================================== */

/* --- زیرصفحات: هر ظرف مستقیم داخل بخش زیرصفحات، گرید کارتی شود --- */
.children-section > div,
.section-children > div,
.children-section > ul,
.section-children > ul{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:18px;margin:0;padding:0;list-style:none
}
/* حالت لیستی (بدون تصویر) تک ستونه بماند */
.children-section > ul:not(:has(img)),
.section-children > ul:not(:has(img)){display:block}

.children-section > div > a,
.section-children > div > a,
.children-section > ul > li,
.section-children > ul > li{
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  box-shadow:var(--shadow-s);text-decoration:none;color:inherit;
  transition:transform .18s,box-shadow .18s,border-color .18s
}
.children-section img,
.section-children img{
  width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  display:block;margin:0;border-radius:0;box-shadow:none;background:var(--paper-2)
}
.children-section h3,
.section-children h3{
  font-size:16.5px;line-height:1.75;color:var(--ink);margin:0;
  padding:14px 16px 0
}
.children-section p,
.section-children p{
  font-size:14px;line-height:1.95;color:var(--muted);margin:0;padding:8px 16px 16px
}
.children-section span,
.section-children span{padding:0 16px 14px;font-size:13px;color:var(--muted)}
@media (hover:hover){
  .children-section > div > a:hover,
  .section-children > div > a:hover{
    transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:var(--teal)
  }
  .children-section > div > a:hover h3,
  .section-children > div > a:hover h3{color:var(--teal-d)}
}
/* نمایش لیستی ساده */
.children-list{display:block!important;list-style:none;padding:0;margin:0}
.children-list li{
  display:block!important;border:none!important;box-shadow:none!important;
  border-bottom:1px dashed var(--line)!important;border-radius:0!important;background:none!important
}
.children-list li:last-child{border-bottom:none!important}
.children-list a{
  display:flex!important;align-items:center;gap:9px;padding:13px 4px;
  font-size:15px;font-weight:700;color:var(--ink-soft);text-decoration:none;border:none
}
.children-list a::before{content:'←';color:var(--teal);font-size:13px}
@media (hover:hover){.children-list a:hover{color:var(--teal-d)}}

/* نمایش خبری (تصویر کنار متن) */
.news-list{display:flex!important;flex-direction:column;gap:0}
.news-list .news-item{
  display:flex!important;flex-direction:row!important;align-items:flex-start;gap:16px;
  padding:18px 0;border:none!important;border-bottom:1px dashed var(--line)!important;
  border-radius:0!important;box-shadow:none!important;background:none!important
}
.news-list .news-item:last-child{border-bottom:none!important}
.news-list .news-item img{
  width:150px!important;height:100px!important;flex:none;
  border-radius:var(--radius);aspect-ratio:auto
}
.news-list .news-item h3,
.news-list .news-item p{padding:0!important}
.news-item-date{font-size:12.5px;color:var(--muted);padding:0!important}
@media (max-width:520px){
  .news-list .news-item img{width:104px!important;height:74px!important}
}

/* --- اشتراک گذاری: دکمه ها همیشه در یک ردیف --- */
.page-share-footer,
.page-share-footer > div,
.share-box,
.share-links{
  display:flex!important;align-items:center;flex-wrap:wrap;gap:9px
}
.page-share-footer > div,
.share-box{flex:1;min-width:0;border:none;padding:0;margin:0;background:none}
.page-share-footer a,
.page-share-footer button,
.share-btn{
  width:40px;height:40px;flex:none;border-radius:11px;
  display:inline-flex!important;align-items:center;justify-content:center;
  background:var(--paper-2);color:var(--ink);border:1px solid var(--line);
  cursor:pointer;padding:0;text-decoration:none
}
.share-label{font-size:14.5px;font-weight:800;color:var(--ink);flex:none}
.share-copied{font-size:13px;font-weight:800;color:var(--teal-d)}
@media (hover:hover){
  .page-share-footer a:hover,
  .page-share-footer button:hover{background:var(--teal);color:#fff;border-color:transparent}
}

/* --- مطالب مرتبط --- */
.related-list{
  display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px
}
.related-item{
  display:flex!important;align-items:center;gap:12px;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s
}
.related-item-img{width:56px;height:56px;flex:none;border-radius:10px;overflow:hidden}
.related-item-img img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;box-shadow:none}
.related-item-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.related-item-title{font-size:14.5px;font-weight:700;line-height:1.7}
@media (hover:hover){.related-item:hover{border-color:var(--teal);transform:translateX(-3px)}}
@media (max-width:600px){.related-list{grid-template-columns:1fr}}

/* --- گالری (رندر از جدول section_files) --- */
.gallery-grid{display:grid;gap:14px}
.gallery-cols-2{grid-template-columns:repeat(2,1fr)}
.gallery-cols-3{grid-template-columns:repeat(3,1fr)}
.gallery-cols-4{grid-template-columns:repeat(4,1fr)}
.gallery-cols-5{grid-template-columns:repeat(5,1fr)}
.gallery-cols-6{grid-template-columns:repeat(6,1fr)}
.gallery-item{
  border-radius:var(--radius-l);overflow:hidden;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow-s)
}
.gallery-item img{
  width:100%;aspect-ratio:3/4;object-fit:cover;display:block;
  margin:0;border-radius:0;box-shadow:none;transition:transform .35s
}
.gallery-link{display:block;cursor:zoom-in}
.gallery-caption{
  font-size:13px;color:var(--ink-soft);padding:9px 10px;text-align:center;
  background:var(--paper);border-top:1px solid var(--line);margin:0
}
@media (hover:hover){.gallery-item:hover img{transform:scale(1.05)}}
@media (max-width:820px){
  .gallery-cols-4,.gallery-cols-5,.gallery-cols-6{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:520px){
  .gallery-cols-3,.gallery-cols-4,.gallery-cols-5,.gallery-cols-6{grid-template-columns:repeat(2,1fr)}
}

/* --- باکس سفارش آنلاین در ردیف باکس های تماس --- */
.sm-boxes__i.is-order{border-color:rgba(224,145,44,.5);background:linear-gradient(180deg,#fff,#fdf6ea)}
.sm-boxes__i.is-order i{color:var(--amber)}

/* --- محافظ: هیچ عنصری داخل محتوا پس زمینه تیره نگیرد --- */
.page-content [bgcolor],
.section-content [bgcolor]{background:var(--paper-2)!important;color:var(--ink)!important}
.page-content font[color="#ffffff"],
.section-content font[color="#ffffff"]{color:var(--ink)!important}

/* ==========================================================================
   مطالب مرتبط — طراحی اختصاصی چاپخانه سمن
   (کارت با شماره چاپی، نوار جوهر رنگی و تصویر گرد)
   ========================================================================== */
.related-pages,.related-header,.related-icon{display:none!important}  /* نسخه قدیم غیرفعال */

.sm-rel{margin-top:46px;padding-top:26px;border-top:2px dashed var(--line)}
.sm-rel__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sm-rel__head h2{
  margin:0;font-size:clamp(18px,2.4vw,22px);color:var(--ink);white-space:nowrap;
  position:relative;padding-inline-start:14px
}
.sm-rel__head h2::before{
  content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
  width:5px;height:74%;border-radius:4px;
  background:linear-gradient(180deg,var(--teal),var(--amber))
}
.sm-rel__rule{
  flex:1;height:6px;border-radius:6px;
  background:repeating-linear-gradient(90deg,var(--teal) 0 14px,transparent 14px 24px,var(--amber) 24px 38px,transparent 38px 48px);
  opacity:.35
}
.sm-rel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sm-rel__i{
  position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;
  padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  text-decoration:none;color:var(--ink);overflow:hidden;
  transition:border-color .2s,box-shadow .2s,transform .2s
}
.sm-rel__i::before{
  content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--teal),var(--amber));
  transform:scaleY(0);transform-origin:top;transition:transform .25s
}
.sm-rel__n{
  font-size:15px;font-weight:900;color:var(--line);letter-spacing:.5px;
  font-variant-numeric:tabular-nums;line-height:1;transition:color .2s
}
.sm-rel__img{
  width:58px;height:58px;flex:none;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);background:var(--paper-2)
}
.sm-rel__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;box-shadow:none}
.sm-rel__b{display:flex;flex-direction:column;gap:3px;min-width:0}
.sm-rel__t{font-size:15.5px;font-weight:800;line-height:1.7;color:var(--ink)}
.sm-rel__x{font-size:13px;color:var(--muted);line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sm-rel__go{
  width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--paper);color:var(--teal-d);font-size:13px;transition:.2s
}
@media (hover:hover){
  .sm-rel__i:hover{border-color:var(--teal);box-shadow:var(--shadow-m);transform:translateY(-3px)}
  .sm-rel__i:hover::before{transform:scaleY(1)}
  .sm-rel__i:hover .sm-rel__n{color:var(--amber)}
  .sm-rel__i:hover .sm-rel__go{background:var(--teal);color:#fff}
}
@media (max-width:820px){.sm-rel__grid{grid-template-columns:1fr}}
@media (max-width:420px){
  .sm-rel__i{gap:10px;padding:11px 12px}
  .sm-rel__img{width:48px;height:48px}
  .sm-rel__n{display:none}
}

/* ==========================================================================
   لایت باکس تصاویر
   ========================================================================== */
.sm-zoomable{cursor:zoom-in}
.sm-lbox{
  position:fixed;inset:0;z-index:2000;display:none;place-items:center;
  background:rgba(8,20,36,.93);backdrop-filter:blur(3px);padding:clamp(14px,4vw,48px);
  opacity:0;transition:opacity .22s
}
.sm-lbox.is-on{display:grid;opacity:1}
.sm-lbox__f{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}
.sm-lbox__f img{
  max-width:100%;max-height:78vh;width:auto;height:auto;display:block;
  border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.5);background:#fff;
  transition:opacity .2s
}
.sm-lbox.is-load .sm-lbox__f img{opacity:.35}
.sm-lbox__f figcaption{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;
  color:#eaf1f9;font-size:14.5px;text-align:center;line-height:1.9
}
.sm-lbox__cnt{font-size:13px;color:#9db2c9;font-variant-numeric:tabular-nums}
.sm-lbox__x,.sm-lbox__nav{
  position:absolute;border:none;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;
  transition:background .18s,transform .18s
}
.sm-lbox__x{top:16px;inset-inline-end:16px;width:46px;height:46px;font-size:30px;line-height:1;padding-bottom:4px}
.sm-lbox__nav{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:22px}
.sm-lbox__nav.is-prev{inset-inline-end:14px}
.sm-lbox__nav.is-next{inset-inline-start:14px}
@media (hover:hover){
  .sm-lbox__x:hover,.sm-lbox__nav:hover{background:var(--teal)}
  .sm-lbox__nav:hover{transform:translateY(-50%) scale(1.06)}
}
@media (max-width:600px){
  .sm-lbox__nav{width:42px;height:42px;font-size:19px}
  .sm-lbox__f img{max-height:70vh}
}

/* ==========================================================================
   فهرست مطالب — حالت فعال
   ========================================================================== */
.toc-list a.is-now{color:var(--teal-d);font-weight:900}
.toc-list a.is-now::before{content:'▸ ';color:var(--amber)}

/* ==========================================================================
   صفحه تماس با ما
   ========================================================================== */
.sm-ct{margin-top:34px}
.sm-ct__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:26px}
.sm-ct__c{
  display:flex;flex-direction:column;gap:4px;padding:17px 15px;text-align:center;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  box-shadow:var(--shadow-s);text-decoration:none;color:var(--ink);transition:.18s
}
.sm-ct__c i{font-size:21px;color:var(--teal);margin-bottom:3px}
.sm-ct__c span{font-size:12.8px;color:var(--muted)}
.sm-ct__c b{font-size:16px;font-weight:900;line-height:1.8}
.sm-ct__c small{font-size:12.4px;color:var(--muted);line-height:1.8}
.sm-ct__c.is-order{background:linear-gradient(180deg,#fff,#fdf6ea);border-color:rgba(224,145,44,.5)}
.sm-ct__c.is-order i{color:var(--amber)}
@media (hover:hover){.sm-ct__c:not(.is-static):hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:var(--shadow-m)}}

.sm-ct__main{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.sm-ct__form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px 26px}
.sm-ct__form h2{margin:0 0 6px;font-size:20px;color:var(--ink)}
.sm-ct__sub{margin:0 0 18px;font-size:14px;color:var(--muted);line-height:1.95}
.sm-ct__socials{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}
.sm-ct__socials span{font-size:13.5px;font-weight:800;color:var(--ink)}
.sm-ct__socials a{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;
  font-size:13.5px;font-weight:800;text-decoration:none;color:#fff;transition:.16s
}
.sm-ct__socials .is-wa{background:var(--wa,#25d366)}
.sm-ct__socials .is-tg{background:#229ed9}
.sm-ct__socials .is-ig{background:linear-gradient(135deg,#f09433,#dc2743,#bc1888)}
.sm-ct__socials .is-mail{background:var(--ink)}
@media (hover:hover){.sm-ct__socials a:hover{filter:brightness(1.08);transform:translateY(-2px)}}

.sm-ct__side{display:flex;flex-direction:column;gap:16px}
.sm-ct__map{
  border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow-s);background:var(--paper-2)
}
.sm-ct__map iframe{display:block;width:100%;height:330px;border:0}
.sm-ct__facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sm-ct__facts li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}
.sm-ct__facts i{color:var(--amber);font-size:16px;margin-top:4px}
.sm-ct__facts b{display:block;font-size:14.5px;color:var(--ink)}
.sm-ct__facts span{font-size:13.4px;color:var(--muted);line-height:1.9}
@media (max-width:900px){
  .sm-ct__main{grid-template-columns:1fr}
  .sm-ct__map iframe{height:280px}
}
@media (max-width:520px){.sm-ct__form{padding:18px 16px}}

/* ==========================================================================
   اندازه آیکون های SVG داخل صفحات
   بعضی SVG های کدبیس نف عرض و ارتفاع ندارند و اندازه شان را از CSS تم قبلی
   می گرفتند؛ بدون آن قانون، مرورگر آنها را با اندازه پیش فرض (خیلی بزرگ)
   رندر می کند و به شکل یک لکه سیاه دیده می شوند. این قانون همه را مهار می کند.
   ========================================================================== */
.page-article svg,
.comments-wrapper svg,
.comments-section svg,
.sm-ct svg,
.sm-boxes svg,
.toc-box svg{
  width:18px;height:18px;flex:none;fill:currentColor;vertical-align:middle
}
.comments-title-icon{width:22px!important;height:22px!important;fill:var(--teal)!important}
.comment-avatar-admin svg{width:20px!important;height:20px!important;fill:#fff!important}
.share-btn svg,.page-share-footer svg{width:18px;height:18px}
/* SVG هایی که عمداً بزرگ اند مستثنا شوند */
.page-article svg[width],
.page-article svg[height],
.page-article svg[style*="width"]{width:auto;height:auto}
.sm-lbox svg{width:auto;height:auto}

/* ماشین حساب استعلام قیمت در بالای صفحه */
.sm-calc-top{margin:0 0 24px}
.sm-calc-top .page-section,.sm-calc-top .smc{margin-top:0}
.sm-calc-top .smc + .smc{margin-top:16px}

/* ---------- آکاردئون سوالات متداول: هماهنگی کامل با تم سمن ---------- */
.section-faq2 .faq2-list{gap:11px}
.faq2-item{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fff!important}
.faq2-q{
  background:var(--paper)!important;font-family:inherit!important;font-size:15.5px!important;
  font-weight:800!important;color:var(--ink)!important;padding:15px 18px!important;line-height:1.85!important
}
.faq2-item.open .faq2-q{background:#e6f4f3!important;color:var(--teal-d)!important}
.faq2-icon::before,.faq2-icon::after{background:var(--teal)!important}
.faq2-a-inner{
  border-top:1px dashed var(--line)!important;line-height:2!important;
  font-size:14.6px!important;color:var(--ink-soft)!important;padding:16px 18px!important
}
@media (hover:hover){.faq2-q:hover{background:#e6f4f3!important}}

/* باکس سفارش آنلاین در ردیف باکس های تماس (هر نام کلاسی که داشته باشد) */
.sm-boxes__i[href*="order."]{
  border-color:rgba(224,145,44,.5);background:linear-gradient(180deg,#fff,#fdf6ea)
}
.sm-boxes__i[href*="order."] i{color:var(--amber)}