/*
Theme Name:   	AR DESIGN
Theme URI:    	https://www.danmo.sk/
Author:       	Danmo s.r.o.
Author URI:     https://www.danmo.sk/
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

@font-face {
  font-family: 'Geologica';
  src: url('./assets/fonts/geologica/Geologica-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Geologica Bold */
@font-face {
  font-family: 'Geologica';
  src: url('./assets/fonts/geologica/Geologica-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Haboro Regular';
    src: url('./assets/fonts/haboro/HaboroContrast-ExtReg.woff2') format('woff2'),
        url('./assets/fonts/haboro/HaboroContrast-ExtReg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haboro Bold';
    src: url('./assets/fonts/haboro/HaboroContrast-ConBol.woff2') format('woff2'),
        url('./assets/fonts/haboro/HaboroContrast-ConBol.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haboro Light';
    src: url('./assets/fonts/haboro/HaboroContrast-ConLig.woff2') format('woff2'),
        url('./assets/fonts/haboro/HaboroContrast-ConLig.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Fonts */
:root {
  --default-font: "Geologica",  system-ui, -apple-system, "Segoe UI", Geologica, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /*--heading-font: "Haboro Bold",  sans-serif;*/
  --heading-font: "Geologica",  sans-serif;
  --nav-font: "Geologica",  sans-serif;
}

.haboro-regular {
    font-family: 'Haboro Regular', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.haboro-bold {
    font-family: 'Haboro Bold', sans-serif;
    font-weight: bold;
    font-style: normal;
}

.haboro-light {
    font-family: 'Haboro Light', sans-serif;
    font-weight: 300;
    font-style: normal;
}

/* ====== Global Headings ====== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font, "Geologica", sans-serif);
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: var(--heading-color, #222); /* fallback ak nemáš v root */
}

h1 {
  font-size: clamp(2rem, 1.5rem + 1vw, 3rem); /* responzívna veľkosť */
}
h2 {
  font-size: clamp(1.5rem, 1.25rem + 0.5vw, 2.25rem);
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.875rem;
}

.header .main-header .logo h1
 {
    font-size: 26px;
    margin: 0;
    font-weight: 700;
    color: var(--heading-color);
    font-family: 'Haboro Bold', sans-serif;
    font-style: normal;
}

.section-title h2 {
  font-size: 2.5em;
}
.section-title h2:before {
    margin: 0 15px 10px 0;
}
.section-title h2:after {
    margin: 0 0 10px 15px;
}
.section-title h2:before, .section-title h2:after {
    content: "";
    width: 100px;
    height: 2px;
    background: var(--accent-color);
    display: inline-block;
}

/* LINKS */

a {
    color: var(--accent-color);
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent;
}
.breadcrumb {margin-bottom:0rem; }
.breadcrumb li a {font-size: 14px; font-weight: 400;}
.breadcrumb li {font-size: 14px; font-weight: 400;}
.breadcrumb li+li::before {
    content: "/";
    display: inline-block;
    padding-right: 10px;
    color: 
 color-mix(in srgb, var(--default-color), transparent 70%);
}

.container-xl, .container-xxl { max-width: 1647px; }
.container { max-width: 1647px; }

.navmenu .products-megamenu-3 .megamenu-container {
  padding: 30px;
  display: grid;
  grid-template-columns: 300px 1fr; /* <-- Banner first */
  grid-template-rows: auto auto;
  gap: 30px;
  min-height: 400px;
}

.navmenu .products-megamenu-3 .category-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 25px;
  grid-row: 1 / -1;
  grid-column: 2; 

}
.navmenu .products-megamenu-3 .category-grid .category-group {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;

}

.navmenu .products-megamenu-3 .category-card h4 a {
  font-size: 12px;
  display: block;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere; /* moderné a najspoľahlivejšie */
  word-break: break-word;  /* fallback pre staršie prehliadače */
  hyphens: auto;           /* automatické delenie slov (nezabudni lang="sk" na <html>) */
  /*line-height: 1.80;*/

}
.navmenu .products-megamenu-3 .category-card .category-icon {
    min-width: 45px;
    border-radius: 0px;
    background: var(--accent-color);
}

.navmenu .products-megamenu-3 .category-card .category-icon img {
    background-size: cover;
    border-radius: 0px;
    border: 1px solid var(--accent-color);
}
.navmenu .products-megamenu-3 .category-card .category-links {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}
.navmenu .products-megamenu-3 .category-card .category-links a:after {
  content: "/";
  display: inline-block;
  padding-left: 5px;
  padding-right: 0px;
  color: color-mix(in srgb, var(--accent-color), transparent 70%);
}
.navmenu .products-megamenu-3 .category-card .category-links a:last-child:after {
  content: none;
}
   /*.navmenu .products-megamenu-3 .category-card .category-links a:after {
    content: " / ";
  }*/

.navmenu .products-megamenu-3 .qick-access {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), transparent 95%), color-mix(in srgb, var(--accent-color), transparent 92%));
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 90%);
  grid-column: 1;  /* <-- Put in 1st column */
  grid-row: 1 / -1;
}

.main-cat-link.active {
  font-weight: bold;
  color: #d00;
}

.navmenu li.black-friday a {
  background-color: #000000 !important;
  color:#FFFFFF !important;
}


.services .service-item { padding:15px 10px; }
.services .service-item .title { font-weight: 900 !important;margin-bottom: 0px;font-size: 18px; }

.category-cards .category-card .category-image { width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem; }

.product-list-5 .product-image
 {
    height: 180px;
}
.product-list-5 .product-image img {
    width: 60%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
    margin: 0 auto;
}
.product-list-4 .product-card .product-image .main-image, .product-list-4 .product-card .product-image .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease;
    margin: 0 auto;
}

.product-list-4 .product-card .product-image .product-badge {z-index: 9};
.badge-wrapper {
  display: flex !important;
  flex-direction: row !important;
}
.product-badge {
  background-color: #ff5a5f;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  margin-right: 5px;
  border-radius: 4px;
  text-transform: uppercase;
  width: auto;
}

.badge-produkt-novinka {
  background-color: #27ae60 !important; /* zelená */
  color: #ffffff;
}
.badge-produkt-vypredaj {
  background-color: #e67e22 !important; /* oranžová */
}
.badge-sale {
  background-color: #e90101 !important; /* červená */
  /*right:15px !important;*/
  width:fit-content !important;
  margin-left:auto;
}
.badge-vyhodny-nakup {
  background-color: #ff9000 !important; /* červená */
  top:auto;
  /*bottom:0px;*/
}
.badge-tip {
  background-color: #19b2ff !important; /* modra */
  right:15px !important;
  width:fit-content !important;
  margin-left:auto;
}
.badge-produkt-bestseller {
position: absolute;
  top: 12px;
  left: 12px;
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
}
.badge-black-friday {
  background-color: #000000 !important; /* cierna */
  right:15px !important;
  top:50px !important;
  width:fit-content !important;
  margin-left:auto;
}
.badge-vianoce {
  background-color: #a00018 !important; /* cierna */
  color:#FFFFFF;
  left:15px !important;
  top:50px !important;
  width:fit-content !important;
  margin-right:auto;
}
.badge-vianoce-single {
  background-color: #a00018 !important; /* cierna */
  color:#FFFFFF;
  font-size: 14px !important;
  border-radius: 20px !important;
  padding: 5px 20px !important;
}

.badge-wrapper {
  display: flex;
  flex-wrap: wrap;      /* ak je veľa badgeov, zalomia sa na ďalší riadok */
  gap: 6px;             /* medzera medzi badge-ami */
  margin-bottom: 8px;   /* prípadne medzera pod celým blokom */
  width: 100%;
}
.badge-wrapper .discount-badge .badge-sale {position: absolute;top:0px !important;right:15px !important;}

.badge-wrapper .status-badge {
  position: relative;
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  background-color: #555; /* default, ak nezmeníš podľa typu */
}

/* Prípadne špecifické štýly podľa typu badge-u */
.badge-sale {
  background-color: #e90101; /* červená pre "Akcia" */
  margin-top:40px;
}

.badge-produkt-novinka {
  background-color: #27ae60; /* zelená pre "Novinka" */
  margin-top:10px;
}

.badge-produkt-vypredaj {
  background-color: #8e44ad; /* fialová pre "Výpredaj" */
}
/* badge plugin */

[class*="berocket_alabel_id_"] span {width:auto !important;margin-right:5px !important;margin-top:15px !important;margin-left:1px !important;padding:2px 8px !important;border-radius: 30px !important;}

.single-product-media-wrap,
.single-product-gallery-wrap,
.woocommerce-product-gallery,
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
  position: relative;
}

.badge-wrapper.single {
  position: relative;
top: 16px;
  right: 16px;
  left: auto;
  display: flex;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 10px;
  pointer-events: none;
  z-index: 999 !important;
  border-radius: 30px !important;
}

.badge-wrapper.single [class*="berocket_alabel_id_"] span {width:auto !important;margin-left:2px !important;margin-right:0px !important;margin-top:0px !important;padding:4px 8px !important;}


.badge-wrapper.single > * {
  pointer-events: auto;
}

.badge-wrapper.single .berocket_better_labels,
.badge-wrapper.single .berocket_better_labels_image,
.badge-wrapper.single .berocket_better_labels_position,
.badge-wrapper.single .berocket_better_labels_line,
.badge-wrapper.single .berocket_better_labels_inline,
.badge-wrapper.single .br_alabel {
  position: static !important;
  margin: 0 !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
}

.badge-wrapper.single .onsale {
  position: static !important;
  margin: 0 !important;
  float: none !important;
}


.product-list-5 .product-info .product-price {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  margin: 0 auto;
  width: 100%;
}

.product-item .product-availability .text-info small {
    display: none;
}

/*
* HEADE - CUSTOM STYLES
*/

.header, .header .top-bar .top-bar-item {
    font-size: 1.1em;
    font-weight: 700;
}

.header .main-header .cart-dropdown .dropdown-menu {
  background-color: var(--surface-color);
  min-width: 280px;
  right: 20px;
  padding: 0;
  border-radius: 6px;
  margin-top: 0.75rem;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-header {
  padding: 1.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-header h6 {
  margin: 0 0 0.25rem;
  color: var(--heading-color);
  font-size: 16px;
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-header p {
  font-size: 13px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-body {
  padding: 1rem 0;
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-body .dropdown-item {
  padding: 0.5rem 1.25rem;
  font-size: 14px;
  color: var(--default-color);
  transition: all 0.2s ease;
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-body .dropdown-item i {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: color 0.2s ease;
  font-size: 16px;
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-body .dropdown-item:hover i {
  color: var(--accent-color);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-footer {
  padding: 1.25rem;
  background-color: color-mix(in srgb, var(--default-color), transparent 97%);
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-footer .btn {
  font-size: 14px;
  padding: 0.5rem 1rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 50px;
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary {
  border-color: var(--accent-color);
  background-color: transparent;
  color: var(--accent-color);
}

.header .main-header .cart-dropdown .dropdown-menu .dropdown-footer .btn-outline-primary:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.header .main-header .cart-dropdown .dropdown-menu {
  transition: opacity 0.15s ease;
}
.header .main-header .cart-dropdown .dropdown-menu:not(.show) {
  opacity: 0 !important;
}
.header .main-header .cart-dropdown .dropdown-menu.show {
  opacity: 1 !important;
}

.header .main-header .cart-dropdown .woocommerce-mini-cart__empty-message {text-align: center;margin-top:15px;}

.header .main-header .account-dropdown .dropdown-menu .dropdown-footer .btn {border-radius: 0px;}

.header .main-header .cart-dropdown .woocommerce-mini-cart__buttons a.wc-forward {
  font-size: 14px;
  padding: 0.5rem 1rem;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 0px;
}
.header .main-header .cart-dropdown .woocommerce-mini-cart__buttons a.checkout.wc-forward { 
    border-color: var(--accent-color);
    background-color: transparent;
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}
.header .search-form .input-group {border-radius: 0px !important;}
.header .search-form .input-group .btn {border-radius: 0px !important;}

.hero-2 .nav-arrow {opacity: 0.5;border: 0px;}


body.woocommerce-cart #mini-cart-count,
body.woocommerce-checkout #mini-cart-count {
    display: none !important;
}
body.woocommerce-cart .cart-dropdown,
body.woocommerce-checkout .cart-dropdown {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

/* Zapneme flexbox pre položky mini cartu */
.woocommerce-mini-cart .mini_cart_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.widget_shopping_cart .product_list_widget li {
  display: flex;
  flex-direction: row-reverse;
  padding-left: 0.5em;
}
.product_list_widget li > a {
  display: flex;
  flex-direction: row-reverse;
  order: 1;
  font-size: 12px !important;
}

/* Obrázok ako prvý */
.woocommerce-mini-cart .mini_cart_item img.attachment-woocommerce_thumbnail {
  order: 1 !important;
  flex: 0 0 auto;
  margin-right: 8px;
  max-width: 4em;
}

/* Názov produktu hneď za obrázkom */
.woocommerce-mini-cart .mini_cart_item .product-name {
  order: 2;
  flex: 1 1 100%;
  font-weight: 600;
}

/* Remove button doprava */
.woocommerce-mini-cart .mini_cart_item a.remove {
  order: 5;
  margin-left: auto;
  margin-right: 0;
}

.widget_shopping_cart .product_list_widget li a.remove {
  position: absolute;
  top:unset;
  bottom: 1em !important;
  right: 0;
  opacity: 1;
  font-size: 16px !important;
  color: #E74C3C;
  background-color: #E74C3C;
}
a.remove::before { color:#ffffff !important; }

/* Množstvo × cena pod názvom */
.woocommerce-mini-cart .mini_cart_item .quantity {
  order: 4;
  /*flex: 1 1 100%;*/
  font-size: 0.9em;
  font-weight: bold;
  opacity: 0.85;
  padding-left: 2.5sem;
  margin: 0 auto;
  text-align: center;
}

/* Wishlist tlačidlo – vizuálny feedback */
/* Quick actions – vždy vedľa seba, bez prekrývania */


.quick-actions{display:flex;align-items:center;gap:.5rem;position:relative}
.quick-actions .quick-action-btn{position:relative;z-index:2;display:inline-flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;border:none;background:transparent;cursor:pointer}
.quick-actions .quick-action-btn i{pointer-events:none}

input[type=search] { box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125); }

.add-to-cart-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  transition: background 0.3s ease;
}
.add-to-cart-btn:hover {
  background-color: #333;
}


/*
* HOMEPAGE - CUSTOM STYLES
*/

/* HERO SLIDER */

.hero-2 .overlay-content .container .row .col-lg-6 {
    padding-top:25px;
    background: rgba(0, 0, 0, .6);
    text-align: center;
}
/*
.hero-2 .cta-section {
    margin-top: 0rem;
    margin-bottom: 3em;
  }
.hero-2 .primary-cta {
    display: inline-block;
    background-color: var(--contrast-color);
    color: var(--accent-color);
    padding: 1rem 2.5rem;
    border-radius: 0px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.hero-2 .primary-cta:hover {
    color: var(--contrast-color);
}
*/
.hero-2 .hero-title {font-size:30px;margin-bottom: 25px !important;letter-spacing: 1px;}
.hero-2 .brand-tagline {font-size: 18px;margin-bottom: 1.5rem;}
/*.hero-2 .swiper-slide .content-wrapper .vlb-logo {position:relative;float:right;margin-left:-100px;margin-top:-100px;max-height:120px;}*/

.hero-2 .fashion-hero-slider {height: 100vh;/*height: 100vh;*/max-height: 580px !important;}
.hero-2 .swiper-slide .hero-slide-content { max-height: 590px; }

.hero-2 .content-wrapper {
      position: absolute;
      width:30%;
      min-height: 100%;
      background: rgba(0, 0, 0, .6);
      top: 0;
      right:0;
      bottom: 0;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: flex-start; !important;
      flex-direction:column;
      padding: 0 3em;
    }

.hero-2 .slide-background img {object-fit: contain;object-position:top;}
.hero-2 .overlay-content {background: linear-gradient(45deg, rgba(0, 0, 0, .0), rgba(0, 0, 0, .0));}


/* slider banner */
.slide-background{ position:absolute; inset:0; z-index:0; aspect-ratio:16/9; }
@media (max-width:768px){ .slide-background{ aspect-ratio:4/5; } }

.hero-bg-img,
.slide-background picture{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  /* dôležité: žiadne animácie na LCP */
  animation:none!important;
  transition:none!important;
}
.overlay-content{ position:relative; z-index:1; }


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.hero {
  padding: 0;
}

.hero .carousel {
  width: 100%;
  min-height: 70vh;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.hero .carousel .vlb-logo {position:absolute;left:auto;right:50px;top:0px;width:150px;height:auto;z-index:99;}


@media (max-height: 500px),
(max-width: 580px) {
  .hero .carousel {
    min-height: 100vh;
  }
}

.hero img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero .carousel-item {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items:center;
}

/*.hero .carousel-item:before {
  content: "";
  background: color-mix(in srgb, var(--background-color), transparent 30%);
  position: absolute;
  inset: 0;
  z-index: 2;
}*/

.hero .container {
  /*background: color-mix(in srgb, var(--surface-color), transparent 40%);*/
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 50px;
  width: 30%;
  margin-right: 0;
  margin-left: auto;
  min-height:100%;
  z-index: 3;
}

@media (max-width: 1200px) {
  .hero .container {
    margin-left: 50px;
    margin-right: 50px;
      position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px 50px;
  width: 50%;
  margin-right: 0;
  margin-left: auto;
  min-height:100%;
  z-index: 3;
  }
}

.hero h2 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .hero h2 {
    font-size: 24px;
  }
  .hero .carousel-item {
    align-items:flex-end;
}

  .hero .container {
    /*background: color-mix(in srgb, var(--surface-color), transparent 40%);*/
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 30px 50px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    min-height:50%;
    z-index: 3;
  }
  .carousel-indicators {display: none;}

}
/*
.hero .btn-get-started {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  transition: 0.5s;
  margin: 10px;
  border-radius: 50px;
  color: var(--contrast-color);
  background: var(--accent-color);
}

.hero .btn-get-started:hover {
  background: var(--surface-color);
  color: var(--accent-color);
}
*/

.hero .btn-get-started {
    display: inline-block;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #0a4db8;
    background-color: var(--contrast-color);
    /*border: 2px solid var(--contrast-color);*/
    border-radius: 0px;
    transition: .3s
}

.hero .btn-get-started:hover {
    color: #fff;
    color: var(--contrast-color);
    background-color: #0a4db8;
    /*border: 2px solid var(--contrast-color);*/
}


.hero .carousel-control-prev {
  justify-content: start;
}

@media (min-width: 640px) {
  .hero .carousel-control-prev {
    padding-left: 15px;
  }
}

.hero .carousel-control-next {
  justify-content: end;
}

@media (min-width: 640px) {
  .hero .carousel-control-next {
    padding-right: 15px;
  }
}

.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {
  background: none;
  font-size: 26px;
  line-height: 0;
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 50px;
  color: var(--contrast-color);
  transition: 0.3s;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
  transition: 0.3s;
  opacity: 0.5;
}

.hero .carousel-control-prev:focus,
.hero .carousel-control-next:focus {
  opacity: 0.5;
}

.hero .carousel-control-prev:hover,
.hero .carousel-control-next:hover {
  opacity: 0.9;
}

.hero .carousel-control-prev:hover .carousel-control-next-icon,
.hero .carousel-control-prev:hover .carousel-control-prev-icon,
.hero .carousel-control-next:hover .carousel-control-next-icon,
.hero .carousel-control-next:hover .carousel-control-prev-icon {
  background: var(--accent-color);
  color: var(--default-color);
}

.hero .carousel-indicators li {
  cursor: pointer;
  background: var(--default-color);
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 0.6;
  transition: 0.3s;
}

.hero .carousel-indicators li.active {
  opacity: 1;
  background: var(--accent-color);
}




/* end / slider banner */



.services .service-item { display: flex; flex-direction: row;justify-content: center;align-items: center; }

/*
* Category slider homepage
*/
.category-cards .category-card { background-color: transparent; }
.category-cards .category-card:hover .category-image img {
  filter: brightness(1.08);
  transform: rotate(0deg) scale(1.06);
}
.category-cards .category-card { border-radius: 0rem; }

.category-cards .category-card .category-image.brands img {max-width:90% !important;}


/*
* Product slider homepage
*/
.product-list-5 .product-image .discount-badge,
.product-list-5 .product-image .status-badge {
  /*position: absolute; top: 0px !important;*/

}

.product-list-5 .product-item .product-card{ border-radius: 0px; }
.product-list-5 .shop-all-btn { border-radius: 0px; }
.product-list-5 .add-to-cart-btn {
    padding: 12px 30px;
    background-color: transparent;
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
    border-radius: 0px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
}
.product-list-5 .add-to-cart-btn:hover {
    padding: 12px 30px;
    background-color: var(--heading-color);
    color: var(--contrast-color);
    border: 1px solid var(--contrast-color);
    border-radius: 0px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

/* Skryjeme na celej stránke */
a.added_to_cart.wc-forward {
    display: none !important;
}

.product-list-5 .product-detail {
    padding: 12px 30px;
    background-color: transparent;
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
    border-radius: 0px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
}
.product-list-5 .product-detail:hover {
    padding: 12px 30px;
    background-color: var(--heading-color);
    color: var(--contrast-color);
    border: 1px solid var(--contrast-color);
    border-radius: 0px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

/*
* About us homepage
*/
.call-to-action .cta-buttons .btn.btn-primary { border-radius: 0rem; }
.about .image-wrapper {border-radius: 3px;}


/*
* PRODUCT LIST - CUSTOM STYLES
*/
.category-header .filter-container {
    box-shadow: rgba(0, 0, 0, 0) 0px 0rem 0rem;
    margin-bottom: 0rem;
    padding: 0 1.75rem 0 0;
}

.category-header .filter-container .active-filters {
    border-top: 0px solid color-mix(in srgb, var(--default-color), transparent 90%);
    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    padding-bottom: 10px;
    margin-top: 0rem;
    padding-top: 1.25rem;
}

.category-filter-form label.checked {
  font-weight: bold;
  color: #007bff; /* alebo farba podľa tvojej šablóny */
}

.category-filter-form input[type="checkbox"]:checked + span::before {
  content: '';
  color: green;
}

.product-categories-widget ul, ol {
     margin: 0 0 0em 0em; 
}

.product-list-5 { padding: 0px 0px 60px 0;}

.product-list-5 .product-image .quick-actions .quick-action-btn {
    width: auto;
    padding: 5px 10px 0 10px;
    border-radius: 0px;
    background-color: var(--accent-color);
    color: white;
}
.product-list-5 .product-image .quick-actions .quick-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 50px;
    background-color: white;
    color: var(--default-color);
    font-size: 1rem;
    cursor: pointer;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 0%;
    transition: 0.3s;
}

.filter-tag { padding: .25rem .5rem; border-radius: .375rem; display:inline-flex; align-items:center; gap:.25rem; }
.filter-remove { background: none; border: 0; line-height:1; cursor: pointer; font-weight: 700; }
label.disabled { opacity:.55; pointer-events:none; }

.storefront-sorting {
    font-size: .875em;
    margin-bottom: 0em;
}

.shop-container > .row:first-child #category-siblings {
  margin-top: .75rem;
  margin-bottom: 1rem;
}

/* === GRID pre kolečko hore + názov dole === */
#category-siblings .grid-circles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* mobile: 2 v riadku */
  gap: 1rem;
  align-items: start;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* breakpointy – ideál: 8 na veľkých desktopoch */
@media (min-width: 768px) {
  #category-siblings .grid-circles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  #category-siblings .grid-circles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  #category-siblings .grid-circles {
    grid-template-columns: repeat(8, minmax(0, 1fr)); /* desktop: 8 v riadku */
  }
}

/* položka gridu */
/* GRID položky – rovnaká veľkosť bez min-height */
#category-siblings .grid-circles > li.cat-item {
  list-style: none;
  margin: 0;
  padding: 12px;                     /* vnútorný okraj k rámiku */
  border: 1px solid #efefef;         /* default border */
  border-radius: 8px;               /* jemne zaoblené karty (voliteľné) */
  display: flex;                     /* umožní vycentrovať obsah */
  align-items: stretch;
  aspect-ratio: 1 / 1.1;             /* rovnaké karty bez min-height */
  background: #fff;
}

/* link vo vnútri nech vypĺňa celú kartu a centrovaný obsah */
#category-siblings .grid-circles > li.cat-item > .sibling-pill {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;           /* pekné centrovanie kruhu + názvu */
  width: 100%;
  height: 100%;
  padding: .25rem;                   /* drobný dych vo vnútri karty */
  background: transparent;           /* pre istotu */
  border: 0;                         /* žiadny border na <a>, border je na <li> */
  box-shadow: none;                  /* tieň riešime hoverom */
}

/* hover efekt karty a konzistentný border pri hoveri */
#category-siblings .grid-circles > li.cat-item:hover {
  border-color: color-mix(in srgb, var(--default-color, #111), transparent 60%);
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
}

/* AKTÍVNA položka – iná farba borderu na <li> */
#category-siblings .grid-circles > li.cat-item.is-active {
  border-color: var(--accent-color, #212529);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color, #212529), transparent 90%);
  background-color: #F5F8FC;
}


/* „pilulka“ prerobíme na zvislý blok s centrovaním */
#category-siblings .sibling-pill {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  background: transparent;
  border: 0;              /* zrušíme border z pôvodnej pilulky */
  padding: 0;             /* žiadna vnútorná medzera, nech to je kompaktné */
  color: var(--heading-color, #111);
  transition: transform .15s ease, box-shadow .15s ease, color .15s ease;
  white-space: normal;    /* dovolí zalamovať názov na viaceré riadky */
  text-align: center;
}

#category-siblings .sibling-pill:hover {
  transform: translateY(-1px);
  /*box-shadow: 0 4px 20px rgba(0,0,0,.07);*/
  color: var(--bs-primary, #0d6efd);
}

/* kruhový thumbnail hore – väčší kruh */
#category-siblings .pill-thumb {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  border: 1px solid color-mix(in srgb, var(--default-color, #111), transparent 80%);
  background: #f1f3f5;
}
#category-siblings .pill-thumb.placeholder { background: #e9ecef; }

/* názov pod kruhom */
#category-siblings .cat-label {
  display: block;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  margin-top: .25rem;
  /*max-width: 12ch;*/
  max-width: 17ch;        /* voliteľné: limit šírky textu */
}

/* aktívna položka – zvýrazníme rámik kruhu */
#category-siblings .cat-item.is-active .pill-thumb {
  border-color: color-mix(in srgb, var(--bs-primary, #0d6efd), transparent 30%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--bs-primary, #0d6efd), transparent 80%);
}

/* sekčná pilulka (rodič) nechaj tak, môže zostať nad gridom; prípadne pridať menší spodný margin */
#category-siblings .section-pill { margin-bottom: .75rem; }

/* === LIMIT: zobraz max. 16 (2 riadky po 8) – skry zvyšok === */
#category-siblings .grid-circles:not(.is-expanded) > li:nth-child(n+17) {
  display: none;
}

/* tlačidlo zobraz/ skry */
#category-siblings .siblings-actions {
  display: flex;
  justify-content: center;
}

#category-siblings .btn-show-all {
  display: inline-block;
  background-color: var(--accent-color);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: normal;
  text-align: center;
  transition: background 0.3s ease;
  border-radius: 999px;
}

#category-siblings .btn-show-all:hover {
  background-color: var(--default-color);
}

#category-siblings .sibling-pill:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--bs-primary, #0d6efd), transparent 50%);
  outline-offset: 3px;
  border-radius: 16px;
}
/* Mobil (default): skry od 7+ */
#category-siblings .grid-circles:not(.is-expanded) > li:nth-child(n+7){
  display: none;
}

/* Desktop ≥992px: najprv reset, potom skry od 21+ */
@media (min-width: 992px){
  #category-siblings .grid-circles:not(.is-expanded) > li{ display:block !important; }
  #category-siblings .grid-circles:not(.is-expanded) > li:nth-child(n+17){ display:none !important; }
}




.storefront-sorting { display: none !important;}

.product-filter {
  display: inline-block;
  background-color: var(--accent-color);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: normal;
  text-align: center;
  transition: background 0.3s ease;
  margin: 0 auto;
  width: 90%;
}
.product-filter:hover {
  background-color: var(--accent-color);
}

.js-apply-filters {
  display: inline-block;
  background-color: var(--default-color);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: normal;
  text-align: center;
  transition: background 0.3s ease;
  margin: 0 auto;
  width: 90%;
}
.js-apply-filters:hover {
  background-color: var(--default-color);
}

#load-more-btn {
  display: inline-block;
  background-color: var(--accent-color);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: normal;
  text-align: center;
  transition: background 0.3s ease;
}
#load-more-btn:hover {
  background-color: var(--default-color);
}

.quick-action-btn.add-to-wishlist { padding: 13px 18px; }
.quick-action-btn.add-to-wishlist.active i {color: #FF0000 !important; }

/*
* PRODUCT DETAIL - CUSTOM STYLES
*/
.product-details .product-images .main-image-container .image-zoom-container .main-image {
    width: 60%;
    margin: 0 auto;
}

.product-sku {
  font-size: 1rem;
  color: #444;
  margin-bottom: 12px;
  letter-spacing: 0.03em;
}

.product-sku .sku-label {
  font-weight: 500;
  color: #888;
  text-transform: uppercase;
}

.product-sku .sku-value {
  font-family: monospace;
  color: #222;
  background: #f7f7f7;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 4px;
}

/* galeria */
/* Vertikálne miniatúry galérie WooCommerce */
.woocommerce-product-gallery {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}

.woocommerce-product-gallery .flex-control-thumbs {
  order: 0;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  /*width: 250px;*/
}

.woocommerce-product-gallery__wrapper {
  order: 1;
  width: 100%;
  height: 100%;
  text-align: center;
}

.woocommerce-product-gallery .flex-control-thumbs li img {border: 1px solid #efefef;}
.woocommerce-product-gallery .flex-control-thumbs li::marker {display: none !important;content: none !important;}

.woocommerce-product-gallery__image a {width: 770px !important;}
.woocommerce-product-gallery__image a img {margin: 0 auto;align-self: center;height:100%;width:auto;}

.woocommerce-product-gallery .flex-control-thumbs li::before,
.woocommerce-product-gallery .flex-control-thumbs li::after {
  display: none !important;
  content: none !important;
}

.woocommerce-product-gallery__trigger svg,
.woocommerce-product-gallery__trigger .fa-search {
  display: none !important;
}

.woocommerce-product-gallery__trigger::before {
  font-family: 'bootstrap-icons' !important;
  content: "\f52a"; /* unicode pre bi-search, z icons.getbootstrap.com */
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  color: #333;
}
.woocommerce-product-gallery__trigger span {
  display:none;
}

/*
.woocommerce-product-gallery__trigger {
  display: none !important;
}*/

/* quantity button */

.quantity { width: 50% !important; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    display: none;
    margin: 0;
}
.quantity input.qty {
    appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    background-color: #ffffff !important;
    font-size: 1.25em;
    border: 1px solid #d5d5d5 !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    height: 65px;
}

.quantity input.qty_button.minus {
  background-color: #FFFFFF !important;
  border: 1px solid #d5d5d5 !important;
  color: #333333 !important;
  font-size: 1.25em;
  height: 65px;
}

.quantity input.qty_button.plus {
  background-color: #FFFFFF !important;
  border: 1px solid #d5d5d5 !important;
  color: #333333 !important;
  font-size: 1.25em;
  height: 65px;
}

.quantity-selector button.increase {
  background-color: #FFFFFF !important;
  border: 1px solid #d5d5d5 !important;
  color: #333333 !important;
  font-size: 1.25em;
  height: 65px;
}

.quantity-selector button.decrease {
  background-color: #FFFFFF !important;
  border: 1px solid #d5d5d5 !important;
  color: #333333 !important;
  font-size: 1.25em;
  height: 65px;
}


/* add to cart button */
.product-details .product-info .product-actions .add-to-cart-btn {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    flex: 1 1 0%;
    border-color: var(--accent-color);
    padding: 15px 20px;
    border-radius: 0;
    max-width: 50%;
}

.related-products-section {
  background-color: #fafafa;
  border-top: 1px solid #eee;
}
.related-products-section h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

/*
* CROSS SELLS PRODUCTS - CUSTOM STYLES
*/
.wp-block-woocommerce-cart-cross-sells-block {
  display: none;
}




/* Prispôsobenie cross-sells v block košíku */
.wp-block-woocommerce-cart-cross-sells-block h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.wp-block-woocommerce-cart-cross-sells-block ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
}

.wp-block-woocommerce-cart-cross-sells-block ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
}




/* notices */
.custom-cart-notice {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: auto;
    max-width: 80vw;
    z-index: 9999;
    background-color: #28a745;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-size: 16px;
    animation: slideIn 0.4s ease-out;
}
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Pozícia pre všetky WC hlášky */
/* Spoločný štýl pre všetky WooCommerce hlášky s absolútnou pozíciou dole vľavo */
/*.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  position: fixed !important;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  max-width: 320px;
  padding: 12px 20px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  width: auto;
  max-width: 80vw;
  box-sizing: border-box;
  border: 0px;
}*/

/* Farby pre jednotlivé typy hlášok - bez borderu */
/*.woocommerce-message {
  background-color: #28a745; 
  border: 0px;
}

.woocommerce-error {
  background-color: #dc3545; 
  border: 0px;
}

.woocommerce-info {
  background-color: #17a2b8; 
}
*/

/***
* CUSTOM WOOCOMMERCE
***/

.site-content {
    outline: none;
}
.col-full {
    max-width: 1647px;
}

/* SINGLE PRODUCT */

.wc-block-grid__product-onsale, .onsale, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    color: #ffffff !important;
    background: #e90101 !important;
    border-radius: 20px;
    padding: 5px 20px;
    border: 0px;
}
.product-details .product-info .product-price-container .original-price {
    font-size: 1.125rem;
    text-decoration: line-through;
    color: color-mix(in srgb,#e90101,transparent 40%);
    margin-left: .75rem;
}

.woocommerce-tabs .panel h2:first-of-type { display:none; }

/* css-make-storefront-product-tabs-horizontal */
.woocommerce-tabs ul.tabs { border-top: 0px !important; }

.woocommerce-tabs .panel {
  width: 100% !important;
  float: left !important;
  margin-left: 0 !important;
}

.product .woocommerce-tabs ul.tabs {
    width: 100%;
    float: none;
    margin-right: 5.8823529412%;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    /*padding: 0 0 0 1em;*/
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0;
    left: 0;
    border-top:0px !important;
    border-bottom: 1px solid #666;
    z-index: 1;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    /*border: 1px solid #c52314;*/
    /*border-radius: 4px 4px 0 0;*/
    /*background-color: #ebe9eb;*/
    display: inline-block;
    position: relative;
    z-index: 0;
    /*margin: 0 -5px;*/
    padding: 0.5em 2.5em;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    /*background: #fff;*/
    z-index: 2;
    /*border-bottom-color: #000;*/
    background-color: #efefef;
    color:#000000;
    border-bottom: 0px solid #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 1px solid #d3ced2;
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 0;
    content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    left: -6px;
    border-bottom-right-radius: 4px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #c52314;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #fff;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: -6px;
    border-bottom-left-radius: 4px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #ebe9eb;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #fff;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    /*font-weight: 700;*/
    color: #515151;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: inherit;
    text-shadow: inherit;
    font-weight:bold;
}
 
/* https://stackoverflow.com/questions/14144426/remove-outline-from-active-jquery-ui-tab */
.woocommerce .wc-tabs li a:focus, .ui-state-focus:focus { outline: none !important }
 
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}

/* POKLADNA */
/* Rozšír customer details na pokladni */
.woocommerce-checkout #customer_details .col-1 {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
}

.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
}

.woocommerce-checkout .woocommerce-info {display:none !important;}


.woocommerce-input-wrapper input {
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
}

/* VYHLADAVANIE PRODUKTOV */
.header .main-header .desktop-search-form {
    min-width: 600px;
}
#search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; /* rozšírenie na šírku inputu */
  z-index: 1000;
  background: #fff;
  border: 0px solid #e2e2e2;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
  max-height: 660px;
  overflow-y: auto;
  min-width: 660px;
}
#search-results a { line-height:2em; }
#search-results .list-group-item {
  cursor: pointer;
  transition: background 0.12s;
  /*margin: 5px 10px;*/
}
#search-results .list-group-item:hover {
  background: #f7f7f7;
}

/* -----------------------------------
   WooCommerce Classic Checkout MODERN
-------------------------------------- */
.woocommerce form.checkout input.input-text,
.woocommerce form.checkout select,
.woocommerce form.checkout textarea {
  background: #fff !important;
  border: 1px solid #207be8 !important; /* modrá border */
  border-radius: 0px !important;
  padding: 12px 16px !important;
  font-size: 1rem;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.woocommerce form.checkout input.input-text:focus,
.woocommerce form.checkout select:focus,
.woocommerce form.checkout textarea:focus {
  border-color: #1157b9 !important;
  box-shadow: 0 0 0 4px rgba(32,123,232,0.08);
}

.woocommerce form.checkout input.input-text::placeholder,
.woocommerce form.checkout textarea::placeholder {
  color: #aab4be;
  opacity: 1;
  font-size: 0.95em;
}

/* Checkboxy a rádio buttony */
.woocommerce form.checkout .form-row input[type=checkbox],
.woocommerce form.checkout .form-row input[type=radio] {
  accent-color: #207be8; /* moderný modrý checkbox/radio vo väčšine prehliadačov */
  width: 18px;
  height: 18px;
  border-radius: 0px;
  margin-right: 7px;
  border: 1px solid #207be8 !important;
  cursor: pointer;
}

/* Štýl labelov */
.woocommerce form.checkout .form-row label {
  font-weight: 500;
  font-size: 0.98em;
  color: #1b2535;
  margin-bottom: 5px;
  display: inline-block;
}

/* Tlačidlo objednať */
#place_order,
.woocommerce button.button.alt {
  background: #207be8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0px;
  font-weight: 600;
  font-size: 1.08em;
  padding: 14px 26px;
  box-shadow: 0 4px 20px rgba(32,123,232,0.08);
  transition: background 0.2s, transform 0.15s;
}

#place_order:hover,
.woocommerce button.button.alt:hover {
  background: #1157b9 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(32,123,232,0.16);
}

.woocommerce form.checkout .form-row {
  margin-bottom: 18px;
}

/* Skrytie border na disabled inputoch */
.woocommerce form.checkout input[disabled],
.woocommerce form.checkout input[readonly] {
  background: #f5f7fa !important;
  color: #888 !important;
  border: 1px dashed #c0d3f7 !important;
}

/* Lepší spacing pre selecty */
.woocommerce form.checkout select {
  min-height: 46px;
}

/* Odstránenie pozadia pre billing/shipping boxy (voliteľné) */
.woocommerce .col2-set,
.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields {
  background: transparent !important;
  box-shadow: none !important;
}

/* Zjednodušenie summary boxu */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  border: none;
  background: transparent;
  padding: 10px 8px;
}

/* ========================
   Súhrn objednávky (Review Order Table)
   ======================== */
.woocommerce-checkout-review-order-table {
  width: 100%;
  background: #fff;
  color: #333333;
  border-radius: 0px;
  border: 1px solid #0a4db8;
  box-shadow: 0 2px 10px rgba(32,123,232,0.03);
  margin-bottom: 24px;
  overflow: hidden;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  background: transparent;
  color: #333333;
  padding: 12px 16px;
  font-size: 1.02em;
  border: none;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
  font-weight: 600;
  color: #333333;
  background: #fff;
  border-top: 1px solid #e8eef7;
}

.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout-review-order-table tfoot tr:last-child td {
  font-size: 1.1em;
  border-top: 2px solid #0a4db8;
  color: #0a4db8;
}

/* ========================
   Platobné možnosti (Payment Section)
   ======================== */
.woocommerce-checkout-payment {
  background: #fff;
  color: #333333;
  border-radius: 0px;
  border: 1px solid #0a4db8;
  box-shadow: 0 2px 10px rgba(32,123,232,0.03);
  padding: 22px 18px;
  margin-bottom: 30px;
}

.woocommerce-checkout-payment .payment_methods {
  margin-bottom: 18px;
}

.woocommerce-checkout-payment .wc_payment_method input[type="radio"] {
  color: var(--accent-color);
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.woocommerce-checkout-payment .payment_box {
  background: #f7faff;
  border-radius: 0px;
  border: 1.5px solid #0a4db8;
  padding: 18px 16px;
  margin-top: 8px;
  color: #333333;
  font-size: 0.98em;
}

.woocommerce-checkout-payment label {
  font-weight: 500;
  color:var(--accent-color);;
  /*border:1px solid var(--accent-color);*/
  font-size: 1em;
  cursor: pointer;
}

.woocommerce-checkout-payment .place-order {
  margin-top: 18px;
}

/* ========================
   Tlačidlo Objednať (Place Order)
   ======================== */
.woocommerce-checkout-payment .place-order,
.woocommerce form.checkout .form-row.place-order {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #0a4db8;
  box-shadow: 0 2px 10px rgba(32,123,232,0.03);
  padding: 24px 0 16px 0;
  margin-top: 20px;
}

#place_order,
.woocommerce button.button.alt {
  background: #0a4db8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0px;
  font-weight: 600;
  font-size: 1.08em;
  padding: 14px 26px;
  box-shadow: 0 4px 16px rgba(10,77,184,0.10);
  transition: background 0.2s, transform 0.15s;
}

#place_order:hover,
.woocommerce button.button.alt:hover {
  background: #083b89 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(10,77,184,0.15);
}

#payment .payment_methods > li:not(.woocommerce-notice) {
    background-color: #ffffff !important;
}
/*
#payment .payment_methods li input[type=radio]+label:before {
    color: #ffffff !important;
    border: 1px solid var(--accent-color);
}*/

.theme-storefront #payment .payment_methods>li.wc_payment_method>input+label::before {border-color: #770000 !important;}
#payment .payment_methods > li .payment_box, #payment .place-order {
    background-color: #F3F6FB;
}


/* MOBIL */

/* voliteľné: disabled štýl pre nedostupné možnosti */
.category-filter-form label.disabled {
  opacity: .55;
  pointer-events: none;
}

/* voliteľné: krajšie tagy */
.filter-tag { padding:.25rem .5rem; border-radius:.375rem; display:inline-flex; align-items:center; gap:.25rem; }
.filter-remove { background:none; border:0; line-height:1; cursor:pointer; font-weight:700; }
/* širší offcanvas na väčších mobiloch */

.filter-tag {
  padding: .25rem .5rem;
  border-radius: .375rem;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
}
.filter-remove {
  background: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  font-weight: 700;
}


#filtersOffcanvas .offcanvas-body { overflow-y: auto; }
#filtersOffcanvas .offcanvas-footer { position: sticky; bottom: 0; }

.wc-block-grid, .wc-block-grid__products, .wc-block-grid__product {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.wc-cart-fullwidth-cross-sells {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /* voliteľné odsadenie hore/dole */
  padding-top: 2rem;
  padding-bottom: 2rem;
  container-type: inline-size;
}


.scroll-top { border-radius:0px;s }


/* CUSTOM FOOTER */
.footer .footer-main .social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 0%;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  font-size: 16px;
  transition: all 0.3s ease;
}

.footer .footer-main .social-icons a:hover {
  background-color: var(--accent-color);
  transform: rotate(0deg);
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--default-color);
}

.archive-img {border-radius:0px; }

/* add to cart button */
.ar-wl-clear {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    flex: 1 1 0%;
    border-color: var(--accent-color);
    padding: 15px 20px;
    border-radius: 0;
    max-width: 50%;
}

/* Klasický "success notice" vzhľad pre Thank you správu */
.woocommerce-order-received .woocommerce-notice--success.woocommerce-thankyou-order-received {
  display: block;
  background: #f7fff7;
  border: 1px solid #c3e6cb;
  border-left: 4px solid #46b450;
  color: #2f6627;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 0 0 20px;
  font-weight: 600;
}

/* (Voliteľné) Jemná typografia */
.woocommerce-order-received .woocommerce-notice--success.woocommerce-thankyou-order-received a {
  text-decoration: underline;
}

/* contact form */

.contact-2 .php-email-form input[type=text], .contact-2 .php-email-form input[type=email], .contact-2 .php-email-form textarea {
    font-size: 14px;
    padding: 10px 15px;
    box-shadow: none;
    border-radius: 0;
    color: var(--default-color);
    background-color: var(--surface-color);
    border-color: #999999 !important;
}

.contact-2 .php-email-form input[type=text], .contact-2 .php-email-form input[type=email] {
  border: 1px solid #999999 !important;
}

.contact-2 .php-email-form button[type=submit] {
  border-radius: 0px;
}

p.telefon a, p.email a {font-size:24px; font-weight:900;}

.contact-2 .info-item p.adresa {
    font-size: 18px;
}

.contact-2 .info-item i {
    border-radius: 0px;
    border-radius: 0%;
}

/* výsledky budú absolútne k formu */
.search-form {
  position: relative;
}

#search-results {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1050; /* nad collapse obsahom */
  width: 100%;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: none;
  border-radius: 0 0 .5rem .5rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
  max-height: 60vh;
  overflow-y: auto;
  min-width: 300px;
}

#search-results .list-group-item { cursor: pointer; transition: background .12s; }
#search-results .list-group-item:hover { background: #f7f7f7; }


/* WOOCOMMERCE FORM */
.woocommerce-form-login input, .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input {
  border-radius: 0px;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 0%);
  padding: 0.875rem 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  min-height: 3.25rem;
  color: var(--default-color);
  background-color: color-mix(in srgb, var(--surface-color), transparent 50%);
  backdrop-filter: blur(8px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.woocommerce-form__label.woocommerce-form-login__rememberme {display: flex; flex-direction: row; justify-content: flex-start;align-items: center;}

.woocommerce-button.button.woocommerce-form-login__submit, .woocommerce-Button.button {
  display: inline-block;
  background-color: var(--accent-color);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: bold;
  text-align: center;
  transition: background 0.3s ease;
}
.woocommerce-button.button.woocommerce-form-login__submit:hover, .woocommerce-Button.button:hover {
  background-color: var(--default-color);
}

.woocommerce-MyAccount-navigation-link a {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 12px;
  color: var(--default-color);
  margin-bottom: 4px;
  transition: all 0.3s ease;
}
.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--accent-color) !important;
}
.woocommerce-MyAccount-navigation ul{
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li a::before {
  font-size: 20px;
  margin-right: 12px;
  color: color-mix(in srgb, var(--accent-color), transparent 0%);
  transition: all 0.3s ease;
}

#page-id-18 #starter-section p { font-weight:normal; }
.page-id-7457 #starter-section p { text-align: justify; }

body.archive.search.search-no-results .sidebar .widgets-container{display:none !important;}
body.archive.search.search-no-results .col-lg-9 {
        flex: 0 0 auto;
        width: 100%;
    }


.btn-navigate {
  background: #0a4db8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0px;
  font-weight: 600;
  font-size: 1.08em;
  padding: 14px 26px;
  box-shadow: 0 4px 20px rgba(32,123,232,0.08);
  transition: background 0.2s, transform 0.15s;
}

.btn-navigate:hover {
  background: #1157b9 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(32,123,232,0.16);
}

.promo-cards .promo-card .promo-content .promo-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #ffffff !important;
    background: var(--heading-color) !important;
    padding: 10px 15px !important;
}

.scroll-top svg {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}


/* VIANOCE 2025 */

/*--------------------------------------------------------------
# Cards Section
--------------------------------------------------------------*/
.cards .feature-card {
  position: relative;
  height: 320px;
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--surface-color);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  z-index: 1;
}

.cards .feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.cards .feature-card:hover .card-overlay {
  opacity: 1;
}

.cards .feature-card:hover .card-body {
  transform: translateY(0);
  opacity: 1;
}

.cards .feature-card:hover .card-title {
  opacity: 0;
}

.cards .feature-card:hover .icon-wrapper {
  transform: translateY(-20px) scale(0.9);
  background-color: transparent;
}

.cards .feature-card:hover .icon-wrapper i {
  color: var(--accent-color);
}

.cards .feature-card .icon-wrapper {
  position: absolute;
  top: 30px;
  right: 30px;
  width: auto;
  height:auto;
  background-color: transparent;
  color: var(--contrast-color);
  border-radius: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  z-index: 3;
  transition: all 0.4s ease;
}

.cards .feature-card .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 30px;
  background-color: rgba(255, 255, 255, 0.75);
  transition: all 0.4s ease;
  z-index: 3;
}

.cards .feature-card .card-title h3 {
  color: var(--default-color);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.cards .feature-card .card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 40%);
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cards .feature-card .card-body h3 {
  color: var(--contrast-color);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.cards .feature-card .card-body p {
  color: var(--contrast-color);
  font-size: 14px;
  margin-bottom: 0;
}

.cards .feature-card .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size:auto;
  background-position: center;
  background-repeat:no-repeat;
  z-index: 0;
  opacity: 0.85;
  transition: all 0.4s ease;
}

.cards .feature-card .card-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, color-mix(in srgb, var(--heading-color), transparent 30%) 100%);*/
}

.cards .feature-card .card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}


.page-id-11270 #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 80%;
    margin:0 auto;
}

@media (max-width: 1199px) {
  .cards .feature-card {
    height: 300px;
  }

  .cards .feature-card .icon-wrapper {
    width: 50px;
    height: 50px;
    font-size: 20px;
    top: 20px;
    left: 20px;
  }

  .cards .feature-card .card-title,
  .cards .feature-card .card-body {
    padding: 20px 25px;
  }

  .cards .feature-card .card-title h3,
  .cards .feature-card .card-body h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .cards .feature-card .card-title p,
  .cards .feature-card .card-body p {
    font-size: 13px;
  }

  .cards .feature-card .card-title h3 {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .cards .feature-card {
    height: 280px;
  }
}


/* CONTACT FORM UPDATED */

.contact-2 .contact-form-wrapper .ar-email-form {
  background-color: var(--surface-color);
  height: 100%;
  padding: 30px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .contact-2 .contact-form-wrapper .ar-email-form {
    padding: 20px;
  }
}

.contact-2 .contact-form-wrapper .ar-email-form input[type=text],
.contact-2 .contact-form-wrapper .ar-email-form input[type=email],
.contact-2 .contact-form-wrapper .ar-email-form input[type=tel],
.contact-2 .contact-form-wrapper .ar-email-form textarea {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: var(--surface-color);
  border: 1px solid;
  border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.contact-2 .contact-form-wrapper .ar-email-form input[type=text]:focus,
.contact-2 .contact-form-wrapper .ar-email-form input[type=email]:focus,
.contact-2 .contact-form-wrapper .ar-email-form input[type=tel]:focus,
.contact-2 .contact-form-wrapper .ar-email-form textarea:focus {
  border-color: var(--accent-color);
}

.contact-2 .contact-form-wrapper .ar-email-form input[type=text]::placeholder,
.contact-2 .contact-form-wrapper .ar-email-form input[type=email]::placeholder,
.contact-2 .contact-form-wrapper .ar-email-form input[type=tel]::placeholder,
.contact-2 .contact-form-wrapper .ar-email-form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact-2 .contact-form-wrapper .ar-email-form button[type=submit] {
  color: var(--contrast-color);
  background: var(--accent-color);
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}

.contact-2 .contact-form-wrapper .ar-email-form button[type=submit]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
}


body.term-151 .archive-intro__media {margin: 0 auto !important;}


.add-to-cart-btn.is-disabled,
.add_to_cart_button.is-disabled {
  pointer-events: none;
  opacity: 0.45;
  filter: grayscale(1);
  cursor: not-allowed;
}
.smart-hero {padding: 7px 0 1px 0;}
.smart-container {max-width: 1300px !important;margin: 10px auto;padding: 0px auto;}
.n2-ss-slider [data-mode=center] .n2-ss-slide-background-image img {border-radius: 0;}
/* Smart Slider 3 – prvý slide v carouseli */
.n2-ss-slide{
  --slide-margin-side: 3px !important;
}


/*
*   MEDIA QUERY
*/

@media (max-width: 991.98px){
.navmenu .products-megamenu-3 .mobile-megamenu li ul li a {
        text-wrap: auto;
    }
}

@media (max-width: 991.98px){
  #filtersOffcanvas .offcanvas-body { padding-bottom: 95px; }
}

@media (min-width: 576px) {

  /*#search-results { min-width: 630px; }*/
  #filtersOffcanvas.offcanvas-start {width: 360px;}
  #search-results { min-width: 0; }

}

@media (max-width: 576px) {
  .smart-hero {margin: 0px auto;padding: 0px !important;}
  .smart-container {max-width: 100%;}
  /*#search-results { min-width: 630px; }*/
/*
  .hero-2 .fashion-hero-slider .swiper-slide { position: relative;height: 70vh;min-height: 300px; }
  .hero-2 .fashion-hero-slider { height: 70vh;min-height: 300px; }*/
  .hero-2 .content-wrapper {display:flex;flex-direction:column;justify-content:start;align-items: center; width:100%;position: absolute;top:50%;bottom:0;}
  .hero-2 .hero-title {font-size:24px;margin-top:2em;}
  .hero-2 .brand-tagline {font-size: 14px;}
  /*.hero-2 .swiper-slide .content-wrapper img.vlb-logo {position:relative;display:block; float:center;margin-left:unset;margin-top:-300px;margin:0 auto;margin-bottom: 30px;}*/
  .hero-2 .fashion-hero-slider .vlb-logo {position:absolute;right:10%;top:0;z-index:9999;}
  .shop-container .row .col-lg-9 .category-header {margin-top:0px !important;}
  .services .service-item .title {font-size: 14px;}
  .services .service-item { display: flex; flex-direction: row;justify-content: flex-start;align-items: center; }
  .section-title {padding-bottom:0;}
  .section-title h2 {font-size: 1.5em;}
  .section-title h2:before, .section-title h2:after {display:none;}
  .about .content h2 {font-size: 1.5em;}
  .navmenu .products-megamenu-3 .mobile-megamenu li a { text-wrap: auto;font-size: 14px;font-weight: 400; }
  .navmenu a i, .navmenu a:focus i {border-radius: 0%;}

  .product-list-5 .product-image img { width:80%; }
  .product-list-5 .product-info .product-title a { font-size:1em; }
  .product-list-5 .add-to-cart-btn { padding: 12px 10px;width: -webkit-fill-available; }
  .quick-action-btn.add-to-wishlist { display: none; }
  .product-details.section {padding:0 0 60px 0;}
  .product-details .product-info .product-title { display:none; }
  .product-details .product-info .product-meta .product-category {display:none;}
  .product-details .product-info .product-price-container { display: flex;align-items: center;justify-content:center;border:1px solid var(--accent-color); }
  .quantity { width: 100% !important;text-align:center;}

  .product-details .product-info .product-actions .add-to-cart-btn {max-width:100%;}
  .woocommerce-product-gallery { flex-direction: column; gap: 24px;}
  .woocommerce-product-gallery .flex-control-thumbs { flex-direction: row;justify-content: flex-start;gap: 10px;margin: 0;padding: 0; width: auto;}
  .woocommerce-product-gallery__trigger::before { display: none; }
  .woocommerce-mini-cart-item a.remove {z-index: 9999;text-indent: 9999px;line-height: 1.618em;}
  .about-2 .features-boxes .feature-box {display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .about-2 .features-boxes .feature-box p {margin-bottom: 0;text-align: center;}
  div#n2-ss-4 .n2-ss-slider-3 {
      
  }
  .badge-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
  }
  .badge-sale { background-color: #e90101;margin-top: 5px; }
  .product-list-5 .product-image .discount-badge, .product-list-5 .product-image .status-badge {
    top: 0px;
    left: 5px;
    padding: 0px 6px;
    font-size: 10px;
  }
  .product-list-5 .product-image .discount-badge, .product-list-5 .product-image .discount-badge.badge-sale {
    top: 0px !important;
  }
  .product-list-5 .product-image .discount-badge, .product-list-5 .product-image .status-badge.badge-produkt-novinka {
    top: 20px !important;
  }
  [class*="berocket_alabel_id_"] span {
    width:auto !important;
    height:auto !important;
    margin-right:5px !important;
    margin-top:5px !important;
    margin-left:1px !important;
    padding:2px 6px !important;
    font-size: 10px !important;
    font-weight: 400 !important;
  }
  .berocket_better_labels .berocket_better_labels_line .br_alabel {left:0 !important; right:100% !important;}



}
/* SPARANIE  */