.elementor-18 .elementor-element.elementor-element-dacd3eb{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-fdc7afb .elementor-repeater-item-7080070 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://glamourpit.shop/wp-content/uploads/2026/06/pexels-helenalopes-35511907.jpg);background-size:cover;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-slide{transition-duration:calc(5000ms*1.2);height:614px;}.elementor-18 .elementor-element.elementor-element-fdc7afb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-fdc7afb.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-slide-contents{max-width:79%;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-pagination-bullet{height:0px;width:0px;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-horizontal .swiper-pagination-progressbar{height:0px;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-pagination-fraction{font-size:0px;}body.elementor-page-18{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-slide{height:232px;}.elementor-18 .elementor-element.elementor-element-fdc7afb .swiper-slide-contents{max-width:98%;}}/* Start custom CSS for slides, class: .elementor-element-fdc7afb */.glamour-premium-slider {
  position: relative;
  width: 100%;
  height: 80vh; 
  min-height: 500px;
  overflow: hidden;
  background-color: #1a1a1a;
}

.glamour-slide {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  animation: glamour-fade 10s infinite; 
}

.glamour-slide::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 1;
}

/* Yahan apni Boxer dogs wali tasveer ka link daalain */
.slide-one {
  background-image: url('AAPKI_BOXER_DOGS_WALI_IMAGE_KA_LINK_YAHAN_AAYEGA.jpg');
  animation-delay: 0s; 
}

/* Yahan doosri tasveer ka link daalain */
.slide-two {
  background-image: url('DOOSRI_IMAGE_KA_LINK.jpg');
  animation-delay: 5s; 
}

.slide-content-box {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 0 20px;
}

.slide-subtitle {
  color: #c5a059; 
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
  font-weight: 600;
}

.slide-content-box h2 {
  color: #ffffff;
  font-family: 'Playfair Display', serif;
  font-size: 56px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 400;
}

.slide-content-box p {
  color: #f1f1f1;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.slide-gold-btn {
  display: inline-block;
  padding: 15px 40px;
  background-color: #c5a059;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.4s ease;
  border: 1px solid #c5a059;
}

.slide-gold-btn:hover {
  background-color: transparent; 
  color: #c5a059;
}

@keyframes glamour-fade {
  0% { opacity: 0; transform: scale(1.05); }
  10% { opacity: 1; transform: scale(1); }
  40% { opacity: 1; transform: scale(1); }
  50% { opacity: 0; transform: scale(1.05); }
  100% { opacity: 0; transform: scale(1.05); }
}

@media (max-width: 768px) {
  .glamour-premium-slider { height: 60vh; }
  .slide-content-box h2 { font-size: 36px; }
  .slide-content-box p { font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14130b2 *//* ------------------------------------------------ */
/* WOOCOMMERCE PREMIUM ELEGANT GRID STYLING         */
/* ------------------------------------------------ */

/* 1. Hide Sale Badge, Stars, and Add to Cart Button (to match screenshot) */
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .button {
    display: none !important;
}

/* 2. Card Styling & Hover Move Effect */
.woocommerce ul.products li.product {
    text-align: center !important;
    background: transparent !important;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important;
    padding-bottom: 20px !important;
    border-radius: 8px !important;
    border: none !important; 
    box-shadow: none !important;
}

/* Cursor lane par move aur shadow effect */
.woocommerce ul.products li.product:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
    background: #ffffff !important;
}

/* 3. Image Styling (Screenshot jaisi lambi aur fit) */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: 15px !important;
    box-shadow: none !important;
}

/* 4. Product Title Styling */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.3rem !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
    font-weight: normal !important;
    transition: color 0.3s ease !important;
    padding: 0 10px !important;
}

/* Hover karne par title ka color gold ho jaye */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #c5a059 !important; 
}

/* 5. Product Price Styling */
.woocommerce ul.products li.product .price {
    font-size: 0.95rem !important;
    color: #444444 !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    display: block !important;
    padding: 0 10px !important;
}

/* Price ke aage extra styling agar woo-commerce default colors conflict karein */
.woocommerce ul.products li.product .price ins {
    background: transparent !important;
    color: #444444 !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .price del {
    opacity: 0.5 !important;
    font-weight: normal !important;
    margin-right: 5px !important;
}
/* Price ke aage automatically USD add karne ke liye */
.woocommerce ul.products li.product .price::after {
    content: " USD" !important;
    font-size: 0.85rem !important; /* Text thora chota rakha hai taake premium lage */
    font-weight: 600 !important;
    color: #444444 !important;
    margin-left: 4px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa5fd73 *//* Har qism ke Theme aur Elementor se Top & Bottom Categories Hide Karne Ka Ultimate Code */
.single-product .summary .posted_in,
.single-product .summary .product_meta,
.elementor-location-single .posted_in,
.elementor-location-single .product_meta,
.elementor-widget-woocommerce-product-meta,
.product_title + .posted_in,
.price + .posted_in,
.product-categories,
.posted_in {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee36b55 *//* 2 Collections Grid Styling */
.two-collections-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  max-width: 1200px;
  margin: 50px auto;
  padding: 0 20px;
  font-family: 'Montserrat', sans-serif;
}

.collection-box {
  position: relative;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.box-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
  z-index: 1;
}

.collection-box:hover .box-bg {
  transform: scale(1.08); /* Hover par image zoom hogi */
}

/* Gradient shadow taake text saaf parha jaye */
.box-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
  z-index: 2;
}

.box-content {
  position: relative;
  z-index: 3;
  padding: 35px;
  width: 100%;
}

.box-content h3 {
  color: #ffffff;
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  margin: 0 0 10px;
  font-weight: 500;
}

.box-btn {
  color: #c5a059; /* Premium Gold */
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s ease;
}

.collection-box:hover .box-btn {
  color: #ffffff;
}

/* Mobile par dono boxes ko upar neechay karne ke liye */
@media (max-width: 768px) {
  .two-collections-container {
    grid-template-columns: 1fr;
  }
  .collection-box {
    height: 350px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c03bcc2 *//* ------------------------------------------------ */
/* PREMIUM SPLIT STORY SECTION STYLING              */
/* ------------------------------------------------ */

.premium-story-section {
  display: flex;
  width: 100%;
  height: 600px; /* Aap apni marzi se height kam/zyada kar saktay hain */
  background-color: #fcfcf9; /* Screenshot jaisa cream background */
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
}

/* Left Image Area (approx 40% width) */
.story-left {
  display: flex;
  width: 40%;
  height: 100%;
}

/* Center Content Area (approx 50% width) */
.story-center {
  display: flex;
  width: 50%;
  height: 100%;
  align-items: center; /* Text ko center karne ke liye */
  justify-content: center;
  padding: 0 50px;
}

/* Right Image Sliver Area (approx 10% width) */
.story-right {
  display: flex;
  width: 10%;
  height: 100%;
}

/* Vertical Text Bars */
.vertical-bar {
  width: 50px;
  min-width: 50px;
  background-color: #fbfbfb;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: 'Playfair Display', serif;
  font-size: 1rem;
  color: #999;
  letter-spacing: 1px;
}

/* Images */
.story-img-box {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

.story-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Image stretcha nahi hogi */
}

/* ------------------------------------------------ */
/* Typography for Center Text                       */
/* ------------------------------------------------ */

.story-content {
  max-width: 600px;
}

.story-date {
  display: block;
  font-size: 0.75rem;
  color: #666;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.story-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.5rem;
  color: #2c2c2c;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: normal;
}

.story-desc {
  font-size: 0.9rem;
  color: #777;
  line-height: 1.8;
  margin-bottom: 30px;
}

.story-read-more {
  font-size: 0.85rem;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s;
}

.story-read-more:hover {
  color: #c5a059; /* Hover pe gold color */
}

/* Responsive Setup for Mobiles */
@media (max-width: 991px) {
  .premium-story-section {
    flex-direction: column;
    height: auto;
  }
  .story-left, .story-center {
    width: 100%;
  }
  .story-left {
    height: 400px;
  }
  .story-right {
    display: none; /* Mobile par right wala chota image chup jayega */
  }
  .story-center {
    padding: 60px 20px;
    text-align: center;
  }
}/* End custom CSS */