@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tehran-p-c.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.4") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tehran-p-c.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: vazir;
	--wd-widget-title-font: iranyekan;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(36,117,193);
	--wd-alternative-color: rgb(245,179,50);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #f5b332;
	--btn-accented-bgcolor-hover: #dfa32e;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #88cefc;
	--wd-link-color-hover: #bae2fc;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: transparent;
	background-image: url();
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,249,245);
	background-image: none;
	background-size: cover;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 960px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--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: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgba(10,10,10,0.9);
}

.wd-product.wd-hover-tiled .product-wrapper {
box-shadow:none !important;
}

/* کادر تصویر: نسبت ۴:۳ که با محصولات افقی جورتره، تصویر وسط‌چین */
.product-grid-item .product-element-top,
.wd-product .product-element-top {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.product-grid-item .product-image-link,
.wd-product .product-image-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.product-grid-item .product-element-top img,
.wd-product .product-element-top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* فاصله‌ی تصویر تا عنوان */
.product-grid-item .product-element-bottom,
.wd-product .product-element-bottom {
  padding-top: 12px;
  margin-top: 0;
}



/* ===== مگامنو کاتالوگ رنگ ===== */
.pc-mega br, .pc-mega-cta br { display: none; }
.pc-mega p:empty, .pc-mega-cta p:empty { display: none; }

/* هدر */
.pc-mega__head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #eee;
}
.pc-mega__title { font-size: 16px; font-weight: 700; color: #222; }
.pc-mega .pc-mega__all { font-size: 13px; color: #3C73BD; }
.pc-mega .pc-mega__all:hover { color: #26508f; }

/* گرید رنگ‌ها */
.pc-mega__grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.pc-mega .pc-swatch {
  position: relative; overflow: hidden;
  display: flex; align-items: center; gap: 10px;
  padding: 58px 14px 12px;
  border: 1px solid #eee; border-radius: 12px; background: #fff;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.pc-mega .pc-swatch:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  border-color: #ddd;
}
/* نوار رنگی بالای باکس */
.pc-mega .pc-swatch::before {
  content: ""; position: absolute; top: 0; right: 0; left: 0;
  height: 46px; background: var(--c);
}
/* مربع کوچیک کنار اسم */
.pc-mega .pc-swatch::after {
  content: ""; order: -1; flex-shrink: 0;
  width: 16px; height: 16px; border-radius: 4px;
  background: var(--c);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
.pc-mega .pc-swatch__color { display: none !important; }
.pc-mega .pc-swatch__name {
  display: block; padding: 0;
  font-size: 14px; font-weight: 500; color: #333;
}

/* رنگ‌ها */
.pc-swatch--blue   { --c: #1E4FD8; }
.pc-swatch--purple { --c: #9370DB; }
.pc-swatch--gray   { --c: #B5B5B5; }
.pc-swatch--yellow { --c: #F5DD4E; }
.pc-swatch--green  { --c: #6BE356; }
.pc-swatch--red    { --c: #E8392B; }
.pc-swatch--brown  { --c: #6B4A3A; }
.pc-swatch--orange { --c: #EE6A2F; }
.pc-swatch--bw     { --c: linear-gradient(90deg, #111 50%, #fff 50%); }

/* کارت مشاوره */
.pc-mega-cta {
  min-height: 300px; padding: 24px; border-radius: 14px;
  display: flex; flex-direction: column; justify-content: flex-end;
  background: linear-gradient(135deg, #3C73BD 0%, #26508f 100%);
}
.pc-mega-cta .pc-mega-cta__eyebrow {
  font-size: 12px; color: rgba(255,255,255,.8); margin-bottom: 8px;
}
.pc-mega-cta .pc-mega-cta__title {
  color: #fff; font-size: 18px; line-height: 1.6; margin: 0 0 8px;
}
.pc-mega-cta .pc-mega-cta__text {
  color: rgba(255,255,255,.9); font-size: 13px; line-height: 1.9; margin: 0 0 16px;
}
.pc-mega-cta a.pc-mega-cta__btn {
  display: inline-block; align-self: flex-start;
  padding: 10px 18px; border-radius: 8px;
  background: #fff; color: #26508f; font-size: 13px; font-weight: 700;
  transition: background .2s;
}
.pc-mega-cta a.pc-mega-cta__btn:hover { background: #eef3fb; color: #26508f; }



/* ===== مگامنو ماشین آلات ===== */
.pc-cats {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
.pc-mega .pc-cat {
  position: relative; display: block;
  padding: 16px 18px 16px 44px;
  border: 1px solid #eee; border-radius: 12px; background: #fff;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
/* نوار آبی کنار کارت */
.pc-mega .pc-cat::before {
  content: ""; position: absolute; top: 14px; bottom: 14px; right: 0;
  width: 3px; border-radius: 3px 0 0 3px;
  background: #3C73BD; opacity: 0; transition: opacity .2s;
}
/* فلش */
.pc-mega .pc-cat::after {
  content: "←"; position: absolute; left: 18px; top: 50%;
  transform: translate(6px, -50%); opacity: 0;
  color: #3C73BD; font-size: 16px;
  transition: opacity .2s, transform .2s;
}
.pc-mega .pc-cat:hover {
  background: #f7faff; border-color: #dbe6f5;
  box-shadow: 0 6px 16px rgba(60,115,189,.08);
}
.pc-mega .pc-cat:hover::before { opacity: 1; }
.pc-mega .pc-cat:hover::after { opacity: 1; transform: translate(0, -50%); }

.pc-mega .pc-cat__title {
  display: block; margin-bottom: 4px;
  font-size: 14px; font-weight: 700; color: #222; line-height: 1.7;
}
.pc-mega .pc-cat__desc {
  display: block; font-size: 12px; color: #888; line-height: 1.8;
}

/* لینک تماس زیر دکمه */
.pc-mega-cta a.pc-mega-cta__link {
  display: block; margin-top: 14px;
  font-size: 13px; color: rgba(255,255,255,.85);
}
.pc-mega-cta a.pc-mega-cta__link:hover { color: #fff; }

.pc-mega-cta > p:not(.pc-mega-cta__text) { margin: 0; }
.pc-mega-cta__num { display: inline-block; direction: ltr; }


/* ===== مگامنو قطعات یدکی ===== */
.pc-brands {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
}
.pc-brands > p, .pc-mega__sub > p { display: contents; }

.pc-mega .pc-brand {
  display: block; padding: 14px;
  border: 1px solid #eee; border-radius: 12px; background: #fff;
  transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.pc-mega .pc-brand:hover {
  transform: translateY(-2px);
  background: #f7faff; border-color: #dbe6f5;
  box-shadow: 0 6px 16px rgba(60,115,189,.08);
}
.pc-mega .pc-brand__name {
  display: block; margin-bottom: 2px;
  font-size: 15px; font-weight: 700; color: #222; line-height: 1.6;
  transition: color .2s;
}
.pc-mega .pc-brand:hover .pc-brand__name { color: #3C73BD; }
.pc-mega .pc-brand__label {
  display: block; font-size: 12px; color: #999;
}

/* سایر دسته‌ها */
.pc-mega__sub {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin-top: 18px; padding-top: 14px; border-top: 1px solid #eee;
}
.pc-mega__sublabel { font-size: 13px; color: #888; margin-left: 4px; }
.pc-mega .pc-chip {
  display: inline-block; padding: 7px 14px; border-radius: 999px;
  background: #f3f6fb; color: #26508f; font-size: 13px; font-weight: 500;
  transition: background .2s, color .2s;
}
.pc-mega .pc-chip:hover { background: #3C73BD; color: #fff; }