/** Shopify CDN: Minification failed

Line 16:0 All "@import" rules must come first
Line 1383:13 Expected identifier but found whitespace
Line 1383:14 Unexpected "linear-gradient("
Line 1816:1 Unexpected ";"

**/
/* ── Breadcrumb: hide on all pages ── */
.breadcrumb { display: none !important; }
/* 
  Modern Vibe - Premium UI System
  Targeting home page sections for a high-end, "app-like" aesthetic.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-border: rgba(0, 0, 0, 0.05);
  --glass-blur: blur(15px);
  --premium-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08);
  --forest-green: #0f2d1e;
  --text-main: #1a1a1a;
  --accent-glow: 0 0 30px rgba(15, 45, 30, 0.05);
  --mesh-color-1: #ffffff;
  --mesh-color-2: #f8fcf9;
  --font-main: "Neue Montreal", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- Global Font Override --- */
* {
  font-family: var(--font-main) !important;
}


/* --- Animated Light Mesh Background --- */
body {
  background-color: var(--mesh-color-1) !important;
  background-image:
    radial-gradient(at 0% 0%, rgba(15, 45, 30, 0.03) 0, transparent 50%),
    radial-gradient(at 50% 0%, rgba(240, 245, 242, 0.5) 0, transparent 50%),
    radial-gradient(at 100% 0%, rgba(15, 45, 30, 0.03) 0, transparent 50%);
  background-attachment: fixed;
  position: relative;
  overflow-x: hidden;
  color: var(--text-main);
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.03;
  pointer-events: none;
  z-index: 1;
}

/* --- Mouse Follow Glow (Light Version) --- */
.mouse-glow {
  position: fixed;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(15, 45, 30, 0.04) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  transform: translate(-50%, -50%);
  mix-blend-mode: multiply;
}

/* --- Staggered Entrance Animations (Reveal on Scroll) --- */
/* Initial State: Hidden and shifted down */
[data-section-name] .slider__slide,
[data-section-name] .popular-categories,
[data-section-name] .grid>div,
.brands .grid>div,
.popular-categories .popular-categories {
  opacity: 0 !important;
  transform: translateY(120px) !important;
  transition: opacity 1s ease, transform 1s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform, opacity;
}

/* Active State: Revealed when .reveal class is added by JS */
.reveal .slider__slide,
.reveal .popular-categories,
.reveal .grid>div,
.reveal.brands .grid>div,
.reveal.popular-categories .popular-categories {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* Staggered Delay for clear 1-by-1 effect */
.reveal .slider__slide:nth-child(1),
.reveal .grid>div:nth-child(1),
.reveal .popular-categories:nth-child(1) {
  transition-delay: 0.1s !important;
}

.reveal .slider__slide:nth-child(2),
.reveal .grid>div:nth-child(2),
.reveal .popular-categories:nth-child(2) {
  transition-delay: 0.3s !important;
}

.reveal .slider__slide:nth-child(3),
.reveal .grid>div:nth-child(3),
.reveal .popular-categories:nth-child(3) {
  transition-delay: 0.5s !important;
}

.reveal .slider__slide:nth-child(4),
.reveal .grid>div:nth-child(4),
.reveal .popular-categories:nth-child(4) {
  transition-delay: 0.7s !important;
}

.reveal .slider__slide:nth-child(5),
.reveal .grid>div:nth-child(5),
.reveal .popular-categories:nth-child(5) {
  transition-delay: 0.9s !important;
}

.reveal .slider__slide:nth-child(6),
.reveal .grid>div:nth-child(6),
.reveal .popular-categories:nth-child(6) {
  transition-delay: 1.1s !important;
}



/* --- Brands: Balanced Cards --- */
.brands .image-hover-scaling__image {
  background: #ffffff !important;
  border-radius: 20px !important;
  /* Balanced radius */
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  transition: all 0.4s ease;
}

.brands .image-hover-scaling__image img {
  border-radius: 20px !important;
}

.brands .hover-area:hover .image-hover-scaling__image {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* --- Popular Categories: Reference Image Design --- */
.vertical-categories-wrapper {
  padding: 60px 0;
  background-color: #f9f9f9;
}

.category-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid #f0f0f0;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.category-card__image-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
}

.category-card__image-box.placeholder {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.category-card:hover .category-card__img {
  transform: scale(1.08);
}

.category-card__info {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.category-card__header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.category-card__icon-box {
  width: 40px;
  height: 40px;
  background: #fff5ed;
  /* Light orange tint from image */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.category-card__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a;
  margin: 0 !important;
  font-family: serif !important;
  /* Matches the serif look in image */
}

.category-card__divider {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  margin-bottom: 20px;
}

.category-card__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.category-card__item {
  position: relative;
}

.category-card__link {
  font-size: 14px;
  color: #4a4a4a !important;
  text-decoration: none !important;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.category-card__link:hover {
  color: #d48344 !important;
  /* Accent color from image */
}

.chevron-icon {
  color: #d48344;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}

.category-card__footer {
  margin-top: 25px;
  padding-top: 15px;
}

.category-card__see-all {
  font-size: 14px;
  font-weight: 700;
  color: #d48344 !important;
  text-decoration: none !important;
  border-bottom: 2px solid #d48344;
  padding-bottom: 2px;
  transition: opacity 0.2s ease;
}

.category-card__see-all:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .category-card__info {
    padding: 20px;
  }

  .category-card__title {
    font-size: 18px !important;
  }
}

/* --- Slider ke niche brands section: modern redesign --- */
[data-section-name="brands"] {
  margin-top: 6px;
}

[data-section-name="brands"] .page-width,
[data-section-name="brands"] .page-wide,
[data-section-name="brands"] .page-fullwidth {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid rgba(15, 86, 164, 0.10);
  border-radius: 0 0 24px 24px;
  padding: 18px 14px 22px;
}

[data-section-name="brands"] .section-heading {
  margin-bottom: 6px;
}

[data-section-name="brands"] slider-component.grid {
  margin-top: 12px !important;
  row-gap: 14px;
}

[data-section-name="brands"] .grid>[class*="col-"] .hover-area {
  background: #ffffff;
  border: 1px solid rgba(15, 86, 164, 0.12);
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  transition: transform 320ms ease, box-shadow 320ms ease, border-color 320ms ease;
  animation: brandsCardIn 680ms ease both;
}

[data-section-name="brands"] .grid>[class*="col-"]:nth-child(2) .hover-area {
  animation-delay: 90ms;
}

[data-section-name="brands"] .grid>[class*="col-"]:nth-child(3) .hover-area {
  animation-delay: 180ms;
}

[data-section-name="brands"] .grid>[class*="col-"]:nth-child(4) .hover-area {
  animation-delay: 270ms;
}

[data-section-name="brands"] .grid>[class*="col-"]:nth-child(5) .hover-area {
  animation-delay: 360ms;
}

[data-section-name="brands"] .grid>[class*="col-"]:nth-child(6) .hover-area {
  animation-delay: 450ms;
}

[data-section-name="brands"] .grid>[class*="col-"] .hover-area:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
  border-color: rgba(15, 86, 164, 0.28);
}

[data-section-name="brands"] .image-hover-scaling__image {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none;
  border: none !important;
}

[data-section-name="brands"] .image-hover-scaling__image img {
  transition: transform 700ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

[data-section-name="brands"] .hover-area:hover .image-hover-scaling__image img {
  transform: scale(1.06);
}

@keyframes brandsCardIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {

  [data-section-name="brands"] .page-width,
  [data-section-name="brands"] .page-wide,
  [data-section-name="brands"] .page-fullwidth {
    border-radius: 0 0 16px 16px;
    padding: 14px 10px 16px;
  }

  [data-section-name="brands"] slider-component.grid {
    margin-top: 8px !important;
    row-gap: 10px;
  }

  [data-section-name="brands"] .grid>[class*="col-"] .hover-area {
    border-radius: 12px;
    padding: 8px;
  }

  [data-section-name="brands"] .image-hover-scaling__image {
    border-radius: 10px !important;
  }
}

/* --- Brands ke niche shop-the-feed: modern redesign --- */
[data-section-name="shop-the-feed"] {
  margin-top: 14px;
}

/* Cards ke beech ka gap kam karo */
[data-section-name="shop-the-feed"] .grid {
  --page-padding: 10px !important;
}

[data-section-name="shop-the-feed"] .grid > [class*="col-"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

[data-section-name="shop-the-feed"] .page-width,
[data-section-name="shop-the-feed"] .page-wide,
[data-section-name="shop-the-feed"] .page-fullwidth {
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
  border: 1px solid rgba(15, 86, 164, 0.12);
  border-radius: 22px;
  padding: 18px 14px 24px;
  box-shadow: none;
}

[data-section-name="shop-the-feed"] .section-heading {
  margin-bottom: 8px;
}

[data-section-name="shop-the-feed"] .heading--mb {
  margin-bottom: 14px;
}

[data-section-name="shop-the-feed"] .heading--mb .col-st-12 {
  max-width: 760px;
}

[data-section-name="shop-the-feed"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(15, 86, 164, 0.10);
  color: #0f56a4 !important;
  font-size: 11px !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700 !important;
}

[data-section-name="shop-the-feed"] .heading--mb .subheading::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0f56a4;
  box-shadow: 0 0 0 6px rgba(15, 86, 164, 0.18);
}

[data-section-name="shop-the-feed"] .heading--mb h2 {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #102036 !important;
  text-wrap: balance;
}

[data-section-name="shop-the-feed"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 94px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #0f56a4 0%, #3f8efc 100%);
}

[data-section-name="shop-the-feed"] .text-center .subheading {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="shop-the-feed"] .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="shop-the-feed"] .heading--mb .subheading,
[data-section-name="shop-the-feed"] .heading--mb h2 {
  animation: feedHeadingIn 800ms ease both;
}

[data-section-name="shop-the-feed"] .heading--mb h2 {
  animation-delay: 120ms;
}

@keyframes feedHeadingIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-section-name="shop-the-feed"] .shop-the-feed-items slider-component.grid {
  margin-top: 14px !important;
  row-gap: 16px;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] {
  animation: feedCardIn 700ms ease both;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:nth-child(2) {
  animation-delay: 100ms;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:nth-child(3) {
  animation-delay: 200ms;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:nth-child(4) {
  animation-delay: 300ms;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:nth-child(5) {
  animation-delay: 400ms;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .shop-the-feed-item,
[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .product-card {
  border-radius: 12px !important;
  border: 1px solid #e8e8e8 !important;
  overflow: visible !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Overlay only covers video, not info panel below */
[data-section-name="shop-the-feed"] .shop-the-feed__overlay {
  bottom: auto !important;
  height: calc(100% - 90px) !important;
  top: 0 !important;
  z-index: 0 !important;
}

/* section-media-buttons-parent white bg */
[data-section-name="shop-the-feed"] .section-media-buttons-parent {
  background: #ffffff !important;
}

/* Instagram / TikTok icons hide */
[data-section-name="shop-the-feed"] .shop-the-feed__media-buttons,
[data-section-name="shop-the-feed"] .section-media-buttons-parent .shop-the-feed__media-buttons {
  display: none !important;
}

/* stf-info-panel force white */
.stf-info-panel,
[data-section-name="shop-the-feed"] .stf-info-panel {
  background: #ffffff !important;
}

/* Video area — portrait ratio like reels */
[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .image-hover-scaling__box {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .image-hover-scaling__image img,
[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] video {
  width: 100% !important;
  object-fit: cover !important;
}

[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:hover .shop-the-feed-item,
[data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"]:hover .product-card {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06) !important;
}

[data-section-name="shop-the-feed"] .shop-the-feed__media-buttons__button {
  border-radius: 999px !important;
  background: rgba(12, 26, 48, 0.70) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(6px);
}

[data-section-name="shop-the-feed"] .shop-the-feed__media-buttons__button svg path {
  fill: #ffffff;
}

/* Modern product bottom panel — glassmorphism */
/* Product thumbnail — inside video, bottom-left */
[data-section-name="shop-the-feed"] .shop-the-feed__product {
  position: absolute !important;
  left: 10px !important;
  bottom: 74px !important;
  right: auto !important;
  top: auto !important;
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  z-index: 2 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}

.stf-thumb-link { display: block; width: 56px; height: 56px; }
.stf-thumb-img { width: 56px !important; height: 56px !important; object-fit: contain; padding: 4px; display: block; }

/* Info panel — below video, white bg */
.stf-info-panel {
  background: #ffffff !important;
  padding: 8px 10px 10px;
  border-radius: 0 0 12px 12px;
}

[data-section-name="shop-the-feed"] .stf-info-panel,
[data-section-name="shop-the-feed"] .section-media-buttons-parent .stf-info-panel {
  background: #ffffff !important;
}

.stf-info-panel .badge__container { margin-bottom: 3px; }
.stf-info-panel .badge { font-size: 9px; font-weight: 600; padding: 2px 7px; border-radius: 999px; }
.stf-info-panel .badge--sold_out { display: none !important; }

.stf-info-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  line-height: 1.3;
  margin: 0 0 3px;
}
.stf-info-name:hover { color: #333; text-decoration: none; }

.stf-info-price { display: flex; flex-direction: column; gap: 1px; }
.stf-price-compare { font-size: 11px; color: #999; text-decoration: line-through; font-weight: 400; }
.stf-price-sale { font-size: 12px; color: #555; font-weight: 500; }
.stf-price-regular { font-size: 12px; color: #111; font-weight: 600; }

@media (max-width: 1024px) {
  [data-section-name="shop-the-feed"] .shop-the-feed__product {
    padding: 10px 12px 12px !important;
    border-radius: 0 0 12px 12px !important;
  }

  [data-section-name="shop-the-feed"] .shop-the-feed__product .product-card__heading {
    font-size: 12px !important;
  }

  [data-section-name="shop-the-feed"] .shop-the-feed__product .price__regular,
  [data-section-name="shop-the-feed"] .shop-the-feed__product .price__main-color {
    font-size: 13px !important;
  }
}

@keyframes feedCardIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  [data-section-name="shop-the-feed"] {
    margin-top: 10px;
  }

  [data-section-name="shop-the-feed"] .page-width,
  [data-section-name="shop-the-feed"] .page-wide,
  [data-section-name="shop-the-feed"] .page-fullwidth {
    border-radius: 14px;
    padding: 14px 10px 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  [data-section-name="shop-the-feed"] .shop-the-feed-items slider-component.grid {
    margin-top: 10px !important;
    row-gap: 10px;
  }

  [data-section-name="shop-the-feed"] .heading--mb {
    margin-bottom: 10px;
  }

  [data-section-name="shop-the-feed"] .heading--mb .subheading {
    font-size: 11px !important;
    padding: 5px 10px;
  }

  [data-section-name="shop-the-feed"] .heading--mb h2 {
    margin-top: 8px !important;
    font-size: clamp(22px, 6.2vw, 32px) !important;
  }

  [data-section-name="shop-the-feed"] .heading--mb h2::after {
    width: 76px;
    height: 3px;
    margin-top: 8px;
  }

  [data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .shop-the-feed-item,
  [data-section-name="shop-the-feed"] .shop-the-feed-items .grid>[class*="col-"] .product-card {
    border-radius: 12px !important;
  }
}

/* Popular Categories — image only, hide all text */
[data-section-name="popular-categories"] .category-card__info {
  display: none !important;
}

/* Image fills full card, no extra space */
[data-section-name="popular-categories"] .category-card {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  background: transparent !important;
}

[data-section-name="popular-categories"] .category-card__image-box {
  aspect-ratio: 4/3 !important;
  border-radius: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

[data-section-name="popular-categories"] .category-card__image-box .image-hover-scaling__image {
  border-radius: 12px !important;
  overflow: hidden !important;
  height: 100% !important;
}

[data-section-name="popular-categories"] .category-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Each col full width in grid */
[data-section-name="popular-categories"] .grid.justify-content-center {
  gap: 5px !important;
  row-gap: 5px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

[data-section-name="popular-categories"] .grid.justify-content-center > [class*="col-"] {
  padding: 0 !important;
  width: calc(33.333% - 8px) !important;
  max-width: calc(33.333% - 8px) !important;
  flex: 0 0 calc(33.333% - 8px) !important;
}

[data-section-name="popular-categories"] .category-card__image-box {
  aspect-ratio: 12/9 !important;
  border-radius: 10px !important;
  width: 100% !important;
}

[data-section-name="popular-categories"] .category-card__image-box .image-hover-scaling__image {
  border-radius: 10px !important;
  overflow: hidden !important;
  height: 100% !important;
}

[data-section-name="popular-categories"] .category-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block !important;
}
[data-section-name="popular-categories"] {
  margin-top: 14px;
}

[data-section-name="popular-categories"] .page-width,
[data-section-name="popular-categories"] .page-wide,
[data-section-name="popular-categories"] .page-fullwidth {
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
  border: 1px solid rgba(15, 86, 164, 0.12);
  border-radius: 22px;
  padding: 18px 14px 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

[data-section-name="popular-categories"] .heading--mb {
  margin-bottom: 14px;
}

[data-section-name="popular-categories"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700 !important;
  color: #0f56a4 !important;
  background: rgba(15, 86, 164, 0.10);
}

[data-section-name="popular-categories"] .heading--mb .subheading::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0f56a4;
  box-shadow: 0 0 0 6px rgba(15, 86, 164, 0.18);
}

[data-section-name="popular-categories"] .heading--mb h2 {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  line-height: 1.12;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #102036 !important;
}

[data-section-name="popular-categories"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 94px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #0f56a4 0%, #3f8efc 100%);
}

[data-section-name="popular-categories"] .heading--mb .subheading,
[data-section-name="popular-categories"] .heading--mb h2 {
  animation: feedHeadingIn 800ms ease both;
}

[data-section-name="popular-categories"] .heading--mb h2 {
  animation-delay: 120ms;
}

[data-section-name="popular-categories"] .text-center .subheading {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="popular-categories"] .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="popular-categories"] .grid.justify-content-center {
  row-gap: 14px;
}

[data-section-name="popular-categories"] .category-card {
  border-radius: 16px;
  border: 1px solid rgba(15, 86, 164, 0.12);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  transition: transform 320ms ease, box-shadow 320ms ease, border-color 320ms ease;
  animation: popCatIn 680ms ease both;
}

[data-section-name="popular-categories"] .grid.justify-content-center>[class*="col-"]:nth-child(2) .category-card {
  animation-delay: 100ms;
}

[data-section-name="popular-categories"] .grid.justify-content-center>[class*="col-"]:nth-child(3) .category-card {
  animation-delay: 200ms;
}

[data-section-name="popular-categories"] .category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
  border-color: rgba(15, 86, 164, 0.28);
}

[data-section-name="popular-categories"] .category-card__image-box {
  aspect-ratio: 4 / 3;
  border-bottom: 1px solid rgba(15, 86, 164, 0.08);
}

[data-section-name="popular-categories"] .category-card__info {
  padding: 18px;
}

[data-section-name="popular-categories"] .category-card__title {
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.2;
  color: #12243d !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

[data-section-name="popular-categories"] .category-card__link {
  font-size: 14px;
  line-height: 1.45;
}

[data-section-name="popular-categories"] .category-card__footer {
  margin-top: 18px;
}

[data-section-name="popular-categories"] .category-card__see-all {
  border-bottom-width: 1px;
}

@keyframes popCatIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  [data-section-name="popular-categories"] {
    margin-top: 10px;
  }

  [data-section-name="popular-categories"] .page-width,
  [data-section-name="popular-categories"] .page-wide,
  [data-section-name="popular-categories"] .page-fullwidth {
    border-radius: 14px;
    padding: 14px 10px 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  [data-section-name="popular-categories"] .heading--mb {
    margin-bottom: 10px;
  }

  [data-section-name="popular-categories"] .heading--mb h2 {
    margin-top: 8px !important;
    font-size: clamp(22px, 6.2vw, 32px) !important;
  }

  [data-section-name="popular-categories"] .heading--mb h2::after {
    width: 76px;
    height: 3px;
    margin-top: 8px;
  }

  [data-section-name="popular-categories"] .grid.justify-content-center {
    row-gap: 10px;
  }

  [data-section-name="popular-categories"] .category-card {
    border-radius: 12px;
  }

  [data-section-name="popular-categories"] .category-card__image-box {
    aspect-ratio: 16 / 11;
  }

  [data-section-name="popular-categories"] .category-card__info {
    padding: 14px;
  }

  [data-section-name="popular-categories"] .category-card__title {
    font-size: 18px !important;
  }

  [data-section-name="popular-categories"] .category-card__link {
    font-size: 13px;
  }
}

/* --- Popular Categories ke niche Featured Collection redesign --- */
[data-section-name="featured-collection"] {
  margin-top: 14px;
}

[data-section-name="featured-collection"] .page-width,
[data-section-name="featured-collection"] .page-wide,
[data-section-name="featured-collection"] .page-fullwidth {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  border: 1px solid rgba(15, 86, 164, 0.12);
  border-radius: 22px;
  padding: 18px 14px 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

[data-section-name="featured-collection"] .heading--mb {
  margin-bottom: 14px;
}

[data-section-name="featured-collection"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700 !important;
  color: #0f56a4 !important;
  background: rgba(15, 86, 164, 0.10);
}

[data-section-name="featured-collection"] .heading--mb .subheading::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0f56a4;
  box-shadow: 0 0 0 6px rgba(15, 86, 164, 0.18);
}

[data-section-name="featured-collection"] .heading--mb h2 {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  line-height: 1.12;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #102036 !important;
}

[data-section-name="featured-collection"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 94px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #0f56a4 0%, #3f8efc 100%);
}

[data-section-name="featured-collection"] .text-center .subheading {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="featured-collection"] .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid {
  margin-top: 12px !important;
  row-gap: 14px;
}

/* Force 6 per row on desktop */
@media (min-width: 1025px) {
  [data-section-name="featured-collection"] .col-md-4.col-2 {
    max-width: 16.666666% !important;
    flex: 0 0 16.666666% !important;
  }
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"] {
  animation: featuredCardIn 680ms ease both;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"]:nth-child(2) {
  animation-delay: 90ms;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"]:nth-child(3) {
  animation-delay: 180ms;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"]:nth-child(4) {
  animation-delay: 270ms;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"]:nth-child(5) {
  animation-delay: 360ms;
}

[data-section-name="featured-collection"] .featured-collection-items slider-component.grid>[class*="col-"]:nth-child(6) {
  animation-delay: 450ms;
}

[data-section-name="featured-collection"] .product-card--modern {
  border: 1px solid rgba(15, 86, 164, 0.12);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

/* ═══════════════════════════════════════════════════════════════
   Product Recommendations (You May Also Like) - Modern Design
   ═══════════════════════════════════════════════════════════════ */

/* Target the page-width container inside product-recommendations */
#shopify-section-product-recommendations .page-width,
#shopify-section-product-recommendations .page-wide,
#shopify-section-product-recommendations .page-fullwidth,
product-recommendations .page-width,
product-recommendations .page-wide,
product-recommendations .page-fullwidth {
  background: linear-gradient(160deg, #ffffff 0%, #f4f8ff 100%) !important;
  border: 1px solid rgba(15, 86, 164, 0.10) !important;
  border-radius: 24px !important;
  padding: 32px 28px 40px !important;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.07) !important;
}

/* Section heading */
#shopify-section-product-recommendations .section-heading h2,
product-recommendations .section-heading h2 {
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #102036 !important;
}

#shopify-section-product-recommendations .section-heading h2::after,
product-recommendations .section-heading h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1a5276 0%, #2e86c1 100%);
}

#shopify-section-product-recommendations .text-center h2::after,
product-recommendations .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

/* Grid gap */
#shopify-section-product-recommendations slider-component.grid,
product-recommendations slider-component.grid {
  gap: 18px !important;
  row-gap: 18px !important;
}

/* ── Product Card ── */
#shopify-section-product-recommendations .product-card,
product-recommendations .product-card {
  background: #ffffff !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.32s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

#shopify-section-product-recommendations .product-card:hover,
product-recommendations .product-card:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.13) !important;
  border-color: rgba(15, 86, 164, 0.22) !important;
}

/* Image wrapper */
#shopify-section-product-recommendations .product-card__image,
#shopify-section-product-recommendations .image-hover-scaling__image,
product-recommendations .product-card__image,
product-recommendations .image-hover-scaling__image {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f5f7fa !important;
}

#shopify-section-product-recommendations .product-card__image img,
#shopify-section-product-recommendations .image-hover-scaling__image img,
product-recommendations .product-card__image img,
product-recommendations .image-hover-scaling__image img {
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

#shopify-section-product-recommendations .product-card:hover .product-card__image img,
#shopify-section-product-recommendations .product-card:hover .image-hover-scaling__image img,
product-recommendations .product-card:hover .product-card__image img,
product-recommendations .product-card:hover .image-hover-scaling__image img {
  transform: scale(1.07) !important;
}

/* Info area */
#shopify-section-product-recommendations .product-card__container,
product-recommendations .product-card__container {
  padding: 16px 14px 18px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Product name */
#shopify-section-product-recommendations .product-card__heading,
product-recommendations .product-card__heading {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #1a1a2e !important;
  transition: color 0.2s ease !important;
}

#shopify-section-product-recommendations .product-card__heading:hover,
product-recommendations .product-card__heading:hover {
  color: #1a5276 !important;
}

/* Price */
#shopify-section-product-recommendations .price-item--regular,
product-recommendations .price-item--regular {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

#shopify-section-product-recommendations .price-item--sale,
product-recommendations .price-item--sale {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #c0392b !important;
}

#shopify-section-product-recommendations .price-item--compare,
product-recommendations .price-item--compare {
  font-size: 13px !important;
  color: #aaa !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Badges */
#shopify-section-product-recommendations .badge__container,
product-recommendations .badge__container {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

#shopify-section-product-recommendations .badge,
product-recommendations .badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Staggered card entrance animation */
#shopify-section-product-recommendations .col-sp-6:nth-child(1) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(1) .product-card,
product-recommendations .col-sp-6:nth-child(1) .product-card,
product-recommendations .col-sp-12:nth-child(1) .product-card { animation: recCardIn 0.55s ease both 0.05s; }

#shopify-section-product-recommendations .col-sp-6:nth-child(2) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(2) .product-card,
product-recommendations .col-sp-6:nth-child(2) .product-card,
product-recommendations .col-sp-12:nth-child(2) .product-card { animation: recCardIn 0.55s ease both 0.15s; }

#shopify-section-product-recommendations .col-sp-6:nth-child(3) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(3) .product-card,
product-recommendations .col-sp-6:nth-child(3) .product-card,
product-recommendations .col-sp-12:nth-child(3) .product-card { animation: recCardIn 0.55s ease both 0.25s; }

#shopify-section-product-recommendations .col-sp-6:nth-child(4) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(4) .product-card,
product-recommendations .col-sp-6:nth-child(4) .product-card,
product-recommendations .col-sp-12:nth-child(4) .product-card { animation: recCardIn 0.55s ease both 0.35s; }

#shopify-section-product-recommendations .col-sp-6:nth-child(5) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(5) .product-card,
product-recommendations .col-sp-6:nth-child(5) .product-card,
product-recommendations .col-sp-12:nth-child(5) .product-card { animation: recCardIn 0.55s ease both 0.45s; }

#shopify-section-product-recommendations .col-sp-6:nth-child(6) .product-card,
#shopify-section-product-recommendations .col-sp-12:nth-child(6) .product-card,
product-recommendations .col-sp-6:nth-child(6) .product-card,
product-recommendations .col-sp-12:nth-child(6) .product-card { animation: recCardIn 0.55s ease both 0.55s; }

@keyframes recCardIn {
  from { opacity: 0; transform: translateY(28px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── Mobile ── */
@media (max-width: 1024px) {
  #shopify-section-product-recommendations .page-width,
  #shopify-section-product-recommendations .page-wide,
  #shopify-section-product-recommendations .page-fullwidth,
  product-recommendations .page-width,
  product-recommendations .page-wide,
  product-recommendations .page-fullwidth {
    border-radius: 18px !important;
    padding: 24px 16px 28px !important;
  }

  #shopify-section-product-recommendations .section-heading h2,
  product-recommendations .section-heading h2 {
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }

  #shopify-section-product-recommendations slider-component.grid,
  product-recommendations slider-component.grid {
    gap: 12px !important;
    row-gap: 12px !important;
  }

  #shopify-section-product-recommendations .product-card,
  product-recommendations .product-card {
    border-radius: 14px !important;
  }

  #shopify-section-product-recommendations .product-card__image,
  #shopify-section-product-recommendations .image-hover-scaling__image,
  product-recommendations .product-card__image,
  product-recommendations .image-hover-scaling__image {
    border-radius: 14px 14px 0 0 !important;
  }

  #shopify-section-product-recommendations .product-card__container,
  product-recommendations .product-card__container {
    padding: 12px 10px 14px !important;
  }
}
  background: linear-gradient(160deg, #ffffff 0%, #f4f8ff 100%) !important;
  border: 1px solid rgba(15, 86, 164, 0.10) !important;
  border-radius: 24px !important;
  padding: 32px 28px 40px !important;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.07) !important;
}

/* Section heading */
product-recommendations .section-heading h2,
[id^="featured-collection-"] .section-heading h2 {
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #102036 !important;
}

product-recommendations .section-heading h2::after,
[id^="featured-collection-"] .section-heading h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1a5276 0%, #2e86c1 100%);
}

product-recommendations .text-center h2::after,
[id^="featured-collection-"] .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

/* Grid gap */
product-recommendations slider-component.grid,
[id^="featured-collection-"] slider-component.grid {
  gap: 18px !important;
  row-gap: 18px !important;
}

/* ── Product Card ── */
product-recommendations .product-card,
[id^="featured-collection-"] .product-card {
  background: #ffffff !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.32s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

product-recommendations .product-card:hover,
[id^="featured-collection-"] .product-card:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.13) !important;
  border-color: rgba(15, 86, 164, 0.22) !important;
}

/* Image wrapper */
product-recommendations .product-card__image,
product-recommendations .image-hover-scaling__image,
[id^="featured-collection-"] .product-card__image,
[id^="featured-collection-"] .image-hover-scaling__image {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f5f7fa !important;
}

product-recommendations .product-card__image img,
product-recommendations .image-hover-scaling__image img,
[id^="featured-collection-"] .product-card__image img,
[id^="featured-collection-"] .image-hover-scaling__image img {
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

product-recommendations .product-card:hover .product-card__image img,
product-recommendations .product-card:hover .image-hover-scaling__image img,
[id^="featured-collection-"] .product-card:hover .product-card__image img,
[id^="featured-collection-"] .product-card:hover .image-hover-scaling__image img {
  transform: scale(1.07) !important;
}

/* Info area */
product-recommendations .product-card__container,
[id^="featured-collection-"] .product-card__container {
  padding: 16px 14px 18px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Product name */
product-recommendations .product-card__heading,
[id^="featured-collection-"] .product-card__heading {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #1a1a2e !important;
  transition: color 0.2s ease !important;
}

product-recommendations .product-card__heading:hover,
[id^="featured-collection-"] .product-card__heading:hover {
  color: #1a5276 !important;
}

/* Price */
product-recommendations .price-item--regular,
[id^="featured-collection-"] .price-item--regular {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

product-recommendations .price-item--sale,
[id^="featured-collection-"] .price-item--sale {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #c0392b !important;
}

product-recommendations .price-item--compare,
[id^="featured-collection-"] .price-item--compare {
  font-size: 13px !important;
  color: #aaa !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Badges */
product-recommendations .badge__container,
[id^="featured-collection-"] .badge__container {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

product-recommendations .badge,
[id^="featured-collection-"] .badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Staggered card entrance animation */
product-recommendations .col-sp-6:nth-child(1) .product-card,
product-recommendations .col-sp-12:nth-child(1) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(1) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(1) .product-card { animation: recCardIn 0.55s ease both 0.05s; }

product-recommendations .col-sp-6:nth-child(2) .product-card,
product-recommendations .col-sp-12:nth-child(2) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(2) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(2) .product-card { animation: recCardIn 0.55s ease both 0.15s; }

product-recommendations .col-sp-6:nth-child(3) .product-card,
product-recommendations .col-sp-12:nth-child(3) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(3) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(3) .product-card { animation: recCardIn 0.55s ease both 0.25s; }

product-recommendations .col-sp-6:nth-child(4) .product-card,
product-recommendations .col-sp-12:nth-child(4) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(4) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(4) .product-card { animation: recCardIn 0.55s ease both 0.35s; }

product-recommendations .col-sp-6:nth-child(5) .product-card,
product-recommendations .col-sp-12:nth-child(5) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(5) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(5) .product-card { animation: recCardIn 0.55s ease both 0.45s; }

product-recommendations .col-sp-6:nth-child(6) .product-card,
product-recommendations .col-sp-12:nth-child(6) .product-card,
[id^="featured-collection-"] .col-sp-6:nth-child(6) .product-card,
[id^="featured-collection-"] .col-sp-12:nth-child(6) .product-card { animation: recCardIn 0.55s ease both 0.55s; }

@keyframes recCardIn {
  from { opacity: 0; transform: translateY(28px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── Mobile ── */
@media (max-width: 1024px) {
  product-recommendations .page-width,
  product-recommendations .page-wide,
  product-recommendations .page-fullwidth,
  [id^="featured-collection-"] .page-width,
  [id^="featured-collection-"] .page-wide,
  [id^="featured-collection-"] .page-fullwidth {
    border-radius: 18px !important;
    padding: 24px 16px 28px !important;
  }

  product-recommendations .section-heading h2,
  [id^="featured-collection-"] .section-heading h2 {
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }

  product-recommendations slider-component.grid,
  [id^="featured-collection-"] slider-component.grid {
    gap: 12px !important;
    row-gap: 12px !important;
  }

  product-recommendations .product-card,
  [id^="featured-collection-"] .product-card {
    border-radius: 14px !important;
  }

  product-recommendations .product-card__image,
  product-recommendations .image-hover-scaling__image,
  [id^="featured-collection-"] .product-card__image,
  [id^="featured-collection-"] .image-hover-scaling__image {
    border-radius: 14px 14px 0 0 !important;
  }

  product-recommendations .product-card__container,
  [id^="featured-collection-"] .product-card__container {
    padding: 12px 10px 14px !important;
  }
}

/* Section heading */
product-recommendations .section-heading {
  margin-bottom: 28px;
}

product-recommendations .section-heading h2 {
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #102036 !important;
  position: relative;
  display: inline-block;
}

product-recommendations .section-heading h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #1a5276 0%, #2e86c1 100%);
}

product-recommendations .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

/* Grid gap */
product-recommendations slider-component.grid {
  gap: 18px !important;
  row-gap: 18px !important;
}

/* ── Product Card ── */
product-recommendations .product-card {
  background: #ffffff !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.32s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

product-recommendations .product-card:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.13) !important;
  border-color: rgba(15, 86, 164, 0.22) !important;
}

/* Image wrapper */
product-recommendations .product-card__image,
product-recommendations .image-hover-scaling__image {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f5f7fa !important;
}

product-recommendations .product-card__image img,
product-recommendations .image-hover-scaling__image img {
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

product-recommendations .product-card:hover .product-card__image img,
product-recommendations .product-card:hover .image-hover-scaling__image img {
  transform: scale(1.07) !important;
}

/* Info area */
product-recommendations .product-card__container {
  padding: 16px 14px 18px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Product name */
product-recommendations .product-card__heading {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #1a1a2e !important;
  transition: color 0.2s ease !important;
}

product-recommendations .product-card__heading:hover {
  color: #1a5276 !important;
}

/* Price */
product-recommendations .price__container {
  margin-top: 4px !important;
}

product-recommendations .price-item--regular {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

product-recommendations .price-item--sale {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #c0392b !important;
}

product-recommendations .price-item--compare {
  font-size: 13px !important;
  color: #aaa !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Badges */
product-recommendations .badge__container {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

product-recommendations .badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Quickview button */
product-recommendations .btn--quickview,
product-recommendations .quick-add__submit {
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  transition: all 0.25s ease !important;
}

/* Staggered card entrance animation */
product-recommendations .col-sp-6:nth-child(1) .product-card,
product-recommendations .col-sp-12:nth-child(1) .product-card { animation: recCardIn 0.55s ease both 0.05s; }
product-recommendations .col-sp-6:nth-child(2) .product-card,
product-recommendations .col-sp-12:nth-child(2) .product-card { animation: recCardIn 0.55s ease both 0.15s; }
product-recommendations .col-sp-6:nth-child(3) .product-card,
product-recommendations .col-sp-12:nth-child(3) .product-card { animation: recCardIn 0.55s ease both 0.25s; }
product-recommendations .col-sp-6:nth-child(4) .product-card,
product-recommendations .col-sp-12:nth-child(4) .product-card { animation: recCardIn 0.55s ease both 0.35s; }
product-recommendations .col-sp-6:nth-child(5) .product-card,
product-recommendations .col-sp-12:nth-child(5) .product-card { animation: recCardIn 0.55s ease both 0.45s; }
product-recommendations .col-sp-6:nth-child(6) .product-card,
product-recommendations .col-sp-12:nth-child(6) .product-card { animation: recCardIn 0.55s ease both 0.55s; }

@keyframes recCardIn {
  from { opacity: 0; transform: translateY(28px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── Mobile ── */
@media (max-width: 1024px) {
  product-recommendations .page-width,
  product-recommendations .page-wide,
  product-recommendations .page-fullwidth {
    border-radius: 18px !important;
    padding: 24px 16px 28px !important;
  }

  product-recommendations .section-heading h2 {
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }

  product-recommendations slider-component.grid {
    gap: 12px !important;
    row-gap: 12px !important;
  }

  product-recommendations .product-card {
    border-radius: 14px !important;
  }

  product-recommendations .product-card__image,
  product-recommendations .image-hover-scaling__image {
    border-radius: 14px 14px 0 0 !important;
  }

  product-recommendations .product-card__container {
    padding: 12px 10px 14px !important;
  }
};
  transition: transform 320ms ease, box-shadow 320ms ease, border-color 320ms ease;
}

[data-section-name="featured-collection"] .product-card--modern:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
  border-color: rgba(15, 86, 164, 0.28);
}

[data-section-name="featured-collection"] .product-card--modern .btn--add-to-cart {
  border-radius: 999px;
  min-height: 42px;
}

@keyframes featuredCardIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  [data-section-name="featured-collection"] {
    margin-top: 10px;
  }

  [data-section-name="featured-collection"] .page-width,
  [data-section-name="featured-collection"] .page-wide,
  [data-section-name="featured-collection"] .page-fullwidth {
    border-radius: 14px;
    padding: 14px 10px 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  [data-section-name="featured-collection"] .heading--mb {
    margin-bottom: 10px;
  }

  [data-section-name="featured-collection"] .heading--mb h2 {
    margin-top: 8px !important;
    font-size: clamp(22px, 6.2vw, 32px) !important;
  }

  [data-section-name="featured-collection"] .heading--mb h2::after {
    width: 76px;
    height: 3px;
    margin-top: 8px;
  }

  [data-section-name="featured-collection"] .featured-collection-items slider-component.grid {
    margin-top: 10px !important;
    row-gap: 10px;
  }

  [data-section-name="featured-collection"] .product-card--modern {
    transform: none !important;
  }

  [data-section-name="featured-collection"] .product-card--modern .btn--add-to-cart {
    min-height: 40px;
  }
}

/* Slow and smooth image zoom across redesigned sections */
[data-section-name="brands"] .image-hover-scaling__image img,
[data-section-name="shop-the-feed"] .image-hover-scaling__image img,
[data-section-name="popular-categories"] .category-card__img,
[data-section-name="featured-collection"] .product-card--modern .product-card__image {
  transition: transform 1300ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

[data-section-name="brands"] .hover-area:hover .image-hover-scaling__image img,
[data-section-name="shop-the-feed"] .hover-area:hover .image-hover-scaling__image img,
[data-section-name="popular-categories"] .category-card:hover .category-card__img,
[data-section-name="featured-collection"] .product-card--modern:hover .product-card__image {
  transform: scale(1.04) !important;
}

/* --- Featured Collection ke niche Banners redesign --- */
[data-section-name="banners"] {
  margin-top: 14px;
}

[data-section-name="banners"] .page-width,
[data-section-name="banners"] .page-wide,
[data-section-name="banners"] .page-fullwidth {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  border: 1px solid rgba(15, 86, 164, 0.12);
  border-radius: 22px;
  padding: 18px 14px 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

[data-section-name="banners"] .heading--mb {
  margin-bottom: 14px;
}

[data-section-name="banners"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700 !important;
  color: #0f56a4 !important;
  background: rgba(15, 86, 164, 0.10);
}

[data-section-name="banners"] .heading--mb .subheading::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0f56a4;
  box-shadow: 0 0 0 6px rgba(15, 86, 164, 0.18);
}

[data-section-name="banners"] .heading--mb h2 {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  line-height: 1.12;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #102036 !important;
}

[data-section-name="banners"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 94px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #0f56a4 0%, #3f8efc 100%);
}

[data-section-name="banners"] .text-center .subheading {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="banners"] .text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="banners"] .image-banner__grid {
  row-gap: 14px;
}

[data-section-name="banners"] .image-banner {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15, 86, 164, 0.12);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  transition: transform 320ms ease, box-shadow 320ms ease, border-color 320ms ease;
}

[data-section-name="banners"] .image-banner:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
  border-color: rgba(15, 86, 164, 0.28);
}

[data-section-name="banners"] .image-banner .image-hover-scaling__image {
  border-radius: 0 !important;
}

[data-section-name="banners"] .image-banner .image-hover-scaling__image img {
  transition: transform 1300ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

[data-section-name="banners"] .image-banner:hover .image-hover-scaling__image img {
  transform: scale(1.04) !important;
}

[data-section-name="banners"] .image-banner__content>* {
  max-width: min(620px, 92%);
}

[data-section-name="banners"] .image-banner__content--bg>* {
  border-radius: 14px;
  overflow: hidden;
}

[data-section-name="banners"] .image-banner__buttons .btn {
  min-height: 42px;
  border-radius: 999px;
}

@media (max-width: 1024px) {
  [data-section-name="banners"] {
    margin-top: 10px;
  }

  [data-section-name="banners"] .page-width,
  [data-section-name="banners"] .page-wide,
  [data-section-name="banners"] .page-fullwidth {
    border-radius: 14px;
    padding: 14px 10px 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  }

  [data-section-name="banners"] .heading--mb {
    margin-bottom: 10px;
  }

  [data-section-name="banners"] .heading--mb h2 {
    margin-top: 8px !important;
    font-size: clamp(22px, 6.2vw, 32px) !important;
  }

  [data-section-name="banners"] .heading--mb h2::after {
    width: 76px;
    height: 3px;
    margin-top: 8px;
  }

  [data-section-name="banners"] .image-banner__grid {
    row-gap: 10px;
  }

  [data-section-name="banners"] .image-banner {
    border-radius: 12px;
    transform: none !important;
  }

  [data-section-name="banners"] .image-banner__content--bg>* {
    border-radius: 10px;
  }

  [data-section-name="banners"] .image-banner__buttons .btn {
    min-height: 40px;
    padding: 0 14px;
    font-size: 13px;
  }
}

/* --- Banners ke niche Grid of Products redesign --- */
[data-section-name="grid-of-products"] {
  margin-top: 10px;
}

[data-section-name="grid-of-products"] .page-width,
[data-section-name="grid-of-products"] .page-wide,
[data-section-name="grid-of-products"] .page-fullwidth {
  background: #f3f4f6;
  border-radius: 14px;
  padding: 12px 10px 14px;
}

[data-section-name="grid-of-products"] .heading--mb {
  margin-bottom: 14px;
  text-align: center;
}

[data-section-name="grid-of-products"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto 10px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: linear-gradient(135deg, #ffffff 0%, #f3f7ff 100%);
  color: #334155;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-section-name="grid-of-products"] .heading--mb .subheading::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e 0%, #0f766e 100%);
}

[data-section-name="grid-of-products"] .heading--mb h2 {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  font-size: clamp(24px, 2.7vw, 34px) !important;
  line-height: 1.15;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em;
}

[data-section-name="grid-of-products"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #14b8a6 0%, #2563eb 100%);
}

[data-section-name="grid-of-products"] .grid-of-products__container {
  display: block;
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

[data-section-name="grid-of-products"] .grid-of-products__products {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2px 0;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  /* Fix layout shift — always take full width */
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

[data-section-name="grid-of-products"] .grid-of-products__products::-webkit-scrollbar {
  height: 6px;
}

[data-section-name="grid-of-products"] .grid-of-products__products::-webkit-scrollbar-thumb {
  background: rgba(17, 24, 39, 0.24);
  border-radius: 999px;
}

[data-section-name="grid-of-products"] .grid-of-products__container {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

[data-section-name="grid-of-products"] .grid-of-products__container__heading {
  display: none !important;
}

[data-section-name="grid-of-products"] .grid-of-products__item {
  flex: 0 0 calc((100% - 70px) / 6) !important;
  max-width: calc((100% - 70px) / 6) !important;
  min-width: calc((100% - 70px) / 6) !important;
  scroll-snap-align: start;
}

[data-section-name="grid-of-products"] .grid-of-products__item .product-card {
  height: 100%;
}

[data-section-name="grid-of-products"] .grid-of-products__item .product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.10);
}

[data-section-name="grid-of-products"] .product-card__image {
  border-radius: 12px;
  overflow: hidden;
}

[data-section-name="grid-of-products"] .product-card__heading {
  font-size: 14px;
  line-height: 1.3;
  min-height: 38px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #111827;
}

[data-section-name="grid-of-products"] .price {
  margin-top: 2px !important;
}

[data-section-name="grid-of-products"] .price .price__regular,
[data-section-name="grid-of-products"] .price .price__sale {
  font-size: 12px !important;
}

[data-section-name="grid-of-products"] .price-item,
[data-section-name="grid-of-products"] .price-item--regular,
[data-section-name="grid-of-products"] .price-item--sale,
[data-section-name="grid-of-products"] .price__main-color {
  font-size: 12px !important;
}

[data-section-name="grid-of-products"] .badge {
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  line-height: 1;
}

[data-section-name="grid-of-products"] .btn--add-to-cart {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  background: #0f5b46 !important;
  color: #ffffff !important;
}

[data-section-name="grid-of-products"] .product-card__image img {
  transition: transform 1300ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

[data-section-name="grid-of-products"] .hover-area:hover .product-card__image img {
  transform: scale(1.04) !important;
}

[data-section-name="grid-of-products"] .grid-of-products__link-offset .btn-small {
  border-radius: 999px;
  padding: 6px 12px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: #ffffff;
}

[data-section-name="grid-of-products"] .grid-of-products__link-offset {
  display: none;
}

[data-section-name="grid-of-products"] .grid-of-products__tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.85);
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  scroll-behavior: smooth;
}

[data-section-name="grid-of-products"] .grid-of-products__panel {
  will-change: opacity, transform;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

[data-section-name="grid-of-products"] .grid-of-products__tab {
  border: 1px solid transparent;
  background: transparent;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  transition: all 220ms ease;
  white-space: nowrap;
  cursor: pointer;
}

[data-section-name="grid-of-products"] .grid-of-products__tab.is-active {
  color: #0f172a;
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.20);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.15);
}

[data-section-name="grid-of-products"] .grid-of-products__tab:hover {
  color: #0f172a;
}

@media (max-width: 1024px) {
  [data-section-name="grid-of-products"] {
    margin-top: 8px;
  }

  [data-section-name="grid-of-products"] .page-width,
  [data-section-name="grid-of-products"] .page-wide,
  [data-section-name="grid-of-products"] .page-fullwidth {
    border-radius: 10px;
    padding: 10px 8px 12px;
  }

  [data-section-name="grid-of-products"] .heading--mb {
    margin-bottom: 10px;
  }

  [data-section-name="grid-of-products"] .heading--mb h2 {
    margin-top: 4px !important;
    font-size: clamp(21px, 6vw, 27px) !important;
  }

  [data-section-name="grid-of-products"] .heading--mb .subheading {
    margin-bottom: 8px;
    padding: 6px 12px;
    font-size: 11px;
  }

  [data-section-name="grid-of-products"] .grid-of-products__tabs {
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 5px;
    border-radius: 12px;
    margin-bottom: 10px;
  }

  [data-section-name="grid-of-products"] .grid-of-products__tab {
    font-size: 13px;
    flex: 0 0 auto;
    padding: 8px 12px;
  }

  [data-section-name="grid-of-products"] .grid-of-products__products {
    gap: 10px;
  }

  [data-section-name="grid-of-products"] .grid-of-products__item {
    flex: 0 0 calc((100% - 30px) / 3) !important;
    min-width: calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
  }

  [data-section-name="grid-of-products"] .product-card__heading {
    font-size: 12px;
    min-height: 32px;
  }

  [data-section-name="grid-of-products"] .price .price__regular,
  [data-section-name="grid-of-products"] .price .price__sale {
    font-size: 11px;
  }

  [data-section-name="grid-of-products"] .btn--add-to-cart {
    min-height: 34px;
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  [data-section-name="grid-of-products"] .grid-of-products__item {
    flex: 0 0 calc((100% - 10px) / 2) !important;
    min-width: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
  }
}

/* --- Grid of Products ke niche Icon Banners (Popular Services) redesign --- */
[data-section-name="icon-banners"] {
  margin-top: 14px;
}

[data-section-name="icon-banners"] .page-width,
[data-section-name="icon-banners"] .page-wide,
[data-section-name="icon-banners"] .page-fullwidth {
  background:
    radial-gradient(140% 120% at 12% 8%, rgba(37, 99, 235, 0.28) 0%, rgba(15, 23, 42, 0) 42%),
    radial-gradient(120% 100% at 100% 0%, rgba(168, 85, 247, 0.16) 0%, rgba(15, 23, 42, 0) 40%),
    linear-gradient(180deg, #0b1225 0%, #0f1d3b 100%);
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 22px;
  padding: 22px 16px 26px;
  box-shadow: 0 20px 40px rgba(2, 8, 23, 0.42);
}

[data-section-name="icon-banners"] .heading--mb {
  margin-bottom: 18px;
  text-align: center;
}

[data-section-name="icon-banners"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto 10px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(96, 165, 250, 0.25);
  background: rgba(37, 99, 235, 0.12);
  color: #4ea5ff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-section-name="icon-banners"] .heading--mb .subheading::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ea5ff;
  box-shadow: 0 0 10px rgba(78, 165, 255, 0.6);
}

[data-section-name="icon-banners"] .heading--mb h2 {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  color: #f8fafc !important;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.12;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

[data-section-name="icon-banners"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 94px;
  height: 4px;
  border-radius: 999px;
  margin: 12px auto 0;
  background: linear-gradient(90deg, #2563eb 0%, #3f8efc 100%);
}

[data-section-name="icon-banners"] .heading--mb.text-center .subheading,
[data-section-name="icon-banners"] .heading--mb.text-center h2 {
  text-align: center;
}

[data-section-name="icon-banners"] .grid-container {
  row-gap: 14px;
}

[data-section-name="icon-banners"] .icon-banners {
  min-height: 128px;
  border-radius: 16px;
  border: 1px solid rgba(96, 165, 250, 0.20);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.66) 0%, rgba(15, 23, 42, 0.84) 100%);
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.16), 0 10px 24px rgba(2, 8, 23, 0.34);
  padding: 18px;
  display: block;
  transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
  position: relative;
  overflow: hidden;
}

[data-section-name="icon-banners"] .icon-banners::before {
  display: none !important;
}

[data-section-name="icon-banners"] .icon-banners:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.22), 0 16px 30px rgba(2, 8, 23, 0.45);
  border-color: rgba(96, 165, 250, 0.42);
}

[data-section-name="icon-banners"] .icon-banners__icon {
  margin: 0 !important;
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.34) 0%, rgba(139, 92, 246, 0.24) 100%);
  border: 1px solid rgba(96, 165, 250, 0.30);
  box-shadow: 0 8px 14px rgba(30, 64, 175, 0.20);
}

[data-section-name="icon-banners"] .icon-banners__icon img,
[data-section-name="icon-banners"] .icon-banners__icon svg {
  width: 60px;
  height: 60px;
  object-fit: contain;
  filter: brightness(1.35);
  display: block;
}

/* Ensure the first child (main icon) is visible, overriding base CSS that hides it for animation */
[data-section-name="icon-banners"] .icon-banners__icon>*:first-child {
  visibility: visible !important;
  opacity: 1 !important;
}

[data-section-name="icon-banners"] .icon-banners__icon__animation__item {
  display: none !important;
}

[data-section-name="icon-banners"] .icon-banners .icon-banners__icon>*:first-child:not(:last-child) {
  visibility: visible !important;
  opacity: 1 !important;
}

[data-section-name="icon-banners"] .icon-banners .mt--first-child-0 {
  margin-top: 14px;
}

[data-section-name="icon-banners"] .icon-banners__heading {
  margin: 0 !important;
  color: #f8fafc !important;
  opacity: 1 !important;
  font-size: clamp(18px, 1.9vw, 24px) !important;
  line-height: 1.2;
  font-weight: 650 !important;
}

[data-section-name="icon-banners"] .icon-banners__description {
  margin-top: 8px !important;
  color: rgba(203, 213, 225, 0.88) !important;
  opacity: 1 !important;
  font-size: 13px;
  line-height: 1.5;
  max-width: 30ch;
}

[data-section-name="icon-banners"] .icon-banners,
[data-section-name="icon-banners"] .icon-banners * {
  filter: none !important;
}

[data-section-name="icon-banners"] .icon-banners .btn-medium {
  margin-top: 14px;
  width: 100%;
  min-height: 40px;
  border-radius: 9px;
  border: 1px solid rgba(96, 165, 250, 0.48);
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  color: #f8fafc !important;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28);
}

[data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(1) .icon-banners::after,
[data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(2) .icon-banners::after,
[data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(3) .icon-banners::after,
[data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(4) .icon-banners::after {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  padding: 5px 8px;
  border-radius: 999px;
  letter-spacing: 0.03em;
  color: #dbeafe;
  border: 1px solid rgba(96, 165, 250, 0.35);
  background: rgba(37, 99, 235, 0.24);
}

/* [data-section-name="icon-banners"] .grid-container > [class*="col-"]:nth-child(1) .icon-banners::after{ content: "Popular"; }
[data-section-name="icon-banners"] .grid-container > [class*="col-"]:nth-child(2) .icon-banners::after{ content: "Top Pick"; }
[data-section-name="icon-banners"] .grid-container > [class*="col-"]:nth-child(3) .icon-banners::after{ content: "Best Value"; }
[data-section-name="icon-banners"] .grid-container > [class*="col-"]:nth-child(4) .icon-banners::after{ content: "Premium"; } */
[data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(n+5) .icon-banners::after {
  display: none;
}

@media (max-width: 1024px) {

  [data-section-name="icon-banners"] .page-width,
  [data-section-name="icon-banners"] .page-wide,
  [data-section-name="icon-banners"] .page-fullwidth {
    border-radius: 14px;
    padding: 14px 10px 16px;
  }

  [data-section-name="icon-banners"] .heading--mb .subheading {
    font-size: 12px !important;
  }

  [data-section-name="icon-banners"] .heading--mb h2 {
    font-size: clamp(22px, 6.5vw, 30px) !important;
  }

  [data-section-name="icon-banners"] .grid-container {
    row-gap: 10px;
  }

  [data-section-name="icon-banners"] .icon-banners {
    min-height: 96px;
    border-radius: 12px;
    padding: 12px;
  }

  [data-section-name="icon-banners"] .icon-banners__icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  [data-section-name="icon-banners"] .icon-banners__icon img,
  [data-section-name="icon-banners"] .icon-banners__icon svg {
    width: 20px;
    height: 20px;
  }

  [data-section-name="icon-banners"] .icon-banners__heading {
    font-size: 16px !important;
  }

  [data-section-name="icon-banners"] .icon-banners__description {
    font-size: 12px;
  }

  [data-section-name="icon-banners"] .icon-banners .btn-medium {
    min-height: 36px;
    margin-top: 10px;
  }

  [data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(1) .icon-banners::after,
  [data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(2) .icon-banners::after,
  [data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(3) .icon-banners::after,
  [data-section-name="icon-banners"] .grid-container>[class*="col-"]:nth-child(4) .icon-banners::after {
    top: 10px;
    right: 10px;
    font-size: 9px;
    padding: 4px 7px;
  }
}

@media (min-width: 1025px) {
  [data-section-name="icon-banners"] .text-left .icon-banners {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
  }

  [data-section-name="icon-banners"] .text-left .icon-banners .mt--first-child-0 {
    margin-top: 0;
    flex: 1 1 auto;
  }
}

/* --- Accordion (About Our Store) REDESIGN V3 - Clean Modern --- */
[data-section-name="accordion"] {
  margin-top: 18px;
  position: relative;
}

[data-section-name="accordion"] .page-width,
[data-section-name="accordion"] .page-wide,
[data-section-name="accordion"] .page-fullwidth {
  background: linear-gradient(145deg, #f8fbff 0%, #eef4ff 100%);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 20px;
  padding: 30px 18px 34px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

[data-section-name="accordion"] .heading--mb {
  margin-bottom: 18px;
}

[data-section-name="accordion"] .heading--mb .subheading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700 !important;
  color: #1d4ed8 !important;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(37, 99, 235, 0.16);
}

[data-section-name="accordion"] .heading--mb .subheading::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2563eb;
}

[data-section-name="accordion"] .heading--mb h2 {
  margin-top: 10px !important;
  font-size: clamp(28px, 3.3vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #0f172a !important;
  line-height: 1.15;
}

[data-section-name="accordion"] .heading--mb h2::after {
  content: "";
  display: block;
  width: 82px;
  height: 3px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
}

[data-section-name="accordion"] .accordion-supporting-text {
  margin-top: 12px;
  max-width: 640px;
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
}

[data-section-name="accordion"] .text-center .accordion-supporting-text {
  margin-left: auto;
  margin-right: auto;
}

[data-section-name="accordion"] .chm-toggle {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05) !important;
}

[data-section-name="accordion"] .chm-toggle:hover {
  border-color: rgba(37, 99, 235, 0.32) !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12) !important;
  transform: translateY(-2px) !important;
}

[data-section-name="accordion"] .chm-toggle[open] {
  border-color: #2563eb !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
}

[data-section-name="accordion"] .chm-toggle__button {
  padding: 16px 18px !important;
  gap: 12px;
}

[data-section-name="accordion"] .chm-toggle__button::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.22);
  flex-shrink: 0;
  margin-top: 4px;
}

[data-section-name="accordion"] .chm-toggle[open] .chm-toggle__button::before {
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.22);
}

[data-section-name="accordion"] .chm-toggle__button h4,
[data-section-name="accordion"] .chm-toggle__button h5 {
  font-size: 18px !important;
  letter-spacing: -0.01em !important;
  color: #1e293b !important;
  flex-grow: 1;
}

[data-section-name="accordion"] .chm-toggle[open] .chm-toggle__button h4,
[data-section-name="accordion"] .chm-toggle[open] .chm-toggle__button h5 {
  color: #0f56a4 !important;
  font-weight: 700 !important;
}

[data-section-name="accordion"] .chm-toggle__button svg:last-child {
  width: 18px !important;
  height: 18px !important;
  transition: transform 250ms ease !important;
}

[data-section-name="accordion"] .chm-toggle[open] .chm-toggle__button svg:last-child {
  transform: rotate(180deg) !important;
}

[data-section-name="accordion"] .chm-toggle__content {
  padding: 0 18px 0 36px !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  color: #475569 !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 350ms ease, opacity 250ms ease, padding 350ms ease !important;
}

[data-section-name="accordion"] .chm-toggle[open].toggle-opening .chm-toggle__content {
  max-height: var(--scroll-height, 1000px);
  opacity: 1;
  padding: 0 18px 18px 36px !important;
}

[data-section-name="accordion"] .chm-toggle__content p {
  margin-bottom: 12px;
  color: #516173;
}

[data-section-name="accordion"] .chm-toggle__content h2 {
  font-size: 1em !important;
  font-weight: 700 !important;
  color: #0f3f7d !important;
  margin: 20px 0 10px !important;
  padding: 9px 12px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #f1f7ff 100%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

[data-section-name="accordion"] .chm-toggle__content h2::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

[data-section-name="accordion"] .chm-toggle__content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 14px !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 12px;
}

[data-section-name="accordion"] .chm-toggle__content li {
  position: relative;
  padding: 10px 12px 10px 32px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

[data-section-name="accordion"] .chm-toggle__content li:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 18px rgba(37, 99, 235, 0.1);
  transform: translateY(-1px);
}

[data-section-name="accordion"] .chm-toggle__content li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.14);
}

@media (max-width: 1024px) {

  [data-section-name="accordion"] .page-width,
  [data-section-name="accordion"] .page-wide,
  [data-section-name="accordion"] .page-fullwidth {
    border-radius: 14px;
    padding: 22px 12px 24px;
  }

  [data-section-name="accordion"] .heading--mb {
    margin-bottom: 14px;
  }

  [data-section-name="accordion"] .heading--mb h2 {
    font-size: clamp(22px, 6.5vw, 30px) !important;
  }

  [data-section-name="accordion"] .accordion-supporting-text {
    font-size: 14px;
    margin-top: 10px;
  }

  [data-section-name="accordion"] .chm-toggle__button {
    padding: 14px 12px !important;
  }

  [data-section-name="accordion"] .chm-toggle__button h4,
  [data-section-name="accordion"] .chm-toggle__button h5 {
    font-size: 15px !important;
  }

  [data-section-name="accordion"] .chm-toggle__content {
    padding: 0 12px 0 28px !important;
    font-size: 14px !important;
  }

  [data-section-name="accordion"] .chm-toggle[open].toggle-opening .chm-toggle__content {
    padding: 0 12px 14px 28px !important;
  }

  [data-section-name="accordion"] .chm-toggle__content h2 {
    margin-top: 16px !important;
    padding: 8px 10px;
    font-size: 0.95em !important;
  }

  [data-section-name="accordion"] .chm-toggle__content ul {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  [data-section-name="accordion"] .chm-toggle__content li {
    padding: 9px 10px 9px 28px;
  }

  [data-section-name="accordion"] .chm-toggle__content li::before {
    left: 10px;
  }
}

/* --- Footer Group Modern Ecommerce Redesign (Dark Premium) --- */
.shopify-section-group-footer-group {
  background: radial-gradient(120% 120% at 50% -30%, #123b77 0%, #0b2b59 35%, #071734 62%, #040d22 100%);
}

/* Remove ALL top spacing from footer group sections */
.shopify-section-group-footer-group [class*="top-spacing-"] {
  margin-top: 0 !important;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .grid {
  row-gap: 8px;
  column-gap: 12px;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] slider-component.grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] slider-component.grid>[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: unset !important;
  margin-top: 58px !important;
  margin-bottom: 15px !important;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-icons {
  display: block !important;
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 10px 8px 12px;
  min-height: 98px;
  transition: transform 180ms ease, opacity 180ms ease;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-icons:hover {
  transform: translateY(-1px);
  opacity: 1;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__icon {
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin: 0 auto 10px !important;
  border-radius: 8px;
  background: rgba(12, 40, 84, 0.95);
  border: 1px solid rgba(85, 139, 227, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__icon svg {
  width: 18px;
  height: 18px;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__description {
  margin-top: 0 !important;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(206, 224, 252, 0.72);
  max-width: 170px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__description strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.2;
  color: #f4f8ff;
  font-weight: 700;
}

.shopify-section-group-footer-group .footer__softali-theme-dev {
  background: linear-gradient(180deg, rgba(6, 18, 42, 0.96) 0%, rgba(3, 10, 24, 0.98) 100%);
  border-top: 1px solid rgba(131, 169, 231, 0.14);
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer-blocks__container {
  padding: 44px 0 56px;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer-block {
  margin-top: 24px;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__heading {
  color: #edf4ff;
  font-size: 17px;
  font-weight: 700;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__menu li a {
  display: inline-flex;
  padding: 5px 0;
  color: rgba(219, 232, 255, 0.78);
  font-size: 14px;
  transition: color 180ms ease;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__menu li a:hover {
  color: #ffffff;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer-newsletter__box {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field {
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid rgba(84, 128, 198, 0.58);
  background: #162844;
  max-width: 290px;
  min-height: 54px;
  box-shadow: inset 0 0 0 1px rgba(12, 28, 55, 0.35);
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field__input {
  min-height: 50px;
  font-size: 15px;
  color: #dce9ff;
  padding-left: 18px;
  padding-right: 14px;
  background: transparent;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field__button {
  min-width: 58px;
  background: linear-gradient(180deg, #3d8dff 0%, #2b73f7 100%);
  border-left: 1px solid rgba(173, 204, 255, 0.35);
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field__button svg {
  width: 18px;
  height: 18px;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field__input::placeholder {
  color: rgba(174, 194, 224, 0.72);
}

.shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-terms {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(195, 213, 245, 0.74);
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__content-line {
  opacity: 0.16;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__content-bottom {
  padding-top: 18px;
  padding-bottom: 18px;
}

.shopify-section-group-footer-group .footer__softali-theme-dev .footer__copyright,
.shopify-section-group-footer-group .footer__softali-theme-dev .footer__copyright a {
  color: rgba(183, 205, 243, 0.76);
  font-size: 12px;
}

@media (max-width: 1024px) {
  .shopify-section-group-footer-group [data-section-name="text-columns-with-images"] slider-component.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-icons {
    min-height: 0;
    padding: 12px 10px;
  }

  .shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__description strong {
    font-size: 14px;
  }

  .shopify-section-group-footer-group [data-section-name="text-columns-with-images"] .text-columns-img__description {
    font-size: 12px;
  }

  .shopify-section-group-footer-group .footer__softali-theme-dev .footer-blocks__container {
    padding: 30px 0 40px;
  }

  .shopify-section-group-footer-group .footer__softali-theme-dev .footer-block {
    margin-top: 18px;
  }

  .shopify-section-group-footer-group .footer__softali-theme-dev .newsletter-form .field {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .shopify-section-group-footer-group [data-section-name="text-columns-with-images"] slider-component.grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   CART DRAWER — hiffin.com style (overrides reset)
   ============================================================ */

/* Overlay */
.cart-drawer-container {
  background: rgba(0, 0, 0, 0.5);
}

/* ============================================================
   FOOTER — Modern Vibe Style (matches homepage sections)
   ============================================================ */

/* ── Trust bar (text-columns-with-images above footer) ── */
.footer__softali-theme-dev~*,
footer.footer__softali-theme-dev,
.footer-group,
[data-section-type="text-columns-with-images"] {
  font-family: var(--font-main) !important;
}

/* Trust badges section — blue bar above footer */
.text-columns-with-images {
  position: relative;
  overflow: hidden;
}

.text-columns-with-images .section-background {
  background: linear-gradient(135deg, #0a2a6e 0%, #0f56a4 50%, #1a6fc4 100%) !important;
  border-radius: 0 !important;
  position: relative;
}

.text-columns-with-images .section-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.04;
  pointer-events: none;
}

/* ── Main footer wrapper ── */
footer.footer__softali-theme-dev {
  background: linear-gradient(180deg, #0d1f3c 0%, #0a1628 100%) !important;
  position: relative;
  overflow: hidden;
}

footer.footer__softali-theme-dev::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.15) 70%, transparent 100%);
}

/* ── Footer blocks grid ── */
footer.footer__softali-theme-dev .footer-blocks__container {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* ── Footer headings ── */
footer.footer__softali-theme-dev .footer__heading {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-family: var(--font-main) !important;
}

/* ── Footer menu links ── */
footer.footer__softali-theme-dev .footer__menu li a {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.2s, padding-left 0.2s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--font-main) !important;
}

footer.footer__softali-theme-dev .footer__menu li a::before {
  content: "";
  width: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  transition: width 0.25s ease;
  flex-shrink: 0;
}

footer.footer__softali-theme-dev .footer__menu li a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

footer.footer__softali-theme-dev .footer__menu li a:hover::before {
  width: 12px;
}

/* ── Footer text / richtext ── */
footer.footer__softali-theme-dev .footer-block__content {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-family: var(--font-main) !important;
}

footer.footer__softali-theme-dev .footer-block__content p {
  color: rgba(255, 255, 255, 0.65) !important;
}

footer.footer__softali-theme-dev .footer-block__content a {
  color: rgba(255, 255, 255, 0.85) !important;
}

footer.footer__softali-theme-dev .footer-block__content a:hover {
  color: #ffffff !important;
}

/* ── Newsletter box ── */
footer.footer__softali-theme-dev .footer-newsletter__box {
  color: rgba(255, 255, 255, 0.65) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px);
  transition: border-color 0.2s, background 0.2s;
}

footer.footer__softali-theme-dev .newsletter-form .field:focus-within {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field__input {
  color: #ffffff !important;
  background: transparent !important;
  font-family: var(--font-main) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field__label {
  color: rgba(255, 255, 255, 0.45) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field__icon svg path {
  fill: rgba(255, 255, 255, 0.5) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field__button {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 10px 10px 0 !important;
  transition: background 0.2s;
}

footer.footer__softali-theme-dev .newsletter-form .field__button:hover {
  background: rgba(255, 255, 255, 0.22) !important;
}

footer.footer__softali-theme-dev .newsletter-form .field__button svg path {
  fill: #ffffff !important;
}

footer.footer__softali-theme-dev .newsletter-terms {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 11px !important;
  margin-top: 8px !important;
}

footer.footer__softali-theme-dev .newsletter-terms a {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ── Social icons ── */
footer.footer__softali-theme-dev .footer-social__icons li a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s !important;
  opacity: 1 !important;
}

footer.footer__softali-theme-dev .footer-social__icons li a:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-3px) !important;
  opacity: 1 !important;
}

footer.footer__softali-theme-dev .footer-social__icons svg path {
  fill: rgba(255, 255, 255, 0.8) !important;
}

/* ── Divider line ── */
footer.footer__softali-theme-dev .footer__content-line {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* ── Bottom bar ── */
footer.footer__softali-theme-dev .footer__content-bottom {
  padding: 20px 0 !important;
}

footer.footer__softali-theme-dev .footer__copyright {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 12px !important;
  font-family: var(--font-main) !important;
}

footer.footer__softali-theme-dev .footer__copyright a {
  color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: none !important;
}

footer.footer__softali-theme-dev .footer__copyright a:hover {
  color: #ffffff !important;
}

footer.footer__softali-theme-dev .powered_by_link {
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 11px !important;
}

footer.footer__softali-theme-dev .powered_by_link a {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* ── Payment icons ── */
footer.footer__softali-theme-dev .footer__payment .list-payment {
  opacity: 0.75;
  transition: opacity 0.2s;
}

footer.footer__softali-theme-dev .footer__payment .list-payment:hover {
  opacity: 1;
}

/* ── Localization dropdowns ── */
footer.footer__softali-theme-dev .footer__localization .field {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
}

footer.footer__softali-theme-dev .footer__localization .field__input {
  color: rgba(255, 255, 255, 0.8) !important;
}

footer.footer__softali-theme-dev .footer__localization .field__label {
  color: rgba(255, 255, 255, 0.45) !important;
}

footer.footer__softali-theme-dev .footer__localization .field__icon svg path {
  fill: rgba(255, 255, 255, 0.5) !important;
}

footer.footer__softali-theme-dev .disclosure__list {
  background: #0d1f3c !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
}

footer.footer__softali-theme-dev .disclosure__link {
  color: rgba(255, 255, 255, 0.7) !important;
}

footer.footer__softali-theme-dev .disclosure__link:hover {
  color: #ffffff !important;
}

/* ── Logo image in footer ── */
footer.footer__softali-theme-dev .footer-block__content .border__radius img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* ── Entrance animation for footer blocks ── */
footer.footer__softali-theme-dev .footer-block {
  animation: footerBlockIn 700ms ease both;
}

footer.footer__softali-theme-dev .footer-block:nth-child(1) {
  animation-delay: 0ms;
}

footer.footer__softali-theme-dev .footer-block:nth-child(2) {
  animation-delay: 80ms;
}

footer.footer__softali-theme-dev .footer-block:nth-child(3) {
  animation-delay: 160ms;
}

footer.footer__softali-theme-dev .footer-block:nth-child(4) {
  animation-delay: 240ms;
}

footer.footer__softali-theme-dev .footer-block:nth-child(5) {
  animation-delay: 320ms;
}

footer.footer__softali-theme-dev .footer-block:nth-child(6) {
  animation-delay: 400ms;
}

@keyframes footerBlockIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Mobile ── */
@media (max-width: 1024px) {
  footer.footer__softali-theme-dev .footer-blocks__container {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  footer.footer__softali-theme-dev .footer__heading {
    font-size: 12px !important;
  }

  footer.footer__softali-theme-dev .footer__menu li a {
    font-size: 14px !important;
  }

  footer.footer__softali-theme-dev .footer-social__icons li a {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 576px) {
  footer.footer__softali-theme-dev .footer__copyright {
    text-align: center !important;
  }

  footer.footer__softali-theme-dev .footer__content-bottom--right {
    text-align: center !important;
  }

  footer.footer__softali-theme-dev .footer__payment ul {
    justify-content: center !important;
  }
}


/* ============================================================
   /collections PAGE — Modern Design (template-list-collections)
   ============================================================ */

/* Page background */
.template-list-collections main,
.template-list-collections #MainContent {
  background: #f0f2f5 !important;
}

/* ── Hero banner for "Collections" heading ── */
.template-list-collections #collection-list-type1,
.template-list-collections #collection-list-type2 {
  margin-top: 0 !important;
}

/* Kill top-spacing on the section wrapper */
.template-list-collections [class*="top-spacing-"] {
  margin-top: 0 !important;
}

.template-list-collections .heading--mb {
  background: linear-gradient(135deg, #0d1f3c 0%, #0f4c8a 55%, #1565c0 100%);
  margin-bottom: 0 !important;
  padding: 36px 20px !important;
  position: relative;
  overflow: hidden;
  /* Break out of page-width container */
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.template-list-collections .heading--mb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 60% 40%, rgba(255,255,255,0.07) 0%, transparent 65%);
  pointer-events: none;
}

.template-list-collections .heading--mb > * {
  position: relative;
  z-index: 1;
}

/* Page heading inside banner */
.template-list-collections .heading--mb h1 {
  font-family: 'Figtree', var(--font-main), sans-serif !important;
  font-size: clamp(20px, 2.8vw, 30px) !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.2px !important;
  margin: 0 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;
  animation: clPageTitleIn 0.65s cubic-bezier(0.22,0.61,0.36,1) both;
}

@keyframes clPageTitleIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Content area below banner */
.template-list-collections .position-relative {
  padding: 20px 0 60px !important;
}

/* ── Collection card ── */
.template-list-collections .collection-list-type1 {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  text-decoration: none !important;
}

.template-list-collections .collection-list-type1:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,0.13) !important;
  transform: translateY(-4px) !important;
  text-decoration: none !important;
}

/* Image area */
.template-list-collections .collection-list-type1 .border__radius-top {
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

.template-list-collections .collection-list-type1 .image-hover-scaling__image {
  border-radius: 0 !important;
}

.template-list-collections .collection-list-type1 img {
  transition: transform 700ms cubic-bezier(0.22,0.61,0.36,1) !important;
}

.template-list-collections .collection-list-type1:hover img {
  transform: scale(1.06) !important;
}

/* Text pad — remove default bg, use clean white */
.template-list-collections .collection-list-type1 .collection-list-type1-pad {
  padding: 14px 16px 16px !important;
  background: transparent !important;
}

.template-list-collections .collection-list-type1 .collection-list-type1-pad::before {
  display: none !important;
}

/* Collection title */
.template-list-collections .collection-list-type1 .h5 {
  font-family: 'Figtree', var(--font-main), sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.35 !important;
  margin: 0 0 4px !important;
}

.template-list-collections .collection-list-type1:hover .h5 {
  color: var(--color-accent, #0f56a4) !important;
}

/* Products count */
.template-list-collections .collection-list-type1 .body2 {
  font-family: 'Figtree', var(--font-main), sans-serif !important;
  font-size: 12px !important;
  color: #aaa !important;
  margin: 0 !important;
}

/* ── Staggered entrance animation ── */
.template-list-collections .grid.el_mt_40 > [class*="col-"] {
  animation: clCardIn 0.55s cubic-bezier(0.22,0.61,0.36,1) both;
}

.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(1)  { animation-delay: 0.04s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(2)  { animation-delay: 0.09s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(3)  { animation-delay: 0.14s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(4)  { animation-delay: 0.19s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(5)  { animation-delay: 0.24s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(6)  { animation-delay: 0.29s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(7)  { animation-delay: 0.34s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(8)  { animation-delay: 0.39s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(9)  { animation-delay: 0.44s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(10) { animation-delay: 0.49s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(11) { animation-delay: 0.54s; }
.template-list-collections .grid.el_mt_40 > [class*="col-"]:nth-child(12) { animation-delay: 0.59s; }

@keyframes clCardIn {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .template-list-collections .collection-list-type1 {
    border-radius: 12px !important;
  }
}

/* ── Hide icon-banners section (blue cards) ── */
[data-section-name="icon-banners"] {
  display: none !important;
}

/* ── Shop the Feed — force 6 columns on DESKTOP only ── */
@media (min-width: 1025px) {
  [data-section-name="shop-the-feed"] .shop-the-feed-items .grid > [class*="col-"] {
    max-width: 16.666666% !important;
    flex: 0 0 16.666666% !important;
    min-width: 16.666666% !important;
  }
}

/* Mobile: 2 columns */
@media (max-width: 1024px) {
  [data-section-name="shop-the-feed"] .shop-the-feed-items .grid > [class*="col-"] {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    width: 50% !important;
  }
}

/* Force slider arrows always visible */
[data-section-name="shop-the-feed"] .slider-desktop__buttons__prev,
[data-section-name="shop-the-feed"] .slider-desktop__buttons__next {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ── Shop the Feed — Marquee Ticker (Modern) ── */
.stf-marquee-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #223a56 0%, #223a56 40%, #223a56 70%, #223a56 100%);
  border-top: 1px solid rgba(99, 179, 237, 0.15);
  border-bottom: 1px solid rgba(99, 179, 237, 0.15);
  margin-top: 0;
}

/* Left & right fade edges */
.stf-marquee-wrap::before,
.stf-marquee-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.stf-marquee-wrap::before {
  left: 0;
  background: linear-gradient(to right, #223a56, transparent);
}
.stf-marquee-wrap::after {
  right: 0;
  background: linear-gradient(to left, #223a56, transparent);
}

.stf-marquee-track {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.stf-marquee-inner {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: stfMarqueeScroll 32s linear infinite;
  flex-shrink: 0;
}

.stf-marquee-wrap:hover .stf-marquee-inner {
  animation-play-state: paused;
}

.stf-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 32px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 200ms ease;
}

.stf-marquee-item:hover {
  color: #63b3ed;
}

.stf-marquee-item svg {
  flex-shrink: 0;
  width: 16px !important;
  height: 16px !important;
  stroke: #63b3ed !important;
  fill: none !important;
  stroke-width: 2 !important;
  opacity: 1 !important;
  display: inline-block !important;
  vertical-align: middle;
}

.stf-marquee-item svg path,
.stf-marquee-item svg circle,
.stf-marquee-item svg rect,
.stf-marquee-item svg polyline,
.stf-marquee-item svg line {
  stroke: #63b3ed !important;
  fill: none !important;
  transition: none !important;
}

/* Separator diamond */
.stf-marquee-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3f8efc, #63b3ed);
  flex-shrink: 0;
  box-shadow: 0 0 6px rgba(63, 142, 252, 0.6);
  color: #fff;
}

@keyframes stfMarqueeScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (max-width: 576px) {
  .stf-marquee-item {
    font-size: 11px;
    padding: 11px 22px;
    letter-spacing: 0.03em;
  }
  .stf-marquee-wrap::before,
  .stf-marquee-wrap::after {
    width: 40px;
  }
}

/* ── Header: menu font size & center alignment ── */
.header-layout-tiles .header__menu-item,
.header-layout-tiles .header__menu > li > a,
.header-layout-tiles .header__menu > li > button,
.header__menu-item span,
.header__menu > li > a,
.header__menu > li > button {
  font-size: 12px !important;
}

/* ── Header classic layout: menu font size ── */
.header-layout-classic .list-menu--inline .list-menu__item--link,
.header-layout-classic .list-menu--inline a,
.list-menu--inline .list-menu__item--link,
.list-menu--inline a {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

/* ── Header: hide logo text, keep only image ── */
.header__heading-link .h3,
.header__heading-link span.h3 {
  display: none !important;
}

/* ============================================================
   ULANZI-STYLE MEGA MENU DROPDOWN
   ============================================================ */

/* ── Dropdown container ── */
@media (min-width: 1025px) {

  /* All submenu dropdowns */
  .submenu-container .submenu-design__default,
  .submenu-container [class*="submenu-design__"] {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-top: 3px solid #1a1a1a !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
    padding: 24px !important;
    min-width: 220px !important;
    animation: ulanziDropIn 200ms cubic-bezier(0.16,1,0.3,1) both !important;
  }

  /* Mega menu — full width multi-column */
  .submenu--megamenu [class*="submenu-design__"] {
    min-width: 680px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 0 32px !important;
    padding: 28px 32px !important;
  }

  /* Category heading inside mega menu */
  .submenu-container [class*="submenu-design__"] .h5,
  .submenu-container [class*="submenu-design__"] .h6,
  .submenu-container [class*="submenu-design__"] strong,
  .submenu-container [class*="submenu-design__"] .list-menu__item--heading {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
  }

  /* Dropdown links */
  .submenu-container [class*="submenu-design__"] a,
  .submenu-container [class*="submenu-design__"] .list-menu__item--link {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    padding: 5px 0 !important;
    display: block !important;
    transition: color 150ms ease, padding-left 150ms ease !important;
    border-bottom: none !important;
    background: transparent !important;
  }

  .submenu-container [class*="submenu-design__"] a:hover,
  .submenu-container [class*="submenu-design__"] .list-menu__item--link:hover {
    color: #000000 !important;
    padding-left: 6px !important;
    background: transparent !important;
  }

  /* Dropdown animation */
  @keyframes ulanziDropIn {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Active nav item indicator */
  .list-menu--hover:hover > a,
  .list-menu--hover:hover > .list-menu__item--link {
    background: #f5f5f5 !important;
    color: #000000 !important;
  }

  /* Tiles menu — white style */
  .header-tiles-container .tiles-menu .tiles-menu-item {
    color: #1a1a1a !important;
    padding: 8px 12px;
  }

  .header-tiles-container .tiles-menu .tiles-menu-item .tiles-menu-item__text {
    color: #1a1a1a !important;
    font-size: 13px;
    font-weight: 500;
  }

  .header-tiles-container .tiles-menu .tiles-menu-item::before {
    background: #f5f5f5 !important;
    border: 1px solid #e8e8e8 !important;
  }

  .header-tiles-container .tiles-menu > *:hover > .tiles-menu-item::before {
    background: #eeeeee !important;
  }

  .header-tiles-container .tiles-menu .tiles-menu-item svg path {
    fill: #1a1a1a !important;
  }

  .header-tiles-container .tiles-menu [class*="submenu-design__"] {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-top: 3px solid #1a1a1a !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
  }

  .header-tiles-container .tiles-menu [class*="submenu-design__"] *,
  .tiles-menu [class*="submenu-design__"] a {
    color: #1a1a1a !important;
  }
}

/* ── Mobile menu drawer white ── */
.menu-drawer .list-menu__item--link,
.menu-drawer a {
  color: #1a1a1a !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.menu-drawer .drawer__header {
  border-bottom: 1px solid #e8e8e8 !important;
}

/* ── Search overlay — white ── */
.header-search-overlay {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.header-search-overlay .search .field {
  background: #f5f5f5 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 999px;
}

.header-search-overlay .search .field__input {
  background: transparent !important;
  color: #1a1a1a !important;
}

.header-search-overlay .search .field__input::placeholder {
  color: #888888 !important;
}

.header-search-overlay .predictive-search {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

.header-search-overlay .predictive-search__item:hover {
  background: #f5f5f5 !important;
}

/* ── Cart count bubble ── */
.cart-count-bubble {
  background: #1a1a1a !important;
  color: #ffffff !important;
}


/* ============================================================
   CUSTOM MEGA MENU — Ulanzi Style (Compact)
   ============================================================ */

@media (min-width: 1025px) {

  .cs-mega-parent {
    position: relative !important;
  }

  /* Dropdown — full width from screen left edge */
  .cs-mega-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    background: #ffffff !important;
    border-top: 2px solid #111 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    z-index: 9999 !important;
    padding: 0 !important;
    display: none !important;
  }

  /* Dropdown open state — CSS hover + JS class both work */
  .cs-mega-parent:hover .cs-mega-dropdown,
  .cs-mega-dropdown.is-open {
    display: flex !important;
    pointer-events: auto !important;
  }

  @keyframes megaDropIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Inner wrapper */
  .cs-mega-inner {
    display: flex !important;
    align-items: flex-start !important;
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 40px 28px !important;
    width: 100%;
  }

  /* Links section */
  .cs-mega-links-wrap {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 0 36px;
    align-items: flex-start;
  }

  .cs-mega-col {
    flex: 0 0 auto;
    min-width: 110px;
  }

  /* Category heading — bold dark, no border */
  .cs-mega-cat {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    white-space: nowrap;
    display: block !important;
  }

  .cs-mega-col ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cs-mega-col ul li { margin: 0 !important; padding: 0 !important; }

  .cs-mega-col ul li a {
    display: block !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #444 !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    line-height: 1.45 !important;
    transition: color 120ms ease !important;
    white-space: nowrap;
    border: none !important;
    background: transparent !important;
  }

  .cs-mega-col ul li a:hover {
    color: #000 !important;
    text-decoration: none !important;
  }

  /* Images — right side, 2 cards side by side */
  .cs-mega-images {
    display: flex;
    flex-direction: row;
    gap: 14px;
    flex: 0 0 auto;
    margin-left: 36px;
    padding-left: 36px;
    border-left: 1px solid #eeeeee;
    align-items: flex-start;
  }

  .cs-mega-img-card {
    display: block !important;
    text-decoration: none !important;
    width: 155px;
    flex-shrink: 0;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    transition: opacity 150ms ease !important;
  }

  .cs-mega-img-card:hover { opacity: 0.82 !important; }

  .cs-mega-img-placeholder {
    width: 100%;
    aspect-ratio: 3/2;
    background: #f0f0f0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .cs-mega-img-placeholder svg {
    width: 26px !important;
    height: 26px !important;
    stroke: #bbbbbb !important;
    fill: none !important;
    opacity: 1 !important;
  }

  .cs-mega-img-placeholder svg path,
  .cs-mega-img-placeholder svg polyline,
  .cs-mega-img-placeholder svg circle,
  .cs-mega-img-placeholder svg rect {
    stroke: #bbbbbb !important;
    fill: none !important;
    transition: none !important;
  }

  /* Label — no underline */
  .cs-mega-img-label {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #111 !important;
    margin: 7px 0 0 0 !important;
    text-align: left !important;
    text-decoration: none !important;
    display: block !important;
  }

  /* Nav item hover — underline only */
  .cs-mega-parent:hover > a,
  .cs-mega-parent:hover > .list-menu__item {
    background: transparent !important;
    text-decoration: underline !important;
    border-radius: 0 !important;
  }

  /* Arrow rotate */
  .cs-mega-parent > a svg,
  .cs-mega-parent > .list-menu__item svg {
    transition: transform 180ms ease !important;
  }
  .cs-mega-parent:hover > a svg,
  .cs-mega-parent:hover > .list-menu__item svg {
    transform: rotate(180deg) !important;
  }
}

@media (max-width: 1024px) {
  .cs-mega-dropdown { display: none !important; }
}

/* ── Mega menu positioning JS handles top value ── */

/* ── Dropdown stays open when cursor moves to it ── */
@media (min-width: 1025px) {

  /* Bridge gap — invisible area between nav item and dropdown */
  .cs-mega-parent::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent;
    z-index: 9998;
  }

  /* Keep dropdown open when hovering it directly — CSS fallback */
  .cs-mega-dropdown:hover {
    display: flex !important;
    pointer-events: auto !important;
  }

  /* Submenu bridge — keep open on dropdown hover */
  .submenu-container:hover > [class*="submenu-design__"],
  [class*="submenu-design__"]:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* Close delay — small transition-delay on close */
  .submenu-container > [class*="submenu-design__"] {
    transition-delay: 0ms !important;
  }

  .submenu-container:not(:hover) > [class*="submenu-design__"] {
    transition-delay: 80ms !important;
  }
}

/* ── Force header icons visible ── */
.header__desktop .header__icons {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header__desktop .header__icons .header__button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.header__desktop .header__icons .header__icons__svg {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
}

.header__desktop .header__icons .header__icons__svg__main {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* theme-icon SVGs use fill — do NOT override with fill:none */
.header__desktop .header__icons .theme-icon path {
  transition: none !important;
}

.header__desktop .header__icons__customer {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  visibility: visible !important;
  opacity: 1 !important;
}



/* Featured Collection — Add to Cart exact selector */
#minion-section-template--19037462331505__16544355349cd01ef0 .btn:not(.btn-quickview) {
    --background: #28405c !important;
    --color: var(--auto-text-color-button-light);
    --fill: var(--auto-text-color-button-light);
}

#minion-section-template--19037462331505__16544355349cd01ef0 .btn:not(.btn-quickview):hover {
  background: #28405c !important;
  color: #fff !important;
}


#minion-section-template--19037462331505__grid_of_products_ebydAh .price__main-color, #minion-section-template--19037462331505__grid_of_products_ebydAh .price__regular {
    color: #1258a4 !important;
    font-weight: 600 !important;
}

/* ── Trust / Worry-Free Shopping Section (icon-banners style) ── */
[data-section-name="icon-banners"] {
  display: block !important;
}

#minion-section-165779435859812db9 {
  background: #fff !important;
}

#minion-section-165779435859812db9 .icon-banners {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 20px 16px !important;
  min-height: 120px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  gap: 12px !important;
}

#minion-section-165779435859812db9 .icon-banners__heading {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 0 8px !important;
}

#minion-section-165779435859812db9 .icon-banners__description {
  font-size: 13px !important;
  color: #666 !important;
  margin: 0 !important;
}

#minion-section-165779435859812db9 .icon-banners__icon {
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

#minion-section-165779435859812db9 .icon-banners__icon svg,
#minion-section-165779435859812db9 .icon-banners__icon img {
  width: 36px !important;
  height: 36px !important;
  color: #e2231a !important;
  stroke: #e2231a !important;
  filter: none !important;
}

#minion-section-165779435859812db9 .icon-banners__icon svg path,
#minion-section-165779435859812db9 .icon-banners__icon svg circle,
#minion-section-165779435859812db9 .icon-banners__icon svg rect {
  stroke: #e2231a !important;
  fill: none !important;
}

#minion-section-165779435859812db9 .mt--first-child-0 {
  flex: 1 !important;
}

#minion-section-165779435859812db9 .heading--mb h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-bottom: 20px !important;
}

#minion-section-165779435859812db9 .heading--mb h2::after {
  display: none !important;
}

#minion-section-165779435859812db9 .heading--mb .subheading {
  display: none !important;
}

/* Header logo width */
.header__heading-link img,
.header__heading img,
.header-logo img {
  max-width: 145px !important;
  width: 145px !important;
  height: auto !important;
}

/* Featured Collection — Add to Cart (ID-independent) */
[data-section-name="featured-collection"] .btn:not(.btn-quickview),
[id*="16544355349cd01ef0"] .btn:not(.btn-quickview) {
  --background: #28405c !important;
  --color: var(--auto-text-color-button-light) !important;
  --fill: var(--auto-text-color-button-light) !important;
  background: #28405c !important;
  color: #fff !important;
}

[data-section-name="featured-collection"] .btn:not(.btn-quickview):hover,
[id*="16544355349cd01ef0"] .btn:not(.btn-quickview):hover {
  background: #1e3048 !important;
  color: #fff !important;
}

/* Grid of Products price color (ID-independent) */
[data-section-name="grid-of-products"] .price__main-color,
[data-section-name="grid-of-products"] .price__regular,
[id*="grid_of_products"] .price__main-color,
[id*="grid_of_products"] .price__regular {
  color: #28405c !important;
  font-weight: 600 !important;
}

/* Best Selling Gear — arrow icon bottom-right on product card */
[data-section-name="grid-of-products"] .product-card {
  position: relative !important;
}

[data-section-name="grid-of-products"] .product-card__image.image-hover-scaling__image::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: #1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") center/16px no-repeat;
  border-radius: 50%;
  z-index: 3;
  pointer-events: none;
  transition: background-color 0.2s, transform 0.2s;
}

[data-section-name="grid-of-products"] .product-card:hover .product-card__image.image-hover-scaling__image::after {
  background-color: #28405c;
  transform: scale(1.1);
}

/* Best Selling Gear — remove duplicate top arrow icon */
[data-section-name="grid-of-products"] .product-card__image.image-hover-scaling__image::after {
  display: none !important;
}
[data-section-name="grid-of-products"] .pcard-arrow-btn {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  width: 26px !important;
  height: 26px !important;
  background: #1258a4 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 4 !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s !important;
  border: none !important;
}

[data-section-name="grid-of-products"] .pcard-arrow-btn:hover {
  background: #1258a4 !important;
  transform: scale(1.1) !important;
}

[data-section-name="grid-of-products"] .pcard-arrow-btn svg {
  width: 12px !important;
  height: 12px !important;
  stroke: #fff !important;
  fill: none !important;
}

/* Header nav — let theme default underline work, no custom overrides */

/* Remove underlines from dropdown menu links only */
.submenu-container a,
.submenu-container .list-menu__item--link,
[class*="submenu-design__"] a,
[class*="submenu-design__"] .list-menu__item--link,
.cs-mega-dropdown a,
.cs-mega-col ul li a {
  border-bottom: none !important;
  text-decoration: none !important;
}

.submenu-container a::after,
.submenu-container a::before,
[class*="submenu-design__"] a::after,
[class*="submenu-design__"] a::before,
.cs-mega-dropdown a::after,
.cs-mega-dropdown a::before {
  display: none !important;
  width: 0 !important;
}

/* Dropdown links — NO underline at all */
.cs-mega-dropdown a,
.cs-mega-dropdown a:hover,
.cs-mega-col ul li a,
.cs-mega-col ul li a:hover,
.cs-mega-img-label,
.cs-mega-img-label:hover {
  text-decoration: none !important;
  border-bottom: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
}

.cs-mega-dropdown a::after,
.cs-mega-dropdown a::before,
.cs-mega-col ul li a::after,
.cs-mega-col ul li a::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Dropdown — remove animation-underline lines completely */
.cs-mega-dropdown .animation-underline::before,
.cs-mega-dropdown .animation-underline::after,
.cs-mega-dropdown .animation-underline--thin::before,
.submenu-container .animation-underline::before,
.submenu-container .animation-underline::after,
[class*="submenu-design__"] .animation-underline::before,
[class*="submenu-design__"] .animation-underline::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
}

/* FINAL FIX — Remove underline from ALL dropdown links */
html body .cs-mega-dropdown .animation-underline::before,
html body .cs-mega-dropdown .animation-underline--thin::before,
html body .cs-mega-col a.animation-underline::before,
html body .cs-mega-col a::before,
html body .cs-mega-col a::after,
html body .cs-mega-img-card::before,
html body .cs-mega-img-card::after,
html body .submenu-container .animation-underline::before,
html body [class*="submenu-design__"] .animation-underline::before,
html body [class*="submenu-design__"] a::before,
html body [class*="submenu-design__"] a::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
  opacity: 0 !important;
}

html body .cs-mega-dropdown a,
html body .cs-mega-dropdown a:hover,
html body [class*="submenu-design__"] a,
html body [class*="submenu-design__"] a:hover {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* ============================================================
   DROPDOWN LINKS — UNDERLINE COMPLETE REMOVAL
   Removes border-bottom line appearing under dropdown menu links
   ============================================================ */

/* Target all anchor tags inside the custom mega dropdown */
html body .cs-mega-dropdown a,
html body .cs-mega-dropdown a:link,
html body .cs-mega-dropdown a:visited,
html body .cs-mega-dropdown a:hover,
html body .cs-mega-dropdown a:focus,
html body .cs-mega-dropdown a:active,
html body .cs-mega-col a,
html body .cs-mega-col a:link,
html body .cs-mega-col a:visited,
html body .cs-mega-col a:hover,
html body .cs-mega-col a:focus,
html body .cs-mega-col ul li a,
html body .cs-mega-col ul li a:hover,
html body .cs-mega-img-card,
html body .cs-mega-img-card:hover,
html body .cs-mega-img-label,
html body .cs-mega-img-label:hover {
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
  box-shadow: none !important;
  outline-bottom: none !important;
}

/* Remove pseudo-element underlines */
html body .cs-mega-dropdown a::before,
html body .cs-mega-dropdown a::after,
html body .cs-mega-col a::before,
html body .cs-mega-col a::after,
html body .cs-mega-img-card::before,
html body .cs-mega-img-card::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Also target theme's default submenu link styles */
html body .header__submenu a,
html body .header__submenu a:hover,
html body .mega-menu a,
html body .mega-menu a:hover,
html body .mega-menu__link,
html body .mega-menu__link:hover {
  border-bottom: none !important;
  text-decoration: none !important;
}

/* FREE SHIPPING — hide everywhere */
.free-delivery-bar__toolbar,
.free-delivery-bar,
[class*="free-delivery"],
[class*="free_delivery"],
.cart-free-delivery,
#cart-free-delivery {
  display: none !important;
}

/* ============================================================
   PRODUCT PAGE — HIFFIN STYLE REDESIGN
   ============================================================ */

/* ── Page background ── */
.product-page-section {
  background: #f0f0f0 !important;
  padding-top: 20px !important;
  padding-bottom: 40px !important;
}

/* ── Left column: main image — white box, large, rounded ── */
.product-page-section .product__media-list {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  padding: 16px !important;
}

.product-page-section .product__media-item img {
  object-fit: contain !important;
  background: #ffffff !important;
}

/* Thumbnails — horizontal strip BELOW main image (Hiffin style) */

/* Override theme's default left-side vertical thumbnail layout */
@media (min-width: 1025px) {
  /* Remove left-side absolute positioning */
  .product-page-section .thumbnail-slider.slider__buttons {
    position: static !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;
    order: 2 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 12px !important;
  }

  /* Main image — full width, comes first */
  .product-page-section media-gallery .slider__overflow-hidden--phone {
    order: 1 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* Remove left margin from main slider (was 100px for thumbnail space) */
  .product-page-section .slider-mobile-product.slider-mobile-product--padding-left {
    margin-left: 0 !important;
    width: 100% !important;
  }

  /* media-gallery — column layout */
  .product-page-section media-gallery {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }

  /* Thumbnail list — horizontal row */
  .product-page-section .thumbnail-slider__list {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    height: auto !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
    gap: 8px !important;
  }

  /* Remove vertical margin between thumbnails */
  .product-page-section .thumbnail-slider__list > *:not(:first-child) {
    margin-top: 0 !important;
  }
}

.product-page-section .thumbnail-slider__item {
  flex: 0 0 auto !important;
  width: 72px !important;
  height: 72px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
}

.product-page-section .thumbnail-slider__item button[aria-current="true"],
.product-page-section .thumbnail-slider__item:has(button[aria-current="true"]) {
  border-color: #1a3d2b !important;
}

.product-page-section .thumbnail-slider__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 4px !important;
}

/* ── Right column ── */
.product-page-section .product__right-column {
  background: transparent !important;
}

/* Brand name — small grey above title */
.product-page-section .product__information .body2 {
  font-size: 11px !important;
  color: #888888 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 4px !important;
}

/* Product title */
.product-page-section h1.product__title,
.product-page-section .product__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

/* ── Price — strikethrough + sale inline ── */
.product-page-section .price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px !important;
}

.product-page-section .price__regular {
  font-size: 14px !important;
  color: #999999 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  order: 1 !important;
}

.product-page-section .price__main__value {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  order: 2 !important;
}

/* Sale badge — green pill like Hiffin */
.product-page-section .badge--sale,
.product-page-section .badge:not(.badge--sold_out):not(.badge--featured) {
  background: #1a3d2b !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  order: 3 !important;
  display: inline-block !important;
}

/* Tax note */
.product-page-section .product__tax,
.product-page-section .shipping_policy {
  font-size: 12px !important;
  color: #888888 !important;
  margin-bottom: 8px !important;
}

/* ── Inventory urgency — yellow lock box ── */
.product-page-section .product__inventory {
  background: #fffbeb !important;
  border: 1.5px solid #f59e0b !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #92400e !important;
  margin: 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ── Qty + Add to cart — same row ── */
.product-page-section .product__buttons {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* Quantity — bordered, compact */
.product-page-section .quantity {
  border: 1.5px solid #cccccc !important;
  border-radius: 8px !important;
  height: 48px !important;
  width: 110px !important;
  min-width: 110px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  background: #ffffff !important;
}

.product-page-section .quantity__button {
  position: absolute !important;
  top: 0 !important;
  height: 48px !important;
  width: 34px !important;
  background: transparent !important;
  border: none !important;
  color: #333 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 16px !important;
}

.product-page-section .quantity__button[name="minus"] { left: 0 !important; }
.product-page-section .quantity__button[name="plus"]  { right: 0 !important; }

.product-page-section .quantity__button svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
}

.product-page-section .quantity__input {
  width: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 0 34px !important;
  height: 48px !important;
  color: #111 !important;
}

/* ADD TO CART — outlined border style like Hiffin */
.product-page-section .product-form__submit,
.product-page-section button[name="add"] {
  flex: 1 !important;
  height: 48px !important;
  background: #ffffff !important;
  color: #ffffff !important;
  border: 1.5px solid #cccccc !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: border-color 0.2s, background 0.2s !important;
  letter-spacing: 0.01em !important;
}

.product-page-section .product-form__submit:hover,
.product-page-section button[name="add"]:hover {
  border-color: #1a3d2b !important;
  color: #1a3d2b !important;
}

/* BUY IT NOW — full width dark green */
.product-page-section .shopify-payment-button {
  margin-top: 8px !important;
  width: 100% !important;
}

.product-page-section .shopify-payment-button__button--unbranded {
  background: #1358a3 !important;
  border-radius: 8px !important;
  height: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* ── Trust section — black banner + 3 icons ── */
.hiffin-trust-wrap {
  margin: 16px 0 !important;
}

/* Black "Trusted Brand" banner */
.hiffin-trust-grid {
  background: #1358a3 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.hiffin-trust-grid .hiffin-trust-item:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  flex: 1 !important;
}

.hiffin-trust-grid .hiffin-trust-item:first-child svg {
  stroke: #f59e0b !important;
}

.hiffin-trust-grid .hiffin-trust-item:first-child .hiffin-trust-title {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.hiffin-trust-grid .hiffin-trust-item:first-child .hiffin-trust-sub {
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
}

/* Hide other 3 trust items from grid (they show as 3-col below) */
.hiffin-trust-grid .hiffin-trust-item:not(:first-child) {
  display: none !important;
}

/* 3-column trust icons row below black banner */
.hiffin-trust-wrap .hiffin-ship-grid:first-of-type {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-bottom: 14px !important;
}

.hiffin-trust-wrap .hiffin-ship-grid:first-of-type .hiffin-ship-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 12px 8px !important;
  background: #f8f8f8 !important;
  border-radius: 8px !important;
  border-bottom: none !important;
}

.hiffin-trust-wrap .hiffin-ship-grid:first-of-type .hiffin-ship-item svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #1a3d2b !important;
}

.hiffin-trust-wrap .hiffin-ship-grid:first-of-type .hiffin-ship-item span {
  font-size: 11px !important;
  color: #333 !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.hiffin-trust-wrap .hiffin-ship-grid:first-of-type .hiffin-ship-item small {
  display: block !important;
  font-size: 10px !important;
  color: #666 !important;
  font-weight: 400 !important;
  margin-top: 2px !important;
}

/* ── Shipping rows — icon + bold text (4 rows below trust) ── */
.hiffin-trust-wrap > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid #eeeeee !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
}

.hiffin-trust-wrap > div:last-child .hiffin-ship-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  color: #333333 !important;
  font-weight: 400 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f5f5f5 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.hiffin-trust-wrap > div:last-child .hiffin-ship-item:last-child {
  border-bottom: none !important;
}

.hiffin-trust-wrap > div:last-child .hiffin-ship-item svg {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #555555 !important;
}

.hiffin-trust-wrap > div:last-child .hiffin-ship-item span {
  font-size: 13px !important;
  color: #333 !important;
  line-height: 1.4 !important;
}

.hiffin-trust-wrap > div:last-child .hiffin-ship-item strong {
  font-weight: 700 !important;
  color: #111 !important;
}

/* Trust title/sub */
.hiffin-trust-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  display: block !important;
}

.hiffin-trust-sub {
  font-size: 11px !important;
  color: #666666 !important;
  display: block !important;
}

/* ── Description tabs ── */
.product-page-section .chm-toggle__button {
  border-bottom: 1px solid #e8e8e8 !important;
  padding: 12px 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .product-page-section h1.product__title {
    font-size: 18px !important;
  }
  .product-page-section .price__main__value {
    font-size: 20px !important;
  }
  .product-page-section .product__buttons {
    flex-wrap: wrap !important;
  }
  .hiffin-trust-wrap .hiffin-ship-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ── Description / tabs section ── */
.product-page-section .chm-toggle__button {
  border-bottom: 1px solid #eeeeee !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  cursor: pointer !important;
}

.product-page-section .chm-toggle__button:hover {
  color: #001f5b !important;
}

/* ── Reviews section ── */
.product-page-section .jdgm-widget,
.product-page-section [class*="review"],
.product-page-section [class*="judge"] {
  border-top: 1px solid #eeeeee !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
}

/* ── Mobile responsive ── */
@media (max-width: 768px) {
  .product-page-section h1.product__title,
  .product-page-section h1,
  .product-page-section .product__title {
    font-size: 18px !important;
  }

  .product-page-section .price__main__value {
    font-size: 22px !important;
  }

  .product-page-section .product__buttons {
    flex-wrap: wrap !important;
  }

  .product-page-section .quantity {
    width: 120px !important;
    min-width: 120px !important;
  }
}

@media (max-width: 600px) {
  .hiffin-trust-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .hiffin-trust-item {
    padding: 10px 8px !important;
  }
  .hiffin-trust-title { font-size: 11px !important; }
  .hiffin-trust-sub { font-size: 10px !important; }
}




/* ============================================================
   YOU MAY ALSO LIKE — Hiffin Style
   ============================================================ */

/* Section wrapper — target by product-recommendations element parent */
product-recommendations ~ *,
product-recommendations + div,
[id*="featured-collection"] {
  /* scoped below */
}

/* Use the section ID prefix approach via product-recommendations context */
product-recommendations .product-card,
product-recommendations .product-card--modern {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e8edf5 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
  padding-bottom: 16px !important;
}

product-recommendations .product-card:hover,
product-recommendations .product-card--modern:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
  transform: translateY(-3px) !important;
}

/* Image area — white bg, contain */
product-recommendations .product-card__image,
product-recommendations .image-hover-scaling__image {
  background: #ffffff !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
}

product-recommendations .product-card__image img,
product-recommendations .image-hover-scaling__image img {
  object-fit: contain !important;
  background: #ffffff !important;
  padding: 12px !important;
  transition: transform 600ms ease !important;
}

product-recommendations .product-card:hover img {
  transform: scale(1.04) !important;
}

/* Product title — center */
product-recommendations .product-card__heading,
product-recommendations .product-card__heading a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #222222 !important;
  text-align: center !important;
  line-height: 1.4 !important;
  padding: 10px 12px 4px !important;
  display: block !important;
}

/* Price — center, large */
product-recommendations .price {
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

product-recommendations .price__main__value {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

product-recommendations .price__regular {
  font-size: 13px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

/* Hide ATC button on card */
product-recommendations .btn--add-to-cart {
  display: none !important;
}

/* Section heading — Hiffin blue */
product-recommendations ~ .heading--mb h2,
[id*="featured-collection"] .heading--mb h2 {
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 700 !important;
  color: #1a56a0 !important;
  text-align: center !important;
}

/* Grid gap */
product-recommendations .grid,
product-recommendations slider-component.grid {
  gap: 16px !important;
  row-gap: 16px !important;
}

/* ============================================================
   YOU MAY ALSO LIKE — Complementary Products (Horizontal Card)
   ============================================================ */

/* Container */
.product-card-complementary {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

/* Each card — horizontal row */
.product-card-complementary .product-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
  transition: box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.product-card-complementary .product-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
}

/* Image — small square, left side */
.product-card-complementary .product-card__image {
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

.product-card-complementary .product-card__image img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  padding: 4px !important;
}

/* Info — title + price, flex grow */
.product-card-complementary .product-card__container {
  flex: 1 !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}

.product-card-complementary .product-card__heading,
.product-card-complementary .product-card__heading a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
  margin-bottom: 4px !important;
}

/* Price row */
.product-card-complementary .price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.product-card-complementary .price__sale .price__main__value,
.product-card-complementary .price__main__value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #e53935 !important;
}

.product-card-complementary .price__regular {
  font-size: 12px !important;
  color: #999999 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* ATC button — dark green, right side */
.product-card-complementary .btn--add-to-cart,
.product-card-complementary .quick-add__submit {
  flex: 0 0 auto !important;
  height: 38px !important;
  padding: 0 16px !important;
  background: #1a3d2b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.2s !important;
}

.product-card-complementary .btn--add-to-cart:hover,
.product-card-complementary .quick-add__submit:hover {
  background: #0f2d1e !important;
}

.product-card-complementary .btn--add-to-cart svg,
.product-card-complementary .quick-add__submit svg {
  width: 14px !important;
  height: 14px !important;
}

/* Section heading */
.complementary-products .chm-toggle__button h2 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Nav arrows */
.complementary-products .product__media-list_btn-prev,
.complementary-products .product__media-list_btn-next {
  background: #f5f5f5 !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}

/* Bottom product-recommendations section — show */
.template-product [id*="product-recommendations"] {
  display: block !important;
}

/* ── Hiffin 3-column trust grid ── */
.hiffin-3col-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin: 12px 0 !important;
  background: #f5f5f5 !important;
  border-radius: 10px !important;
  padding: 14px 10px !important;
}

.hiffin-3col-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

.hiffin-3col-item svg {
  flex-shrink: 0 !important;
  stroke: #1a3d2b !important;
  margin-bottom: 2px !important;
}

.hiffin-3col-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1a3d2b !important;
  display: block !important;
  line-height: 1.3 !important;
}

.hiffin-3col-sub {
  font-size: 11px !important;
  color: #666666 !important;
  display: block !important;
  line-height: 1.4 !important;
}

/* ── Hiffin shipping rows ── */
.hiffin-rows {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-top: 4px !important;
}

.hiffin-row-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  color: #333333 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.hiffin-row-item:last-child {
  border-bottom: none !important;
}

.hiffin-row-item svg {
  flex-shrink: 0 !important;
}

.hiffin-row-item strong {
  font-weight: 700 !important;
  color: #111 !important;
}


/* ═══════════════════════════════════════════════════════════════
   Complementary Products (You May Also Like) - Modern Card Design
   ═══════════════════════════════════════════════════════════════ */

/* Section heading */
.complementary-products .chm-toggle__button {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 2px solid #f0f0f0 !important;
  margin-bottom: 12px !important;
}

.complementary-products .chm-toggle__button h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  letter-spacing: -0.01em !important;
}

/* Wrapper */
.product-card-complementary {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Each card — horizontal row */
.product-card-complementary .product-card {
  display: grid !important;
  grid-template-columns: 80px 1fr auto !important;
  align-items: center !important;
  gap: 14px !important;
  background: #ffffff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important;
  overflow: visible !important;
}

.product-card-complementary .product-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
  border-color: #d0d8e4 !important;
  transform: translateY(-2px) !important;
}

/* Image — left column */
.product-card-complementary .product-card__image,
.product-card-complementary .image-hover-scaling__image {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.product-card-complementary .product-card__image img,
.product-card-complementary .image-hover-scaling__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 6px !important;
  transition: transform 0.4s ease !important;
}

.product-card-complementary .product-card:hover .product-card__image img,
.product-card-complementary .product-card:hover .image-hover-scaling__image img {
  transform: scale(1.06) !important;
}

/* Info — middle column */
.product-card-complementary .product-card__container {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.product-card-complementary .product-card__container > .mt5 {
  margin-top: 0 !important;
}

/* Product name */
.product-card-complementary .product-card__heading {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.product-card-complementary .product-card__heading:hover {
  color: #1a5276 !important;
}

/* Price */
.product-card-complementary .price__container,
.product-card-complementary .price {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.product-card-complementary .price-item--sale,
.product-card-complementary .price__main-color {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #c0392b !important;
}

.product-card-complementary .price-item--regular {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

.product-card-complementary .price-item--compare,
.product-card-complementary .price__compare-at-price {
  font-size: 12px !important;
  color: #999 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Add button — right column */
.product-card-complementary .btn--add-to-cart,
.product-card-complementary .quick-add__submit {
  grid-column: 3 !important;
  white-space: nowrap !important;
  padding: 9px 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #1a3d2b !important;
  color: #ffffff !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  width: auto !important;
  min-width: 80px !important;
  justify-content: center !important;
}

.product-card-complementary .btn--add-to-cart:hover,
.product-card-complementary .quick-add__submit:hover {
  background: #0f2d1e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(26, 61, 43, 0.3) !important;
}

/* Hide cart icon inside button, keep only text */
.product-card-complementary .btn--add-to-cart svg {
  display: none !important;
}

/* product-form wrapper — no extra margin */
.product-card-complementary product-form {
  margin: 0 !important;
  display: contents !important;
}

.product-card-complementary .form {
  margin: 0 !important;
}

/* No-image fallback */
.product-card-complementary .product-card--no-image {
  grid-template-columns: 1fr auto !important;
}

/* Mobile */
@media (max-width: 576px) {
  .product-card-complementary .product-card {
    grid-template-columns: 70px 1fr auto !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  .product-card-complementary .product-card__image,
  .product-card-complementary .image-hover-scaling__image {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
  }

  .product-card-complementary .btn--add-to-cart,
  .product-card-complementary .quick-add__submit {
    padding: 8px 12px !important;
    font-size: 12px !important;
    min-width: 68px !important;
  }
}


/* ================================================================
   MOBILE RESPONSIVE OVERRIDES — modern-vibe.css ke baad
   Yeh section mobile pe sab kuch fix karta hai
   ================================================================ */

@media (max-width: 1024px) {

  /* ── 0. DISABLE ENTRANCE ANIMATIONS ON MOBILE — prevent invisible elements ── */
  [data-section-name] .slider__slide,
  [data-section-name] .popular-categories,
  [data-section-name] .grid>div,
  .brands .grid>div,
  .popular-categories .popular-categories {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: none !important;
  }

  /* ── 1. POPULAR CATEGORIES — 3 col se 2 col ── */
  [data-section-name="popular-categories"] .grid.justify-content-center > [class*="col-"] {
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    flex: 0 0 calc(50% - 6px) !important;
    padding: 0 !important;
  }

  /* ── 2. SUBHEADING PILL — "Explore the..." text overflow fix ── */
  [data-section-name="popular-categories"] .heading--mb .subheading,
  [data-section-name="shop-the-feed"] .heading--mb .subheading,
  [data-section-name="featured-collection"] .heading--mb .subheading {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 90% !important;
    text-align: center !important;
    line-height: 1.5 !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
  }

  /* ── 3. FEATURED COLLECTION — 4 col se 2 col ── */
  [data-section-name="featured-collection"] .featured-collection-items slider-component.grid > [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  /* ── 4. PRICE — no line break ── */
  [data-section-name="featured-collection"] .product-card--modern .price,
  [data-section-name="featured-collection"] .product-card--modern .price__regular,
  [data-section-name="featured-collection"] .product-card--modern .price__sale,
  [data-section-name="featured-collection"] .product-card--modern .price__main-color {
    white-space: nowrap !important;
    font-size: 15px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* ── 5. ADD TO CART BUTTON — visible, not cut off ── */
  [data-section-name="featured-collection"] .product-card--modern .btn--add-to-cart {
    min-height: 36px !important;
    height: auto !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  /* ── 6. SHOP THE FEED — 2 col ── */
  [data-section-name="shop-the-feed"] .grid > [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  /* ── 7. HEADER LOGO — proper size, override inline style ── */
  .header__mobile .header__heading-logo {
    max-width: 110px !important;
    max-height: 46px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .header__mobile .header__heading-logo--svg {
    max-width: 110px !important;
    max-height: 46px !important;
  }

  .header__mobile .header__heading-logo--svg svg {
    max-width: 110px !important;
    max-height: 46px !important;
    width: auto !important;
    height: auto !important;
  }

  /* ── 7b. HEADER ICONS — force visible on mobile ── */
  .header__mobile .header__icons {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .header__mobile .header__button,
  .header__mobile .header__icons a,
  .header__mobile .header__icons button {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 36px !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header__mobile .header__button svg,
  .header__mobile .header__icons svg {
    width: 20px !important;
    height: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    stroke: #1a1a1a !important;
    fill: none !important;
    display: block !important;
  }

  .header__mobile .header__button svg path,
  .header__mobile .header__button svg circle,
  .header__mobile .header__button svg line,
  .header__mobile .header__button svg polyline {
    stroke: #1a1a1a !important;
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header__mobile .header__icons__svg,
  .header__mobile .header__icons__svg__main,
  .header__mobile .header__icons__svg__animated {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Cart icon specifically */
  .header__mobile #cart-icon-bubble--mobile {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Hamburger icon — dark */
  .header__mobile .drawer__icon-menu svg,
  .header__mobile .drawer__icon-menu svg path {
    stroke: #1a1a1a !important;
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* ── 8. SLIDESHOW ARROWS — inside banner ── */
  [data-section-name="slideshow"] big-slider .ctrl__button {
    top: auto !important;
    bottom: 14px !important;
    position: absolute !important;
    z-index: 10 !important;
  }

  [data-section-name="slideshow"] big-slider .ctrl__button--left {
    left: 14px !important;
  }

  [data-section-name="slideshow"] big-slider .ctrl__button--right {
    right: 14px !important;
  }

  /* ── 9. POPULAR CATEGORIES — 2 col gap fix ── */
  [data-section-name="popular-categories"] .grid.justify-content-center {
    gap: 8px !important;
    row-gap: 8px !important;
  }

  /* ── 10. PRODUCT CARD HEADING — 2 lines max ── */
  [data-section-name="featured-collection"] .product-card--modern .product-card__heading {
    font-size: 12px !important;
    line-height: 1.3 !important;
    min-height: 40px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* ── 11. SOLD OUT BADGE — don't cut off ── */
  [data-section-name="featured-collection"] .product-card--modern .badge__container {
    top: 6px !important;
    left: 6px !important;
  }

  [data-section-name="featured-collection"] .product-card--modern .badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
  }
}

@media (max-width: 576px) {

  /* ── Popular Categories — 1 col on small phones ── */
  [data-section-name="popular-categories"] .grid.justify-content-center > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* ── Featured Collection — still 2 col ── */
  [data-section-name="featured-collection"] .featured-collection-items slider-component.grid > [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  /* ── Shop the Feed — 1 col on very small ── */
  [data-section-name="shop-the-feed"] .grid > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* ── Subheading pill — smaller ── */
  [data-section-name="popular-categories"] .heading--mb .subheading,
  [data-section-name="shop-the-feed"] .heading--mb .subheading,
  [data-section-name="featured-collection"] .heading--mb .subheading {
    font-size: 9px !important;
    padding: 5px 10px !important;
    max-width: 95% !important;
  }
}



/* ── Global Price Font Size — All Products ── */
.price-item,
.price-item--regular,
.price-item--sale,
.price-item--compare,
.price__regular,
.price__sale,
.price__main-color,
.product-card .price,
.product-card .price * {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* ── Global Product Title — Same as Best Selling Gear ── */
.product-card__heading,
.product-card__heading a,
.product-card__heading span {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #111827 !important;
}

@media (max-width: 1024px) {
  .product-card__heading,
  .product-card__heading a,
  .product-card__heading span {
    font-size: 13px !important;
  }
}

@media (max-width: 576px) {
  .product-card__heading,
  .product-card__heading a,
  .product-card__heading span {
    font-size: 12px !important;
  }
}

/* ── Global Section Headings — Same as Best Selling Gear ── */
[data-section-name="popular-categories"] .heading--mb h2,
[data-section-name="shop-the-feed"] .heading--mb h2,
[data-section-name="featured-collection"] .heading--mb h2,
[data-section-name="banners"] .heading--mb h2,
[data-section-name="icon-banners"] .heading--mb h2,
[data-section-name="testimonials-slider"] .heading--mb h2,
#minion-section-165779435859812db9 .heading--mb h2 {
  font-size: clamp(24px, 2.7vw, 34px) !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

[data-section-name="popular-categories"] .heading--mb h2::after,
[data-section-name="shop-the-feed"] .heading--mb h2::after,
[data-section-name="featured-collection"] .heading--mb h2::after,
[data-section-name="banners"] .heading--mb h2::after,
[data-section-name="icon-banners"] .heading--mb h2::after {
  content: "" !important;
  display: block !important;
  width: 88px !important;
  height: 4px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #14b8a6 0%, #2563eb 100%) !important;
}

@media (max-width: 1024px) {
  [data-section-name="popular-categories"] .heading--mb h2,
  [data-section-name="shop-the-feed"] .heading--mb h2,
  [data-section-name="featured-collection"] .heading--mb h2,
  [data-section-name="banners"] .heading--mb h2,
  [data-section-name="icon-banners"] .heading--mb h2,
  [data-section-name="testimonials-slider"] .heading--mb h2,
  #minion-section-165779435859812db9 .heading--mb h2 {
    font-size: clamp(21px, 6vw, 27px) !important;
  }
}

/* ── Discover Latest Arrivals — featured-collection fixes ── */

/* Gap between products — 5px */
[data-section-name="featured-collection"] slider-component.grid,
[data-section-name="featured-collection"] .grid {
  gap: 0px !important;
  row-gap: 0px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[data-section-name="featured-collection"] [class*="col-"] {
  padding-left: 2.5px !important;
  padding-right: 2.5px !important;
}

/* Sold out badge (top left) */
[data-section-name="featured-collection"] .badge,
[data-section-name="featured-collection"] .badge--sold-out,
[data-section-name="featured-collection"] .badge--on-sale {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  line-height: 1.4 !important;
}

/* Sold out button (bottom) */
[data-section-name="featured-collection"] .btn--sold-out,
[data-section-name="featured-collection"] .product-card__btn,
[data-section-name="featured-collection"] .btn[disabled],
[data-section-name="featured-collection"] .btn.sold-out,
[data-section-name="featured-collection"] .btn--add-to-cart,
[data-section-name="featured-collection"] .btn {
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  min-height: 30px !important;
  height: 30px !important;
}

/* ── Hide Shopify Bot Protection Badge ── */
.shopify-challenge__container,
.shopify-bot-protection,
#shopify-bot-protection,
.grecaptcha-badge,
[data-shopify-captcha],
iframe[src*="recaptcha"],
iframe[src*="captcha"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ── Hide hCaptcha Badge ── */
.h-captcha,
[data-hcaptcha-widget-id],
iframe[src*="hcaptcha"],
iframe[src*="hcaptcha.com"],
.hcaptcha-container,
#hcaptcha-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}