/*
Theme Name: Gidna Luxe
Theme URI: https://gidna.top
Author: Gidna Studio
Description: Ексклюзивна вінтажна тема для бутіка Гідна.топ з повною інтеграцією кастомного складу _custom_stock_data.
Version: 1.9.0
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Marck+Script&display=swap');

:root {
  --gidna-bg: #f4eee1;
  --gidna-card: #fcf9f2;
  --gidna-border: #d8c8b1;
  --gidna-dark: #231c16;
  --gidna-brown-active: #5c4328;
  --gidna-gold: #8c714d;
  --gidna-gold-light: #d4af37;
}

html {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  box-sizing: border-box !important;
  -webkit-text-size-adjust: 100% !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  position: relative !important;
  background-color: var(--gidna-bg);
  color: var(--gidna-dark);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
}

img {
  max-width: 100% !important;
  height: auto;
}

/* =======================================================
   0. ШАПКА, ЕМБЛЕМА ТА КОНТРАСТНІ ВІДІРВАНІ ЯРЛИКИ (TORN TABS)
   ======================================================= */
.gidna-lux-header-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 24px !important;
  background: rgba(247, 242, 232, 0.96) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid #d1c1a9 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

/* ЕМБЛЕМА: БЛАГОРОДНИЙ МЕДАЛЬЙОН ІЗ КАЛІГРАФІЧНОЮ "Г" */
.gidna-lux-emblem {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 35%, #24364e 0%, #131b26 75%, #0a1017 100%) !important;
  border: 2.5px solid #d4af37 !important;
  outline: 1.5px dashed #93712b !important;
  outline-offset: 2.5px !important;
  box-shadow: 
    0 4px 12px rgba(17, 27, 43, 0.35),
    inset 0 2px 5px rgba(255, 255, 255, 0.25),
    inset 0 -3px 7px rgba(0, 0, 0, 0.7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.gidna-lux-emblem:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 18px rgba(17, 27, 43, 0.45) !important;
}

.gidna-lux-emblem-letter {
  font-family: 'Marck Script', cursive, serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #f8efe0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 12px rgba(212, 175, 55, 0.6) !important;
  line-height: 1 !important;
  margin-top: -3px !important;
}

.gidna-lux-emblem-img {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  border: 2px solid #d4af37 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important;
  flex-shrink: 0 !important;
}

/* КОНТРАСТНІ ВІДІРВАНІ ПАПЕРОВІ ЯРЛИКИ (ДЕСКТОП) */
.gidna-lux-torn-tab-desktop {
  position: relative !important;
  background-color: #faf3e4 !important;
  color: #231c16 !important;
  padding: 8px 18px 8px 26px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  border-top: 1px solid #7d6b53 !important;
  border-bottom: 1px solid #7d6b53 !important;
  border-right: 1px solid #7d6b53 !important;
  border-left: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  clip-path: polygon(
    14px 0%,
    100% 0%,
    100% 100%,
    14px 100%,
    3px 90%,
    13px 81%,
    2px 72%,
    14px 63%,
    1px 54%,
    13px 45%,
    2px 36%,
    12px 27%,
    1px 18%,
    14px 9%
  ) !important;
  filter: drop-shadow(-3px 2px 3px rgba(45, 33, 20, 0.35)) drop-shadow(-1px 0px 1px rgba(70, 50, 30, 0.5)) !important;
  transition: all 0.22s ease !important;
}

.gidna-lux-torn-tab-desktop:hover {
  background-color: #ffffff !important;
  color: #1a140f !important;
  transform: translateY(-2px) !important;
  border-color: #b59247 !important;
  filter: drop-shadow(-4px 4px 6px rgba(45, 30, 15, 0.45)) drop-shadow(-1px 0px 1px rgba(181, 146, 71, 0.8)) !important;
}

/* =======================================================
   0.1. СПЛИВАЮЧЕ МЕНЮ КАТЕГОРІЙ (DESKTOP ТА MOBILE)
   ======================================================= */
.gidna-cat-container {
  position: relative !important;
}

/* ЗА ЗАМОВЧУВАННЯМ СУВОРО ПРИХОВАНО — ЖОДНОГО ВІДКРИТТЯ ПРИ ЗАВАНТАЖЕННІ! */
.gidna-cat-dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  min-width: 260px !important;
  background: #faf4e8 !important;
  border: 1px solid #bda88d !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 32px rgba(35, 25, 15, 0.28), 0 2px 6px rgba(0,0,0,0.08) !important;
  padding: 8px 0 !important;
  z-index: 99999 !important;
}

/* КОЛИ ВІДКРИТО: З'ЯВЛЯЄТЬСЯ ЕЛЕГАНТНО ПОВЕРХ САЙТУ */
.gidna-cat-container.is-open .gidna-cat-dropdown-menu,
.gidna-cat-dropdown-menu.is-open {
  display: block !important;
  animation: gidnaDropdownFade 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

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

.gidna-cat-item {
  display: block !important;
  padding: 10px 20px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #2b221a !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  border-bottom: 1px dashed rgba(189, 168, 141, 0.35) !important;
  line-height: 1.2 !important;
}

.gidna-cat-item:last-child {
  border-bottom: none !important;
}

.gidna-cat-item:hover {
  background-color: #efe2cc !important;
  color: #1a140f !important;
  padding-left: 26px !important;
}

.gidna-cat-item-all {
  font-weight: 700 !important;
  color: #5c4328 !important;
  background-color: rgba(239, 226, 204, 0.45) !important;
}

/* =======================================================
   0.2. ПОШУК У ШАПЦІ: ЗАМІНЮЄ КНОПКУ ПОШУК ВЛАСНИМ ПОЛЕМ ПРЯМО В РЯДКУ
   ======================================================= */
.gidna-search-container {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}

/* ЗА ЗАМОВЧУВАННЯМ ПОЛЕ ПОШУКУ СУВОРО ПРИХОВАНЕ */
.gidna-search-inline {
  display: none !important;
  align-items: center !important;
  margin: 0 !important;
}

/* КОЛИ ПОШУК АКТИВОВАНО: КНОПКА ЗНИКАЄ, А ПОЛЕ З'ЯВЛЯЄТЬСЯ ПРЯМО НА МІСЦІ КНОПКИ */
.gidna-search-container.is-active .gidna-lux-torn-tab-desktop,
.gidna-search-container.is-active #gidna-search-btn-desktop {
  display: none !important;
}

.gidna-search-container.is-active .gidna-search-inline {
  display: flex !important;
}

/* ФОРМА ПОШУКУ В РЯДКУ ШАПКИ */
.gidna-search-inline form {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 4px 8px 4px 14px !important;
  background: #ffffff !important;
  border: 1.5px solid #7d6b53 !important;
  border-radius: 3px !important;
  box-shadow: 0 3px 10px rgba(45, 33, 20, 0.18) !important;
  transition: all 0.2s ease !important;
}

.gidna-search-inline form:focus-within {
  border-color: #b59247 !important;
  box-shadow: 0 4px 14px rgba(45, 33, 20, 0.25) !important;
}

.gidna-header-search-input {
  width: 170px !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #231c16 !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

.gidna-header-search-input::placeholder {
  color: #92816d !important;
  font-size: 19px !important;
}

.gidna-header-search-submit {
  background: #231c16 !important;
  color: #f7eedf !important;
  border: none !important;
  padding: 5px 13px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  line-height: 1 !important;
}

.gidna-header-search-submit:hover {
  background: #5c4328 !important;
  color: #ffffff !important;
}

.gidna-header-search-close {
  background: transparent !important;
  border: none !important;
  color: #8c7b64 !important;
  font-size: 17px !important;
  cursor: pointer !important;
  padding: 2px 6px !important;
  line-height: 1 !important;
  transition: color 0.18s ease !important;
}

.gidna-header-search-close:hover {
  color: #231c16 !important;
}

/* БЕЙДЖ КІЛЬКОСТІ В КОШИКУ */
.gidna-lux-cart-count-badge {
  background: #5c4328 !important;
  color: #f7eedf !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  min-width: 14px !important;
  text-align: center !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  margin-left: 3px !important;
}

/* МОБІЛЬНІ КАТЕГОРІЇ ТА ПОШУК */
.gidna-cat-menu-mobile-dropdown {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 220px !important;
  z-index: 99999 !important;
}

.gidna-search-inline-mobile {
  display: none !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  background: #faf4e8 !important;
  border: 1px solid #7d6b53 !important;
  border-radius: 3px !important;
  padding: 4px 6px !important;
  box-shadow: 0 4px 14px rgba(35, 25, 15, 0.25) !important;
}

.gidna-mobile-nav .gidna-search-container.is-active .gidna-search-inline-mobile {
  display: flex !important;
}
.gidna-mobile-nav .gidna-search-container.is-active #gidna-search-btn-mobile {
  display: none !important;
}

/* МОБІЛЬНІ ВІДІРВАНІ КНОПКИ */
.gidna-mobile-nav {
  display: none !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 5px !important;
  margin-right: -24px !important;
}

.gidna-lux-torn-tab {
  position: relative !important;
  background-color: #faf3e4 !important;
  color: #231c16 !important;
  padding: 7px 14px 7px 22px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  border-top: 1px solid #7d6b53 !important;
  border-bottom: 1px solid #7d6b53 !important;
  border-right: none !important;
  border-left: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  clip-path: polygon(
    14px 0%,
    100% 0%,
    100% 100%,
    14px 100%,
    3px 90%,
    13px 81%,
    2px 72%,
    14px 63%,
    1px 54%,
    13px 45%,
    2px 36%,
    12px 27%,
    1px 18%,
    14px 9%
  ) !important;
  filter: drop-shadow(-3px 2px 3px rgba(45, 33, 20, 0.35)) drop-shadow(-1px 0px 1px rgba(70, 50, 30, 0.5)) !important;
  transition: all 0.2s ease !important;
}

.gidna-lux-torn-tab:hover,
.gidna-lux-torn-tab:active {
  background-color: #ffffff !important;
  transform: translateX(-4px) !important;
  filter: drop-shadow(-5px 3px 6px rgba(50, 38, 25, 0.45)) !important;
}

@media (max-width: 768px) {
  .gidna-desktop-nav {
    display: none !important;
  }
  .gidna-mobile-nav {
    display: flex !important;
  }
}

/* =======================================================
   1. КОМПАКТНА ШАПКА ТА ЗАГОЛОВОК МАГАЗИНУ (БЕЗ ВЕЛИКИХ ПОРОЖНЕЧ)
   ======================================================= */
/* Прибираємо гігантські відступи зверху */
.site-main,
main#primary,
#content,
.site-content,
.ast-container,
.entry-content,
.woocommerce-products-header,
.woocommerce-products-header-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.gidna-catalog-main {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 4px 16px 36px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .gidna-catalog-main {
    padding: 4px 6px 24px !important;
  }
}

/* Рядок каталогу: заголовок зліва, сортування справа */
.gidna-catalog-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1220px !important;
  margin: 4px auto 12px !important; /* Впритул до шапки! */
  padding: 0 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.gidna-catalog-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 32px !important;
  color: var(--gidna-dark) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
  line-height: 1.1 !important;
}

.woocommerce-products-header {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.woocommerce-products-header__title,
.woocommerce-page h1.page-title,
h1.page-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 32px !important;
  color: var(--gidna-dark) !important;
  text-align: left !important;
  margin: 4px 0 10px !important; /* Близько до шапки! */
  padding: 0 !important;
  font-weight: normal !important;
  letter-spacing: 0.5px !important;
  line-height: 1.1 !important;
}

/* ПОВНІСТЮ ПРИХОВУЄМО ТЕКСТ "Показано 1-20 із 637" */
.woocommerce-result-count,
p.woocommerce-result-count {
  display: none !important;
}

/* СОРТУВАННЯ: АКУРАТНО З БОКУ СПРАВА БЕЗ ЗСУВУ ТОВАРІВ */
.gidna-catalog-sorting,
.woocommerce-ordering {
  float: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
}

.woocommerce-ordering select.orderby {
  background: #faf6ed !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  padding: 4px 12px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 16px !important;
  color: var(--gidna-dark) !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}
.woocommerce-ordering select.orderby:hover {
  border-color: var(--gidna-dark) !important;
  background: #ffffff !important;
}

/* =======================================================
   2. ПЛИТКА ТОВАРІВ: ТІЛЬКИ ФОТО З КУТИКАМИ ПРЯМО НА ФОНІ САЙТУ!
      (ЖОДНОЇ БІЛОЇ ПІДЛОЖКИ ПІД УСІЄЮ КАРТКОЮ)
   ======================================================= */
/* УСУВАЄМО БАГ ПРОПУЩЕНОГО ПЕРШОГО ТОВАРУ (clearfix ::before у css grid ставав порожньою коміркою) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after,
.gidna-products-grid::before,
.gidna-products-grid::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

.woocommerce ul.products li.first,
.woocommerce ul.products li.last {
  clear: none !important;
}

.woocommerce ul.products, 
ul.products,
.gidna-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 26px !important;
  max-width: 1220px !important;
  margin: 0 auto 30px !important;
  padding: 0 16px !important;
  list-style: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* ПЛАНШЕТНИЙ РЕЖИМ (ДО 1024px): 3 КОЛОНКИ */
@media (max-width: 1024px) {
  .woocommerce ul.products,
  ul.products,
  .gidna-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
    padding: 0 14px !important;
  }
}

/* МОБІЛЬНИЙ РЕЖИМ (ДО 768px): СУВОРО 2 ТОВАРИ В РЯД, БЕЗ ВИЛАЗІННЯ ТА СКРОЛУ */
@media (max-width: 768px) {
  .woocommerce ul.products,
  ul.products,
  .gidna-products-grid,
  .ast-woocommerce-container ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* РІВНО 2 ТОВАРИ В РЯД */
    gap: 14px 10px !important;
    padding: 0 10px !important;
    margin: 0 auto 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
  }

  /* Повне скидання старих стилів WooCommerce / теми Astra (width: 22.05%, float: left тощо) */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  ul.products li.product,
  ul.products[class*="columns-"] li.product,
  .ast-woocommerce-container ul.products li.product,
  .gidna-products-grid article,
  .gidna-lux-album-card {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    box-sizing: border-box !important;
  }

  /* Фотокартка: пропорційна на мобільному, вписується в сітку */
  .gidna-loop-photo-wrapper,
  .gidna-lux-photo-wrapper {
    max-width: 100% !important;
    padding: 4px !important;
    margin-bottom: 6px !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 8px rgba(45, 35, 25, 0.08) !important;
  }

  /* Акуратні кутики для мобільного фотоальбому */
  .gidna-loop-photo-wrapper .gidna-corner-tl,
  .gidna-lux-photo-wrapper .gidna-corner-tl,
  .gidna-loop-photo-wrapper .gidna-corner-tr,
  .gidna-lux-photo-wrapper .gidna-corner-tr {
    border-top-width: 12px !important;
    border-left-width: 12px !important;
    border-right-width: 12px !important;
  }
  .gidna-loop-photo-wrapper .gidna-corner-bl,
  .gidna-lux-photo-wrapper .gidna-corner-bl,
  .gidna-loop-photo-wrapper .gidna-corner-br,
  .gidna-lux-photo-wrapper .gidna-corner-br {
    border-bottom-width: 12px !important;
    border-left-width: 12px !important;
    border-right-width: 12px !important;
  }

  /* Кнопка "улюблене" на мобільному */
  .gidna-fav-btn {
    top: 6px !important;
    right: 6px !important;
    width: 26px !important;
    height: 26px !important;
  }
  .gidna-fav-btn .heart-icon {
    font-size: 13px !important;
  }

  /* На мобільному оверлей не потрібен (відразу перехід на товар) */
  .gidna-loop-hover-overlay {
    display: none !important;
  }

  /* Назва товару на мобільному: гармонійний розмір, без розривів */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .gidna-loop-title {
    font-size: 17px !important;
    line-height: 1.15 !important;
    margin: 3px 0 1px !important;
    word-break: break-word !important;
  }

  /* Ціна на мобільному */
  .woocommerce ul.products li.product .price,
  .gidna-loop-price {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  /* Верхня планка каталогу (заголовок + сортування) */
  .gidna-catalog-bar {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 10px !important;
    margin: 4px auto 10px !important;
  }
  .gidna-catalog-title {
    font-size: 24px !important;
  }
  .woocommerce-ordering select.orderby {
    font-size: 14px !important;
    padding: 4px 8px !important;
  }
}

/* ДЛЯ НАЙВУЖЧИХ ЕКРАНІВ (360px і менше): ВСЕ ОДНО 2 КОЛОНКИ */
@media (max-width: 360px) {
  .woocommerce ul.products,
  ul.products,
  .gidna-products-grid {
    gap: 10px 6px !important;
    padding: 0 6px !important;
  }
  .gidna-loop-photo-wrapper,
  .gidna-lux-photo-wrapper {
    padding: 3px !important;
  }
  .gidna-loop-title {
    font-size: 15px !important;
  }
  .gidna-loop-price {
    font-size: 15px !important;
  }
}

/* САМА КАРТКА ПОВНІСТЮ ПРОЗОРА — ЖОДНОГО БІЛОГО ФОНУ, РАМОК ЧИ ТІНЕЙ ПІД УСІЄЮ КАРТКОЮ */
.woocommerce ul.products li.product,
li.product,
.gidna-lux-album-card,
article.gidna-lux-album-card {
  position: relative !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Прибираємо будь-які старі псевдоелементи з картки */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after,
.gidna-lux-album-card::before,
.gidna-lux-album-card::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
  background: transparent !important;
}

/* ФОТОКАРТКА: БІЛЕ ПАСПАРТУ З 4 ТЕМНИМИ КУТИКАМИ ПРЯМО НА ТЕПЛОМУ ФОНІ САЙТУ */
.gidna-loop-photo-wrapper,
.gidna-lux-photo-wrapper {
  position: relative !important;
  background: #ffffff !important;
  padding: 7px !important;
  border: 1px solid var(--gidna-border) !important;
  box-shadow: 0 4px 14px rgba(45, 35, 25, 0.1) !important;
  border-radius: 2px !important;
  line-height: 0 !important;
  margin-bottom: 8px !important;
  width: 100% !important;
  max-width: 280px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.woocommerce ul.products li.product:hover .gidna-loop-photo-wrapper,
.gidna-lux-album-card:hover .gidna-lux-photo-wrapper {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 22px rgba(45, 35, 25, 0.16) !important;
}

.gidna-loop-photo-mat {
  position: relative !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.gidna-loop-photo-mat img,
.gidna-lux-photo-wrapper img {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: top !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.woocommerce ul.products li.product:hover .gidna-loop-photo-mat img,
.gidna-lux-album-card:hover .gidna-lux-photo-wrapper img {
  transform: scale(1.04) !important;
}

/* 4 ТЕМНІ КУТИКИ ФОТОАЛЬБОМУ ПРЯМО НА ФОТОКАРТЦІ */
.gidna-loop-photo-wrapper .gidna-corner,
.gidna-lux-photo-wrapper .gidna-lux-album-corner,
.gidna-lux-photo-wrapper .gidna-corner {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
.gidna-loop-photo-wrapper .gidna-corner-tl,
.gidna-lux-photo-wrapper .gidna-lux-album-corner-tl,
.gidna-lux-photo-wrapper .gidna-corner-tl {
  top: -1px !important; left: -1px !important;
  border-top: 18px solid var(--gidna-dark) !important;
  border-left: 18px solid var(--gidna-dark) !important;
  border-right: 18px solid transparent !important;
  border-bottom: 18px solid transparent !important;
}
.gidna-loop-photo-wrapper .gidna-corner-tr,
.gidna-lux-photo-wrapper .gidna-lux-album-corner-tr,
.gidna-lux-photo-wrapper .gidna-corner-tr {
  top: -1px !important; right: -1px !important;
  border-top: 18px solid var(--gidna-dark) !important;
  border-right: 18px solid var(--gidna-dark) !important;
  border-left: 18px solid transparent !important;
  border-bottom: 18px solid transparent !important;
}
.gidna-loop-photo-wrapper .gidna-corner-bl,
.gidna-lux-photo-wrapper .gidna-lux-album-corner-bl,
.gidna-lux-photo-wrapper .gidna-corner-bl {
  bottom: -1px !important; left: -1px !important;
  border-bottom: 18px solid var(--gidna-dark) !important;
  border-left: 18px solid var(--gidna-dark) !important;
  border-right: 18px solid transparent !important;
  border-top: 18px solid transparent !important;
}
.gidna-loop-photo-wrapper .gidna-corner-br,
.gidna-lux-photo-wrapper .gidna-lux-album-corner-br,
.gidna-lux-photo-wrapper .gidna-corner-br {
  bottom: -1px !important; right: -1px !important;
  border-bottom: 18px solid var(--gidna-dark) !important;
  border-right: 18px solid var(--gidna-dark) !important;
  border-left: 18px solid transparent !important;
  border-top: 18px solid transparent !important;
}

/* КНОПКА "ПЕРЕГЛЯНУТИ ДЕТАЛІ" ПРИ НАВЕДЕННІ (РОЗМІЩЕНА ВНИЗУ, ПРОСТОРА ТА ЧИТАБЕЛЬНА) */
.gidna-loop-hover-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(35, 28, 22, 0.22) !important;
  display: flex !important;
  align-items: flex-end !important; /* У нижній частині фото! */
  justify-content: center !important;
  padding-bottom: 20px !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease !important;
  z-index: 8 !important;
}

.woocommerce ul.products li.product:hover .gidna-loop-hover-overlay,
.gidna-lux-album-card:hover .gidna-loop-hover-overlay {
  opacity: 1 !important;
}

.gidna-loop-hover-btn {
  background: #fbf8f0 !important;
  color: #231c16 !important;
  border: 1px solid #8c714d !important;
  font-family: 'Caveat', cursive !important;
  font-size: 20.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 9px 24px !important; /* Вища кнопка, багато місця навколо тексту */
  line-height: 1.1 !important;
  border-radius: 3px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.22), inset 0 0 0 1px #fff, inset 0 0 0 2px #e5d8c3 !important;
  transform: translateY(8px) !important;
  transition: transform 0.28s ease, box-shadow 0.2s ease !important;
  pointer-events: none !important;
}

.woocommerce ul.products li.product:hover .gidna-loop-hover-btn,
.gidna-lux-album-card:hover .gidna-loop-hover-btn {
  transform: translateY(0) !important;
}

/* НАЗВА ТОВАРУ ПРЯМО НА ФОНІ САЙТУ БЕЗ БІЛОЇ ПІДЛОЖКИ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.gidna-loop-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 24px !important;
  color: var(--gidna-dark) !important;
  margin: 4px 0 2px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  background: transparent !important;
}

/* ЦІНА ПРЯМО НА ФОНІ САЙТУ (РУКОПИСНИЙ ШРИФТ, БЕЗ БІЛОГО КАРТУША В КАТАЛОЗІ) */
.woocommerce ul.products li.product .price,
.gidna-loop-price {
  display: block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  font-family: 'Caveat', cursive !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #3b3228 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.woocommerce ul.products li.product .price del {
  color: #8c7b68 !important;
  font-size: 17px !important;
  margin-right: 6px !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: #3b3228 !important;
}

/* ПОВНІСТЮ ПРИХОВУЄМО КНОПКУ "ДОДАТИ В КОШИК" У КАТАЛОЗІ */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button {
  display: none !important;
}

/* =======================================================
   ПАГІНАЦІЯ: ПРОСТО ЦИФРИ БЕЗ ЖОДНИХ ФОНІВ ТА ПІДЛОЖОК
   ======================================================= */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination,
.navigation.pagination,
.gidna-pagination-wrapper {
  margin: 36px auto !important;
  text-align: center !important;
  width: 100% !important;
  background: transparent !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul,
.navigation.pagination ul {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
  background: transparent !important;
}

.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-pagination ul li,
.navigation.pagination ul li {
  border: none !important;
  background: transparent !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Чисті цифри без фону та рамок */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-pagination .page-numbers,
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #5c4d3d !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 2px 8px !important;
  margin: 0 2px !important;
  min-width: auto !important;
  min-height: auto !important;
  position: relative !important;
  transition: all 0.2s ease !important;
}

/* Прибираємо будь-які псевдоелементи загнутих країв */
.woocommerce nav.woocommerce-pagination ul li a::after,
.woocommerce nav.woocommerce-pagination ul li span::after,
.woocommerce-pagination .page-numbers::after,
.navigation.pagination .nav-links a::after,
.navigation.pagination .nav-links span::after {
  display: none !important;
  content: none !important;
}

/* Наведення на цифру */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-pagination a.page-numbers:hover,
.navigation.pagination .nav-links a:hover {
  background: transparent !important;
  color: #1a140f !important;
  transform: translateY(-1px) !important;
  border-bottom: 2px solid #8c714d !important;
}

/* Активна сторінка: акцентна темна цифра з тонким золотим підкресленням */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination span.page-numbers.current,
.navigation.pagination .nav-links span.current {
  background: transparent !important;
  color: #1a140f !important;
  font-weight: 700 !important;
  font-size: 25px !important;
  border-bottom: 2px solid #8c714d !important;
}

/* Назад / Вперед рукописним шрифтом */
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce-pagination a.prev,
.woocommerce-pagination a.next,
.navigation.pagination .nav-links a.prev,
.navigation.pagination .nav-links a.next {
  font-family: 'Caveat', cursive !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #3b3024 !important;
  padding: 2px 10px !important;
}

/* Три крапки (...) */
.woocommerce nav.woocommerce-pagination ul li span.dots,
.woocommerce-pagination span.dots,
.navigation.pagination .nav-links span.dots {
  background: transparent !important;
  border: none !important;
  color: #8c7b64 !important;
  font-size: 20px !important;
}

/* =======================================================
   СПЛИВАЮЧІ ВІКНА В ШАПЦІ (БЕЗ ЗСУВУ КОНТЕНТУ САЙТУ)
   ======================================================= */
.gidna-dropdown-wrapper {
  position: relative !important;
}

.gidna-floating-popover {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  background: #fbf7ee !important;
  border: 1px solid #c9b89f !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 32px rgba(45, 33, 20, 0.2) !important;
  z-index: 500 !important;
  padding: 8px 0 !important;
  animation: gidnaFadeIn 0.2s ease forwards !important;
}

.gidna-floating-popover.active {
  display: block !important;
}

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

/* СПИСОК КАТЕГОРІЙ: ЧИСТИЙ СПИСОК БЕЗ ЛІЧИЛЬНИКІВ */
.gidna-cat-popover {
  width: 230px !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}

.gidna-cat-popover-item {
  display: block !important;
  padding: 8px 18px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #231c16 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(201, 184, 159, 0.4) !important;
  transition: all 0.16s ease !important;
}

.gidna-cat-popover-item:last-child {
  border-bottom: none !important;
}

.gidna-cat-popover-item:hover {
  background: #ffffff !important;
  color: #8c714d !important;
  padding-left: 22px !important;
}

.gidna-cat-popover-item.gidna-cat-all {
  font-weight: 700 !important;
  color: #1a140f !important;
  border-bottom: 1px solid #c9b89f !important;
  background: #f6efe1 !important;
}

/* ПЛАВАЮЧИЙ ПОШУК: ВИЛАЗИТЬ ПОВЕРХ САЙТУ */
.gidna-search-popover {
  width: 320px !important;
  padding: 10px 14px !important;
}

.gidna-search-popover-mobile {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  width: 240px !important;
  padding: 8px 10px !important;
}

.gidna-cat-popover-mobile {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  width: 200px !important;
}

.gidna-floating-search-input {
  flex: 1 !important;
  padding: 7px 12px !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 18px !important;
  background: #ffffff !important;
  color: #231c16 !important;
  outline: none !important;
}

.gidna-floating-search-input:focus {
  border-color: #8c714d !important;
}

.gidna-floating-search-submit {
  background: #231c16 !important;
  color: #f7eedf !important;
  border: 1px solid #231c16 !important;
  border-radius: 3px !important;
  padding: 6px 14px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 17px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.gidna-floating-search-submit:hover {
  background: #8c714d !important;
  border-color: #8c714d !important;
}

/* ПРИХОВУЄМО БУДЬ-ЯКУ ЛУПУ ТА ЗУМ-ТРИГЕР */
.gidna-zoom-trigger-badge,
.woocommerce-product-gallery__trigger {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* КНОПКА СЕРДЕЧКА НА ГОЛОВНОМУ ФОТО */
.gidna-single-fav-btn {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background: rgba(253, 248, 239, 0.94) !important;
  border: 1px solid #d4c5b0 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
  transition: all 0.22s ease !important;
  z-index: 25 !important;
  padding: 0 !important;
}

.gidna-single-fav-btn .heart-icon {
  font-size: 18px !important;
  color: #7a6a58 !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}

.gidna-single-fav-btn:hover {
  background: #ffffff !important;
  border-color: #b33939 !important;
  transform: scale(1.08) !important;
}

.gidna-single-fav-btn:hover .heart-icon,
.gidna-single-fav-btn.active .heart-icon {
  color: #b33939 !important;
}

/* =======================================================
   3. КАРТКА ТОВАРУ: ВЕРХНІЙ БЛОК (ДЕТАЛЬНА СТОРІНКА)
   ======================================================= */
.woocommerce div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 26px !important;
  align-items: flex-start !important;
  max-width: 1220px !important;
  margin: 14px auto !important;
  padding: 0 16px !important;
}

.gidna-custom-gallery-wrapper {
  width: 46% !important;
  flex: 0 0 46% !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

.gidna-thumbs-vertical-box {
  width: 76px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-height: 520px !important;
  overflow-y: auto !important;
  scrollbar-width: none;
  flex-shrink: 0 !important;
}
.gidna-thumbs-vertical-box::-webkit-scrollbar { display: none; }

.gidna-thumb-item {
  width: 76px !important;
  height: 104px !important;
  position: relative !important;
  background: #ffffff !important;
  padding: 3px !important;
  border: 1px solid var(--gidna-border) !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  opacity: 0.75 !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}
.gidna-thumb-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.gidna-thumb-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  border-top: 8px solid var(--gidna-dark) !important;
  border-left: 8px solid var(--gidna-dark) !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  z-index: 5 !important;
}
.gidna-thumb-item::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; right: 0 !important;
  border-top: 8px solid var(--gidna-dark) !important;
  border-right: 8px solid var(--gidna-dark) !important;
  border-left: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  z-index: 5 !important;
}
.gidna-thumb-item:hover, .gidna-thumb-item.active {
  opacity: 1 !important;
  border-color: var(--gidna-dark) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

.gidna-main-photo-box {
  flex-grow: 1 !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  line-height: 0 !important;
}

.gidna-lux-photo-frame {
  position: relative !important;
  display: inline-block !important;
  background: #ffffff !important;
  padding: 10px !important;
  border: 1px solid var(--gidna-border) !important;
  box-shadow: 0 6px 22px rgba(45, 35, 25, 0.12) !important;
  line-height: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.gidna-lux-photo-frame a.gidna-lightbox-link {
  display: block !important;
  line-height: 0 !important;
  position: relative !important;
}

.gidna-lux-photo-frame img {
  display: block !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  max-height: 72vh !important;
  object-fit: contain !important;
  cursor: zoom-in !important;
}

.gidna-lux-photo-frame .gidna-corner {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
.gidna-lux-photo-frame .gidna-corner-tl {
  top: -1px !important; left: -1px !important;
  border-top: 22px solid var(--gidna-dark) !important;
  border-left: 22px solid var(--gidna-dark) !important;
  border-right: 22px solid transparent !important;
  border-bottom: 22px solid transparent !important;
}
.gidna-lux-photo-frame .gidna-corner-tr {
  top: -1px !important; right: -1px !important;
  border-top: 22px solid var(--gidna-dark) !important;
  border-right: 22px solid var(--gidna-dark) !important;
  border-left: 22px solid transparent !important;
  border-bottom: 22px solid transparent !important;
}
.gidna-lux-photo-frame .gidna-corner-bl {
  bottom: -1px !important; left: -1px !important;
  border-bottom: 22px solid var(--gidna-dark) !important;
  border-left: 22px solid var(--gidna-dark) !important;
  border-right: 22px solid transparent !important;
  border-top: 22px solid transparent !important;
}
.gidna-lux-photo-frame .gidna-corner-br {
  bottom: -1px !important; right: -1px !important;
  border-bottom: 22px solid var(--gidna-dark) !important;
  border-right: 22px solid var(--gidna-dark) !important;
  border-left: 22px solid transparent !important;
  border-top: 22px solid transparent !important;
}

.gidna-zoom-trigger-badge {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
  z-index: 12 !important;
  font-size: 15px !important;
}

/* =======================================================
   4. ПРАВА КОЛОНКА КАРТКИ ТОВАРУ
   ======================================================= */
.woocommerce div.product div.summary {
  width: 51% !important;
  flex: 1 1 51% !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.product_title {
  font-family: 'Marck Script', cursive !important;
  font-size: 36px !important;
  color: var(--gidna-dark) !important;
  margin: 0 0 8px !important;
  line-height: 1.15 !important;
}

.price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #faf6ed !important;
  border: 1px solid #c9b89f !important;
  padding: 5px 18px !important;
  border-radius: 4px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gidna-dark) !important;
  margin: 0 0 12px !important;
  box-shadow: inset 0 0 0 2px #fcf9f2, inset 0 0 0 3px #dfd4c4 !important;
  width: fit-content !important;
}
.price ins { text-decoration: none !important; }

.single-product .summary form.cart:not(.gidna-modern-cart-form),
.single-product .summary .quantity {
  display: none !important;
}

.gidna-commerce-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.gidna-prop-section {
  margin-bottom: 12px !important;
}

.gidna-prop-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin-bottom: 6px !important;
  font-family: 'Marck Script', cursive !important;
  font-size: 24px !important;
  color: var(--gidna-dark) !important;
  font-weight: normal !important;
}

.gidna-prop-title strong,
.gidna-prop-title span.current-val {
  font-family: 'Caveat', cursive !important;
  font-size: 19px !important;
  color: #5a4b3c !important;
  font-weight: 600 !important;
}

.gidna-color-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.gidna-co-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 13px !important;
  background: #fcf9f2 !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  font-family: 'Caveat', cursive !important;
  font-size: 17.5px !important;
  font-weight: 600 !important;
  color: #231c16 !important;
  white-space: nowrap !important;
}

.gidna-co-btn .color-indicator-circle {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

.gidna-co-btn:hover {
  background: #ffffff !important;
  border-color: var(--gidna-dark) !important;
}

.gidna-co-btn.selected,
.gidna-co-btn.active {
  background: #fcf9f2 !important;
  border: 2px solid var(--gidna-brown-active) !important;
  box-shadow: 0 2px 6px rgba(92, 67, 40, 0.18) !important;
}

.gidna-size-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.gidna-sz-btn {
  background: #fcf9f2 !important;
  border: 1px solid #c9b89f !important;
  color: #231c16 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  min-width: 42px !important;
  text-align: center !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}

.gidna-sz-btn:hover {
  border-color: var(--gidna-dark) !important;
  background: #ffffff !important;
}

.gidna-sz-btn.selected,
.gidna-sz-btn.active {
  background: #1d1814 !important;
  color: #ffffff !important;
  border: 2px solid #d4af37 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
}

.gidna-main-buy-btn {
  background: #fcf9f2 !important;
  background-color: #fcf9f2 !important;
  color: #231c16 !important;
  border: 1px solid #8c714d !important;
  font-family: 'Caveat', cursive !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  padding: 9px 24px !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: inset 0 0 0 2px #faf6ed, inset 0 0 0 3px #dfd5c5, 0 3px 8px rgba(35, 28, 22, 0.08) !important;
  width: 100% !important;
  max-width: 440px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 10px 0 8px !important;
  text-transform: none !important;
}

.gidna-main-buy-btn .diamond {
  font-size: 10px !important;
  color: #8c714d !important;
}

.gidna-main-buy-btn:hover:not(.disabled) {
  background: #ffffff !important;
  border-color: #d4af37 !important;
  box-shadow: 0 4px 18px rgba(212, 175, 55, 0.25), inset 0 0 0 2px #fff, inset 0 0 0 3px #e8dcbf !important;
  color: #1a140f !important;
  transform: translateY(-1px) !important;
}

.gidna-main-buy-btn.disabled,
.gidna-main-buy-btn:disabled {
  background: #f9f6ef !important;
  color: #9c8e7e !important;
  border: 1px solid #d5c8b5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 0 0 0 2px #f4eee1 !important;
  opacity: 0.85 !important;
}

.gidna-mini-trust {
  background: #faf6ed !important;
  border: 1px dashed #d8c8b1 !important;
  padding: 8px 12px !important;
  border-radius: 3px !important;
  margin-top: 8px !important;
  max-width: 440px !important;
  font-size: 12px !important;
  color: #5d4f40 !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}
.gidna-trust-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
}
.gidna-trust-line:last-child {
  margin-bottom: 0 !important;
}

/* =======================================================
   5. НИЖНІЙ БЛОК: ОПИС У 2 СТОВПЧИКИ (50%) + СХОЖІ ТОВАРИ (50%)
   ======================================================= */
.woocommerce div.product .woocommerce-tabs {
  width: 48% !important;
  flex: 0 0 48% !important;
  margin: 32px 0 0 0 !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--gidna-border) !important;
  box-sizing: border-box !important;
}

.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}
.woocommerce-tabs ul.tabs li {
  background: #faf6ed !important;
  border: 1px solid var(--gidna-border) !important;
  border-radius: 3px !important;
  padding: 6px 14px !important;
}
.woocommerce-tabs ul.tabs li.active {
  background: var(--gidna-dark) !important;
  border-color: var(--gidna-dark) !important;
}
.woocommerce-tabs ul.tabs li.active a {
  color: #f7eedf !important;
}
.woocommerce-tabs ul.tabs li a {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  color: var(--gidna-dark) !important;
}

.woocommerce div.product .woocommerce-Tabs-panel--description,
.woocommerce div.product #tab-description {
  column-count: 2 !important;
  column-gap: 24px !important;
  column-rule: 1px dashed #d8c8b1 !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: #4a3e32 !important;
  padding: 10px 0 !important;
}

.woocommerce div.product .related.products,
.woocommerce div.product .up-sells.products {
  width: 48% !important;
  flex: 0 0 48% !important;
  margin: 32px 0 0 auto !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--gidna-border) !important;
  box-sizing: border-box !important;
}

.woocommerce div.product .related.products h2 {
  font-family: 'Marck Script', cursive !important;
  font-size: 28px !important;
  color: var(--gidna-dark) !important;
  margin: 0 0 16px !important;
}

.woocommerce div.product .related.products ul.products {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.woocommerce div.product .related.products ul.products li.product {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px !important;
}

@media (max-width: 860px) {
  .woocommerce div.product {
    flex-direction: column !important;
  }
  .gidna-custom-gallery-wrapper,
  .woocommerce div.product div.summary,
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .related.products {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
  .woocommerce div.product .woocommerce-Tabs-panel--description,
  .woocommerce div.product #tab-description {
    column-count: 1 !important;
  }
  .woocommerce div.product .related.products ul.products {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   6. ЕКСКЛЮЗИВНИЙ ВІНТАЖНИЙ КОШИК ТА ЧЕКАУТ GIDNA LUXE (ДВІ КОЛОНКИ)
   ========================================================================== */

.gidna-lux-checkout-container,
.custom-modern-checkout {
  max-width: 1220px !important;
  margin: 12px auto 48px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--gidna-dark) !important;
}

/* Шапка чекауту */
.gidna-checkout-page-header {
  text-align: center !important;
  margin-bottom: 24px !important;
}

.gidna-checkout-main-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 42px !important;
  color: var(--gidna-dark) !important;
  margin: 0 0 6px !important;
  font-weight: normal !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
}

.gidna-checkout-header-ornament {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  max-width: 440px !important;
  margin: 0 auto !important;
}

.gidna-checkout-header-ornament .ornament-line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #bda88d, transparent) !important;
}

.gidna-checkout-header-ornament .ornament-text {
  font-family: 'Caveat', cursive !important;
  font-size: 19px !important;
  color: #7a6854 !important;
  white-space: nowrap !important;
}

/* ДВОКОЛОНКОВА СІТКА */
.gidna-checkout-grid {
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}

@media (max-width: 920px) {
  .gidna-checkout-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ПАНЕЛІ (ПАРЧМЕНТ) */
.gidna-checkout-panel {
  background: #faf6ed !important;
  border: 1px solid #d8c8b1 !important;
  border-radius: 4px !important;
  padding: 22px 24px !important;
  box-shadow: 0 4px 18px rgba(45, 33, 20, 0.07) !important;
  box-sizing: border-box !important;
}

.gidna-panel-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #dfd2be !important;
  margin-bottom: 18px !important;
}

.gidna-panel-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 28px !important;
  color: var(--gidna-dark) !important;
  margin: 0 !important;
  font-weight: normal !important;
  line-height: 1.1 !important;
}

.gidna-panel-count {
  font-family: 'Caveat', cursive !important;
  font-size: 19px !important;
  color: #8c714d !important;
  font-weight: 700 !important;
}

/* СПИСОК ТОВАРІВ У КОШИКУ */
.gidna-cart-items-scroll-box {
  max-height: 420px !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
  margin-bottom: 16px !important;
}

.gidna-cart-items-scroll-box::-webkit-scrollbar {
  width: 5px !important;
}
.gidna-cart-items-scroll-box::-webkit-scrollbar-thumb {
  background: #d4c4ad !important;
  border-radius: 3px !important;
}

.gidna-checkout-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 0 !important;
  border-bottom: 1px dashed #e2d3be !important;
  transition: opacity 0.2s ease !important;
}

.gidna-checkout-cart-item:last-child {
  border-bottom: none !important;
}

/* МІНІАТЮРА З КУТИКАМИ */
.gidna-checkout-item-thumb-link {
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.gidna-checkout-item-thumb {
  position: relative !important;
  width: 62px !important;
  height: 82px !important;
  background: #ffffff !important;
  border: 1px solid #d8c8b1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: transform 0.2s ease !important;
}

.gidna-checkout-item-thumb:hover {
  transform: scale(1.05) !important;
}

.gidna-checkout-item-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top !important;
  display: block !important;
}

.gidna-checkout-item-thumb .gidna-corner {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.gidna-checkout-item-thumb .gidna-corner-tl {
  top: 0 !important; left: 0 !important;
  border-top: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
.gidna-checkout-item-thumb .gidna-corner-tr {
  top: 0 !important; right: 0 !important;
  border-top: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
.gidna-checkout-item-thumb .gidna-corner-bl {
  bottom: 0 !important; left: 0 !important;
  border-bottom: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid transparent !important;
}
.gidna-checkout-item-thumb .gidna-corner-br {
  bottom: 0 !important; right: 0 !important;
  border-bottom: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid transparent !important;
  border-top: 10px solid transparent !important;
}

/* ІНФО ТОВАРУ */
.gidna-checkout-item-info {
  flex: 1 !important;
  min-width: 0 !important;
}

.gidna-checkout-item-title {
  margin: 0 0 4px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.gidna-checkout-item-title a {
  color: var(--gidna-dark) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.gidna-checkout-item-title a:hover {
  color: #8c714d !important;
}

.gidna-checkout-item-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  color: #6a5a49 !important;
}

.gidna-meta-tag {
  background: #f1e7d5 !important;
  border: 1px solid #dacfbf !important;
  padding: 1px 7px !important;
  border-radius: 3px !important;
}
.gidna-meta-tag strong {
  color: #3b3024 !important;
}

/* КОНТРОЛИ КІЛЬКОСТІ, ЦІНА ТА ВИДАЛЕННЯ */
.gidna-checkout-item-controls {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.gidna-qty-picker {
  display: inline-flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}

.gidna-qty-btn {
  background: #faf6ed !important;
  border: none !important;
  color: #231c16 !important;
  width: 26px !important;
  height: 26px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s ease !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.gidna-qty-btn:hover {
  background: #eadecc !important;
}

.gidna-qty-number {
  min-width: 26px !important;
  text-align: center !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #231c16 !important;
  padding: 0 4px !important;
}

.gidna-checkout-item-price {
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2a221a !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

.gidna-item-remove-btn {
  background: transparent !important;
  border: none !important;
  color: #9c8a77 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 4px !important;
  transition: color 0.15s ease !important;
}
.gidna-item-remove-btn:hover {
  color: #b33939 !important;
}

/* ПРОМОКОД ТА ОПЛАТА */
.gidna-checkout-meta-box {
  background: rgba(255, 255, 255, 0.45) !important;
  border: 1px dashed #d8c8b1 !important;
  border-radius: 4px !important;
  padding: 14px !important;
  margin-bottom: 16px !important;
}

.gidna-coupon-input-row {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
}

.gidna-coupon-input-row input {
  flex: 1 !important;
  background: #ffffff !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  padding: 8px 12px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16px !important;
  outline: none !important;
  color: var(--gidna-dark) !important;
  letter-spacing: 0.02em !important;
}
.gidna-coupon-input-row input:focus {
  border-color: #8c714d !important;
}

.gidna-coupon-input-row button {
  background: #231c16 !important;
  color: #faf5ea !important;
  border: none !important;
  padding: 7px 18px !important;
  border-radius: 3px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  white-space: nowrap !important;
}
.gidna-coupon-input-row button:hover {
  background: #5c4328 !important;
}

.gidna-coupon-feedback {
  font-family: 'Caveat', cursive !important;
  font-size: 16px !important;
  margin-bottom: 6px !important;
  min-height: 18px !important;
}

.gidna-coupon-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #eef7ed !important;
  border: 1px solid #b8dfb4 !important;
  color: #27792e !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  margin-right: 6px !important;
  margin-bottom: 6px !important;
}

.gidna-coupon-chip a {
  color: #b33939 !important;
  text-decoration: none !important;
  font-weight: bold !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.gidna-payment-method-box {
  margin-top: 10px !important;
}

.gidna-input-label,
.gidna-field-label {
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3b3024 !important;
  margin-bottom: 5px !important;
  letter-spacing: 0.02em !important;
}

.gidna-select-custom {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  padding: 9px 12px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16px !important;
  color: var(--gidna-dark) !important;
  outline: none !important;
  cursor: pointer !important;
}
.gidna-select-custom:focus {
  border-color: #8c714d !important;
}

/* ПІДСУМОК */
.gidna-checkout-totals {
  border-top: 1px solid #dfd2be !important;
  padding-top: 14px !important;
  margin-bottom: 16px !important;
}

.gidna-total-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
  color: #4a3e30 !important;
}

.gidna-total-val {
  font-family: 'Marck Script', cursive !important;
  font-size: 32px !important;
  font-weight: bold !important;
  color: #231c16 !important;
}

/* КНОПКА ОФОРМЛЕННЯ */
.gidna-btn-submit-order {
  width: 100% !important;
  background: #231c16 !important;
  color: #f7eedf !important;
  border: 1.5px solid #8c714d !important;
  border-radius: 3px !important;
  padding: 13px 20px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(35, 28, 22, 0.25) !important;
  transition: all 0.22s ease !important;
  text-align: center !important;
  outline: none !important;
}

.gidna-btn-submit-order:hover {
  background: #3e3124 !important;
  border-color: #bfa67b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(35, 28, 22, 0.35) !important;
}

.gidna-btn-submit-order:active {
  transform: translateY(0) !important;
}

.gidna-btn-submit-order.loading {
  opacity: 0.75 !important;
  cursor: wait !important;
}

.gidna-checkout-guarantee {
  text-align: center !important;
  font-size: 12px !important;
  color: #7d6d5c !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* ПРАВА КОЛОНКА: ОДЕРЖУВАЧ ТА ДОСТАВКА */
.gidna-form-section {
  margin-bottom: 20px !important;
}

.gidna-section-subtitle {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #3b3024 !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.04em !important;
}

.gidna-form-row {
  margin-bottom: 12px !important;
}

.gidna-form-row.input-group {
  display: flex !important;
  gap: 12px !important;
}

.gidna-field-col {
  flex: 1 !important;
}

.gidna-input-field {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  padding: 10px 14px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16.5px !important;
  color: var(--gidna-dark) !important;
  outline: none !important;
  letter-spacing: 0.02em !important;
  transition: border-color 0.15s ease !important;
}

.gidna-input-field:focus {
  border-color: #8c714d !important;
  box-shadow: 0 0 0 2px rgba(140, 113, 77, 0.15) !important;
}

.gidna-input-field::placeholder {
  color: #9c8a77 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 15.5px !important;
}

/* ТАБИ ДОСТАВКИ */
.gidna-delivery-tabs {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.gidna-delivery-tab {
  flex: 1 !important;
  background: #f1e6d4 !important;
  border: 1px solid #c9b89f !important;
  border-radius: 3px !important;
  padding: 10px 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #3b3024 !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.gidna-delivery-tab input {
  display: none !important;
}

.gidna-delivery-tab:hover {
  background: #ffffff !important;
}

.gidna-delivery-tab.active {
  background: #231c16 !important;
  color: #faf5ea !important;
  border-color: #231c16 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
}

/* АВТОКОМПЛІТ МІСТ НОВОЇ ПОШТИ */
.gidna-autocomplete-wrapper {
  position: relative !important;
}

.gidna-search-dropdown {
  display: none;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border: 1px solid #8c714d !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: 0 8px 24px rgba(35, 28, 22, 0.2) !important;
  z-index: 1000 !important;
}

.gidna-dropdown-item {
  padding: 8px 14px !important;
  font-size: 13.5px !important;
  color: #231c16 !important;
  cursor: pointer !important;
  border-bottom: 1px solid #f2e9dc !important;
  transition: background 0.15s ease !important;
}

.gidna-dropdown-item:last-child {
  border-bottom: none !important;
}

.gidna-dropdown-item:hover {
  background: #f7eedf !important;
  color: #8c714d !important;
}

.gidna-dropdown-item.gidna-disabled {
  color: #9c8a77 !important;
  cursor: default !important;
  font-style: italic !important;
}

/* БЛОК «ВАШІ ЗБЕРЕЖЕНІ РЕЧІ ♥» */
.gidna-checkout-wishlist-shelf {
  margin-top: 36px !important;
  background: #faf6ed !important;
  border: 1px solid #d8c8b1 !important;
  border-radius: 4px !important;
  padding: 20px 24px !important;
  box-shadow: 0 4px 16px rgba(45, 33, 20, 0.05) !important;
}

.gidna-shelf-header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #dfd2be !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

.gidna-shelf-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 26px !important;
  color: var(--gidna-dark) !important;
  margin: 0 !important;
}

.gidna-shelf-sub {
  font-family: 'Caveat', cursive !important;
  font-size: 17px !important;
  color: #7d6b58 !important;
}

.gidna-shelf-placeholder {
  margin: 0 !important;
  font-size: 14px !important;
  color: #7d6b58 !important;
  font-style: italic !important;
}

/* СІТКА КАРТОК ОБРАНИХ ТОВАРІВ */
.gidna-shelf-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 16px !important;
}

.gidna-shelf-card {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid #d8c8b1 !important;
  border-radius: 3px !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.gidna-shelf-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(45, 33, 20, 0.1) !important;
}

.gidna-shelf-card-thumb-link {
  display: block !important;
  width: 100% !important;
  max-width: 140px !important;
  margin-bottom: 8px !important;
  text-decoration: none !important;
}

.gidna-shelf-card-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  background: #ffffff !important;
  border: 1px solid #d8c8b1 !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.gidna-shelf-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top !important;
  display: block !important;
}

.gidna-shelf-card-thumb .gidna-corner {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.gidna-shelf-card-thumb .gidna-corner-tl {
  top: 0 !important; left: 0 !important;
  border-top: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
.gidna-shelf-card-thumb .gidna-corner-tr {
  top: 0 !important; right: 0 !important;
  border-top: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
.gidna-shelf-card-thumb .gidna-corner-bl {
  bottom: 0 !important; left: 0 !important;
  border-bottom: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid transparent !important;
}
.gidna-shelf-card-thumb .gidna-corner-br {
  bottom: 0 !important; right: 0 !important;
  border-bottom: 10px solid var(--gidna-dark) !important;
  border-right: 10px solid var(--gidna-dark) !important;
  border-left: 10px solid transparent !important;
  border-top: 10px solid transparent !important;
}

.gidna-shelf-card-title {
  margin: 0 0 4px !important;
  font-family: 'Marck Script', cursive !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
}
.gidna-shelf-card-title a {
  color: var(--gidna-dark) !important;
  text-decoration: none !important;
}
.gidna-shelf-card-title a:hover {
  color: #8c714d !important;
}

.gidna-shelf-card-price {
  font-family: 'Caveat', cursive !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #8c714d !important;
  margin-bottom: 8px !important;
}

.gidna-shelf-card-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.gidna-shelf-add-cart-btn {
  flex: 1 !important;
  background: #231c16 !important;
  color: #faf5ea !important;
  border: 1px solid #8c714d !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.gidna-shelf-add-cart-btn:hover {
  background: #5c4328 !important;
  color: #ffffff !important;
}

.gidna-shelf-remove-fav-btn {
  background: transparent !important;
  border: 1px solid #d8c8b1 !important;
  color: #9c8a77 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
}
.gidna-shelf-remove-fav-btn:hover {
  color: #b33939 !important;
  border-color: #b33939 !important;
  background: #fdf2f2 !important;
}

/* МОДАЛЬНЕ ВІКНО УСПІХУ */
.gidna-modal-backdrop {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(26, 20, 15, 0.75) !important;
  backdrop-filter: blur(6px) !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 100000 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.gidna-modal-backdrop.is-active,
.gidna-modal-backdrop.active {
  display: flex !important;
}

.gidna-modal-parchment {
  background: #faf4e8 !important;
  border: 2px solid #bda88d !important;
  border-radius: 6px !important;
  padding: 36px 30px !important;
  max-width: 480px !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  position: relative !important;
  animation: gidnaModalZoom 0.25s ease-out !important;
}

@keyframes gidnaModalZoom {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

.gidna-modal-seal {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 35%, #24364e 0%, #131b26 75%, #0a1017 100%) !important;
  border: 2px solid #d4af37 !important;
  color: #f8efe0 !important;
  font-family: 'Marck Script', cursive !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  line-height: 1 !important;
}

.gidna-modal-title {
  font-family: 'Marck Script', cursive !important;
  font-size: 32px !important;
  color: var(--gidna-dark) !important;
  margin: 0 0 10px !important;
  line-height: 1.15 !important;
}

.gidna-modal-order-number {
  font-size: 16px !important;
  color: #8c714d !important;
  margin: 0 0 14px !important;
}
.gidna-modal-order-number strong {
  font-size: 20px !important;
  color: #231c16 !important;
}

.gidna-modal-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c9b89f, transparent) !important;
  margin: 14px 0 !important;
}

.gidna-modal-text {
  font-size: 14.5px !important;
  color: #5d4e3f !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
}

.gidna-modal-btn {
  display: inline-block !important;
  background: #231c16 !important;
  color: #faf5ea !important;
  text-decoration: none !important;
  padding: 10px 28px !important;
  border-radius: 3px !important;
  font-family: 'Caveat', cursive !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  border: 1px solid #8c714d !important;
  transition: all 0.2s ease !important;
}
.gidna-modal-btn:hover {
  background: #5c4328 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* =======================================================
   НАЗВИ ПІДКАТЕГОРІЙ: ТИМ САМИМ ШРИФТОМ З ЛЕГКИМ РОЗПОДІЛОМ В ОДИН РЯД
   ======================================================= */
.gidna-subcats-inline-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-right: 14px !important;
  overflow: hidden !important;
}

.gidna-subcats-inline-scroll {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  padding: 2px 2px 4px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  margin: 0 !important;
  list-style: none !important;
}

.gidna-subcats-inline-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Назва підкатегорії тим самим шрифтом, що й заголовок */
.gidna-subcat-inline-item {
  display: inline-block !important;
  flex-shrink: 0 !important;
  font-family: 'Marck Script', cursive !important;
  font-size: 32px !important;
  font-weight: normal !important;
  color: #231c16 !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  padding: 0 2px !important;
}

.gidna-subcat-inline-item:hover {
  color: #8c714d !important;
  text-decoration: underline !important;
}

/* Легкий розподіл між собою (крапка) */
.gidna-subcat-inline-sep {
  display: inline-block !important;
  color: #a49179 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  user-select: none !important;
  flex-shrink: 0 !important;
}

/* =======================================================
   МОБІЛЬНА ВЕРСІЯ: ГАРАНТОВАНИЙ ПРАВИЙ ВІДСТУП 12px БЕЗ ЗРІЗУ
   ======================================================= */
@media (max-width: 768px) {
  .gidna-subcats-inline-nav {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 4px !important;
  }
  .gidna-subcats-inline-scroll {
    gap: 8px !important;
    padding: 2px 0 4px !important;
  }
  .gidna-subcat-inline-item {
    font-size: 26px !important;
  }
  .gidna-subcat-inline-sep {
    font-size: 20px !important;
  }

  /* Гарантований відступ праворуч 12px для контейнерів */
  #page,
  .gidna-site-wrapper,
  .site-content,
  .ast-container,
  .ast-woocommerce-container,
  #primary,
  #content,
  .site-main,
  .gidna-catalog-main {
    padding-left: 12px !important;
    padding-right: 12px !important; /* ЧІТКИЙ ПРАВИЙ ВІДСТУП */
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Скидаємо негативний марджин WooCommerce (margin: 0 -10px) */
  .woocommerce ul.products,
  ul.products,
  .gidna-products-grid,
  .ast-woocommerce-container ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* РІВНО 2 ТОВАРИ В РЯД */
    gap: 14px 10px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* =======================================================
   ПОВНЕ ВИПРАВЛЕННЯ МОБІЛЬНОГО КОШИКА ТА ЧЕКАУТУ (/cart-2/)
   (ПРИБИРАЄ РОЗПИРАННЯ, ЗРІЗАННЯ ПРАВОГО БОКУ ТА СМУГУ СКРОЛУ)
   ======================================================= */
@media (max-width: 768px) {
  /* Головний контейнер кошика */
  .gidna-lux-checkout-container,
  .custom-modern-checkout {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
    margin: 8px auto 32px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .gidna-checkout-page-header {
    margin-bottom: 12px !important;
  }

  .gidna-checkout-main-title {
    font-size: 30px !important;
    line-height: 1.15 !important;
    word-break: break-word !important;
  }

  /* Сітка в 1 стовпчик строго на ширину екрана */
  .gidna-checkout-grid {
    grid-template-columns: 100% !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Панель: відступи зменшено з 24px до 12px, щоб вмістити контент */
  .gidna-checkout-panel {
    padding: 14px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .gidna-cart-items-scroll-box {
    max-height: none !important;
    padding-right: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  /* Картка товару в кошику */
  .gidna-checkout-cart-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .gidna-checkout-item-thumb {
    width: 56px !important;
    height: 74px !important;
    flex-shrink: 0 !important;
  }

  .gidna-checkout-item-info {
    flex: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .gidna-checkout-item-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
    word-break: break-word !important;
  }

  .gidna-checkout-item-meta {
    margin-bottom: 6px !important;
    gap: 4px !important;
  }
  .gidna-meta-tag {
    font-size: 11px !important;
    padding: 1px 5px !important;
  }

  /* Контроли товару: кількість зліва, ціна праворуч всередині блоку */
  .gidna-checkout-item-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 6px !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
  }

  .gidna-qty-picker {
    flex-shrink: 0 !important;
  }

  .gidna-checkout-item-price {
    font-size: 18px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    padding-right: 4px !important;
  }

  .gidna-item-remove-btn {
    flex-shrink: 0 !important;
    font-size: 20px !important;
    padding: 0 2px !important;
  }

  /* Блок промокоду */
  .gidna-checkout-meta-box {
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .gidna-coupon-input-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .gidna-coupon-input-row input {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
  }

  .gidna-coupon-input-row button {
    padding: 7px 12px !important;
    font-size: 17px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  /* Селект оплати: обрізаємо задовгий текст трикрапкою, не даючи розпирати екран */
  .gidna-select-custom {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  /* Форма доставки */
  .gidna-form-row.input-group {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .gidna-delivery-tabs {
    gap: 6px !important;
  }
  .gidna-delivery-tab {
    font-size: 17px !important;
    padding: 8px 6px !important;
  }

  .gidna-input-field {
    font-size: 15px !important;
    padding: 9px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .gidna-total-val {
    font-size: 26px !important;
  }

  .gidna-btn-submit-order {
    font-size: 22px !important;
    padding: 12px 14px !important;
  }
}

/* =======================================================
   1.1. ПІДКАТЕГОРІЇ: КЛІКАБЕЛЬНІ КНОПКИ З НАПІВРАМКОЮ В ОДИН РЯД
   ======================================================= */
.gidna-lux-subcats-bar,
.gidna-subcats-inline-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-right: 14px !important;
  overflow: hidden !important;
}

.gidna-lux-subcats-scroll,
.gidna-subcats-inline-scroll {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  padding: 3px 2px 6px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  margin: 0 !important;
}

.gidna-lux-subcats-scroll::-webkit-scrollbar,
.gidna-subcats-inline-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Кнопка: той самий шрифт, напіврамка знизу і справа */
.gidna-lux-subcat-btn,
.gidna-subcat-inline-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-family: 'Marck Script', cursive !important;
  font-size: 30px !important;
  font-weight: normal !important;
  color: var(--gidna-dark, #2b2521) !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  padding: 4px 14px 5px 10px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: 2px solid #8c714d !important;
  border-right: 2px solid #8c714d !important;
  border-radius: 0 0 3px 0 !important;
  box-shadow: 1px 1px 3px rgba(43, 37, 33, 0.05) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.gidna-lux-subcat-btn:hover,
.gidna-subcat-inline-item:hover {
  color: #1a1614 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border-bottom-color: #2b2521 !important;
  border-right-color: #2b2521 !important;
  transform: translateY(-1px) !important;
  box-shadow: 2px 2px 5px rgba(43, 37, 33, 0.1) !important;
}

@media (max-width: 768px) {
  .gidna-lux-subcats-bar,
  .gidna-subcats-inline-nav {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 6px !important;
  }
  .gidna-lux-subcats-scroll,
  .gidna-subcats-inline-scroll {
    gap: 8px !important;
    padding: 2px 0 6px !important;
  }
  .gidna-lux-subcat-btn,
  .gidna-subcat-inline-item {
    font-size: 24px !important;
    padding: 3px 12px 4px 8px !important;
    border-bottom-width: 1.5px !important;
    border-right-width: 1.5px !important;
  }
}