/* ==========================  link animated ===============================  */


#product-img,.product-img{
	width:364px!important;}


@media (max-width:1024px){
	
}

.animated-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: var(--font-color);
  padding-bottom: 4px;
  font-weight: 500;
  transition: color 0.3s ease;
 cursor:hand;
	width:fit-content;
}

.animated-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: var(--font-color);
  transition: width 0.4s ease;
}

.animated-link:hover::after,
.animated-link:focus::after {
  width: 100%;
}


@media (min-width:1441px;){
							.hero-container {
    max-width: 100%;
    left: -40px;
    position: absolute;
    min-width: 1760px!important;
}

}
/* Hero Slider Styling */
.hero-slider {
  width: 100%;
  height: auto; /* Set consistent height for both desktop and mobile */
/*   min-width: 1600px;
  margin: auto;	
	margin-left:-140px; */
	position:relative;
}

.hero-slider .hero-slide {
  
  height: 100%; /* Set to 100% to match the parent's height */
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  visibility:hidden;
 min-height:476px;
}
.hero-slider .hero-slide:first-of-type {
  opacity: 1;
  visibility: visible;
}
.hero-slider.slick-initialized .hero-slide {
  opacity: 1;
  visibility: visible;
}

/* Prevent full slider flicker pre-init */
.hero-slider:not(.slick-initialized) {
  opacity: 0;
  height: 477px; /* fixed height so layout doesn’t shift */
  overflow: hidden;
}

/* Reveal after initialized */
.hero-slider.slick-initialized {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.hero-slider .hero-slide img {
  width: 100%;
  height: 473px;
  object-fit: cover; /* Ensure image fills the space and stays centered */
  display: block;
}

/* Content Styling (Positioned text blocks) */
.hero-slider .hero-content-1,
.hero-slider .hero-content-2 {
  position: absolute;
  color: white;
  max-width: 600px;
  text-align: right;
  bottom: 30px;
  right: 10px;
}

.hero-slider .hero-content-2 {
  top: 30px;
  left: 10px;
  bottom: auto;
  right: auto;
}

.hero-slider .hero-content-1 h2,
.hero-slider .hero-content-2 h2 {
  font-size: 36px;
  margin-bottom: 15px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  font-family: "BauerBodoni-roman", sans-serif;
  font-style: italic;
}

@media (max-width: 768px) {
  /* Hide text on mobile */
  .hero-slider .hero-content-1 h2,
  .hero-slider .hero-content-2 h2 {
    display: none;
  }
}

/* Links Styling */
.hero-slider .hero-content-1 a,
.hero-slider .hero-content-2 a {
  font-size: 16px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  font-family: "BauerBodoni-roman", sans-serif;
  color: white;
  font-style: italic;
}

/* Buttons Styling */
.hero-slider .hero-btn {
  padding: 10px 22px;
  background: white;
  color: black;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  transition: 0.3s;
}

.hero-slider .hero-btn:hover {
  background: black;
  color: white;
}

/* Navigation Arrows Styling */
.hero-slider .slick-prev,
.hero-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 35px;
  height: 35px;
  font-size: 18px;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.hero-slider .slick-prev:hover,
.hero-slider .slick-next:hover {
  border: 1px solid white;
  transition: 0.5s !important;
}

.hero-slider .slick-prev {
  right: auto !important;
  left: 40px !important;
}

.hero-slider .slick-prev::before {
  color: rgb(255, 255, 255) !important;
}

.hero-slider .slick-next {
    left: auto;
    right: 45px;
}

@media (max-width: 768px) {
  .hero-slider .slick-prev {
    left: 10px !important;
  }
.hero-slider .slick-next {
   
    right: 45px;
}
}

.hero-slider .slick-next::before {
  color: rgb(255, 255, 255) !important;
}

.hero-slider .slick-prev:before {
  content: "❮";
  font-size: 18px;
  font-weight: bold;
  color: var(--font-color);
  margin-bottom: 3px;
}

.hero-slider .slick-next:before {
  content: "❯";
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
}

/* Dots Navigation Styling */
.hero-slider .slick-dots {
  bottom: 20px !important;
  z-index: 3;
  text-align: center;
}

ul.slick-dots{overflow:hidden; max-height:5px; 


  position: absolute;
  bottom: 20px; /* or adjust as needed */
  left: 49%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: center;
  gap: 8px; /* optional spacing between dots */

  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 10;
}




@media (max-width: 768px) {
  .hero-slider .slick-dots {
    text-align: center;
  }
}

.hero-slider .slick-dots li {
  margin: 0 5px;
}

.hero-slider .slick-dots li button {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid white;
  transition: all 0.3s ease;
  padding: 0;
}

.hero-slider .slick-dots li button:before {
  display: none;
}

.hero-slider .slick-dots li.slick-active button {
  background: white;
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  width: 20px;
  height: 2px;
  border-radius: 12%;
  transition: 0.5s;
}

.hero-slider .slick-dots li button:hover {
  background: rgba(255, 255, 255, 0.8);
  transform: scale(1.1);
}


/* ======================= product ====================== */

.product-item {
  padding: 10px;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  animation: 5s;
}

@media (max-width: 768px) {
  .product-item {
    height: 70%;
  }
}

.product-img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  animation: 5s;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.product-img.fade {
  opacity: 0.6;
  transform: scale(1.03);
}

.product-title {
  font-size: 25px;

  margin-bottom: 5px;
  font-family: "BauerBodoni-roman", sans-serif;
  font-style: italic;
  color: var(--font-color);

  line-height: 24px;
}

.product-price {
  font-size: 0.9rem;
  color: var(--font-color);
  margin-bottom: 2px;
}

.product-starting-price {
  font-size: 0.8rem;
  color: var(--font-color);
}

@media (max-width: 767.98px) {
  .product-title {
    font-size: 0.9rem;
  }

  .product-price {
    font-size: 0.8rem;
  }

  .product-starting-price {
    font-size: 0.7rem;
  }

  .product-img {
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .product-title {
    font-size: 0.95rem;
  }

  .product-price {
    font-size: 0.85rem;
  }

  .product-starting-price {
    font-size: 0.75rem;
  }
}
.hover-text-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: "BauerBodoni-roman", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: var(--font-color);
  flex-wrap: wrap; /* عشان لو الشاشة صغيرة */
  position: absolute;
  top: 0;
  left: 0;
}

.second-slider .hover-text-list {
  margin-top: 80px;
}

.hover-text-list .dot {
  font-size: 18px;
  margin: 0 4px;
  color: #6d6411;
}

@media (max-width: 768px) {
  .hover-text-list span,
  .hover-text-list .dot {
    font-size: 10px;
  }
  .hover-text-list .dot {
    margin: 0 1px;
  }
  .second-slider .hover-text-list {
    margin-top: 40px;
  }
}

.text-hover {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--font-color);
  font-weight: bold;
  margin-top: 20px;
  font-size: 25px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.product-animated {
  opacity: 0; /* البداية */
  animation: fadeIn 0.5s ease forwards;
}

.product-fade-out {
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* ========================== collections  ===================== */

.special-sections .special-card {
  border: none;
  /* text-align: end; */
}

.special-sections .special-img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
}

.special-sections .card-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 36px;
  font-family: "BauerBodoni-roman", sans-serif;
  color: var(--font-color);
  font-weight: 400;
}

.special-sections .card-description {
  font-size: 0.95rem;
  color: var(--font-color);
  margin-bottom: 20px;
  line-height: 1.5;
}

.special-sections .btn-discover {
  display: inline-block;
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--font-color);
  border-bottom: 1px solid var(--font-color);
  padding-bottom: 3px;
  transition: border-color 0.3s ease;
}

.special-sections .btn-discover:hover {
  border-color: transparent;
}

@media (max-width: 767.98px) {
  .special-sections .card-title {
    font-size: 1.3rem;
  }

  .special-sections .card-description {
    font-size: 0.85rem;
  }

  .special-sections .btn-discover {
    font-size: 0.8rem;
  }
}
/* ============ Our-selection ====== */
#Our-selection .title {
  font-family: "BauerBodoni-roman", sans-serif;
  font-size: 55px !important;
  line-height: 64px;
  color: var(--font-color);
}
#Our-selection .description {
  font-size: 22px !important;
  font-weight: 400;
  line-height: 40px;
  font-family: "BauerBodoni-roman", sans-serif;
  color: var(--font-color);
}

#Our-selection .link {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: bold;
  text-decoration: none;
  color: var(--font-color);
  border-bottom: 1px solid var(--font-color);
  padding-bottom: 3px;
  transition: border-color 0.3s ease;
}
/* =========== second-slider ================= */
.second-slider .perfume-slider-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.second-slider .perfume-product-slider {
  margin: 0 50px;
}

.second-slider .perfume-product-item {
  padding: 20px 15px;
  text-align: center;
  background: transparent;
  transition: all 0.3s ease;
}

.second-slider .perfume-product-item:hover {
  transform: translateY(-5px);
}

.second-slider .perfume-product-image {
  width: 100%;
  max-width: 200px;
  height: 250px;
  object-fit: contain;
  margin: 0 auto 20px;
  display: block;
  transition: transform 0.3s ease;
}

.second-slider .perfume-product-item:hover .perfume-product-image {
  transform: scale(1.05);
}

.second-slider .perfume-product-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--font-color);
  margin-bottom: 8px;
  line-height: 1.4;
}

.second-slider .perfume-product-subtitle {
  font-size: 16px;
  color: var(--font-color);
  font-style: italic;
  margin-bottom: 8px;
}

.second-slider .perfume-product-type {
  font-size: 14px;
  color: var(--font-color);
  margin-bottom: 5px;
}

.second-slider .perfume-product-price {
  font-size: 14px;
  color: var(--font-color);
  font-weight: 500;
}

/* Custom Slick Arrows */
.second-slider .slick-prev,
.second-slider .slick-next {
  width: 40px;
  height: 40px;
  z-index: 1000;
  transition: all 0.3s ease;
}

.second-slider .slick-prev {
  left: 0;
}



.second-slider .slick-prev:before,
.second-slider .slick-next:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: var(--font-color);
  opacity: 1;
}

.second-slider .slick-prev:before {
  content: "\f104";
}

.second-slider .slick-next:before {
  content: "\f105";
}

/* Dots styling */

.second-slider {
  position: relative;
  padding-bottom: 20px;
}

/* الشريط بالكامل */
.second-slider .slick-dots {
 
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  height: 1px;
  overflow: hidden;
  background-color: transparent;
  background-color: rgb(226, 226, 226);
}

.second-slider .slick-dots li {
  flex: 1;
  height: 1px;
  position: relative;
}

.second-slider .slick-dots li button:before {
  display: none;
}

.second-slider .slick-dots li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.5s ease;
}

.second-slider .slick-dots li.slick-active::after {
  background-color: black;
}

/* PC ONLY */
@media (min-width: 992px) {
  .product-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Responsive mobile Design */
@media (max-width: 1200px) {
	.product-holder{min-height:450px;}
	
  .second-slider .perfume-slider-container {
    max-width: 100%;
    padding: 0 15px;
  }

  .second-slider .perfume-product-slider {
    margin: 0 30px;
  }
	
	
}

@media (max-width: 992px) {
	.product-title{font-size:24px; }
  .second-slider .perfume-product-image {
    max-width: 180px;
    height: 220px;
  }

  .second-slider .perfume-product-title {
    font-size: 16px;
  }

  .second-slider .perfume-product-slider {
    margin: 0 25px;
  }
}

@media (max-width: 768px) {
  .second-slider .perfume-product-slider {
    margin: 0 20px;
  }

  .second-slider .perfume-product-image {
    max-width: 160px;
    height: 200px;
  }

  .second-slider .perfume-product-title {
    font-size: 15px;
  }

  .second-slider .perfume-product-subtitle {
    font-size: 14px;
  }

  .second-slider .slick-prev,
  .second-slider .slick-next {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 1024px) {
  
  .second-slider .perfume-product-title {
    font-size: 14px;
  }

  .second-slider .perfume-product-subtitle {
    font-size: 13px;
  }

  .second-slider .perfume-product-type,
  .second-slider .perfume-product-price {
    font-size: 12px;
  }

  .second-slider .slick-prev,
  .second-slider .slick-next {
    width: 30px;
    height: 30px;
  }

  .second-slider .slick-prev:before,
  .second-slider .slick-next:before {
    font-size: 14px;
  }
}

/* collections_end */

.collections-end .section-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36pxs;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-family: "BauerBodoni-roman", sans-serif;
  color: var(--font-color);
}
.collections-end .section-description {
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  color: var(--font-color);
}
.collections-end .discover-link {
  font-size: 0.85rem;
  color: var(--font-color);
  text-decoration: none;
  border-bottom: 1px solid var(--font-color);
  padding-bottom: 2px;
}
.collections-end .card-image-container {
  background-color: #f8f8f8;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.collections-end .card-image-container img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767.98px) {
  .collections-end .section-title {
    font-size: 1.1rem;
  }
  .collections-end .section-description {
    font-size: 0.85rem;
  }
  .collections-end .discover-link {
    font-size: 0.8rem;
  }
  .collections-end .card-image-container {
    min-height: 150px;
  }
	
	.section-description{ margin-top:10px;}
}
/* =============== end-icon ====================== */

.end-icon img {
  width: 150px;
  margin-bottom: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: var(--font-color);
}
.end-icon .feature-text {
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
.end-icon .feature-text a {
  color: var(--font-color);
  text-decoration: none;
  border-bottom: 1px solid var(--font-color);
  padding-bottom: 2px;
}
.end-icon .feature-text a:hover {
  color: var(--font-color);
  border-color: var(--font-color);
}

@media (max-width: 767.98px) {

	.product-price{font-size:12px!important; line-height:15px!important;color:#535359; font-weight:400;}
	.section-title{font-size:28px!important; line-height:34px!important; color:#535359!important; }



.end-icon .text-center{display:flex; flex-direction: row; gap:1rem;}
	.end-icon .text-center img{max-width:45px; margin:0;}
	.end-icon .text-center p{margin-bottom:unset; font-size:12px; line-height:15px; }
	
	.end-icon .feature-text{text-align: justify;!important}
	.end-icon row-md{border-bottom:thin solid red!important;}
	p.feature-text.pg-m {margin: auto 0;}
	.end-icon .col.col-md{border-bottom:thin solid #dfdfdf!important;padding-bottom:1rem;}

}

/* Newly Added */ 

.wd-side-hidden.wd-right {
    right: 0;
    top: 0;
}



html.wd-panel-open {
    overflow: hidden !important;
    touch-action: none;
}


.wd-close-side.wd-fill.wd-close-side-opened {
    opacity:0.1;
    background-image: url("/wp-content/uploads/2025/07/Pattren-1-2.png");
	z-index:850;
    background-size: 1000px;
    background-repeat: repeat;
    background-position: center;
       /* White or light background */

    top: 0;
    right: 0;
}


.cart-widget-side{z-index:99999!important;}

button.slick-arrow{background-color:#fff0!important;}

nav button{
    background-color: #fff!important;
}



.row.footer-links-grid>div>h6 {
    font-size: 24px;
}

.newsletter-section>div>h5{font-size:30px!important;}

.me-auto {
    margin: 0 auto !important;
}

div#offcanvasTop{z-index:-1;}

:root {
  --font-primary: 'PostGrotesk-Light', sans-serif!important;
}




/* Checkout Button Styles */
.checkout-btn {
    background-color:#53545D!important;
    color:#fff!important;
}
.checkout-btn:hover {
    background-color:#0e1111!important;
    text-decoration: underline;
}

/* Hide Proceed to Checkout Button in Mini Cart */
.cart-widget-side .checkout {
    display:none;
}

/* WooCommerce Notices Width */
.woocommerce-notices-wrapper {
    width:90%!important;
}

/* WooCommerce Pay Page (used during checkout flow) */
.woocommerce-order-pay .page-title {
    display:none;
}

/* Forminator Button in Checkout (likely inside a form) */
.forminator-button-submit {
    min-width:100%!important;
}

/* Cart-Checkout Transition Button Hover */
.cnt-shp:hover {
    background-color:#f5f5f5!important;
    text-decoration: underline!important;
    color:#53545D!important;
}




/* ======================= product ====================== */

.my-account li{font-family:'BauerBodoni-roman', sans-serif!important; 
}



 .nav-link{
    padding: 0!important;
    margin-top: 17px;
}
#main-content{padding:0;}

button.single_add_to_cart_button.button.alt {
    border: 1px solid ;
    color: white;
min-height:50px!important;
background-color: #535359!important;
}
button.single_add_to_cart_button.button:hover {
    border: 1px solid;
    color: white;	
	  background-color: #000!important;
			
}


.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}


body.woocommerce-page .site-content {
    padding-top: 12px!important;
}

.product-item {
  text-align: center;
}

.product-item .product-title,
.product-item .product-price,
.product-item .product-starting-price {
  margin-left: auto!important;
  margin-right: auto !important;
}

.product-item img.product-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}







.hero-section {
  background: linear-gradient(
      135deg,
      rgba(212, 175, 55, 0.1) 0%,
      rgba(255, 255, 255, 0.9) 100%
    ),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><rect fill="%23f0f0f0" width="1200" height="400"/><rect fill="%23e8e8e8" x="0" y="200" width="1200" height="200"/></svg>');
  background-size: cover;
  background-position: center;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 80px;
  position: relative;
}

.hero-content {
  text-align: right;
  color: var(--font-color);
}

.hero-title {
  font-size: 48px;
  margin-bottom: 10px;
  color: var(--font-color);
}

.hero-subtitle {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaa;
}

/* Product bottle in hero */
.hero-bottle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 250px;
  background: linear-gradient(
    45deg,
    rgba(212, 175, 55, 0.8),
    rgba(255, 215, 0, 0.6)
  );
  border-radius: 20px 20px 5px 5px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* محتوى وهمي للتجربة */
.content-section {
  padding: 50px 20px;
  background-color: #f8f9fa;
  margin: 20px 0;
}

.content-section h2 {
  color: var(--font-color);
  margin-bottom: 20px;
}

.content-section p {
  color: var(--font-color);
  line-height: 1.6;
}

/* Mobile responsiveness */
@media (max-width: 1024px) {
	.main-header {
    display: flex;
    flex-direction: row!important;
    flex-wrap: wrap!important;
}
	
	
	.main-header{justify-content:space-between; width:95vw;}
	.mob-h{display:none!important;}
  .navbar-nav {
    display: none;
  }

  .hero-section {
    padding: 0 20px;
    height: 300px;
  }

  .hero-title {
    font-size: 32px;
  }
}
	.wd-sidebar-opener{display:none!important;}


article#post-16665{margin-top:148px;}