.modal-header .close{margin-left:0;margin-right:auto}button[type=submit] i.fa-spin{display:none}button[type=submit].waiting i.fa-spin{display:inline-block}.dropdown-menu{left:auto;right:0;direction:rtl;text-align:right;background-color:#00262f;box-shadow:0 0 10px #003848}.navbar .dropdown-menu a{color:#fff}.navbar .dropdown-menu .dropdown-item:focus{background-color:transparent}.dropdown-toggle::after{display:none !important}.dropdown-toggle::before{display:inline-block;margin-right:.255em;margin-left:0;vertical-align:.1em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.font-small-1{font-size:.9em}.font-small-2{font-size:.8em}.font-small-3{font-size:.7em}.font-small-4{font-size:.6em}.font-small-5{font-size:.5em}.bg-wr{background-color:#00262f !important}.bg-wr-lighter{background-color:#eaedf2}.color-wr-light{color:#65afca !important}.color-wr-dark{color:#00262f !important}.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover,.dropdown .dropdown-menu.dropdown-default .dropdown-item:active,.dropup .dropdown-menu.dropdown-default .dropdown-item:hover,.dropup .dropdown-menu.dropdown-default .dropdown-item:active,.dropleft .dropdown-menu.dropdown-default .dropdown-item:hover,.dropleft .dropdown-menu.dropdown-default .dropdown-item:active,.dropright .dropdown-menu.dropdown-default .dropdown-item:hover,.dropright .dropdown-menu.dropdown-default .dropdown-item:active{background-color:#65afca !important}a{color:#00262f;text-decoration:none}.rtl{direction:rtl !important}.ltr{direction:ltr !important}.line-height-2{line-height:2em}.divSocialMedia .fa-stack{font-size:1.2em}.divSocialMedia a i.fa-square{transform:rotateZ(45deg);transition:all ease-in-out .4s}.divSocialMedia a:hover i.fa-square{transform:rotateZ(-45deg)}.instagram-gradient{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}html{font-size:14px;direction:rtl}@media(min-width:768px){html{font-size:16px}}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}button.accept-policy{font-size:1rem;line-height:inherit}html{position:relative;min-height:100%}.footer{position:absolute;bottom:0;width:100%;white-space:nowrap;height:60px;line-height:60px}.divCommentLine{height:2px;background-color:#ddd;width:100%;bottom:0}.divCommentCircle{bottom:0;margin-bottom:-6px;cursor:pointer;width:30px}.divCommentCircle span{height:15px;width:15px;border:#ddd 2px solid;background-color:#fff;border-radius:10px;display:block;float:left}.divCommentCircle.active span{background-color:#dc3545;border:#dc3545 2px solid}.divCommentCircle.clicked span{background-color:#dc3545;border:#dc3545 2px solid}.divShowCommentAverage{padding:3px 0}.divShowCommentAverage strong{float:right}.divShowCommentAverage>span{width:30px;text-align:center;float:left;font-size:.8em}.divShowCommentAverage>span span{width:100%;float:right;line-height:.8em}.divShowCommentAverage>span i,.divShowCommentAverage>span span{color:#ccc}.divShowCommentAverage>span span{opacity:0}.divShowCommentAverage[data-rate="1"]>span:nth-child(5n+1) *{color:#dc3545;opacity:1}.divShowCommentAverage[data-rate="2"]>span:nth-child(5n+1) i,.divShowCommentAverage[data-rate="2"]>span:nth-child(5n+5) *{color:#dc3545;opacity:1}.divShowCommentAverage[data-rate="3"]>span:nth-child(5n+1) i,.divShowCommentAverage[data-rate="3"]>span:nth-child(5n+5) i,.divShowCommentAverage[data-rate="3"]>span:nth-child(5n+4) *{color:#dc3545;opacity:1}.divShowCommentAverage[data-rate="4"]>span:nth-child(5n+1) i,.divShowCommentAverage[data-rate="4"]>span:nth-child(5n+5) i,.divShowCommentAverage[data-rate="4"]>span:nth-child(5n+4) i,.divShowCommentAverage[data-rate="4"]>span:nth-child(5n+3) *{color:#dc3545;opacity:1}.divShowCommentAverage[data-rate="5"]>span:nth-child(5n+1) i,.divShowCommentAverage[data-rate="5"]>span:nth-child(5n+3) i,.divShowCommentAverage[data-rate="5"]>span:nth-child(5n+4) i,.divShowCommentAverage[data-rate="5"]>span:nth-child(5n+5) i,.divShowCommentAverage[data-rate="5"]>span:nth-child(5n+2) *{color:#dc3545;opacity:1}



























div.d-flex.justify-content-center.bd-highlight.mt-2 {
    display: none !important;
}







div.customBorder {
    border: 0.5px solid #939086 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0 #939086 !important;
}







.navbar,
.navbar-nav,
.navbar-expand,
.navbar-expand-lg,
.navbar-collapse,
.navbar-container,
ul.navbar-nav,
.menu,
.menu-bar {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}







html, body, h1, h2, h3, h4, h5, h6, p, span, a, li, div {
    color: #939086 !important;
}


/*  بخش حذف‌شده */

.col-12.my-2.en-font.customBorder {
    display: none !important;
}

/*matne safe home /





/* ---- DARDASHT PHILOSOPHY TEXT (HOME, BELOW SLIDERS) ---- */
body:has(#carousel-example-2)::after {
    content: "DARDASHT IS BORN FROM THE MEETING POINT OF ART AND DWELLING WHERE A HANDMADE OBJECT BECOMES MORE THAN DESIGN, AND BEGINS TO SPEAK YOUR SPACE. EVERY CANDLE HOLDER WE CREATE CARRIES THE SUBTLE RHYTHM OF HUMAN TOUCH IRREGULAR, INTIMATE, AND ALIVE. IN A WORLD OF MASS PRODUCTION";
    
    display: block;
    position: relative;
    text-align: center;
    max-width: 750px;
    margin: 10px auto 120px auto; /* فاصله از اسلایدر و پایین صفحه */
    padding: 0 55px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 9px;
    line-height: 2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #939086;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInDardasht 1.5s ease-out 0.4s forwards;
}

/* --- fade animation --- */
@keyframes fadeInDardasht {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}






































/* ---- MINIMAL ZOOM HOVER EFFECT ON TOP MENU ---- */
.nav-item a {
    display: inline-block;
    color: #939086; /* رنگ اصلی ثابت */
    text-decoration: none;
    transition: transform 0.8s ease;
    transform-origin: center;
}

.nav-item a:hover {
    transform: scale(1.04); /* بزرگ شدن نرم هنگام hover */
}










































/* --- Hover Zoom + Pink Blur Effect (exclude logo in header) --- */
div[style*="background-image"],
img:not(.col-md-2.m-auto img) {
  position: relative;
  overflow: hidden;
  transition: transform 0.6s ease, box-shadow 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
  cursor: pointer;
}

div[style*="background-image"]:hover,
img:not(.col-md-2.m-auto img):hover {
  transform: scale(1.01);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  filter: blur(0.5px) brightness(1.02);
}




















/* 🔹 Glass Blur Header Fix */
nav.navbar,
.navbar-expand-lg.fixed-top.scrolling-navbar {
  background: rgba(255, 255, 255, 0.85) !important; /* نیمه شفاف */
  backdrop-filter: blur(15px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
  transition: background 0.9s ease, backdrop-filter 0.5s ease;
}

/* 🔹 وقتی اسکرول می‌کنی کمی واضح‌تر و روشن‌تر میشه */
body.scrolled nav.navbar {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
}






















/* 🌸 SIMPLE PURE-CSS INTRO – FULL WHITE + LOGO FADE OUT */

/* لایه‌ی سفید + لوگو روی کل صفحه */
html::before {
  content: "";
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: #ffffff url("http://dardasht.net/Files/e810f966-50da-4925-9e8d-5a82d78637c6.png")
              no-repeat center center;
  background-size: 170px auto;        /* سایز لوگو */
  z-index: 9999;
  pointer-events: none;               /* روی کلیک اثر نذاره */
  opacity: 0.8;
  animation: dardashtIntroFade 3s ease 3s forwards;
}

/* انیمیشن: فقط همین لایه محو می‌شود */
@keyframes dardashtIntroFade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

















/* ثابت نگه داشتن اندازه لوگوی هدر در همه رزولوشن‌ها */
header img.img-fluid {
  width: 160px;  /* می‌تونی به 150 یا 170 تغییر بدی بسته به سلیقه */
  height: auto;
  max-width: none;
}

/* روی موبایل کوچیک‌تر بشه */
@media (max-width: 768px) {
  header img.img-fluid {
    width: 130px;
  }
}






/* پس‌زمینه صورتی + بلر */
#lightboxOverlay {
  background: rgba(255, 192, 203, 0.35) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}




/* حذف نوشته و شماره زیر عکس */
#lightbox .lb-dataContainer,
#lightbox .lb-data,
#lightbox .lb-number,
#lightbox .lb-caption {
  display: none !important;
}




/* مرکز نگه داشتن خود لایت‌باکس در وسط صفحه */
#lightbox {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important;
}




/* فریم‌های دور اسلایدر و گالری – همیشه نازک و تمیز */
.customBorder {
  border-width: 1px !important;      /* ضخامت خط */
  border-style: solid !important;
  border-color: rgba(166, 160, 150, 0.6) !important; /* همون رنگ قبلی، اگر خواستی عوضش کن */
}

/* مطمئن شو خط‌ها نچسبن پایین‌تر از چیزی که می‌خوای */
.customBorder.sliderCarousel {
  margin-top: 0 !important;
}

.col-12.my-2.en-font.customBorder {
  margin-top: 0 !important;
}










/* فقط فلش‌های ناوبری اسلایدر بالا رو حذف کن */
.sliderCarousel .carousel-control-prev,
.sliderCarousel .carousel-control-next {
  display: none !important;
}


















/* تنظیم کلی هدر */
header {
  display: flex;
  flex-direction: column;
  align-items: center;   /* وسط‌چین عمودی و افقی */
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 10px;
}

/* لوگو وسط صفحه */
header img {
  display: block;
  margin: 0 auto 10px auto; /* 10px فاصله از پایین لوگو تا منو */
  max-width: 180px; /* یا هر اندازه‌ای که می‌خوای */
  height: auto;
}

/* منو وسط */
header nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 12px; /* فاصله بین گزینه‌ها */
}

/* استایل لینک‌ها */
header nav ul li a {
  font-family: 'Instrument Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  color: #444;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

header nav ul li a:hover {
  opacity: 0.6;
}

































/* حذف فاصله اضافی بین منو و گالری یا اسلایدر */
header {
  margin-bottom: 150px !important; /* کمترش کن اگه خواستی مثلا 5px */
  padding-bottom: 0 !important;
}

/* بعضی قالب‌ها div زیر header دارن (main یا section) */
main, .main-content, .slider, .gallery, section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* اگر باز هم فاصله بود، این کمک می‌کند */
body > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
















/* حذف تمام اسکرول‌های داخلی */
* {
  scrollbar-width: none;      /* Firefox */
}

*::-webkit-scrollbar {
  display: none;              /* Chrome / Safari */
}

/* مهم: هر div داخل about که ارتفاع ثابت داده */
.about-section,
.about-container,
.about-wrapper,
.page-content,
section,
.container {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}















/* ===========================================
   DARDASHT — CONTACT PAGE FULL FIX (FINAL)
   =========================================== */

/* 1) مخفی کردن ستون سمت چپ (عکس + متن) فقط در ردیف فرم */
main[role="main"] .content.pb-5 > .container > .row.mt-5 > .col-md-8 {
    display: none !important;
}

/* 2) وسط آوردن ستون فرم (سمت راست) و محدود کردن عرض */
main[role="main"] .content.pb-5 > .container > .row.mt-5 > .col-md-4 {
    float: none !important;
    margin: 0 auto !important;
    max-width: 480px;
    width: 100%;
    justify-content: center !important;
}

/* 3) خود فرم: فاصله‌ی بالایی رو بردار که به نوشته‌ها نزدیک بشه */
#frm {
    padding-top: 0 !important;
}

/* 4) عنوان CONTACT US بالای فرم */
#frm::before {
    content: "CONTACT US";
    display: block;
    text-align: LEFT;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 8px;
}
/* متن توضیح زیر عنوان، بالای فرم قرار بگیرد */
#frm::before {
    content: "CONTACT US";
    white-space: pre-line;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #777;
    max-width: 520px;
    margin: 0 auto 20px auto;
    line-height: 1.6;
    font-weight: 400;
}








/* ===== RECAPTCHA + BUTTON SIDE-BY-SIDE ===== */

/* Container: make the captcha + button horizontal */
#frm .col-12.text-center.ltr {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px; /* spacing between captcha & button */
    flex-wrap: wrap;
}

/* Make captcha height smaller to match button */
.g-recaptcha > div {
    transform: scale(0.88);
    transform-origin: left center;
}

/* Style the SEND button */
#frm button,
#frm input[type="submit"],
#frm .btn {
    background-color: #ff6faf !important;  /* pink */
    border: none !important;
    padding: 12px 30px;
    font-size: 15px;
    color: white !important;
    border-radius: 6px;
    height: 56px !important;        /* match captcha size */
    line-height: 30px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Fix column width so button doesn’t break to next line */
#frm .col-12.text-center.ltr {
    width: 100%;
}

/* Prevent button from going full width */
#frm .col-12.text-center.ltr button {
    white-space: nowrap;
}










/* CENTER ABOUT US BOX */
.border.p-3 {
    margin: 0 auto !important;   /* وسط چین کردن کامل */
    float: none !important;       /* جلو گیری از گیر کردن به چپ */
    display: block !important;
}