:root {
	--wd-text-font: "Estedad", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(58,63,74);
	--wd-text-font-size: 16px;
	--wd-title-font: "Morabba", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-transform: none;
	--wd-title-color: rgb(18,20,26);
	--wd-entities-title-font: "Estedad", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(18,20,26);
	--wd-entities-title-color-hover: rgb(23, 72, 214);
	--wd-alternative-font: "Morabba", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Estedad", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(18,20,26);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Estedad", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(1,159,230);
	--wd-alternative-color: rgb(7,2,34);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(249,67,39);
	--btn-accented-bgcolor-hover: rgb(219,47,35);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #rgb(249,67,39);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(15,15,15,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 1000px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(132,132,132);
	--wd-form-placeholder-color: rgb(193,193,193);
	--wd-form-brd-color: rgb(186,186,186);
	--wd-form-brd-color-focus: rgb(178,178,178);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(249,67,39);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(27,40,69);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(39,110,249);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(226,226,226);
	color: rgb(89,89,89);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Morabba";
	src: url("//houshmand.shop/wp-content/uploads/2024/02/Morabba-Medium.woff2") format("woff2"), 
url("//houshmand.shop/wp-content/uploads/2024/02/Morabba-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Morabba";
	src: url("//houshmand.shop/wp-content/uploads/2024/02/Morabba-Bold.woff2") format("woff2"), 
url("//houshmand.shop/wp-content/uploads/2024/02/Morabba-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Estedad";
	src: url("//houshmand.shop/wp-content/uploads/2026/08/Estedad-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Estedad";
	src: url("//houshmand.shop/wp-content/uploads/2026/08/Estedad-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Estedad";
	src: url("//houshmand.shop/wp-content/uploads/2026/08/Estedad-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Morabba";
	src: url("//houshmand.shop/wp-content/uploads/2026/08/Morabba-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

/* ==========================================================================
   هوشمند شاپ — CSS سراسری  ·  نسخه ۲ + سیستم مقالات مجله‌ای
   وودمارت ← تنظیمات قالب ← CSS سفارشی ← تب «عمومی»

   این فایل شامل:
   ۱) CSS فعلی سراسری هوشمند شاپ
   ۲) سیستم طراحی مقالات وبلاگ در بخش ۱۱
   ۳) Responsive / Mobile First برای مقالات
   ۴) بدون JavaScript
   ۵) Scope شده روی .smart-article برای جلوگیری از تداخل با فروشگاه
   ========================================================================== */


/* ==========================================================================
   ۱. بارگذاری فونت
   ========================================================================== */

@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-ExtraBold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Morabba';
  src:url('/wp-content/uploads/fonts/Morabba-ExtraBold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}

/*
@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-SemiBold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
*/

/*
@font-face{
  font-family:'Estedad';
  src:url('/wp-content/uploads/fonts/Estedad-Variable.woff2') format('woff2-variations');
  font-weight:100 900; font-style:normal; font-display:swap;
}
*/


/* ==========================================================================
   ۲. متغیرهای طراحی
   ========================================================================== */

:root{
  --hs-font-body:'Estedad',Tahoma,system-ui,-apple-system,'Segoe UI',sans-serif;
  --hs-font-display:'Morabba','Estedad',Tahoma,system-ui,sans-serif;

  --hs-night:#0D0B33;
  --hs-ink:#111536;
  --hs-ink-2:#3A4066;
  --hs-muted:#6B7395;
  --hs-faint:#A6AEC9;
  --hs-paper:#F4F6FB;
  --hs-rule:#E3E8F3;
  --hs-signal:#22A2F2;
  --hs-signal-deep:#0C74C4;
  --hs-violet:#7C4DFF;
  --hs-alert:#FF3D6E;
  --hs-charge:#F7B32B;
  --hs-price:var(--hs-signal-deep);
}


/* ==========================================================================
   ۳. تحمیل فونت روی متغیرهای وودمارت
   ========================================================================== */

:root{
  --wd-text-font:var(--hs-font-body);
  --wd-entities-font:var(--hs-font-body);
  --wd-widget-title-font:var(--hs-font-body);
  --wd-header-el-font:var(--hs-font-body);
  --wd-title-font:var(--hs-font-display);
  --wd-alternative-font:var(--hs-font-display);
}

body,
button, input, select, textarea, optgroup,
.wd-nav, .wd-nav a,
.wd-dropdown, .wd-dropdown-menu{
  font-family:var(--hs-font-body);
}

h1, h2, h3, h4, h5, h6,
.wd-title, .woodmart-title-container,
.page-title, .entry-title{
  font-family:var(--hs-font-display);
}

.product_title,
.product-title,
.wd-entities-title,
.woocommerce-loop-product__title,
.wd-product .wd-entities-title,
.cart_item .product-name,
.wd-cart-product-info .wd-entities-title{
  font-family:var(--hs-font-body);
  font-weight:700;
}


/* ==========================================================================
   ۴. قوانین خط فارسی
   ========================================================================== */

body{
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body, h1, h2, h3, h4, h5, h6,
button, .btn, .button, a,
.wd-nav a, .wd-title, .entry-title{
  letter-spacing:0 !important;
}

em,
i:not([class]),
h1 em, h2 em, h3 em,
.wd-title em, .entry-title em{
  font-style:normal;
  font-weight:700;
}

body, p, li, td,
.wd-entities-title,
.woocommerce-product-details__short-description{
  line-height:1.9;
}
h1, h2, h3{ line-height:1.4; }


/* ==========================================================================
   ۵. قیمت‌ها، اعداد و برچسب تخفیف
   ========================================================================== */

.price .screen-reader-text,
.woocommerce-Price-amount .screen-reader-text{
  position:absolute !important;
  width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.price, .price *,
.amount,
.woocommerce-Price-amount, .woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol,
.wd-product .price,
.wd-dropdown-cart .amount, .wd-header-cart .amount,
.cart-totals-inner .amount, .order-total .amount,
.woocommerce-mini-cart__total .amount{
  font-family:var(--hs-font-body) !important;
  letter-spacing:0 !important;
  word-spacing:0 !important;
  font-variant-numeric:proportional-nums !important;
  font-feature-settings:"pnum" 1,"tnum" 0,"lnum" 1 !important;
}

.woocommerce-Price-amount bdi{
  unicode-bidi:plaintext;
  white-space:nowrap;
}
.woocommerce-Price-currencySymbol{
  font-size:.82em;
  font-weight:400;
  opacity:.75;
  margin-inline-start:4px;
}

.price,
.price .amount, .price bdi,
.price ins, .price ins .amount, .price ins bdi,
.wd-product .price,
.wd-dropdown-cart .amount, .wd-header-cart .amount{
  color:var(--hs-price) !important;
}
.price ins, .price ins .amount, .price ins bdi{
  text-decoration:none !important;
  font-weight:800 !important;
}

.price del{
  color:var(--hs-faint) !important;
  font-weight:400 !important;
  font-size:.86em !important;
  text-decoration:none !important;
}
.price del .amount,
.price del bdi{
  color:inherit !important;
  font-weight:400 !important;
  font-size:1em !important;
}

.price del .woocommerce-Price-amount{
  position:relative;
  display:inline-block;
  line-height:1.4;
  text-decoration:none !important;
}
.price del .woocommerce-Price-amount::after{
  content:"";
  position:absolute;
  left:-1px; right:-1px;
  top:50%;
  height:1px;
  background:currentColor;
  opacity:.9;
  pointer-events:none;
}

.product-labels .onsale,
.wd-product-label, .wd-product-label.onsale,
.labels-rounded .product-label,
.labels-round .product-label{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:3px 10px !important;
  border-radius:999px !important;
  line-height:1.9 !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  background-color:var(--hs-alert) !important;
  color:#fff !important;
  letter-spacing:0 !important;
}

.wd-product .star-rating,
.woocommerce-review-link{
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums;
}
.star-rating span::before{ color:var(--hs-charge); }

.elementor-countdown-digits{
  font-variant-numeric:tabular-nums;
  letter-spacing:0 !important;
}
.elementor-countdown-item{ margin-inline:4px; }

.wd-product .wd-entities-title{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  line-height:1.7 !important;
  min-height:3.4em;
  max-height:3.4em;
}

.wd-product .price,
.products .product .price{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:1px;
  line-height:1.7;
  min-height:3.3em;
}

.wd-product .price del, .wd-product .price ins,
.products .product .price del, .products .product .price ins{
  display:block;
  width:100%;
}

.summary .price{
  display:block;
  min-height:0;
}


/* ==========================================================================
   ۵.۸ اسکرول افقی ردیف‌های محصول در موبایل
   ========================================================================== */

@media (max-width:767px){

  .elementor .products,
  .elementor ul.products,
  .elementor .wd-products{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    grid-template-columns:none !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .elementor .products::-webkit-scrollbar,
  .elementor .wd-products::-webkit-scrollbar{
    display:none;
  }

  .elementor .products > .product,
  .elementor .products > li,
  .elementor .products > .wd-product,
  .elementor .wd-products > .wd-product{
    flex:0 0 70% !important;
    width:70% !important;
    max-width:70% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    scroll-snap-align:start;
  }
}


/* ==========================================================================
   ۶. دسترس‌پذیری
   ========================================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2.5px solid var(--hs-signal);
  outline-offset:2px;
  border-radius:4px;
}

@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;
    transition-duration:.001ms !important;
  }
}


/* ==========================================================================
   ۷. هدر
   ========================================================================== */

.whb-with-shadow{
  box-shadow:0 8px 24px rgba(13,11,51,.06) !important;
}

.wd-nav-vertical .wd-dropdown-menu{
  transform:translateX(0) translateY(0) translateZ(0);
  border-radius:0 0 12px 12px;
}

header .wd-header-my-account{
  border:1px solid var(--hs-rule);
  border-radius:8px;
  background-color:#fff;
}

.btnofferheader{
  color:#fff !important;
  background-image:none !important;
  background-color:var(--hs-alert) !important;
  border-radius:999px;
  padding:0 25px;
  font-weight:700;
}
.btnofferheader:hover{
  background-color:#E8305E !important;
}


/* ==========================================================================
   ۸. فروشگاه و صفحه محصول
   ========================================================================== */

.product-image-link{
  padding:1em;
}

.attachment-shop_catalog.size-shop_catalog{
  margin-top:20px;
}

.wd-nav-wrapper.wd-nav-tabs-wrapper.text-center{
  border:1px solid var(--hs-rule);
  border-radius:10px;
  padding:8px;
}

#shop-carousel .carousel-swiper-slides{
  overflow-y:inherit;
}

@media (min-width:1025px){
  #shop-carousel .carousel-image img{
    min-width:250px;
  }
}


/* ==========================================================================
   ۹. چسباندن اولین سکشن به هدر
   ========================================================================== */

.elementor-page .main-page-wrapper,
.elementor-page .site-content,
.elementor-page .content-layout-wrapper,
.elementor-page .page-content,
.elementor-page .wd-page-content,
.elementor-page .site-content > .container{
  padding-top:0 !important;
  margin-top:0 !important;
}


/* ==========================================================================
   ۱۰. باقی‌مانده‌های صفحه اصلی قدیمی
   ========================================================================== */

.off-amount{ color:var(--hs-alert); }
.item-sell-price{ color:var(--hs-alert); }


/* ==========================================================================
   ۱۱. هوشمند شاپ — سیستم طراحی مقالات وبلاگ
   ==========================================================================
   Scope:
   فقط داخل .smart-article

   هدف:
   - مقاله‌های مجله‌ای و حرفه‌ای
   - هماهنگ با پالت اصلی هوشمند شاپ
   - Mobile First
   - سازگار با Elementor / WordPress / WoodMart
   - بدون JavaScript
   - بدون دستکاری قیمت، محصول، هدر یا سایر صفحات
   ========================================================================== */

:root{
  --hs-blog-bg:#FFFFFF;
  --hs-blog-surface:#F8FAFD;
  --hs-blog-surface-2:#F2F6FC;
  --hs-blog-border:#E2E8F2;

  --hs-blog-blue:#22A2F2;
  --hs-blog-blue-dark:#0C74C4;
  --hs-blog-blue-soft:#EDF7FF;

  --hs-blog-navy:#0D0B33;
  --hs-blog-navy-2:#17164A;

  --hs-blog-gold:#F7B32B;
  --hs-blog-gold-soft:#FFF8E8;

  --hs-blog-green:#16835B;
  --hs-blog-green-soft:#EDF9F4;

  --hs-blog-red:#C84D55;
  --hs-blog-red-soft:#FFF1F2;

  --hs-blog-purple:#7152C9;
  --hs-blog-purple-soft:#F5F1FF;

  --hs-blog-text:#111536;
  --hs-blog-text-2:#3A4066;
  --hs-blog-muted:#6B7395;

  --hs-blog-radius:18px;
  --hs-blog-radius-sm:14px;
  --hs-blog-shadow:0 10px 30px rgba(13,11,51,.06);
}

.smart-article{
  width:100%;
  max-width:920px;
  margin-inline:auto;
  color:var(--hs-blog-text);
  background:var(--hs-blog-bg);
  font-family:var(--hs-font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.95;
  direction:rtl;
  text-align:right;
  overflow-wrap:anywhere;
}

.smart-article *,
.smart-article *::before,
.smart-article *::after{
  box-sizing:border-box;
}

.smart-article h1,
.smart-article h2,
.smart-article h3,
.smart-article h4{
  font-family:var(--hs-font-display);
  color:var(--hs-blog-navy);
  letter-spacing:0 !important;
  word-spacing:0;
  text-wrap:balance;
}

.smart-article h1{
  margin:0 0 1.4rem;
  font-size:clamp(28px,4vw,42px);
  line-height:1.45;
  font-weight:800;
}

.smart-article h2{
  position:relative;
  margin:3rem 0 1.15rem;
  padding-right:14px;
  font-size:clamp(23px,3vw,31px);
  line-height:1.5;
  font-weight:800;
}

.smart-article h2::before{
  content:"";
  position:absolute;
  right:0;
  top:.25em;
  width:4px;
  height:1.15em;
  border-radius:99px;
  background:linear-gradient(
    180deg,
    var(--hs-blog-blue),
    var(--hs-violet)
  );
}

.smart-article h3{
  margin:2rem 0 .8rem;
  font-size:clamp(19px,2.4vw,24px);
  line-height:1.55;
  font-weight:800;
}

.smart-article p{
  margin:0 0 1rem;
  color:var(--hs-blog-text-2);
}

.smart-article strong{
  color:var(--hs-blog-navy);
  font-weight:800;
}

.smart-article a{
  color:var(--hs-blog-blue-dark);
  text-decoration:none;
}

.smart-article a:hover{
  color:var(--hs-blog-navy);
  text-decoration:underline;
}

.smart-article ul,
.smart-article ol{
  margin:1rem 0 1.4rem;
  padding-right:1.4rem;
}

.smart-article li{
  margin:.45rem 0;
  color:var(--hs-blog-text-2);
}

.smart-article > section,
.smart-article > div{
  max-width:100%;
}

.smart-article figure{
  margin:2rem 0;
}

.smart-article img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--hs-blog-radius);
}

.smart-article .smart-answer-box{
  position:relative;
  margin:1.5rem 0 2rem;
  padding:1.25rem 1.25rem 1.2rem;
  background:linear-gradient(135deg,var(--hs-blog-blue-soft),#FFFFFF);
  border:1px solid #D7EAF9;
  border-right:5px solid var(--hs-blog-blue);
  border-radius:var(--hs-blog-radius);
  box-shadow:var(--hs-blog-shadow);
}

.smart-article .smart-answer-box .smart-box-title{
  color:var(--hs-blog-navy);
}

.smart-article .smart-box-title{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:0 0 .7rem;
  color:var(--hs-blog-navy);
  font-family:var(--hs-font-body);
  font-size:1rem;
  font-weight:800;
  line-height:1.7;
}

.smart-article .smart-box-title + ul,
.smart-article .smart-box-title + ol{
  margin-top:.5rem;
}

.smart-article .smart-tip-box{
  margin:1.5rem 0;
  padding:1.15rem 1.2rem;
  background:var(--hs-blog-gold-soft);
  border:1px solid #F5E2AF;
  border-right:5px solid var(--hs-blog-gold);
  border-radius:var(--hs-blog-radius-sm);
  box-shadow:0 8px 22px rgba(247,179,43,.08);
}

.smart-article .smart-warning-box{
  margin:1.5rem 0;
  padding:1.15rem 1.2rem;
  background:var(--hs-blog-red-soft);
  border:1px solid #F3D1D4;
  border-right:5px solid var(--hs-blog-red);
  border-radius:var(--hs-blog-radius-sm);
  box-shadow:0 8px 22px rgba(200,77,85,.07);
}

.smart-article .smart-note-box{
  margin:1.5rem 0;
  padding:1.15rem 1.2rem;
  background:var(--hs-blog-purple-soft);
  border:1px solid #E1D8FA;
  border-right:5px solid var(--hs-blog-purple);
  border-radius:var(--hs-blog-radius-sm);
  box-shadow:0 8px 22px rgba(113,82,201,.07);
}

.smart-article .smart-summary-box{
  margin:1.7rem 0;
  padding:1.25rem 1.25rem;
  background:var(--hs-blog-green-soft);
  border:1px solid #D2EEE2;
  border-right:5px solid var(--hs-blog-green);
  border-radius:var(--hs-blog-radius);
  box-shadow:0 8px 24px rgba(22,131,91,.07);
}

.smart-article .smart-highlight{
  margin:1.7rem 0;
  padding:1.25rem 1.3rem;
  background:var(--hs-blog-surface);
  border:1px solid var(--hs-blog-border);
  border-right:5px solid var(--hs-blog-blue);
  border-radius:var(--hs-blog-radius);
  color:var(--hs-blog-navy);
  font-size:1.08rem;
  font-weight:800;
  line-height:1.9;
  box-shadow:var(--hs-blog-shadow);
}

.smart-article .smart-cta-box{
  position:relative;
  margin:2.2rem 0 1rem;
  padding:1.5rem 1.5rem;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(34,162,242,.22),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      var(--hs-blog-navy),
      var(--hs-blog-navy-2)
    );
  color:#fff;
  border:0;
  border-radius:22px;
  box-shadow:0 18px 45px rgba(13,11,51,.18);
}

.smart-article .smart-cta-box .smart-box-title{
  color:#fff;
  font-size:1.1rem;
}

.smart-article .smart-cta-box p{
  color:rgba(255,255,255,.9);
}

.smart-article .smart-cta-box a{
  color:#fff;
  font-weight:800;
}

.smart-article .smart-cta-box a:hover{
  color:#fff;
}

.smart-article .smart-numbered-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:1.5rem 0;
}

.smart-article .smart-step{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:1.05rem;
  background:#fff;
  border:1px solid var(--hs-blog-border);
  border-radius:var(--hs-blog-radius-sm);
  box-shadow:0 7px 20px rgba(13,11,51,.045);
}

.smart-article .smart-step-number{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:var(--hs-blog-navy);
  color:#fff;
  border-radius:50%;
  font-size:.95rem;
  font-weight:800;
  line-height:1;
}

.smart-article .smart-step strong{
  display:block;
  margin-bottom:.25rem;
  font-size:1rem;
}

.smart-article .smart-step p{
  margin:0;
  font-size:.93rem;
}

.smart-article .smart-comparison-box{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:1.7rem 0;
}

.smart-article .smart-comparison-card{
  padding:1.2rem;
  background:#fff;
  border:1px solid var(--hs-blog-border);
  border-radius:var(--hs-blog-radius);
  box-shadow:0 8px 24px rgba(13,11,51,.05);
}

.smart-article .smart-comparison-card h3{
  margin:0 0 .7rem;
  color:var(--hs-blog-navy);
  font-size:1.1rem;
}

.smart-article .smart-comparison-card ul{
  margin:.5rem 0 0;
}

.smart-article .smart-comparison-card li{
  font-size:.95rem;
}

.smart-article .smart-table-wrap{
  width:100%;
  margin:1.7rem 0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--hs-blog-border);
  border-radius:var(--hs-blog-radius);
  box-shadow:0 8px 24px rgba(13,11,51,.045);
  scrollbar-width:thin;
}

.smart-article .smart-table{
  width:100%;
  min-width:650px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  font-size:.94rem;
  line-height:1.75;
}

.smart-article .smart-table th{
  padding:.9rem .85rem;
  background:var(--hs-blog-navy);
  color:#fff;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}

.smart-article .smart-table th:first-child{
  border-top-right-radius:13px;
}

.smart-article .smart-table th:last-child{
  border-top-left-radius:13px;
}

.smart-article .smart-table td{
  padding:.85rem;
  border-top:1px solid var(--hs-blog-border);
  color:var(--hs-blog-text-2);
  vertical-align:top;
}

.smart-article .smart-table tr:nth-child(even) td{
  background:#FAFBFD;
}

.smart-article .smart-table tr:hover td{
  background:var(--hs-blog-blue-soft);
}

.smart-article .smart-checklist{
  margin:1.3rem 0;
  padding:0;
  list-style:none;
}

.smart-article .smart-checklist li{
  position:relative;
  margin:.55rem 0;
  padding:.7rem .9rem .7rem 0;
  background:var(--hs-blog-surface);
  border:1px solid var(--hs-blog-border);
  border-radius:12px;
}

.smart-article .smart-checklist li::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  margin-left:8px;
  background:var(--hs-blog-green);
  color:#fff;
  border-radius:50%;
  font-size:.78rem;
  font-weight:800;
}

.smart-article nav.smart-note-box{
  padding:1.2rem 1.25rem;
}

.smart-article nav.smart-note-box ol{
  margin:.5rem 0 0;
}

.smart-article nav.smart-note-box li{
  margin:.3rem 0;
}

.smart-article nav.smart-note-box a{
  font-weight:600;
}

.smart-article .smart-faq{
  margin:0;
  padding:1.1rem 0;
  border-bottom:1px solid var(--hs-blog-border);
}

.smart-article .smart-faq:first-of-type{
  border-top:1px solid var(--hs-blog-border);
}

.smart-article .smart-faq h3{
  margin:0 0 .5rem;
  color:var(--hs-blog-navy);
  font-size:1.05rem;
}

.smart-article .smart-faq p{
  margin:0;
  color:var(--hs-blog-text-2);
  font-size:.95rem;
}

.smart-article .smart-image-placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:220px;
  margin:2rem 0;
  padding:2rem;
  background:linear-gradient(
    135deg,
    var(--hs-blog-surface),
    var(--hs-blog-blue-soft)
  );
  border:1px dashed #B8C9DD;
  border-radius:var(--hs-blog-radius);
  text-align:center;
}

.smart-article .smart-image-placeholder > div{
  color:var(--hs-blog-blue-dark);
  font-size:1.15rem;
  font-weight:800;
}

.smart-article .smart-image-placeholder figcaption{
  max-width:700px;
  margin-top:.6rem;
  color:var(--hs-blog-muted);
  font-size:.85rem;
}

.smart-article figure.smart-image-placeholder:has(img){
  display:block;
  min-height:0;
  padding:0;
  background:none;
  border:0;
}

.smart-article figure.smart-image-placeholder:has(img) > div{
  display:none;
}

.smart-article blockquote{
  margin:1.7rem 0;
  padding:1.2rem 1.3rem;
  background:var(--hs-blog-surface);
  border:1px solid var(--hs-blog-border);
  border-right:5px solid var(--hs-blog-violet);
  border-radius:var(--hs-blog-radius);
  color:var(--hs-blog-navy);
  font-size:1.05rem;
  font-weight:700;
  line-height:1.9;
}

.smart-article a[href^="#"]{
  scroll-margin-top:110px;
}

.smart-article ::selection{
  background:rgba(34,162,242,.18);
  color:var(--hs-blog-navy);
}


/* ==========================================================================
   ۱۱.۲۴ — Mobile First
   ========================================================================== */

@media (max-width:767px){

  .smart-article{
    width:100%;
    padding-inline:0;
    font-size:15.5px;
    line-height:1.9;
  }

  .smart-article h1{
    margin-bottom:1.15rem;
    font-size:27px;
    line-height:1.5;
  }

  .smart-article h2{
    margin-top:2.35rem;
    padding-right:11px;
    font-size:22px;
  }

  .smart-article h3{
    margin-top:1.55rem;
    font-size:18px;
  }

  .smart-article .smart-answer-box,
  .smart-article .smart-tip-box,
  .smart-article .smart-warning-box,
  .smart-article .smart-note-box,
  .smart-article .smart-summary-box,
  .smart-article .smart-highlight{
    margin:1.25rem 0;
    padding:1rem;
    border-radius:14px;
  }

  .smart-article .smart-cta-box{
    padding:1.15rem;
    border-radius:17px;
  }

  .smart-article .smart-numbered-list,
  .smart-article .smart-comparison-box{
    grid-template-columns:1fr;
    gap:10px;
  }

  .smart-article .smart-step{
    padding:.9rem;
  }

  .smart-article .smart-step-number{
    flex-basis:34px;
    width:34px;
    height:34px;
  }

  .smart-article .smart-table-wrap{
    margin:1.3rem 0;
    border-radius:13px;
  }

  .smart-article .smart-table{
    min-width:620px;
    font-size:.88rem;
  }

  .smart-article .smart-table th,
  .smart-article .smart-table td{
    padding:.7rem;
  }

  .smart-article .smart-image-placeholder{
    min-height:170px;
    margin:1.4rem 0;
    padding:1.2rem;
  }
}

@media (max-width:420px){

  .smart-article{
    font-size:15px;
  }

  .smart-article h1{
    font-size:24px;
  }

  .smart-article h2{
    font-size:20px;
  }

  .smart-article .smart-box-title{
    font-size:.95rem;
  }

  .smart-article .smart-table{
    min-width:580px;
  }
}

@media (prefers-reduced-motion:reduce){

  .smart-article *,
  .smart-article *::before,
  .smart-article *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }

}