@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//doorbinoo.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.2.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//doorbinoo.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("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//doorbinoo.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: peyda;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: YekanBakhFaNum;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: YekanBakhFaNum;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: YekanBakhFaNum;
	--wd-widget-title-font: YekanBakhFaNum;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: YekanBakhFaNum;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(29,113,251);
	--wd-alternative-color: rgb(55,55,55);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(79,79,79);
	--btn-default-bgcolor: rgb(29,113,251);
	--btn-default-bgcolor-hover: rgb(0,123,255);
	--btn-accented-bgcolor: rgb(29,113,251);
	--btn-accented-bgcolor-hover: rgb(0,13,204);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(255,255,255);
	background-image: url(https://doorbinoo.com/wp-content/uploads/2025/03/Frame-233-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: inherit;
	background-position: center bottom;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
: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: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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


/* 1. استایل ستون‌های چپ و راست هدر در دسکتاپ (وودمارت) */
.whb-column.whb-col-left.whb-column8.whb-visible-lg {
    background-color: rgba(255, 255, 255, 0.09);
    border-radius: 200px;
    margin-left: 20px;
    padding-right: 20px;
}

.whb-column.whb-col-right.whb-column10.whb-visible-lg {
    background-color: rgba(255, 255, 255, 0.09);
    border-radius: 200px;
    margin-right: 20px;
    padding-left: 20px;
}


/* 2. انیمیشن چرخشی المان‌ها و آیکون‌های سایت */
.rotimg {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin { 
    100% { 
        -moz-transform: rotate(360deg); 
    } 
}

@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
    } 
}

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    } 
}


/* 3. تنظیم سایز تصویر در لیست محصولات سفارشی */
.prolist img {
    width: 60px;
}


/* 4. پس‌زمینه هدر در حالت موبایل */
@media only screen and (max-width: 768px) {
    .whb-main-header {
        background-color: rgba(255, 255, 255, 0.09);
    }
}


/* 5. تنظیم تراز ویدیو هیرو در موبایل */
@media only screen and (max-width: 767px) {
    .hero-video-fix video {
        object-position: 15% center !important;
    }
}

/* هم‌ارتفاع کردن کارت‌های اعتماد برای هم‌تراز شدن خطوط بالای آن‌ها .6 */
/* خود ویجت جعبه آیکن */
.trust-iconbox {
  height: 100% !important;
}

/* بدنه کارت خاکستری/سفید */
.trust-iconbox .elementor-widget-container {
  height: 100% !important;
  min-height: auto !important; /* حذف ارتفاع حداقل اضافی */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  
  /* تنظیم پدینگ (فاصله از پایین رو کمتر کردیم تا فضای خالی کم بشه) */
  padding: 24px 20px 20px !important; 
  box-sizing: border-box !important;
  
  /* حل مشکل گرد نبودن لبه‌های پایین */
  border-radius: 15px !important; /* اگر گردی کمتر یا بیشتر می‌خوای این عدد رو تغییر بده */
  overflow: hidden !important;
}

/* ساختار داخلی برای تراز شدن */
.trust-iconbox .elementor-icon-box-wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* متن توضیحات */
.trust-iconbox .elementor-icon-box-description {
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
}




/* ۱. قفل کردن ارتفاع ظرف روی ۱۰۰٪ و تراز کردن محتوا در مرکز واقعی کارت */
html body .trust-iconbox,
html body .trust-iconbox .elementor-widget-container {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* وسط‌چین کردن محتوا به صورت عمودی */
  box-sizing: border-box !important;
}

/* ۲. هاور جدید با اپاسیتی ملایم‌تر شده (خیلی جزئی کم‌رنگ‌تر) */
html body .trust-iconbox:hover .elementor-widget-container,
html body .elementor-widget.trust-iconbox:hover .elementor-widget-container,
html body .trust-iconbox .elementor-widget-container:hover,
html body .trust-iconbox:hover {
  /* تنظیم اپاسیتی به 10% در مرکز، 4% در میان و 1% در لبه‌ها برای لطافت بیشتر */
  background: radial-gradient(circle at 50% 50%, rgba(29, 113, 251, 0.10) 0%, rgba(29, 113, 251, 0.04) 50%, rgba(29, 113, 251, 0.01) 85%, transparent 100%) !important;
  background-color: transparent !important;
  
  box-shadow: 0 10px 25px rgba(29, 113, 251, 0.07) !important; /* سایه را هم کمی ملایم‌تر کردیم */
  border-color: rgba(29, 113, 251, 0.10) !important;
}

/* ۳. جلوگیری از تداخل استایل‌های المان‌های داخلی */
html body .trust-iconbox:hover .elementor-icon-box-wrapper,
html body .trust-iconbox:hover .elementor-icon,
html body .trust-iconbox:hover .elementor-icon-box-title,
html body .trust-iconbox:hover .elementor-icon-box-description {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}









/* Brand cards hover fix: remove theme overlay/border and show centered blue radial glow only on hover */


/* ۱. تنظیمات کانتینر اصلی کارت برند */
html body .brand-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  
  /* حذف مرز، سایه و افکت پیش‌فرض در حالت عادی */
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  filter: none !important;
}

/* ۲. خنثی کردن هاله قرمز، سایه‌ها و بوردرهای مزاحم قالب روی کارت و تمام فرزندان آن در حالت هاور */
html body .brand-card:hover,
html body .brand-card:hover * {
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
}

/* ۳. شفاف کردن پس‌زمینه لایه‌های میانی در حالت عادی و هاور (برای حذف کامل گرادیان قرمز قالب) */
html body .brand-card .elementor-widget-container,
html body .brand-card .elementor-widget-wrap,
html body .brand-card:hover .elementor-widget-container,
html body .brand-card:hover .elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ۴. لایه گرادیان رادیال آبی ملایم (بک‌گراند هاور اختصاصی ما) */
html body .brand-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: radial-gradient(
    circle at center,
    rgba(29, 113, 251, 0.22) 0%,
    rgba(29, 113, 251, 0.10) 35%,
    rgba(29, 113, 251, 0.03) 60%,
    rgba(29, 113, 251, 0) 80%
  ) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* ۵. فعال شدن افکت هاور */
html body .brand-card:hover::before {
  opacity: 1 !important;
  visibility: visible !important;
}


/* حذف گرادیان صورتی از پس‌زمینه اصلی کارت */
html body .brand-card,
html body .brand-card:hover {
  background: #f0efef !important;
  background-color: #f0efef !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* حذف لایه Overlay احتمالی المنتور */
html body .brand-card > .elementor-background-overlay {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* گرادیان آبی اختصاصی */
html body .brand-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  z-index: -1 !important;
  pointer-events: none !important;

  background: radial-gradient(
    circle at center,
    rgba(29, 113, 251, 0.25) 0%,
    rgba(29, 113, 251, 0.13) 35%,
    rgba(29, 113, 251, 0.05) 60%,
    rgba(29, 113, 251, 0) 82%
  ) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease !important;
}

/* نمایش گرادیان فقط در هاور */
html body .brand-card:hover::before {
  opacity: 1 !important;
  visibility: visible !important;
}





/* تنظیمات کارت وبلاگ نوژان وب */
/* کارت اصلی */
/* کارت اصلی */
article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow {
    position: relative !important;
    border-radius: 35px !important;
    background: #fff !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
    isolation: isolate !important;
}

/* حذف خط‌چین/سایه‌های احتمالی قبلی */
article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow::before,
article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow::after {
    box-shadow: none !important;
    border: none !important;
    background-image: none !important;
}

/* خط‌چین با pseudo-element */
article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border: 2px dashed rgba(160, 160, 160, 0.7) !important;
    border-radius: 35px !important;
    pointer-events: none !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
}

/* گرد کردن عکس دقیقاً مثل کارت */
article.wd-post.blog-design-masonry.blog-style-bg .wd-post-thumb.entry-header,
article.wd-post.blog-design-masonry.blog-style-bg .wd-post-thumb.entry-header img {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 35px 35px 0 0 !important;
    overflow: hidden !important;
    display: block !important;
}

/* موبایل */
@media (max-width: 767px) {
    article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow {
        border-radius: 24px !important;
    }

    article.wd-post.blog-design-masonry.blog-style-bg.wd-add-shadow::before {
        border-radius: 24px !important;
        border-width: 1.5px !important;
    }

    article.wd-post.blog-design-masonry.blog-style-bg .wd-post-thumb.entry-header,
    article.wd-post.blog-design-masonry.blog-style-bg .wd-post-thumb.entry-header img {
        border-radius: 24px 24px 0 0 !important;
    }
}
















/* نسخه فوق نرم و ضعیف شده - مخصوص برندها */
.soft-float, 
.soft-float img, 
.soft-float .elementor-widget-container img {
    animation: softFloatSubtle 6s ease-in-out infinite !important;
    display: inline-block !important;
    /* سایه بسیار ملایم متناسب با حرکت نرم */
    filter: drop-shadow(0 10px 8px rgba(0,0,0,0.08)) !important;
}

/* توقف نرم در هنگام هاور */
.soft-float:hover, 
.soft-float:hover img {
    animation-play-state: paused !important;
}

/* انیمیشن با جابجایی بسیار کم (فقط 6 پیکسل) */
@keyframes softFloatSubtle {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px); /* حرکت بسیار کوتاه و نرم */
    }
    100% {
        transform: translateY(0px);
    }
}







/* کانتینر اصلی */
.galaxy-effect {
    position: relative !important;
    overflow: hidden !important;
}

/* لایه اول - ستاره‌های اصلی */
.galaxy-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    background: transparent;
    pointer-events: none;
    z-index: 0;
    box-shadow:
        2vw 5vh #1D71FB, 6vw 12vh #1D71FB, 10vw 18vh #1D71FB, 14vw 26vh #1D71FB,
        18vw 34vh #1D71FB, 22vw 8vh #1D71FB, 26vw 42vh #1D71FB, 30vw 15vh #1D71FB,
        34vw 52vh #1D71FB, 38vw 20vh #1D71FB, 42vw 60vh #1D71FB, 46vw 32vh #1D71FB,
        50vw 74vh #1D71FB, 54vw 10vh #1D71FB, 58vw 48vh #1D71FB, 62vw 86vh #1D71FB,
        66vw 24vh #1D71FB, 70vw 68vh #1D71FB, 74vw 40vh #1D71FB, 78vw 94vh #1D71FB,
        82vw 16vh #1D71FB, 86vw 56vh #1D71FB, 90vw 30vh #1D71FB, 94vw 78vh #1D71FB,
        3vw 55vh #1D71FB, 7vw 71vh #1D71FB, 11vw 63vh #1D71FB, 15vw 85vh #1D71FB,
        19vw 45vh #1D71FB, 23vw 91vh #1D71FB, 27vw 37vh #1D71FB, 31vw 79vh #1D71FB,
        35vw 13vh #1D71FB, 39vw 66vh #1D71FB, 43vw 25vh #1D71FB, 47vw 97vh #1D71FB,
        51vw 33vh #1D71FB, 55vw 61vh #1D71FB, 59vw 7vh #1D71FB, 63vw 53vh #1D71FB,
        67vw 28vh #1D71FB, 71vw 83vh #1D71FB, 75vw 49vh #1D71FB, 79vw 11vh #1D71FB,
        83vw 75vh #1D71FB, 87vw 17vh #1D71FB, 91vw 57vh #1D71FB, 95vw 93vh #1D71FB;
    animation: starUpGlobal1 40s linear infinite;
}

/* لایه دوم - ستاره‌های ریزتر و کندتر */
.galaxy-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    background: transparent;
    pointer-events: none;
    z-index: 0;
    opacity: 0.7;
    box-shadow:
        4vw 2vh #1D71FB, 8vw 14vh #1D71FB, 12vw 22vh #1D71FB, 16vw 30vh #1D71FB,
        20vw 6vh #1D71FB, 24vw 38vh #1D71FB, 28vw 50vh #1D71FB, 32vw 18vh #1D71FB,
        36vw 62vh #1D71FB, 40vw 26vh #1D71FB, 44vw 74vh #1D71FB, 48vw 12vh #1D71FB,
        52vw 44vh #1D71FB, 56vw 82vh #1D71FB, 60vw 34vh #1D71FB, 64vw 90vh #1D71FB,
        68vw 8vh #1D71FB, 72vw 46vh #1D71FB, 76vw 58vh #1D71FB, 80vw 20vh #1D71FB,
        84vw 66vh #1D71FB, 88vw 28vh #1D71FB, 92vw 72vh #1D71FB, 96vw 40vh #1D71FB,
        1vw 38vh #1D71FB, 5vw 62vh #1D71FB, 9vw 14vh #1D71FB, 13vw 78vh #1D71FB,
        17vw 52vh #1D71FB, 21vw 86vh #1D71FB, 25vw 10vh #1D71FB, 29vw 58vh #1D71FB,
        33vw 44vh #1D71FB, 37vw 70vh #1D71FB, 41vw 28vh #1D71FB, 45vw 92vh #1D71FB,
        49vw 16vh #1D71FB, 53vw 54vh #1D71FB, 57vw 36vh #1D71FB, 61vw 80vh #1D71FB,
        65vw 22vh #1D71FB, 69vw 64vh #1D71FB, 73vw 4vh #1D71FB, 77vw 48vh #1D71FB,
        81vw 76vh #1D71FB, 85vw 32vh #1D71FB, 89vw 12vh #1D71FB, 93vw 88vh #1D71FB;
    animation: starUpGlobal2 55s linear infinite;
}

/* انیمیشن‌ها */
@keyframes starUpGlobal1 {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-100vh); }
}

@keyframes starUpGlobal2 {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-100vh); }
}












/* کلاس اصلی برای دکمه */
.pulse-button .elementor-button {
    animation: buttonPulseGlobal 2s infinite !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1;
}

/* لرزش آیکون داخل دکمه */
.pulse-button .elementor-button-icon {
    display: inline-block; /* برای اعمال صحیح چرخش */
    animation: phoneShakeGlobal 2s infinite !important;
}

/* تغییر حالت در هاور */
.pulse-button .elementor-button:hover {
    transform: scale(1.1) !important;
    filter: brightness(1.1);
    animation-play-state: paused !important; /* متوقف شدن تپش هنگام نگه داشتن موس */
}

/* انیمیشن تپش دکمه */
@keyframes buttonPulseGlobal {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* انیمیشن لرزش آیکون */
@keyframes phoneShakeGlobal {
    0%, 10% { transform: rotate(0deg); }
    15% { transform: rotate(-15deg); }
    20% { transform: rotate(15deg); }
    25% { transform: rotate(-15deg); }
    30% { transform: rotate(15deg); }
    35%, 100% { transform: rotate(0deg); }
}







/* =====================================================
   WoodMart Categories Widget - Round BLUE trigger only
   ===================================================== */

.whb-top-bar .wd-header-cats,
.whb-top-bar .wd-header-cats > *,
.whb-top-bar .wd-header-cats > a,
.whb-top-bar .wd-header-cats .wd-tools-element,
.whb-top-bar .wd-header-cats .wd-tools-element > *,
.whb-top-bar .wd-header-cats .wd-tools-inner,
.whb-top-bar .wd-header-cats .wd-tools-element-title,
.whb-top-bar .wd-header-cats .wd-tools-icon,
.whb-top-bar .wd-header-cats .menu-title {
    border-radius: 50px !important;
}

/* خود باکس آبی */
.whb-top-bar .wd-header-cats .wd-tools-element {
    overflow: hidden !important;
    background-clip: padding-box !important;
    position: relative !important;
}

/* اگر پس‌زمینه روی pseudo-element باشد */
.whb-top-bar .wd-header-cats .wd-tools-element::before,
.whb-top-bar .wd-header-cats .wd-tools-element::after,
.whb-top-bar .wd-header-cats .wd-tools-inner::before,
.whb-top-bar .wd-header-cats .wd-tools-inner::after {
    border-radius: 50px !important;
}

/* منوی بازشونده نباید گرد یا بریده شود */
.whb-top-bar .wd-header-cats .wd-dropdown,
.whb-top-bar .wd-header-cats .wd-dropdown-menu,
.whb-top-bar .wd-header-cats .wd-nav,
.whb-top-bar .wd-header-cats .sub-menu {
    border-radius: 0 !important;
    overflow: visible !important;
}















/* =========================================================
   Doorbino — Perfect Laser Border (No Inner Shadow)
   ========================================================= */

@property --doorbino-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

html body .wd-promo-banner,
html body .promo-banner,
html body .doorbino-carousel-item .promo-banner {
    position: relative !important;
    
    /* حذف بوردر قدیمی برای جلوگیری از دو لبه شدن */
    border: 2px solid transparent !important;
    border-radius: 15px !important;
    
    /* استفاده از گرادینت برای بوردر ثابت آبی + نور متحرک */
    background: 
        linear-gradient(white, white) padding-box, /* رنگ داخل بنر سفید بماند */
        conic-gradient(
            from var(--doorbino-angle),
            #1d71fb 0%,
            #1d71fb 70%,
            #75b5ff 85%,
            #ffffff 95%, /* مرکز لیزر سفید سوزان */
            #75b5ff 100%
        ) border-box !important;
        
    /* تنظیم ضخامت بوردر */
    border-width: 2px !important;
    
    /* افکت درخشش نئونی که به بیرون پخش می‌شود */
    filter: drop-shadow(0 0 1px rgba(29, 113, 251, 0.3)) !important;
    
    animation: doorbino-laser 4s linear infinite !important;
    transition: all 0.3s ease;
}

/* انیمیشن چرخش زاویه گرادینت */
@keyframes doorbino-laser {
    to {
        --doorbino-angle: 360deg;
    }
}

/* رفع مشکل لبه‌های گرد در متد border-box */
html body .wd-promo-banner,
html body .promo-banner {
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

/* اطمینان از کلیک روی بنر */
html body .wd-promo-banner-link {
    z-index: 10 !important;
}