@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sontexultrasons.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//sontexultrasons.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Patua One", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Patua One", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Patua One", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Patua One", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Patua One", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(27,58,38);
	--wd-alternative-color: rgb(200,132,74);
	--btn-default-bgcolor: rgb(200,132,74);
	--btn-default-bgcolor-hover: rgb(166,107,53);
	--btn-accented-bgcolor: rgb(200,132,74);
	--btn-accented-bgcolor-hover: rgb(166,107,53);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(27,58,38);
	--wd-link-color-hover: rgb(200,132,74);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://sontexultrasons.com/wp-content/uploads/2021/10/camping-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #0f1f15;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(244,241,235);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ══════════════════════════════════════════════════════════════
   SONTEX ULTRASONS — GLOBAL CSS
   Магазин палаток и спальников
   Тема: WoodMart WordPress
   ══════════════════════════════════════════════════════════════ */

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ══════════════════════════════════════════════════════════════
   🔴 ЦВЕТОВАЯ СХЕМА ДЛЯ WOODMART
   
   Основной:          #1b3a26 (тёмный лесной зелёный)
   Дополнительный:    #c8844a (тёплый медный/терракота)
   Фон страниц:       #f4f1eb (тёплый пергаментный)
   Фон хедера:        #0f1f15 (почти чёрный зелёный)
   Фон футера:        #0f1f15
   Кнопки:            #c8844a
   Hover кнопок:      #a66b35
   Ссылки:            #1b3a26
   Hover ссылок:      #c8844a
   Текст основной:    #2a2a2a
   Текст на тёмном:   #f4f1eb
   Акцентный тёмный:  #0f1f15
   
   ВСТАВИТЬ В WOODMART → THEME SETTINGS:
   - Primary Color: #1b3a26
   - Secondary Color: #c8844a  
   - Header background: #0f1f15
   - Header text: #f4f1eb
   - Footer background: #0f1f15
   - Footer text: #f4f1eb
   - Body background: #f4f1eb
   - Body text: #2a2a2a
   - Links color: #1b3a26
   - Links hover: #c8844a
   - Buttons bg: #c8844a
   - Buttons hover bg: #a66b35
   - Buttons text: #ffffff
   ══════════════════════════════════════════════════════════════ */

:root {
  --sx-green-deep: #1b3a26;
  --sx-green-dark: #0f1f15;
  --sx-green-mid: #2d5a3a;
  --sx-green-light: #4a7c5c;
  --sx-copper: #c8844a;
  --sx-copper-dark: #a66b35;
  --sx-copper-light: #daa06d;
  --sx-parchment: #f4f1eb;
  --sx-parchment-dark: #e8e3d9;
  --sx-text: #2a2a2a;
  --sx-text-light: #666;
  --sx-text-on-dark: #f4f1eb;
  --sx-white: #ffffff;
  --sx-shadow: 0 8px 32px rgba(15,31,21,0.12);
  --sx-shadow-hover: 0 16px 48px rgba(15,31,21,0.2);
  --sx-radius: 12px;
  --sx-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── RESET & BASE ── */
.sx-section {
  position: relative;
  overflow: hidden;
}
.sx-section * {
  box-sizing: border-box;
}
.sx-inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 24px;
}
.sx-section h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: var(--sx-green-deep);
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin: 0 0 16px 0;
}
.sx-section h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.4rem);
  margin: 0 0 10px 0;
}
.sx-section p, .sx-section li {
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  color: var(--sx-text);
  font-size: 1rem;
  line-height: 1.7;
}

/* ── КНОПКИ ── */
.sx-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--sx-transition);
  border-radius: 60px;
  padding: 14px 32px;
  letter-spacing: 0.02em;
}
.sx-btn--copper {
  background: var(--sx-copper);
  color: var(--sx-white);
}
.sx-btn--copper:hover {
  background: var(--sx-copper-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200,132,74,0.35);
}
.sx-btn--outline {
  background: transparent;
  color: var(--sx-green-deep);
  border: 2px solid var(--sx-green-deep);
}
.sx-btn--outline:hover {
  background: var(--sx-green-deep);
  color: var(--sx-white);
  transform: translateY(-2px);
}
.sx-btn--white {
  background: var(--sx-white);
  color: var(--sx-green-deep);
}
.sx-btn--white:hover {
  background: var(--sx-parchment);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255,255,255,0.25);
}
.sx-btn--green {
  background: var(--sx-green-deep);
  color: var(--sx-white);
}
.sx-btn--green:hover {
  background: var(--sx-green-mid);
  transform: translateY(-2px);
}

/* ── ДЕКОРАТИВНАЯ ЛИНИЯ ── */
.sx-line {
  width: 50px;
  height: 3px;
  background: var(--sx-copper);
  border-radius: 2px;
  margin-bottom: 20px;
}
.sx-line--center {
  margin-left: auto;
  margin-right: auto;
}

/* ── ФОНЫ СЕКЦИЙ ── */
.sx-bg-parchment { background: var(--sx-parchment); }
.sx-bg-white { background: var(--sx-white); }
.sx-bg-dark { background: var(--sx-green-dark); }
.sx-bg-green { background: var(--sx-green-deep); }

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 1: HERO
   ══════════════════════════════════════════════════════════════ */

.sx-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.sx-hero__slides {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.sx-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.sx-hero__slide.active {
  opacity: 1;
}
.sx-hero__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sx-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(15,31,21,0.88) 0%,
    rgba(15,31,21,0.65) 40%,
    rgba(15,31,21,0.3) 100%
  );
  z-index: 1;
}
.sx-hero__content {
  position: relative;
  z-index: 2;
  max-width: 680px;
  padding: 120px 0;
}
.sx-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(200,132,74,0.15);
  border: 1px solid rgba(200,132,74,0.4);
  color: var(--sx-copper-light);
  font-family: 'Outfit', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 60px;
  margin-bottom: 24px;
  backdrop-filter: blur(8px);
}
.sx-hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 800;
  font-size: clamp(2.4rem, 6vw, 4rem);
  color: var(--sx-white);
  line-height: 1.08;
  letter-spacing: -0.04em;
  margin: 0 0 20px 0;
}
.sx-hero h1 span {
  color: var(--sx-copper-light);
}
.sx-hero__desc {
  color: rgba(244,241,235,0.8) !important;
  font-size: 1.15rem !important;
  margin-bottom: 36px !important;
  max-width: 520px;
}
.sx-hero__btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.sx-hero__indicators {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  gap: 10px;
}
.sx-hero__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  border: 2px solid rgba(255,255,255,0.5);
  cursor: pointer;
  transition: var(--sx-transition);
}
.sx-hero__dot.active {
  background: var(--sx-copper);
  border-color: var(--sx-copper);
  transform: scale(1.2);
}

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 2: CATEGORÍAS
   ══════════════════════════════════════════════════════════════ */

.sx-categories {
  padding: 100px 0;
}
.sx-categories__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 48px;
}
.sx-cat-card {
  position: relative;
  border-radius: var(--sx-radius);
  overflow: hidden;
  aspect-ratio: 4/3;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.sx-cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sx-cat-card:hover img {
  transform: scale(1.08);
}
.sx-cat-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(15,31,21,0.85) 0%,
    rgba(15,31,21,0.2) 60%,
    transparent 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  transition: var(--sx-transition);
}
.sx-cat-card:hover .sx-cat-card__overlay {
  background: linear-gradient(
    0deg,
    rgba(15,31,21,0.9) 0%,
    rgba(15,31,21,0.35) 70%,
    rgba(15,31,21,0.1) 100%
  );
}
.sx-cat-card__tag {
  display: inline-block;
  background: var(--sx-copper);
  color: var(--sx-white);
  font-family: 'Outfit', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 5px 14px;
  border-radius: 4px;
  margin-bottom: 12px;
  width: fit-content;
}
.sx-cat-card h3 {
  color: var(--sx-white);
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  margin-bottom: 8px;
}
.sx-cat-card p {
  color: rgba(244,241,235,0.75) !important;
  font-size: 0.95rem !important;
  margin-bottom: 16px !important;
}
.sx-cat-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--sx-copper-light);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: var(--sx-transition);
}
.sx-cat-card:hover .sx-cat-card__link {
  gap: 12px;
  color: var(--sx-copper);
}

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 3: CARACTERÍSTICAS DEL PRODUCTO
   ══════════════════════════════════════════════════════════════ */

.sx-features {
  padding: 100px 0;
}
.sx-features__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-top: 48px;
}
.sx-features__image {
  border-radius: var(--sx-radius);
  overflow: hidden;
  position: relative;
}
.sx-features__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--sx-radius);
}
.sx-features__image-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: var(--sx-copper);
  color: var(--sx-white);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 10px 20px;
  border-radius: 8px;
}
.sx-features__list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.sx-feat-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.sx-feat-item__icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--sx-green-deep), var(--sx-green-mid));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sx-white);
  font-size: 1.4rem;
}
.sx-feat-item h3 {
  color: var(--sx-green-deep);
  margin-bottom: 4px;
}
.sx-feat-item p {
  color: var(--sx-text-light) !important;
  font-size: 0.93rem !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 4: PRODUCTOS DESTACADOS (WooCommerce)
   ══════════════════════════════════════════════════════════════ */

.sx-products {
  padding: 100px 0;
}
.sx-products__header {
  text-align: center;
  margin-bottom: 40px;
}
.sx-products__tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sx-tab {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 10px 24px;
  border-radius: 60px;
  border: 2px solid var(--sx-green-deep);
  background: transparent;
  color: var(--sx-green-deep);
  cursor: pointer;
  transition: var(--sx-transition);
}
.sx-tab:hover, .sx-tab.active {
  background: var(--sx-green-deep);
  color: var(--sx-white);
}
.sx-products__panel {
  display: none;
}
.sx-products__panel.active {
  display: block;
}
.sx-products__footer {
  text-align: center;
  margin-top: 40px;
}

/* WooCommerce product cards override */
.sx-products .products .product .product-element-top {
  border-radius: var(--sx-radius) !important;
}
.sx-products .products .product .wd-entities-title a {
  color: var(--sx-text) !important;
  font-family: 'Outfit', sans-serif !important;
}
.sx-products .products .product .price {
  color: var(--sx-green-deep) !important;
  font-weight: 600 !important;
}
.sx-products .products .product .add_to_cart_button,
.sx-products .products .product .wd-action-btn a {
  color: var(--sx-green-deep) !important;
}

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 5: AVENTURA VISUAL (Lifestyle Gallery)
   ══════════════════════════════════════════════════════════════ */

.sx-adventure {
  padding: 100px 0;
}
.sx-adventure__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto auto;
  gap: 20px;
  margin-top: 48px;
}
.sx-adv-card {
  position: relative;
  border-radius: var(--sx-radius);
  overflow: hidden;
}
.sx-adv-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.8s ease;
}
.sx-adv-card:hover img {
  transform: scale(1.06);
}
.sx-adv-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(15,31,21,0.7) 0%, transparent 60%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  opacity: 0;
  transition: var(--sx-transition);
}
.sx-adv-card:hover .sx-adv-card__overlay {
  opacity: 1;
}
.sx-adv-card h3 {
  color: var(--sx-white);
  font-size: 1.1rem;
  margin: 0;
}
.sx-adv-card p {
  color: rgba(255,255,255,0.7) !important;
  font-size: 0.85rem !important;
  margin: 4px 0 0 0 !important;
}
.sx-adv-card:nth-child(1) { grid-column: 1 / 8; grid-row: 1 / 2; aspect-ratio: 16/9; }
.sx-adv-card:nth-child(2) { grid-column: 8 / 13; grid-row: 1 / 2; aspect-ratio: 1/1; }
.sx-adv-card:nth-child(3) { grid-column: 1 / 5; grid-row: 2 / 3; aspect-ratio: 1/1; }
.sx-adv-card:nth-child(4) { grid-column: 5 / 13; grid-row: 2 / 3; aspect-ratio: 16/9; }

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 6: GARANTÍAS / CONFIANZA
   ══════════════════════════════════════════════════════════════ */

.sx-trust {
  padding: 80px 0;
}
.sx-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
}
.sx-trust-card {
  text-align: center;
  padding: 36px 24px;
  border-radius: var(--sx-radius);
  background: rgba(200,132,74,0.06);
  border: 1px solid rgba(200,132,74,0.15);
  transition: var(--sx-transition);
}
.sx-trust-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sx-shadow);
  border-color: rgba(200,132,74,0.3);
}
.sx-trust-card__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--sx-green-deep), var(--sx-green-mid));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: var(--sx-white);
}
.sx-trust-card h3 {
  color: var(--sx-green-deep);
  font-size: 1.05rem;
  margin-bottom: 8px;
}
.sx-trust-card p {
  color: var(--sx-text-light) !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   СЕКЦИЯ 7: NEWSLETTER
   ══════════════════════════════════════════════════════════════ */

.sx-newsletter {
  padding: 0;
}
.sx-newsletter__box {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
  padding: 80px 48px;
  border-radius: 0;
  background: linear-gradient(135deg, var(--sx-green-deep), var(--sx-green-dark));
  position: relative;
  overflow: hidden;
}
.sx-newsletter__box::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(200,132,74,0.12) 0%, transparent 70%);
  border-radius: 50%;
}
.sx-newsletter__box h2 {
  color: var(--sx-white) !important;
  font-size: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}
.sx-newsletter__box .sx-line {
  margin-left: auto;
  margin-right: auto;
}
.sx-newsletter__box p {
  color: rgba(244,241,235,0.75) !important;
  margin-bottom: 28px !important;
  position: relative;
}
.sx-newsletter__form {
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;
  max-width: 520px;
  margin: 0 auto;
}
.sx-newsletter__input {
  flex: 1;
  padding: 16px 24px !important;
  border: 2px solid #ffffff !important;
  border-radius: 60px !important;
  background: #ffffff !important;
  color: #2a2a2a !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1rem !important;
  outline: none !important;
  transition: var(--sx-transition);
  min-height: 56px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}
.sx-newsletter__input::placeholder {
  color: #888 !important;
}
.sx-newsletter__input:focus {
  box-shadow: 0 0 0 3px rgba(200,132,74,0.5), 0 2px 12px rgba(0,0,0,0.15) !important;
  border-color: var(--sx-copper) !important;
}

/* ══════════════════════════════════════════════════════════════
   АНИМАЦИИ
   ══════════════════════════════════════════════════════════════ */

.sx-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sx-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.sx-reveal-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sx-reveal-left.visible {
  opacity: 1;
  transform: translateX(0);
}
.sx-reveal-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sx-reveal-right.visible {
  opacity: 1;
  transform: translateX(0);
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
  .sx-categories__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sx-features__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .sx-trust__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .sx-adventure__grid {
    grid-template-columns: 1fr 1fr;
  }
  .sx-adv-card:nth-child(1) { grid-column: 1 / 3; grid-row: auto; }
  .sx-adv-card:nth-child(2) { grid-column: 1 / 2; grid-row: auto; }
  .sx-adv-card:nth-child(3) { grid-column: 2 / 3; grid-row: auto; }
  .sx-adv-card:nth-child(4) { grid-column: 1 / 3; grid-row: auto; }
}

@media (max-width: 575px) {
  .sx-hero h1 { font-size: 2rem; }
  .sx-hero__btns { flex-direction: column; }
  .sx-trust__grid { grid-template-columns: 1fr; }
  .sx-adventure__grid { grid-template-columns: 1fr; }
  .sx-adv-card:nth-child(1),
  .sx-adv-card:nth-child(2),
  .sx-adv-card:nth-child(3),
  .sx-adv-card:nth-child(4) { grid-column: 1 / -1; aspect-ratio: 16/9; }
  .sx-newsletter__form { flex-direction: column; }
  .sx-newsletter__box { padding: 40px 24px; }
  .sx-cat-card { aspect-ratio: 3/2; }
}
