.elementor-23 .elementor-element.elementor-element-dd6b0ce{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-dd6b0ce:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-dd6b0ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xupistyle.com/wp-content/uploads/2026/05/01_Vow_d_2880x1400_2.jpg");background-size:cover;}.elementor-23 .elementor-element.elementor-element-1b9fe6e.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-1b9fe6e .title-subtitle{color:#FFFFFF;font-size:12px;}.elementor-23 .elementor-element.elementor-element-1b9fe6e .title{color:#FFFFFF;font-size:44px;}.elementor-23 .elementor-element.elementor-element-e4925ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:92px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-1d2eb2e{width:var( --container-widget-width, 58.561% );max-width:58.561%;--container-widget-width:58.561%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-1d2eb2e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-1d2eb2e .title-subtitle{color:#000000;font-size:12px;}.elementor-23 .elementor-element.elementor-element-1d2eb2e .title{color:#000000;font-size:44px;}.elementor-23 .elementor-element.elementor-element-bd941f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:139px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-1c63d43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-824d5a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-d376f53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:117px;--padding-bottom:117px;--padding-left:117px;--padding-right:117px;}.elementor-23 .elementor-element.elementor-element-a83e81e{width:var( --container-widget-width, 125.292% );max-width:125.292%;--container-widget-width:125.292%;--container-widget-flex-grow:0;text-align:justify;}.elementor-23 .elementor-element.elementor-element-a83e81e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-d2f94cc.elementor-element{--order:99999 /* order end hack */;}.elementor-23 .elementor-element.elementor-element-711d29b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-ed00d8a{text-align:center;}.elementor-23 .elementor-element.elementor-element-ed00d8a .elementor-heading-title{font-size:44px;}.elementor-23 .elementor-element.elementor-element-4cd2c97{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-cd7140f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-4aad93a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:117px;--padding-bottom:117px;--padding-left:117px;--padding-right:117px;}.elementor-23 .elementor-element.elementor-element-9e4c614{width:var( --container-widget-width, 125.292% );max-width:125.292%;--container-widget-width:125.292%;--container-widget-flex-grow:0;text-align:justify;}.elementor-23 .elementor-element.elementor-element-9e4c614.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-5795655.elementor-element{--order:99999 /* order end hack */;}.elementor-23 .elementor-element.elementor-element-11f4314{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-23 .elementor-element.elementor-element-11f4314.e-con{--align-self:center;}.elementor-23 .elementor-element.elementor-element-b885066{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-b885066.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-234fcff{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-23 .elementor-element.elementor-element-7570177{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:45px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-c309d0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 31px) 35px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-c309d0a .elementor-heading-title{font-size:36px;}.elementor-23 .elementor-element.elementor-element-23b3bb5 > .elementor-widget-container{margin:0px 0px 0px 35px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-23b3bb5{--wd-brd-radius:0px;}.elementor-23 .elementor-element.elementor-element-9249098{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-fd059a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-133b75a{--display:flex;--padding-top:36px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-63596b4 > .elementor-widget-container{margin:0px 0px 0px 44px;}.elementor-23 .elementor-element.elementor-element-63596b4{--wd-brd-radius:0px;}.elementor-23 .elementor-element.elementor-element-327ddee{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--margin-top:41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:17px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-327ddee.e-con{--align-self:flex-end;}.elementor-23 .elementor-element.elementor-element-152161b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -150px;padding:0px 0px 0px 0px;}@media(max-width:768px){.elementor-23 .elementor-element.elementor-element-23b3bb5 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:769px){.elementor-23 .elementor-element.elementor-element-824d5a8{--width:50%;}.elementor-23 .elementor-element.elementor-element-d376f53{--width:50%;}.elementor-23 .elementor-element.elementor-element-cd7140f{--width:50%;}.elementor-23 .elementor-element.elementor-element-4aad93a{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-e585fc0 *//* Основна обгортка для секції кроків */
.kb-steps-container {
    --kb-bg: #f9f8f4;
    --kb-sep: #e0ddd5;
    --kb-text-color: #333333;
    --kb-muted-color: #555555;
    
    background-color: var(--kb-bg);
    display: flex !important;
    gap: 0 !important;
}

/* Стиль кожної колонки */
.kb-step-item {
    border-right: 1px solid var(--kb-sep);
    padding: 64px 48px 56px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
}

.kb-step-item:last-child {
    border-right: none;
}

/* Заголовок (Label) */
.kb-step-item h2, 
.kb-step-item .elementor-heading-title {
    font-family: inherit;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--kb-text-color) !important;
    margin-bottom: 24px !important;
}

/* Основний текст */
.kb-step-item p,
.kb-step-item .elementor-text-editor {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
    color: var(--kb-muted-color) !important;
    max-width: 280px;
    margin-bottom: 40px !important;
}

/* Посилання (Link) */
.kb-step-item a {
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: var(--kb-text-color) !important;
    letter-spacing: 0.1em !important;
    border-bottom: 1px solid var(--kb-text-color);
    padding-bottom: 4px;
    transition: opacity 0.3s ease;
}

.kb-step-item a:hover {
    opacity: 0.6;
}

/* Адаптив для мобілок */
@media (max-width: 767px) {
    .kb-steps-container {
        flex-direction: column !important;
    }
    .kb-step-item {
        border-right: none;
        border-bottom: 1px solid var(--kb-sep);
    }
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-23b3bb5 *//* ===== WOODMART CAROUSEL: TENNIS COLLECTION (FINAL FIX) ===== */

/* 1. ЗАГАЛЬНИЙ КОНТЕЙНЕР */
.owl-carousel,
.owl-stage-outer,
.wd-carousel,
.wd-carousel-container,
.swiper-container {
  background-color: #F6F4F0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.owl-stage,
.swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
}

/* 2. ТОВАРНА КАРТКА — БІЛИЙ фон */
.owl-item,
.swiper-slide,
.wd-product-item,
.product-grid-item,
.carousel-item {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #F6F4F0 !important;
  border: none !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 3. ВНУТРІШНЯ СТРУКТУРА */
.product-inner,
.wd-product-inner,
.product-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 10% !important;
  padding: 0 !important;
  position: relative !important;
  background: #F6F4F0 !important;
}

/* 4. ЗОБРАЖЕННЯ — БЕЖЕВИЙ фон ТІЛЬКИ ТУТ */
.product-image-wrapper,
.wd-product-image,
.product-image,
.woocommerce-product-gallery {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #F6F4F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  border-right: 1px solid #E7E5E4 !important;
  box-sizing: border-box !important;
}

.owl-item:last-child .product-image-wrapper,
.swiper-slide:last-child .product-image-wrapper,
.wd-product-item:last-child .product-image-wrapper {
  border-right: none !important;
}

.product-image-wrapper img,
.wd-product-image img,
.product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s ease !important;
}

.wd-product-item:hover .product-image-wrapper img,
.wd-product-item:hover img {
  transform: scale(1.03) !important;
}

/* ============================================================ */
/* ★★★ ГОЛОВНИЙ ФІКС: НАЗВА ТОВАРУ ВИНОСИМО ПІД ФОТО ★★★ */
/* ============================================================ */

/* Якщо назва знаходиться ВСЕРЕДИНІ wrapper'а зображення —
   витягуємо її через absolute позиціонування ПІД фото */

.wd-entities-title,
.wd-product-title,
.product-title,
h2.woocommerce-loop-product__title,
h3.wd-entities-title {
  position: relative !important;
  background: #F6F4F0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 5px 16px 0 1px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  z-index: 2 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wd-entities-title a,
.product-title a,
h3.wd-entities-title a {
  color: #1A1A1A !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.wd-product-item:hover .wd-entities-title,
.wd-product-item:hover .wd-entities-title a {
  color: #6B6B6B !important;
}

/* 5. БЛОК ФУТЕРА (ціна + свочі) — БІЛИЙ фон, ВЕЛИКИЙ ВЕРХНІЙ ВІДСТУП */
.wd-product-footer,
.product-footer,
.product-content,
.wd-product-info {
  position: static !important;
  background: #F6F4F0 !important;
  backdrop-filter: none !important;
  text-align: center !important;
  padding: 10px 10px 10px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: left !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* 6. ЦІНА */
.wd-product-price,
.product-price,
.price,
.woocommerce-Price-amount,
span.price {
  font-size: 13px !important;
  color: #8B8B8B !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  background: #F6F4F0 !important;
}

.wd-product-price::before,
.price::before,
span.price::before {
  content: 'Від' !important;
  font-size: 12px !important;
  color: #8B8B8B !important;
  font-weight: 400 !important;
}

/* 7. СВОЧІ КОЛЬОРІВ */
.wd-swatches-product,
.wd-swatches,
.product-swatches {
  display: flex !important;
  gap: 2px !important;
  margin-top: 2px !important;
  padding: 0 !important;
  justify-content: left !important;
}

.wd-swatches-product .wd-swatch,
.wd-swatch {
  width: px !important;
  height: 16px !important;
  border-radius: 0 !important;
  border: 5px solid #D4D4D4 !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: inline-block !important;
}

/* 8. ВИДАЛЕННЯ ЗАЙВИХ ЕЛЕМЕНТІВ */
.wd-add-btn,
.wd-buttons,
.wd-product-buttons,
.product-buttons,
.button.add_to_cart_button,
.wd-product-cats,
.product-categories,
.star-rating,
.wd-compare-btn,
.wd-wishlist-btn,
.wd-quick-view-btn {
  display: none !important;
}

/* 9. НАКЛЕЙКИ — у ВЕРХУ зображення по центру */
.product-labels,
.wd-product-labels,
.wd-labels {
  position: absolute !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-label,
.wd-badge,
.wd-product-label {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  font-size: 10px !important;
  padding: 6px 14px !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  border: none !important;
  white-space: nowrap !important;
}

/* 10. АДАПТИВНІСТЬ */
@media (max-width: 768px) {
  .wd-entities-title,
  h3.wd-entities-title {
    font-size: 13px !important;
    padding: 18px 10px 0 10px !important;
  }
  
  .wd-product-price,
  .price {
    font-size: 12px !important;
  }
  
  .wd-product-price::before,
  .price::before {
    font-size: 12px !important;
  }
  
  .wd-product-footer,
  .product-footer {
    padding: 10px 10px 18px 10px !important;
    gap: 6px !important;
  }
  
  .product-label,
  .wd-badge {
    font-size: 9px !important;
    padding: 5px 10px !important;
  }
  
  .wd-swatches-product .wd-swatch {
    width: 14px !important;
    height: 14px !important;
  }
}

/* 11. ПЛАВНА АНІМАЦІЯ */
.wd-product-item {
  animation: fadeInProduct 0.6s ease-out both;
}

@keyframes fadeInProduct {
  from { 
    opacity: 0; 
    transform: translateY(10px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0); 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-152161b *//* ===== KINN BANNER — БАНЕР З ЗАГОЛОВКОМ І КНОПКОЮ ===== */

.kinn-banner {
  position: relative;
  width: 100%;
  min-height: 5px;
  background-image: url('ВСТАВ_URL_ФОТО_ТУТ.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}

/* Контент знизу зліва */
.kinn-banner__content {
  position: relative;
  z-index: 2;
  padding: 6px 5px;
  max-width: 800px;
  text-align: left;
}

/* Заголовок */
.kinn-banner__title {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  font-size: 44px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  color: #FFFFFF;
  margin: 0 0 25px 0;
  padding: 0;
  letter-spacing: -0.005em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

/* Кнопка з підкресленням */
.kinn-banner__button {
  display: inline-block;
  font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #FFFFFF;
  transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.kinn-banner__button:hover {
  color: #D4A574;
  border-bottom-color: #D4A574;
  transform: translateY(-2px);
}

/* АДАПТИВ — ПЛАНШЕТ */
@media (max-width: 1024px) {
  .kinn-banner {
    min-height: 420px;
  }
  .kinn-banner__content {
    padding: 50px 60px;
  }
  .kinn-banner__title {
    font-size: 36px;
  }
}

/* АДАПТИВ — МОБІЛЬНИЙ */
@media (max-width: 768px) {
  .kinn-banner {
    min-height: 380px;
  }
  .kinn-banner__content {
    padding: 40px 30px;
  }
  .kinn-banner__title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .kinn-banner__button {
    font-size: 11px;
    letter-spacing: 0.2em;
  }
}

@media (max-width: 480px) {
  .kinn-banner {
    min-height: 320px;
  }
  .kinn-banner__content {
    padding: 30px 20px;
  }
  .kinn-banner__title {
    font-size: 22px;
  }
}
</style>/* End custom CSS */