/** Shopify CDN: Minification failed

Line 634:8 Expected identifier but found whitespace
Line 634:9 Unexpected "80%"
Line 803:10 Expected identifier but found whitespace
Line 803:11 Unexpected "2"
Line 1192:0 Unexpected "}"
Line 1775:0 Unexpected "}"
Line 1847:0 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:app-about-business (INDEX:2, SCOPED:FALSE) */
.about-us-section {
  padding: 60px;
}

.about-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.about-left {
  width: 50%;
}

.about-subtitle {
  font-size: 22px;
  color: #757575;
  margin-bottom: 10px;
}

.about-title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}

.about-text {
  line-height: 1.8;
  font-size: 16px;
  color: #444;
  margin-bottom: 30px;
}

.about-button {
  display: inline-block;
  padding: 12px 28px;
  border: 1.5px solid #000;
  border-radius: 8px;
  font-size: 15px;
  text-decoration: none;
  color: #000;
  transition: 0.3s ease;
}

.about-button:hover {
  background: #000;
  color: #fff;
}

.about-right {
  width: 50%;
}

.image-card {
  /* background: linear-gradient(to right, #ffa726, #ffe0b2); */
  padding: 16px;
  border-radius: 10px;
}

.image-card img {
  width: 100%;
  border-radius: 10px;
}
/* END_SECTION:app-about-business */

/* START_SECTION:app-deal-of-month (INDEX:3, SCOPED:FALSE) */
.deals-month {
  padding: 40px;
  background: #f8f9fb;
}

.dm-container {
  display: flex;
  gap: 40px;
  max-width: 1500px;
  margin: auto;
  align-items: flex-start;
}

.dm-left {
  width: 40%;
}

.dm-left h2 {
  font-size: 42px;
  font-weight: 600;
}

.dm-left p {
  max-width: 350px;
  opacity: 0.8;
}

.dm-btn {
  display: inline-block;
  margin-top: 20px;
  background: #000;
  padding: 14px 32px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
}

.dm-countdown-wrapper h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

.dm-countdown {
  display: flex;
  gap: 20px;
}

.dm-box {
  background: white;
  padding: 20px;
  width: 83px;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.dm-box span {
  font-size: 28px;
  font-weight: 700;
}

.dm-box small {
  display: block;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 4px;
}



/* RIGHT SIDE SLIDER */
.dm-right {
  width: 60%;
  overflow-x: auto;
}

.dm-slider {
  display: flex;
  gap: 20px;
}

.dm-card {
  min-width: 310px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}

.dm-img img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  background: #ff7518;
}

/* Badge overlay */
.dm-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: white;
  padding: 14px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px #eaeaea(0,0,0,0.1);
}

.dm-badge span {
  font-size: 14px;
  opacity: 0.7;
}

.dm-badge strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
}
/* ===============================
   FINAL MOBILE FIX – Deals of Month
   =============================== */
@media (max-width: 768px) {

  /* Main container */
  .dm-container {
    flex-direction: column;
    gap: 24px;
  }

  /* RIGHT IMAGE FIRST */
  .dm-right {
    width: 100%;
    order: 1;
  }

  /* LEFT CONTENT */
  .dm-left {
    width: 100% !important;
    max-width: 100% !important;
    order: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* FIX TITLE BREAKING */
  .dm-left h2 {
    font-size: 32px;
    line-height: 1.25;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: 100%;
  }

  /* TEXT */
  .dm-left p {
    max-width: 100% !important;
    text-align: center;
  }

  /* BUTTON AT BOTTOM */
  .dm-btn {
    order: 3;
    margin-top: 20px;
  }

  /* COUNTDOWN LAST */
  .dm-countdown-wrapper {
    order: 4;
    margin-top: 24px;
    width: 100%;
  }

  .dm-countdown {
    justify-content: center;
    flex-wrap: wrap;
  }
}
/* FIX countdown into single line on mobile */
@media (max-width: 768px) {

  .dm-countdown {
    flex-wrap: nowrap;          /* force single row */
    gap: 10px;
  }

  .dm-box {
    width: 68px;                /* smaller boxes */
    padding: 14px 8px;
  }

  .dm-box span {
    font-size: 22px;
  }

  .dm-box small {
    font-size: 11px;
  }
}
/* ===============================
   HARD MOBILE COMPACT FIX
   =============================== */
@media (max-width: 768px) {

  /* Kill extra section spacing */
  .shopify-section {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Main deals section */
  .dm-month,
  .deals-month {
    padding: 10px 8px !important;
  }

  /* Stack items tighter */
  .dm-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  /* Image spacing */
  .dm-right {
    margin-bottom: 4px !important;
  }

  /* ALL text blocks spacing reset */
  .dm-left h2,
  .dm-left p,
  .dm-left span {
    margin: 4px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* Button compact */
  .dm-btn {
    margin: 6px 0 !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
  }

  /* Countdown title */
  .dm-countdown-title {
    margin: 6px 0 !important;
  }

  /* Countdown wrapper */
  .dm-countdown-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Countdown boxes row */
  .dm-countdown {
    gap: 6px !important;
  }

  /* Countdown boxes */
  .dm-box {
    padding: 6px 4px !important;
    min-height: unset !important;
    margin: 0 !important;
  }

  .dm-box span {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .dm-box small {
    font-size: 9px !important;
  }
}
@media (max-width: 768px) {

  /* Reduce space under Buy Now button */
  .shopify-section button {
    margin-bottom: 6px !important;
  }

  /* Reduce space above Hurry text */
  .shopify-section h3,
  .shopify-section p {
    margin-top: 6px !important;
  }
}
/* ===============================
   MYNTRA STYLE – DEALS OF THE DAY
   =============================== */
@media (max-width: 768px) {

  /* Section wrapper */
  #shopify-section-app-deal-of-month {
    padding: 8px 0 !important;
  }

  /* Heading spacing */
  #shopify-section-app-deal-of-month h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px !important;
    text-align: center;
  }

  /* PRODUCTS GRID (FORCE 2 COLUMN) */
  #shopify-section-app-deal-of-month .dm-products,
  #shopify-section-app-deal-of-month .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  /* Individual product card */
  #shopify-section-app-deal-of-month .dm-product,
  #shopify-section-app-deal-of-month .swiper-slide {
    padding: 8px !important;
    background: #fff;
    border-radius: 8px;
  }

  /* Image – uniform like Myntra */
  #shopify-section-app-deal-of-month img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    max-height: 160px;
    margin-bottom: 6px;
    display: block;
  }

  /* Title */
  #shopify-section-app-deal-of-month .dm-title,
  #shopify-section-app-deal-of-month h3 {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 2px;
  }

  /* Price */
  #shopify-section-app-deal-of-month .dm-price,
  #shopify-section-app-deal-of-month .price {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0 !important;
  }

  /* Remove arrows & extra height */
  #shopify-section-app-deal-of-month .slider-button,
  #shopify-section-app-deal-of-month .swiper-button-prev,
  #shopify-section-app-deal-of-month .swiper-button-next {
    display: none !important;
  }

  /* Kill elongation bugs */
  #shopify-section-app-deal-of-month * {
    min-height: unset !important;
  }
}
/* END_SECTION:app-deal-of-month */

/* START_SECTION:app-fashion-banner (INDEX:4, SCOPED:FALSE) */
.clip-diagonal {
    clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .sub-sph-fashion-banner{
  }
@media (max-width: 749px) {
  .clip-diagonal {
    clip-path: none !important;
  }

  .absolute {
    position: static !important;
  }

  .flex {
    flex-direction: column !important;
  }
}
/* END_SECTION:app-fashion-banner */

/* START_SECTION:app-featured-card (INDEX:5, SCOPED:FALSE) */
.sph-features-section {
  padding: 40px 0;
}

.sph-features-container {
  max-width: 1400px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  justify-content: center;
}

.sph-feature-card {
  background: #f4f5f7;
  padding: 35px 20px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sph-feature-card .sph-icon {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

.sph-feature-card .sph-icon svg {
  width: 50%;
  height: 50%;
  object-fit: contain;
}

.sph-feature-card h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.sph-feature-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.4;
}

@media (max-width: 1100px) {
  .sph-features-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {

  /* Proper mobile side spacing */
  .sph-features-section {
    padding: 20px 12px;
  }

  /* 2 cards per row */
  .sph-features-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  /* Compact professional card */
  .sph-feature-card {
    padding: 14px 10px;
    height: 140px;               /* fixed height */
  }

  /* Smaller icon */
  .sph-feature-card .sph-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 6px;
  }

  .sph-feature-card .sph-icon svg {
    width: 22px;
    height: 22px;
  }

  /* Text sizing */
  .sph-feature-card h4 {
    font-size: 13px;
    margin-bottom: 4px;
  }

  /* Limit description (prevents elongation) */
  .sph-feature-card p {
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

}
/* END_SECTION:app-featured-card */

/* START_SECTION:app-instagram-follower-grid (INDEX:7, SCOPED:FALSE) */
.instagram-section {
  width: 100%;
  padding: 60px;
  text-align: center;
}

.insta-container {
  max-width: 1400px;
  margin: auto;
}

.insta-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 8px;
}

.insta-subtitle {
  color: #555;
  margin-bottom: 32px;
}

/* Horizontal Scroll */
.insta-scroll-wrapper {
  overflow-x: auto;
  padding-bottom: 10px;
}

.insta-scroll {
  display: flex;
  gap: 18px;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  padding: 12px 0;
}

.insta-scroll::-webkit-scrollbar {
  display: none;
}

.insta-item {
  flex: 0 0 auto;
  width: 260px;
  height: auto;
  scroll-snap-align: start;
  border-radius: 12px;
}

.insta-item img {
  width: 100%;
  border-radius: 12px;
  object-fit: contain;
}

  width: 80%;
  background: #ddd;
  height: 6px;
  border-radius: 20px;
  margin: 30px auto;
  overflow: hidden;
}

  
  height: 100%;
  width: 0%;
  background: linear-gradient(to right, #ff5f6d, #ffc371);
  border-radius: 20px;
}

/* Instagram Button */
.insta-btn-wrapper {
  margin-top: 20px;
}

.insta-btn {
  display: inline-block;
  padding: 14px 34px;
  border-radius: 40px;
  background: linear-gradient(to right, #e57e00, #e57e00);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}
/* MOBILE FIX – Instagram Scroll Gallery */
@media (max-width: 768px) {

  /* Section spacing */
  .instagram-section {
    padding: 32px 16px;
  }

  .insta-container {
    max-width: 100%;
  }

  /* Headings */
  .insta-title {
    font-size: 24px;
  }

  .insta-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }

  /* Scroll wrapper */
.insta-scroll-wrapper {
  overflow-x: auto;
  padding-left: 16px;
  padding-right: 8px;
}
  .insta-scroll {
    padding: 0 16px;
    gap: 14px;
  }

  /* Cards */
  .insta-item {
    width: 72vw;
    max-width: 280px;
    border-radius: 14px;
  }

  .insta-item img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  /* Progress bar */
  .progress-wrapper {
    width: 100%;
    margin: 18px auto 0;
    height: 4px;
  }

  /* Button */
  .insta-btn {
    font-size: 16px;
    padding: 12px 28px;
  }
}
/* END_SECTION:app-instagram-follower-grid */

/* START_SECTION:app-news-letter-cta (INDEX:9, SCOPED:FALSE) */
.newsletter-hero {
  width: 100%;
  padding: 80px 20px;
  position: relative;
}

.newsletter-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  position: relative;
}

.newsletter-img img {
  height: 500px;
  object-fit: contain;
}

.newsletter-content {
  max-width: 650px;
  text-align: center;
}

.newsletter-content h2 {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #3a4a5a;
}

.newsletter-content p {
  color: #717b8a;
  line-height: 1.6;
  margin-bottom: 35px;
}

.newsletter-box {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
  margin-bottom: 25px;
}

.newsletter-box input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  color: #777;
}

.newsletter-btn {
  background: #d26e00;
  color: white;
  border: none;
  padding: 14px 30px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.newsletter-btn:hover {
  background: #b65f00;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .newsletter-wrapper {
    flex-direction: column;
  }
  .newsletter-img img {
    height: 350px;
  }
}
    order: 2;
    text-align: center;
  }
@media (max-width: 768px) {

  .newsletter-hero {
    padding: 35px 15px;
  }

  .newsletter-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  /* SHOW ONLY LEFT IMAGE */
  .right-img {
    display: none;
  }

  .left-img {
    width: 100%;
    display: flex;
    justify-content: center;
    order: 1;
  }

  .newsletter-img img {
    height: 200px;
  }

  /* CONTENT */
  .newsletter-content {
    width: 100%;
    order: 2;
    text-align: center;
  }

  .newsletter-content h2 {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .newsletter-content p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .newsletter-box {
    padding: 12px;
    margin-bottom: 12px;
  }

  .newsletter-btn {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .right-img {
    display: none;
  }
}
@media (max-width: 768px) {
  .newsletter-hero {
    padding-top: 10px;
    padding-bottom: 30px;
  }
}
/* END_SECTION:app-news-letter-cta */

/* START_SECTION:app-rating (INDEX:11, SCOPED:FALSE) */
.stats-section {
  padding: 40px 0;
  background: #f8f9fb;
}

.stats-container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  text-align: center;
}

.stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.stats-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f7eee4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-icon svg {
  width: 28px;
  height: 28px;
  stroke: #d48c1a;
}

.stats-number {
  font-size: 32px;
  font-weight: 700;
  color: #0e152c;
  margin: 0;
}

.stats-label {
  font-size: 16px;
  color: #4f5a6b;
  margin: 0;
}

@media (max-width: 768px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 480px) {
  .stats-container {
    grid-template-columns: repeat(2, 2fr);
    gap: 16px;
  }

  .stats-number {
    font-size: 20px;
  }

  .stats-label {
    font-size: 12px;
  }

  .stats-icon {
    width: 48px;
    height: 48px;
  }

  .stats-icon svg {
    width: 22px;
    height: 22px;
  }
}
/* END_SECTION:app-rating */

/* START_SECTION:app-whatourclientsays (INDEX:13, SCOPED:FALSE) */
.testimonial-scroll-section {
  padding-top: 60px;
  padding-bottom: 10px; /* reduced */
}
.container {
  max-width: 1500px;
  margin: auto;
  padding: 0 ;
}

.testimonial-heading {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
}

/* Horizontal scroll wrapper */
.testimonial-wrapper {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  padding-bottom: 15px;
  scroll-snap-type: x mandatory;
}

.testimonial-wrapper::-webkit-scrollbar {
  display: none;
}

/* Card */
.testimonial-card {
  min-width: 420px;
  max-width: 420px;
  background: white;
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  scroll-snap-align: start;
}

/* Top bar */
.testimonial-top {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 18px 18px 0 0;
}

/* Avatar */
.testimonial-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

/* User name + role */
.testimonial-name {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.testimonial-role {
  font-size: 14px;
  opacity: 0.8;
  margin: 0;
}

/* Quote */
.testimonial-text {
  padding: 22px;
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}
/* MOBILE FIX – prevent testimonial cropping */
@media (max-width: 768px) {

  .testimonial-wrapper {
    overflow-x: auto;
    overflow-y: visible;   /* key fix */
    padding-bottom: 20px;
  }

  .testimonial-card {
    min-width: 85vw;       /* instead of 420px */
    max-width: 85vw;
    height: auto;
  }

  .testimonial-text {
    overflow: visible;
    word-break: break-word;
  }
}
/* MOBILE POLISH – professional testimonial look */
@media (max-width: 768px) {

  .testimonial-wrapper {
    gap: 16px;
    padding-left: 10px;
    scroll-padding-left: 10px;
  }

  .testimonial-card {
    min-width: 88%;
    max-width: 88%;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
  }

  .testimonial-top {
    padding: 14px;
  }

  .testimonial-avatar {
    width: 46px;
    height: 46px;
  }

  .testimonial-name {
    font-size: 16px;
  }

  .testimonial-role {
    font-size: 13px;
  }

  .testimonial-text {
    font-size: 15px;
    line-height: 1.55;
    padding: 18px;
    color: #333;
  }
}
/* Reduce side gap for testimonials section */
#shopify-section-testimonials,
.testimonials,
.testimonials-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Make cards stretch closer to edges */
.testimonials .page-width {
  max-width: 100% !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
/* Remove left-right gap for Testimonials section on desktop */
@media (min-width: 1024px) {
  .testimonials,
  .testimonials-section,
  .testimonial-wrapper,
  .testimonial-container,
  .page-width:has(.testimonials) {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ===== TESTIMONIAL SCROLL DESKTOP EDGE FIX ===== */
@media (min-width: 990px) {

  .testimonial-scroll-section,
  .testimonial-wrapper {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  /* Ensure cards don't stick to edges */
  .testimonial-card {
    margin-right: 24px;
  }
}
/* ===== TESTIMONIAL SCROLLBAR DESKTOP ONLY ===== */
@media (min-width: 990px) {

  .testimonial-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden;
    padding-bottom: 12px; /* space for scrollbar */
    scrollbar-width: thin; /* Firefox */
  }

  /* Chrome, Edge, Safari */
  .testimonial-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  
  .testimonial-wrapper::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
  }

  .testimonial-wrapper::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
  }

  .testimonial-wrapper::-webkit-scrollbar-thumb:hover {
    background: #666;
  }
}
/* Hide testimonial scrollbar */
.testimonial-wrapper {
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE */
}

.testimonial-wrapper::-webkit-scrollbar {
  display: none;                /* Chrome, Safari */
}
/* END_SECTION:app-whatourclientsays */

/* START_SECTION:featured-blog (INDEX:26, SCOPED:FALSE) */
.sph-blog-container{
    display: flex !important;
 }
 @media screen and (max-width: 749px) {
  .blog {
    display: none !important;
  }
}
/* END_SECTION:featured-blog */

/* START_SECTION:featured-collection (INDEX:27, SCOPED:FALSE) */
.sph-header-prod-ctn-slide-btn{
    justify-content: space-between !important;
    align-items: center !important;
  }
}
/* END_SECTION:featured-collection */

/* START_SECTION:footer (INDEX:29, SCOPED:FALSE) */
@media (min-width: 990px) {        
  /* desktop only */        
}        
  .custom-footer {        
    background: #d37e0c;        
    color: white;        
    padding: 60px 5%;        
    font-family: sans-serif;        
  }        
  .footer-container {        
    display: grid;        
    grid-template-columns: repeat(5, 1fr);        
    gap: 40px;        
    margin-bottom: 40px;        
  }        
  .footer-col ul {        
    list-style: none;        
    padding: 0;        
    margin: 0;        
  }        
  .footer-col ul li {        
    margin-bottom: 10px;        
  }        
  .footer-col ul li a {        
    color: white;        
    text-decoration: none;        
    opacity: 0.9;        
  }        
  .footer-col ul li a:hover {        
    opacity: 1;        
  }        
  .footer-title {        
    font-size: 18px;        
    font-weight: 700;        
    margin-bottom: 15px;        
    color: white;        
  }        
  .footer-logo {        
    width: 180px;        
    margin-bottom: 15px;        
  }        
  .tagline {        
    margin-top: 10px;        
  }        
  .desc {        
    margin: 15px 0;        
    line-height: 1.4;        
  }        
  .motto {        
    margin-top: 10px;        
    font-weight: bold;        
  }        
  .newsletter-form input {        
    width: 100%;        
    padding: 12px;        
    border: none;        
    border-radius: 6px;        
    margin-top: 10px;        
    font-size: 16px;        
  }        
  .footer-socials a {        
    color: white;        
    font-size: 22px;        
    margin-right: 12px;        
  }        
  .footer-bottom {        
    border-top: 1px solid rgba(255, 255, 255, 0.4);        
    padding-top: 20px;        
    display: flex;        
    gap: 30px;        
  }        
  .footer-bottom a {        
    color: white;        
    text-decoration: none;        
  }        
  @media (max-width: 900px) {        
    .footer-container {        
      grid-template-columns: 1fr 1fr;        
    }        
  }        
  @media (max-width: 600px) {        
    .footer-container {        
      grid-template-columns: 1fr;        
    }        
  }        
  /* =========================        
   MOBILE FOOTER GRID FIX        
   ========================= */        
@media (max-width: 749px) {        
  .footer-container {        
    grid-template-columns: 1fr 1fr;        
    gap: 16px;        
  }        
  /* Brand – full width */        
  .footer-brand {        
    grid-column: 1 / -1;        
    text-align: center;        
  }        
  /* Quick + More – same row */        
  .footer-quick {        
    grid-column: 1 / 2;        
  }        
  .footer-more {        
    grid-column: 2 / 3;        
  }        
  /* Contact – full width */        
  .footer-contact {        
    grid-column: 1 / -1;        
    text-align: center;        
  }        
  /* Stay in touch – full width */        
  .footer-stay {        
    grid-column: 1 / -1;        
    text-align: center;        
  }        
  /* Compact footer */        
  .custom-footer {        
    padding: 30px 16px;        
  }        
  .footer-title {        
    font-size: 14px;        
    margin-bottom: 6px;        
  }        
  .footer-col ul li {        
    margin-bottom: 6px;        
  }        
  .newsletter-form input {        
    padding: 8px;        
    font-size: 14px;        
  }        
}        
.newsletter-form button {        
  width: 100%;        
  margin-top: 10px;        
  padding: 12px;        
  background: #000;        
  color: #fff;        
  border: none;        
  border-radius: 6px;        
  font-size: 16px;        
  cursor: pointer;        
}        
.newsletter-form button:hover {        
  background: #222;        
}        
.newsletter-field {        
  display: flex;        
  flex-direction: column;        
  gap: 10px;        
}        
.newsletter-btn {        
  padding: 12px;        
  background: #000;        
  color: #fff;        
  border: none;        
  border-radius: 6px;        
  font-size: 16px;        
  cursor: pointer;        
}        
.newsletter-success {        
  color: green;        
  margin-top: 8px;        
  font-size: 14px;        
}        
.newsletter-error {        
  color: red;        
  margin-top: 8px;        
  font-size: 14px;        
}        
.newsletter-form input[type="email"] {        
  color: #000;                 /* typed text */        
  background-color: #fff;      /* input background */        
}        
.newsletter-form input::placeholder {        
  color: #999;                 /* placeholder text */        
}        
.newsletter-form button,        
.newsletter-form input[type="submit"] {        
  padding: 5% 1px;      /* smaller button */        
  font-size: 14px;       /* reduce text size */        
  min-height: auto;        
  border-radius: 6px;    /* keep it clean */        
}        
.newsletter-form button {        
  height: auto !important;        
  line-height: normal;        
}        
.newsletter-form button,        
.newsletter-form input[type="submit"] {        
  width: 120px;          /* adjust: 90px / 100px / 110px */        
  padding: 8px 0;        
  font-size: 14px;        
}        
/* =========================        
   FIX EXTRA SPACE BELOW SEND BUTTON (MOBILE ONLY)        
   ========================= */        
@media (max-width: 749px) {        
  /* Remove extra bottom space from newsletter section */        
  .footer-stay {        
    margin-bottom: 0 !important;        
    padding-bottom: 0 !important;        
  }        
  .newsletter-form {        
    margin-bottom: 0 !important;        
    padding-bottom: 0 !important;        
  }        
  .newsletter-form form {        
    margin-bottom: 0 !important;        
  }        
  /* Reduce space below send button */        
  .newsletter-form button {        
    margin-bottom: 0 !important;        
  }        
  /* Reduce footer bottom gap */        
  .footer-bottom {        
    margin-top: 10px !important;        
    padding-top: 10px !important;        
  }        
  /* Overall footer spacing */        
  .custom-footer {        
    padding-bottom: 20px !important;        
  }        
}        
.footer-container {        
  margin-bottom: 0 !important;        
}        
/* Center footer logo horizontally (mobile only) */        
@media (max-width: 768px) {        
  .footer-brand {        
    display: flex;        
    flex-direction: column;        
    align-items: center;        
    text-align: center;        
  }        
  .footer-logo {        
    margin-left: auto;        
    margin-right: auto;        
    display: block;        
  }        
}        
@media (max-width: 768px) {        
  .newsletter-form {        
    display: flex;        
    flex-direction: column;        
    align-items: center;        
  }        
  .newsletter-form button,        
  .newsletter-form input[type="submit"] {        
    margin: 10px auto 0 auto;        
    display: block;        
  }        
}        
/* =========================        
   MOBILE: Newsletter input full width + tight spacing        
   ========================= */        
@media (max-width: 749px) {        
  /* Make newsletter area full width */        
  .footer-stay,        
  .newsletter-form,        
  .newsletter-field {        
    width: 100%;        
  }        
  /* Input full width till edges */        
  .newsletter-form input[type="email"] {        
    width: 100% !important;        
    margin-top: 0 !important;        
  }        
  /* Reduce gap between input and button */        
  .newsletter-field {        
    gap: 6px !important;        
  }        
}        
/* MOBILE: remove space below Send button */        
@media (max-width: 749px) {        
  /* Kill button bottom spacing */        
  .newsletter-form button,        
  .newsletter-form input[type="submit"] {        
    margin-bottom: 0 !important;        
  }        
  /* Remove extra space added by form wrapper */        
  .newsletter-form {        
    margin-bottom: 0 !important;        
    padding-bottom: 0 !important;        
  }        
  /* Reduce space before footer-bottom */        
  .footer-stay {        
    padding-bottom: 0 !important;        
    margin-bottom: 0 !important;        
  }        
  /* Tighten footer bottom separation */        
  .footer-bottom {        
    margin-top: 8px !important;        
    padding-top: 8px !important;        
  }        
}        
@media (max-width: 749px) {        
  .newsletter-form button,        
  .newsletter-form input[type="submit"] {        
    margin-bottom: 0 !important;        
    padding-bottom: 10px; /* reduce if you want even less */        
  }        
}  
/* =========================  
   DESKTOP: Move social icons to right of T&C  
   ========================= */  
@media (min-width: 990px) {  
  .custom-footer {  
    position: relative;  
  }  
  .footer-bottom {  
    padding-right: 180px; /* space for icons */  
  }  
  .footer-stay .footer-socials {  
    position: absolute;  
    right: 5%;  
    bottom: 50px;  
    display: flex;  
    gap: 14px;  
  }  
}  
.footer-payment {  
  position: absolute;  
  left: 50%;  
  bottom: 150px;  
}  
.payment-title {  
  color: #fff;  
  font-size: 16px;  
  font-weight: 600;  
  margin-bottom: 10px;  
}  
.payment-icons {  
  display: flex;  
  gap: 10px;  
  flex-wrap: wrap;  
}  
.payment-icons img {  
  height: 32px;  
  background: #fff;  
  padding: 4px 6px;  
  border-radius: 4px;  
}  
.payment-icons {  
  display: flex;  
  gap: 10px;  
  flex-wrap: wrap;  
  align-items: center; /* ensures all icons align vertically */  
}  
.payment-icons img {  
  height: 32px;        /* all icons same height */  
  width: auto;          /* maintain aspect ratio */  
  object-fit: contain;  /* ensures image fits in height */  
  background: #fff;       
  padding: 4px 6px;  
  border-radius: 4px;  
}  
@media (max-width: 989px) {
  .footer-payment {
    position: relative;
    left: 5%;
    transform: none;
    bottom: auto;
    margin-top: 20px;
    text-align: center;
  }
}
/* =========================
   MOBILE: PROFESSIONAL FOOTER SPACING
   ========================= */
@media (max-width: 749px) {

  /* Newsletter form spacing */
  .newsletter-form {
    margin-top: 16px !important;
  }

  .newsletter-field {
    gap: 10px !important;
  }

  .newsletter-form input[type="email"] {
    padding: 12px !important;
    font-size: 15px;
  }

  .newsletter-form button {
    margin-top: 6px !important;
    padding: 10px 0 !important;
  }

  /* ===== Payment section ===== */
  .footer-payment {
    margin-top: 30px !important;
  }

  .payment-title {
    margin-bottom: 14px !important;
    font-size: 15px;
    left: 40%;
  }


  /* ===== Social icons ===== */
  .footer-socials {
    margin-top: 26px !important;
  }

  .footer-socials a {
    font-size: 22px;
    margin: 0 7px;
  }

  /* Footer bottom (legal links) */
  .footer-bottom {
    margin-top: 20px !important;
    padding-top: 16px !important;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 13px;
  }
}
/* MOBILE ONLY – slight left shift for payment title */
@media (max-width: 989px) {
  .payment-title {
    text-align: center;
    position: relative;
    left: -10px; /* tweak: -4px to -10px */
  }
}
/* END_SECTION:footer */

/* START_SECTION:main-collection-product-grid (INDEX:42, SCOPED:FALSE) */
.sph-products-ctn-2{
   display: flex !important;
  gap: 10px;
   flex-wrap: wrap;
  }
  /* Increase spacing between product cards – SAFE */
@media (min-width: 990px) {
  .grid--4-col-desktop > .grid__item {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }
}
/* =====================================================
   MOBILE ONLY – INCREASE SPACE BETWEEN PRODUCT CARDS
   ===================================================== */
@media (max-width: 749px) {

  /* Increase horizontal spacing between cards */
  .sph-products-ctn-2 {
    gap: 16px !important; /* controls spacing between cards */
  }

  /* Make cards slightly narrower to create breathing space */
  .sph-products-ctn-2 > .grid__item {
    flex: 0 0 46% !important;
    max-width: 46% !important;
  }

  /* Remove unwanted internal padding */
  .grid__item {
    padding-left: 10px !important;
    padding-right: 0 !important;
  }

  /* Optional: reduce vertical stacking gap */
  .grid__item:not(:last-child) {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 749px) {
  .card__heading,
  .card__heading a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    max-height: calc(1.4em * 3) !important;
  }
}
/* END_SECTION:main-collection-product-grid */

/* START_SECTION:main-product (INDEX:49, SCOPED:FALSE) */
.sph-product-details-ctn{
  display:flex !important;
  justify-content:space-between !important;
}

.sph-add-to-card-btn{
  background:red !important;
  border-radius:10px !important;
  border:none !important;
}
/* ================================
   MOBILE: Move thumbnails below image
   Desktop NOT affected
================================ */
@media (max-width: 767px) {

  /* Parent wrapper of image + thumbnails */
  .product-gallery,
  .product__media-wrapper,
  .flex.md\:flex-col.gap-3.md\:w-28 {
    flex-direction: column !important;
  }

  /* Thumbnail container */
  .flex.md\:flex-col.gap-3.md\:w-28 {
    order: 2;
    width: 100% !important;
    justify-content: center;
    padding-top: 12px;
  }

  /* Main product image container */
  .product-main-image,
  .product__media {
    order: 1;
  }

  /* Individual thumbnails */
  .thumb-item {
    width: 64px !important;
    height: 64px !important;
  }
}
@media (max-width: 767px) {

  /* Parent wrapper */
  .product-gallery,
  .product__media-wrapper {
    flex-direction: column !important;
  }

  /* Thumbnail container – FORCE horizontal row */
  .flex.md\:flex-col.gap-3.md\:w-28 {
    order: 2;
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;   /* 👈 key */
    flex-wrap: nowrap !important;     /* 👈 key */

    overflow-x: auto !important;
    overflow-y: hidden;
    gap: 10px;
    padding-top: 12px;
    justify-content: flex-start;
  }

  /* Individual thumbnails */
  .thumb-item {
    flex: 0 0 auto !important;         /* 👈 key */
    width: 64px !important;
    height: 64px !important;
  }

  /* Main product image */
  .product-main-image,
  .product__media {
    order: 1;
  }

  /* Optional: hide scrollbar */
  .flex.md\:flex-col.gap-3.md\:w-28::-webkit-scrollbar {
    display: none;
  }
}
/* END_SECTION:main-product */

/* START_SECTION:multicolumn (INDEX:53, SCOPED:FALSE) */
.sph-header-prod-ctn-slide-btn{
    justify-content: space-between !important;
    align-items: center !important;
  }
}
/* END_SECTION:multicolumn */

/* START_SECTION:related-products (INDEX:62, SCOPED:FALSE) */
/* ===============================
   FIX UNEVEN RELATED PRODUCT CARDS
   (Dawn / card-product)
================================ */

/* Make each grid item stretch equally */
.related-products .grid__item {
  height: 100%;
}

/* Make card fill full height */
.related-products .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Content area flexible */
.related-products .card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Title: clamp to 2 lines */
.related-products .card__heading {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em; /* equal title height */
}

/* Reserve space for rating (even if hidden) */
.related-products .rating {
  min-height: 18px;
}

/* Push price to bottom */
.related-products .price {
  margin-top: auto;
}
/* Restore grid width */
.similar-sph-products {
  width: 100%;
}

/* Ensure 2 columns on mobile */
@media (max-width: 749px) {
  .similar-sph-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ===== FORCE 4 COLUMN GRID (DESKTOP) ===== */
@media screen and (min-width: 990px) {
  .related-products .product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem;
  }
}
/* END_SECTION:related-products */

/* START_SECTION:swipe (INDEX:65, SCOPED:FALSE) */
.sph-header-prod-ctn-slide-btn{
    justify-content: space-between !important;
    align-items: center !important;
  }
}
/* END_SECTION:swipe */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:article-card (INDEX:103, SCOPED:FALSE) */
.sph-blog-cont{
    background-color: red !important;
    display: flex !important;
    justify-content: space-between !important;
    flex:row !important
  }
/* END_SNIPPET:article-card */

/* START_SNIPPET:buy-buttons (INDEX:104, SCOPED:FALSE) */
.sph-button-addd-to-cart{
    background-color: #D68010 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px;
    text-align: center !important;
    padding: 1rem;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
/* END_SNIPPET:buy-buttons */