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

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

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

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(51,51,51);
	--wd-text-font-size: 16px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(51,51,51);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 17px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(0,119,204);
	--wd-alternative-color: rgb(102,192,238);
	--wd-link-color: rgb(85,85,85);
	--wd-link-color-hover: rgb(119,119,119);
	--btn-default-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(0,119,204);
	--btn-default-bgcolor-hover: rgb(0,101,173);
	--btn-accented-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(0,119,204);
	--btn-accented-bgcolor-hover: rgb(0,101,173);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(255,255,255);
	background-image: url(https://garmintopomaps.com/wp-content/uploads/2025/09/1456.webp);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
 {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-sub-menu li>a {
    color: #333333 !important;
    font-size: 15px !im;
}
.woocommerce-mini-cart__buttons .btn-cart {
    color: #ffffff !important;
}
.cat-item .wd-sub-menu li>a {
    color: #d8d8d8 !important;
}
.wd-products .wd-cat .wd-entities-title {
    text-transform: capitalize !important;
    font-size: 18px !important;
}
.wd-entities-title {
    font-size: 18px !important;
}
.wd-products .category-grid-item .wd-cat-count>a {
    color: #a5a5a5 !important;
}

/* Тёмный оверлей поверх фонового изображения блока Title */
.wd-page-title {
  position: relative; /* база для псевдоэлемента */
}

.wd-page-title::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);          /* прозрачность можно менять */
  /* или градиент:
  background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.45) 100%);
  */
  pointer-events: none;
  z-index: 0;                           /* ниже текста */
}

/* Поднимаем контент поверх оверлея */
.wd-page-title .container,
.wd-page-title .wd-title-wrapp{
  position: relative;
  z-index: 1;
}


/* Только страницы магазина/каталога */
body.woocommerce-shop .category-grid-item .wrapp-category,
body.post-type-archive-product .category-grid-item .wrapp-category,
body.tax-product_cat .category-grid-item .wrapp-category{
  background: transparent !important;   /* убрал фон */
}

/* Сбрасываем любой прежний оверлей/градиент у категорий на витрине */
body.woocommerce-shop .category-grid-item .wd-cat-thumb::after,
body.post-type-archive-product .category-grid-item .wd-cat-thumb::after,
body.tax-product_cat .category-grid-item .wd-cat-thumb::after{
  content: none !important;
  background: none !important;
}

/* ОДНО место, где задаём такое же соотношение, как у товаров */
:root{ --prod-thumb-ratio: 16/9; }  /* если у товаров другое — поменяй здесь */

/* Картинка категории: та же высота за счёт одного и того же ratio */
.wd-products .category-grid-item .wd-cat-thumb{
  position: relative;
  overflow: hidden;
  border-radius: 10px;        
}
.wd-products .category-grid-item .wd-cat-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wd-products .category-grid-item .wd-cat-content .wd-entities-title,
.category-grid-item .wd-cat-content .wd-entities-title a{ color:#111; font-weight:600; text-decoration:none; }
.category-grid-item .wd-cat-content .wd-cat-count,
.category-grid-item .wd-cat-content .wd-cat-count a{ color:#6b7280; pointer-events:none; }

/* Превращаем overlay-ссылку в кнопку See more (без фона карточки) */
.wd-products .category-grid-item .wrapp-category{ position: relative; }
.wd-products .category-grid-item .wrapp-category > a.wd-fill.category-link{
  position: static !important;
  display: inline-flex !important;
  align-self: center;
  align-items: center;
  justify-content: center;
  margin: 28px 0 0px;
  padding: 12px 22px;
  border-radius: 9999px;
  background: rgb(0,119,204) !important;
	text-transform: uppercase;
  color: #fff !important;
  text-decoration: none;
  line-height: 1 !important;
  width: auto !important; height: auto !important;
  opacity: 1 !important; transform: none !important;
  text-indent: 0 !important; font-size: 13px !important; font-weight: 600;
}
.wd-products .category-grid-item .wrapp-category > a.wd-fill.category-link::before{ content: "See more"; }
.wd-products .category-grid-item .wrapp-category > a.wd-fill.category-link:hover{ filter: brightness(.95); }

:is(.term-description,.page-description):not(:last-child) {
    text-align: justify !important;
}
.wd-products .cat-design-alt.categories-with-shadow .wd-cat-thumb {
    box-shadow: none !important;
}
.wd-products .category-grid-item .wrapp-category > a.wd-fill.category-link:hover {
  background: rgb(0,101,173) !important;
}
@media (min-width: 1100px) {  
.wd-products .wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) :is(picture,img) {
    height: 220px !important;
	}}
.wd-products .category-grid-item .wd-cat-thumb {
    border-radius: 10px !important;
    aspect-ratio: auto !important;
}
@media (min-width: 1100px) {  
.wd-products .cat-design-alt .wd-cat-thumb {
    height: 220px !important;
	}}
.wd-products .category-grid-item .wd-cat-content {
    text-align: center;
    padding: 10px 20px 10px !important;
    color: #111;
}
.wd-products .category-grid-item .wd-cat-count>a {
    color: #a5a5a5 !important;
    text-transform: capitalize !important;
	  font-size: 15px !important;
}
@media (max-width: 767px) {  
.wd-products .wd-cat .wd-entities-title {
    font-size: 15px !important;
	}}
@media (max-width: 767px) {  
.wd-products .wd-entities-title {
    font-size: 15px !important;
	}}
.woocommerce-product-details__short-description {
    text-align: justify !important;
}
:is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container)>*:last-child {
    text-align: justify;
}
/* Прячем категорию Topographic Maps только в карточках Woodmart */
.wd-product .wd-product-cats a[href*="/topographic-maps/"] {
  display: none !important;
}

/* Прячем разделитель рядом с ней */
.wd-product .wd-product-cats a[href*="/topographic-maps/"] + .sep,
.wd-product .wd-product-cats .sep:has(+ a[href*="/topographic-maps/"]) {
  display: none !important;
}
.wd-notice.wd-warning, .wpcf7 form:not(.sent) .wpcf7-response-output, .mc4wp-error, .mc4wp-notice, :is(.woocommerce-error,.woocommerce-info) {
    background-color: #0277cc !important;
}
.wd-builder-off :is(.woocommerce-thankyou-order-received,.woocommerce-thankyou-order-failed) {
    padding: 3%;
    width: 100%;
    color: #0277cc;
    border: 2px dashed #0277cc;
    border-radius: var(--wd-brd-radius);
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
}

/* 1) Ячейки грида делаем одинаковой высоты */
.wd-product .wd-cats.elements-grid > .wd-col {
  display: flex;                 /* колонка растягивается */
}
.wd-product .wd-cats.elements-grid > .wd-col > .category-grid-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* 2) Обертки внутри карточки тянем на всю высоту */
.wd-product .category-grid-item .wd-cat-wrap,
.wd-product .category-grid-item .wd-cat-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Картинка фиксированной пропорции, чтобы не прыгала высота */
.wd-product .category-grid-item .category-image-wrapp,
.wd-product .category-grid-item .wd-cat-thumb {
  aspect-ratio: 16/9;            /* при желании 3/2 или 4/3 */
  width: 100%;
  overflow: hidden;
}
.wd-product .category-grid-item .category-image-wrapp img,
.wd-product .category-grid-item .wd-cat-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 4) Резерв под заголовок/мету, чтобы тексты выравнивались */
.wd-product .category-grid-item .wd-cat-title { 
  line-height: 1.4;
  min-height: 2.8em;             /* ~2 строки */
}
.wd-product .category-grid-item .wd-cat-parent,
.wd-product .category-grid-item .wd-cat-count {
  min-height: 1.6em;             /* ~1 строка */
}

/* 5) Кнопку «SEE MORE» прижимаем к низу карточки */
.wd-product .category-grid-item .wd-cat-actions,
.wd-product .category-grid-item .wd-buttons,
.wd-product .category-grid-item .button {
  margin-top: auto;
}

@media (max-width: 767px) {
  /* Колонка в сетке тянется */
  .products.elements-grid > .wd-col {
    display: flex;
  }

  /* Карточка товара на всю высоту */
  .products.elements-grid > .wd-col > .product-grid-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  /* Внутренний враппер тоже растягиваем */
  .product-grid-item .product-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }

  /* Кнопка уходит вниз */
  .product-grid-item .price {
    margin-top: auto;
  }
  .product-grid-item .wd-add-btn,
  .product-grid-item .add_to_cart_button {
    margin-top: 8px;
  }
}

