/* Editable home sections shared by the theme and Elementor shortcodes. */
.soel-storefront .hero.soel-king-hero { background: #2c1b10; color: #fff6e8; }
.soel-storefront .soel-king-hero .hero-image { object-position: center 75%; }
.soel-storefront .soel-king-hero .hero-shade {
  background: linear-gradient(90deg, #25150deb 0%, #25150db8 24%, #25150d25 49%, transparent 66%);
}
.soel-king-hero .hero-description, .soel-king-hero .hero-footnote { color: #ead8bf; }
.soel-king-hero .button-dark { background: #f4e4ce; color: #2c1b10; }
.soel-king-hero .button-dark:hover { background: #fff7eb; color: #2c1b10; }

.soel-hero-slides { display: grid; }
.soel-hero-slides > .hero { grid-area: 1 / 1; min-width: 0; }
.soel-hero-slides > .hero[hidden] { display: none; }
/* Keep the first slide's space when it is out of view. */
.soel-hero-slides > .hero:first-child[hidden] { display: block; visibility: hidden; }
.soel-hero-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #f7f2eb;
  color: #513a27;
}
.soel-hero-controls[hidden] { display: none; }
.soel-hero-dot {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
}
.soel-hero-dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 20px;
}
.soel-hero-dot[aria-current="true"]::before { width: 19px; background: currentColor; }
.soel-hero-toggle { min-height: 44px; min-width: 72px; font-size: 12px; }

.soel-checkout-whatsapp { margin: 20px 0 12px; }
.soel-checkout-whatsapp a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid #a3c2ad;
  color: #175433;
  background: #f2f8f2;
  font-weight: 600;
}
.soel-checkout-whatsapp a:hover { background: #e5f1e8; }

@media (min-width: 768px) {
  .soel-storefront .soel-hero-slides > .hero:not(:first-child) .hero-image {
    right: 0;
    max-width: 1830px;
    object-position: center 83%;
  }
}
@media (min-width: 1831px) {
  .soel-storefront .soel-hero-slides > .hero:not(:first-child) .hero-image {
    mask-image: linear-gradient(90deg, transparent, #000 16%);
  }
}

.soel-banners { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.soel-banner { display: block; overflow: hidden; background: #28231d; color: #fff6e8; }
.soel-banner img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.soel-banner > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  min-height: 48px;
  font-weight: 600;
}
.soel-banner:hover > span { text-decoration: underline; }
.soel-storefront .brand-story { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(26px, 6vw, 85px); }
.soel-story-image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }

.soel-video {
  display: grid;
  grid-template-columns: minmax(0, .62fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 70px);
  margin-block: clamp(44px, 7vw, 90px);
  padding: clamp(24px, 4vw, 55px);
  background: #f4eee5;
}

.soel-video-copy .eyebrow { color: #765c34; margin-bottom: 12px; }
.soel-video-copy p:last-child { margin: 16px 0 0; color: #5e5549; }
.soel-video-player {
  display: block;
  width: 100%;
  min-width: 0;
  border: 0;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #28231d;
}
.soel-video-portrait { aspect-ratio: 9 / 16; max-width: 320px; margin-inline: auto; }
.soel-video-frame { position: relative; min-width: 0; }
.soel-video-play:not([hidden]) {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 9px 17px;
  transform: translate(-50%, -50%);
  border: 1px solid #fff6e8;
  border-radius: 999px;
  background: #21170ed9;
  color: #fff6e8;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.soel-module-placeholder {
  margin: 0;
  padding: 24px;
  border: 1px dashed #a58d6a;
  background: #faf7f1;
  color: #574a3a;
}

.soel-niche, .soel-selection { min-width: 0; }
.soel-niche-heading { align-items: flex-end; }
.soel-niche-description { color: #60574a; margin: 12px 0 0; }
.soel-niche-actions, .soel-selection-actions { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.soel-carousel-controls { display: flex; flex: none; gap: 6px; }
.soel-carousel-controls[hidden] { display: none; }
.soel-carousel-controls button {
  width: 44px;
  height: 44px;
  border: 1px solid #bba889;
  background: #fff;
}
.soel-carousel-controls button:not(:disabled):hover { background: var(--ink); color: #fff; }
.soel-carousel-controls .soel-carousel-prev svg { transform: rotate(180deg); }
.soel-carousel-toggle .soel-carousel-play-icon,
.soel-carousel-toggle[data-soel-rotating="false"] .soel-carousel-pause-icon { display: none; }
.soel-carousel-toggle[data-soel-rotating="false"] .soel-carousel-play-icon { display: block; }
.woocommerce ul.products[data-soel-carousel-track] {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 72px) / 4);
  gap: 24px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 6px;
  scrollbar-color: #af9974 #f6f1e9;
  padding: 7px 6px 16px !important;
}
.woocommerce ul.products[data-soel-carousel-track] li.product { min-width: 0; scroll-snap-align: start; }
[data-soel-carousel-track]:focus-visible { outline: 2px solid #816741; outline-offset: 2px; }

.soel-support-band {
  background: #28231d;
  color: #f8f4ed;
  border-top: 3px solid #9a825e;
}
.soel-support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 20px clamp(24px, 5vw, 70px);
  padding-block: 31px;
}
.soel-support-item { min-width: 0; }
.soel-support-item h2 {
  margin: 0 0 7px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
}
.soel-support-item p { color: #ded1bd; margin: 4px 0; }
.soel-support-item > a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  overflow-wrap: anywhere;
  color: #f3e3c8;
}
.soel-support-item > a:hover, .soel-social-links a:hover { text-decoration: underline; }
.soel-support-item > a svg, .soel-support-hours svg { width: 18px; flex: 0 0 18px; }
.soel-support-hours { display: flex; align-items: center; gap: 8px; }
.soel-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.soel-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #f3e3c8;
  border: 1px solid #796b56;
  border-radius: 50%;
}
.soel-social-links a:hover { background: #f3e3c8; color: #28231d; }

.site-footer .soel-etbis-list { margin-top: 9px; }
.site-footer .soel-etbis-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  min-height: 44px;
  border: 1px solid #c8b99f;
  color: #4a3824;
}
.soel-etbis-link img { display: block; width: 112px; max-width: 100%; height: auto; }
.site-footer .soel-etbis-link:hover { text-decoration: underline; }

@media (max-width: 1023px) {
  .woocommerce ul.products[data-soel-carousel-track] { grid-auto-columns: calc((100% - 36px) / 3); gap: 18px; }
}
@media (max-width: 767px) {
  .soel-storefront .hero.soel-king-hero { display: flex; flex-direction: column; height: auto; min-height: 0; }
  .soel-storefront .soel-hero-slides > .hero.soel-king-hero[hidden] { display: none; }
  .soel-storefront .soel-hero-slides > .hero.soel-king-hero:first-child[hidden] { display: flex; }
  .soel-storefront .soel-king-hero .hero-content { order: -1; padding: 28px 0 25px; }
  .soel-storefront .soel-king-hero .hero-image { position: static; height: clamp(260px, 85vw, 450px); object-position: 73% 76%; }
  .soel-storefront .soel-king-hero .hero-shade { display: none; }
  .soel-banners { grid-template-columns: 1fr; gap: 16px; }
  .soel-storefront .brand-story { grid-template-columns: 1fr; }
  .soel-video { grid-template-columns: 1fr; gap: 17px; padding: 19px; }
  .soel-video h2 { font-size: clamp(26px, 7vw, 36px); }
  .soel-niche-heading, .soel-selection-heading { flex-wrap: wrap; gap: 10px; }
  .soel-niche-actions, .soel-selection-actions { justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; }
  .soel-niche-actions .soel-carousel-controls:only-child { margin-inline-start: auto; }
  .woocommerce ul.products[data-soel-carousel-track] { grid-auto-columns: calc((100% - 14px) / 2); gap: 14px; }
  .soel-selection ul.products[data-soel-carousel-track] {
    grid-auto-columns: calc((100% - 36px) / 2);
    scrollbar-width: thin;
    padding-block-end: 10px !important;
  }
  .soel-support-grid { grid-template-columns: 1fr; gap: 16px; padding-block: 24px; }
  .soel-support-item + .soel-support-item { padding-top: 15px; border-top: 1px solid #514637; }
}