/* =====================================================================
   JanaNails.sk – vizuálna vrstva v štýle aglia.sk (etapa 1)
   Nasadené 2026-09-03. Načítava sa ako posledný stylesheet v head.tpl.
   Farby: ružová #ffbbb5 / hover #d29991 / svetlá #fcf0ee / sýta #ff3185,
   zelená "skladom" #009901, tmavá pätička #292929, text #1f1f1f.
   ===================================================================== */
:root {
  --jn-pink: #ffbbb5;
  --jn-pink-dark: #d29991;
  --jn-pink-light: #fcf0ee;
  --jn-pink-hot: #ff3185;
  --jn-red: #f80120;
  --jn-green: #009901;
  --jn-dark: #292929;
  --jn-darker: #0f0f0f;
  --jn-grey: #7c7e8f;
  --jn-line: #e0e5ee;
  --jn-bg: #f5f6f8;
  --jn-text: #1f1f1f;
  --jn-radius: 20px;
  --jn-shadow: 0 4px 18px rgba(31, 31, 31, 0.07);
  --jn-shadow-hover: 0 10px 28px rgba(31, 31, 31, 0.13);
}

/* ---------- Základ ---------- */
body,
body #wrapper,
.form-control,
.btn,
input,
button,
select,
textarea {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
body {
  color: var(--jn-text);
  background: #fff;
}
a { color: var(--jn-text); }
a:hover { color: var(--jn-pink-dark); text-decoration: none; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: var(--jn-text); font-weight: 700; }

/* ---------- Tlačidlá ---------- */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.an_productattributes-add .btn,
.js-an_productattributes-add-to-cart,
.add-to-cart,
.checkout .btn,
.cart-detailed-actions .btn,
#submit-login,
.form-footer .btn,
.contact-form .btn,
.newsletter .btn,
.block_newsletter .btn,
input[type="submit"].btn,
button[type="submit"].btn {
  background: var(--jn-pink) !important;
  border: 1px solid var(--jn-pink) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  padding: 10px 24px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.btn-primary:hover,
.an_productattributes-add .btn:hover,
.js-an_productattributes-add-to-cart:hover,
.add-to-cart:hover,
button[type="submit"].btn:hover {
  background: var(--jn-pink-dark) !important;
  border-color: var(--jn-pink-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.btn-secondary,
.btn-outline-primary,
.btn-default {
  background: #fff !important;
  border: 1px solid var(--jn-pink) !important;
  color: var(--jn-pink-dark) !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-default:hover {
  background: var(--jn-pink-light) !important;
  color: var(--jn-pink-dark) !important;
}

/* ---------- Formulárové polia ---------- */
.form-control,
input.form-control,
.an_productattributes-qty,
.bootstrap-touchspin .form-control {
  border: 1px solid var(--jn-line) !important;
  border-radius: 30px !important;
  background: #fff !important;
  color: var(--jn-text) !important;
  box-shadow: none !important;
}
.form-control:focus { border-color: var(--jn-pink) !important; }
textarea.form-control { border-radius: 16px !important; }
.an_productattributes-qty-container .an_productattributes-qty {
  text-align: center;
  height: 40px;
}

/* ---------- Horná lišta a hlavička ---------- */
.header-nav,
.header-nav .header-nav-inside {
  background: #fff;
  border-bottom: 0 !important;
  color: var(--jn-grey);
  font-size: 12px;
}
.header-nav a { color: var(--jn-grey); }
.header-nav a:hover { color: var(--jn-text); }
.header-nav .currency-selector,
.header-nav .language-selector { color: var(--jn-grey); }
.header-top { background: #fff; }
.header-top-wrapper { padding: 10px 0; }
#header .amenu-link,
#header .anav-top > li > a {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--jn-text) !important;
}
#header .amenu-link:hover,
#header .anav-top > li:hover > a { color: var(--jn-pink-dark) !important; }
#header .anav-top > li > a.amenu-link::after,
#header .anav-top > li > a.amenu-link::before { background: var(--jn-pink) !important; }
.header-right svg path,
.blockcart-link svg path,
#_desktop_user_info svg path,
.search-button svg path { fill: var(--jn-text) !important; }
.cart-products-count,
.fixed-cart-products-count,
.mobile-cart-item-count {
  background: var(--jn-pink-hot) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-weight: 700;
}
.mobile-header { background: #fff; }

/* Vyhľadávanie */
.search-widget form input[type="text"],
#search_widget input[type="text"] {
  border: 1px solid var(--jn-pink) !important;
  border-radius: 30px !important;
  padding-left: 18px !important;
  background: #fff !important;
}
.search-widget form button[type="submit"],
#search_widget button[type="submit"] {
  background: var(--jn-pink) !important;
  color: #fff !important;
  border-radius: 30px !important;
}
.search-widget form button[type="submit"] i,
.search-widget form button[type="submit"] svg path { color: #fff; fill: #fff !important; }

/* ---------- Breadcrumb ---------- */
.breadcrumb,
.breadcrumb-wrapper,
.header-banner-wrapper {
  background: var(--jn-pink-light) !important;
  border: 0;
}
.breadcrumb li a,
.breadcrumb li span { color: var(--jn-text); font-size: 12px; }
.breadcrumb li::after { color: var(--jn-grey); }

/* ---------- Slider ---------- */
.homeslider,
.homeslider .owl-carousel,
.an_homeslider,
#carousel {
  border-radius: var(--jn-radius);
  overflow: hidden;
}
.homeslider .owl-nav button,
.homeslider .owl-prev,
.homeslider .owl-next {
  background: rgba(255,255,255,0.85) !important;
  color: var(--jn-text) !important;
  border-radius: 50% !important;
  box-shadow: var(--jn-shadow);
}
.homeslider .owl-dots .owl-dot span { background: #e5d5d3 !important; }
.homeslider .owl-dots .owl-dot.active span { background: var(--jn-pink-dark) !important; }

/* ---------- Nadpisy sekcií ---------- */
.featured-products_header,
.featured-products_header h2,
.secondary-blog-title,
.secondary-blog-title h2,
.products-section-title,
h2.products-section-title,
.an_brandslider_title,
.anblog-title h2 {
  text-align: center;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  text-transform: none !important;
  color: var(--jn-text) !important;
  background: transparent !important;
  border: 0 !important;
}
.featured-products_header:before,
.featured-products_header:after,
.secondary-blog-title:before,
.secondary-blog-title:after { display: none !important; }
.featured-products_header { margin: 40px 0 24px; }

/* ---------- Dlaždice kategórií na úvodnej ---------- */
#homecategoriez .category_list2 ul.category_list li a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jn-text);
  line-height: 2.1;
}
#homecategoriez .category_list2 ul.category_list li a:hover { color: var(--jn-pink-dark); }
#homecategoriez .category-item,
#homecategoriez .col-md-4 > a,
#homecategoriez .thumb,
#homecategoriez .category_img {
  border-radius: 16px;
  overflow: hidden;
}
#homecategoriez img { border-radius: 16px 16px 0 0; transition: transform 0.3s ease; }
#homecategoriez a:hover img { transform: scale(1.03); }
#homecategoriez .category-title,
#homecategoriez h5.category-title {
  background: var(--jn-pink-light) !important;
  color: var(--jn-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  border-radius: 0 0 16px 16px;
  padding: 8px 6px !important;
  margin: 0 !important;
}

/* ---------- Karty produktov ---------- */
.product-miniature,
.js-product-miniature {
  background: #fff;
  border: 1px solid #f0f0f0 !important;
  border-radius: var(--jn-radius) !important;
  box-shadow: var(--jn-shadow);
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  margin-bottom: 26px !important;
}
.product-miniature:hover,
.js-product-miniature:hover {
  box-shadow: var(--jn-shadow-hover);
  transform: translateY(-3px);
  border-color: #f0f0f0 !important;
}
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-container-image { background: #fff; border-radius: var(--jn-radius) var(--jn-radius) 0 0; }
.product-miniature .product-thumbnail img { border-radius: var(--jn-radius) var(--jn-radius) 0 0; }
.product-miniature .product-description { padding: 6px 16px 16px; text-align: left; }
.product-miniature .product-title,
.product-miniature .product-title a {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--jn-text) !important;
  text-align: left;
  line-height: 1.35;
  min-height: 36px;
}
.product-miniature .product-title a:hover { color: var(--jn-pink-dark) !important; }
.product-miniature .product-price-and-shipping,
.product-miniature .product-miniature-prices { text-align: left; }
.product-miniature .price {
  color: var(--jn-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.product-miniature .regular-price {
  color: var(--jn-grey) !important;
  text-decoration: line-through;
  font-weight: 400 !important;
  font-size: 13px !important;
  margin-right: 6px;
}
.product-miniature .discount-percentage,
.product-miniature .discount-amount {
  background: var(--jn-red);
  color: #fff;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}
.product-miniature .an_productattributes-qty-add { justify-content: flex-start; }
.product-miniature .an_productattributes-add .btn {
  padding: 9px 20px !important;
  font-size: 12px !important;
}
.product-miniature .highlighted-informations { background: transparent !important; box-shadow: none !important; }
.product-miniature .quick-view {
  background: #fff;
  border-radius: 50%;
  box-shadow: var(--jn-shadow);
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Štítky */
.product-flags { left: 12px !important; top: 12px !important; }
.product-flag,
li.product-flag {
  border-radius: 20px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 4px 10px !important;
  margin-bottom: 5px !important;
  box-shadow: none !important;
  background: var(--jn-pink-hot) !important;
  color: #fff !important;
}
.product-flag.new { background: var(--jn-pink-hot) !important; }
.product-flag.on-sale,
.product-flag.discount { background: var(--jn-red) !important; }
.product-flag.pack { background: var(--jn-green) !important; }
.product-flag.out_of_stock { background: var(--jn-grey) !important; }
.js-img-view-type .an_label,
.an_hurry_up_label { border-radius: 20px !important; }

/* Dostupnosť */
.product-availability,
#product-availability,
.product-miniature .availability {
  color: var(--jn-green) !important;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
#product-availability.unavailable,
.product-unavailable { color: var(--jn-red) !important; }

/* ---------- Kategória: ľavý panel a filtre ---------- */
.block-categories,
#search_filters,
.an_wishlist-block,
#left-column .block,
#left-column section {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 18px !important;
  box-shadow: var(--jn-shadow);
  margin-bottom: 20px;
}
.block-categories .category-top-menu li a,
.block-categories a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jn-text);
}
.block-categories a:hover { color: var(--jn-pink-dark); }
#search_filters .facet .facet-title,
#search_filters .h6 {
  font-weight: 700;
  font-size: 13px;
  color: var(--jn-text);
}
#search_filters .facet-label a { font-size: 12px; color: var(--jn-text); }
.custom-checkbox input[type="checkbox"]:checked + span.color,
.custom-checkbox input[type="checkbox"] + span,
.custom-checkbox span.color { border-radius: 4px; }
.custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { color: var(--jn-pink-dark); }
.products-sort-order .select-title,
.products-selection {
  background: var(--jn-pink-light) !important;
  border-radius: 16px;
  color: var(--jn-text);
  border: 0;
}
.category-cover, .category-cover img { border-radius: 16px; overflow: hidden; }
#subcategories .subcategory-image a { border-radius: 14px; overflow: hidden; border: 1px solid #f0f0f0; }
#subcategories .subcategory-name { font-size: 11px; font-weight: 700; text-transform: uppercase; }
.pagination .page-list li a.current,
.pagination a.current,
.pagination .current a {
  background: var(--jn-pink);
  color: #fff !important;
  border-radius: 50%;
}

/* ---------- Detail produktu ---------- */
.product-prices .price,
.product-prices .current-price span,
.current-price span { color: var(--jn-text) !important; font-weight: 700; font-size: 24px; }
.product-prices .regular-price { color: var(--jn-grey); }
.product-add-to-cart .add-to-cart,
.product-add-to-cart .btn { padding: 12px 30px !important; font-size: 14px !important; }
.product-information, .product-description, .tabs { border-radius: 16px; }
.tabs .nav-tabs .nav-link.active { border-bottom: 3px solid var(--jn-pink) !important; color: var(--jn-text) !important; }
.tabs .nav-tabs .nav-link { color: var(--jn-grey); font-weight: 600; text-transform: uppercase; font-size: 12px; }
.product-images .thumb { border-radius: 10px; }
.product-images .thumb.selected { border: 2px solid var(--jn-pink) !important; }
.product-cover img { border-radius: 16px; }

/* ---------- Košík a pokladňa ---------- */
.cart-grid-body .card, .cart-summary, .card, .checkout-step { border-radius: 16px !important; border: 1px solid #f0f0f0; box-shadow: var(--jn-shadow); }
.cart-summary-line.cart-total .value { color: var(--jn-text); font-weight: 700; }
.step-title { font-weight: 700; }
.step-number { background: var(--jn-pink); color: #fff; border-radius: 50%; }
.dm_cod_fee, .dm-cod-fee { font-weight: 600; }

/* ---------- Výhody (ikony) ---------- */
.iconset .col-md-3,
.advantagestype2 .col-md-3 { text-align: center; }
.iconset img,
.advantagestype2 img { border-radius: 50%; background: var(--jn-pink-light); padding: 14px; width: 74px; height: 74px; object-fit: contain; }
.iconset h4, .iconset .h4, .iconset h3, .iconset .title,
.advantagestype2 h4, .advantagestype2 .title {
  color: var(--jn-pink-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 12px 0 4px;
}
.iconset p, .advantagestype2 p { color: var(--jn-grey); font-size: 12px; }

/* ---------- Pätička (svetlá) ---------- */
.page-footer,
.footer-container,
footer.page-footer .footer-container {
  background: var(--jn-pink-light) !important;
  color: var(--jn-text) !important;
  border-top: 0 !important;
}
.page-footer .customtext,
.page-footer .customtext .iconset { background: var(--jn-pink-light) !important; color: var(--jn-text); padding-top: 30px; }
.page-footer .customtext .iconset .col-md-3 { padding-bottom: 10px; }
.page-footer .customtext .iconset img { background: #fff; }
.footer-container { padding: 30px 0 24px; border-top: 1px solid #f3dcd8 !important; }
.footer-container .h3,
.footer-container h3,
.footer-container .title span,
.footer-container p.h3,
.footer-container .myaccount-title,
.footer-container .block-contact-title,
.footer-container .block-social h3 {
  color: var(--jn-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
}
.footer-container a,
.footer-container li,
.footer-container li a,
.footer-container span,
.footer-container .block-contact,
.footer-container .block-contact li,
.footer-container .block-contact a,
.footer-container .account-list a { color: #4d4d4d !important; font-size: 13px; line-height: 2; }
.footer-container a:hover,
.footer-container li a:hover,
.footer-container .block-contact a:hover { color: var(--jn-pink-dark) !important; }
.footer-container .navbar-toggler .material-icons { color: var(--jn-text); }
.footer-container .block-contact li:first-child span { font-weight: 700; color: var(--jn-text) !important; }
.copyright-container,
.page-footer .copyright-container {
  background: var(--jn-pink-light) !important;
  color: var(--jn-grey) !important;
  border-top: 1px solid #f3dcd8;
  padding: 16px 0;
  font-size: 12px;
}
.copyright-container a, .an_copyright a, .an_copyright p { color: var(--jn-grey) !important; }
.copyright-container a:hover { color: var(--jn-pink-dark) !important; }
.anthemeblocks-footer-payments img { opacity: 0.85; }
.block-social li a svg path { fill: var(--jn-text) !important; }
.block-social li a:hover svg path { fill: var(--jn-pink-dark) !important; }

/* Bočná lišta sociálnych sietí */
.pc-social-sidebar .pc-social-icon { border-radius: 0 12px 12px 0; }

/* ---------- Cookie lišta (dm_cookies) ---------- */
.dm-cookie-popup {
  border-radius: 16px !important;
  box-shadow: var(--jn-shadow-hover) !important;
  font-family: "Montserrat", sans-serif !important;
  max-width: calc(100vw - 20px) !important;
  box-sizing: border-box;
}
.dm-cookie-popup .dm-cookie-popup-headline { font-weight: 700; color: var(--jn-text); }
.dm-cookie-popup .dm-cookie-popup-sub-headline { color: var(--jn-grey); font-size: 12px; }
.dm-cookie-popup .dm-cookie-popup-accept-cookies,
.dm-cookie-popup .dm-cookie-popup-accept-cookies-save-group,
.dm-cookie-popup .dm-cookie-popup-decline-cookies {
  background: var(--jn-pink) !important;
  border: 1px solid var(--jn-pink) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
}
.dm-cookie-popup .dm-cookie-popup-accept-cookies:hover,
.dm-cookie-popup .dm-cookie-popup-accept-cookies-save-group:hover { background: var(--jn-pink-dark) !important; border-color: var(--jn-pink-dark) !important; }
.dm-cookie-popup .dm-cookie-popup-decline-cookies { background: #fff !important; color: var(--jn-pink-dark) !important; }
.dm-cookie-popup .dm-cookie-popup-learn-more,
.dm-cookie-popup .dm-cookie-popup-cms-link,
.dm-cookie-popup a { color: var(--jn-pink-dark) !important; }

/* Späť hore */
#anscrolltop, .anscrolltop { background: var(--jn-pink) !important; border-radius: 50% !important; }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
  .product-miniature .product-title, .product-miniature .product-title a { font-size: 12px !important; min-height: 32px; }
  .product-miniature .product-description { padding: 6px 12px 12px; }
  .featured-products_header, .secondary-blog-title h2 { font-size: 22px !important; }
  #dm-cookie-popup-container .dm-cookie-popup,
  #dm-cookie-popup-container .dm-cookie-popup.position-center {
    left: 10px !important; right: 10px !important; bottom: 10px !important; top: auto !important;
    transform: none !important; margin: 0 !important;
    width: calc(100vw - 20px) !important; min-width: 0 !important; max-width: calc(100vw - 20px) !important; box-sizing: border-box !important; padding: 14px !important;
  }
  #dm-cookie-popup-container .dm-cookie-popup-inner,
  #dm-cookie-popup-container .dm-cookie-popup-left,
  #dm-cookie-popup-container .dm-cookie-popup-right {
    display: block !important; width: auto !important; max-width: 100% !important; white-space: normal !important; padding: 4px 0 !important;
  }
  #dm-cookie-popup-container .dm-cookie-popup * { max-width: 100%; white-space: normal !important; word-break: break-word; }
  #dm-cookie-popup-container .dm-cookie-popup-headline { font-size: 15px; }
  #dm-cookie-popup-container .dm-cookie-popup-sub-headline, #dm-cookie-popup-container .dm-cookie-popup p { font-size: 12px; }
  #dm-cookie-popup-container .dm-cookie-popup-accept-cookies { width: 100%; display: block; margin-top: 8px; }
}

/* =====================================================================
   Etapa 1b – mriežka produktov na šírku kontajnera, slider v kontajneri
   ===================================================================== */
html, body { overflow-x: hidden; }

/* Produktová mriežka: 4 stĺpce na úvodnej, 3 v kategórii (s ľavým panelom) */
.featured-products .products,
#products .products,
.product-accessories .products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
  padding: 0;
  justify-content: stretch !important;
}
#products .products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#products.col-lg-12 .products, .page-search #products .products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.featured-products .products .product-miniature,
#products .products .product-miniature,
.product-accessories .products .product-miniature,
.product-miniature.product-height:not(.col-lg-12) {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-container-image,
.product-miniature .product-thumbnail {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
.product-miniature .product-thumbnail { display: block !important; overflow: hidden; }
.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-container-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.product-miniature .product-description {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.product-miniature .product-price-and-shipping { flex: 1 1 auto; display: flex; flex-direction: column !important; justify-content: flex-end; align-items: flex-start; }
.product-miniature .product-miniature-prices { margin: 6px 0 10px; }
.product-miniature .an_productattributes { width: 100%; }
.product-miniature .an_productattributes-qty-add { display: flex; align-items: center; gap: 8px; }
.product-miniature .an_productattributes-qty-container { width: 62px; }
.product-miniature .an_productattributes-add { flex: 1 1 auto; }
.product-miniature .an_productattributes-add .btn { width: 100%; }

/* Slider v šírke kontajnera */
.anthemeblocks_homeslider-block {
  width: calc(100% - 30px);
  max-width: 1110px;
  margin: 18px auto 10px !important;
  border-radius: var(--jn-radius);
  overflow: hidden;
  box-shadow: var(--jn-shadow);
}
.anthemeblocks-homeslider .owl-item img { width: 100% !important; height: auto; }

/* Dlaždice kategórií bez tenkého sivého rámu */
#homecategoriez img { border: 0 !important; }

@media (max-width: 1199px) {
  .featured-products .products, #products.col-lg-12 .products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #products .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .featured-products .products, #products .products, #products.col-lg-12 .products, .product-accessories .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .anthemeblocks_homeslider-block { width: calc(100% - 20px); border-radius: 14px; margin-top: 10px !important; }
  #homecategoriez img { width: 100% !important; height: auto; }
  #homecategoriez .category-title { border-radius: 0 0 14px 14px; }
  .product-miniature .an_productattributes-qty-add { flex-wrap: wrap; }
  .product-miniature .an_productattributes-qty-container { width: 56px; }
}

/* Oprava fotiek na kartách: téma pozicuje obrázok absolútne do pevnej výšky 340 px */
.product-miniature .thumbnail-container-image,
.product-miniature .product-thumbnail {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-container-image img {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
.product-miniature .thumbnail-container { overflow: hidden; border-radius: var(--jn-radius) var(--jn-radius) 0 0; }

/* Prázdny blok "Jana Nails Slovakia Czech" (anthemeblocks advantages-type-2 bez obsahu) */
.advantages-type-2 { display: none !important; }

/* Pätička – správne obaly (#footer, .customtext), jednotná svetloružová */
#footer,
#footer .container,
#footer .customtext,
#footer .customtext .iconset,
#footer .footer-container,
#footer .copyright-container {
  background: var(--jn-pink-light) !important;
}
#footer { padding-top: 10px; margin-top: 30px; }
#footer .customtext .iconset { padding: 30px 0 10px; }
#footer .customtext .iconset .col-md-3 { text-align: center; padding-bottom: 16px; }
#footer .customtext .iconset img {
  width: 72px !important; height: 72px !important; padding: 16px; border-radius: 50%;
  background: #fff; object-fit: contain; display: block; margin: 0 auto 10px;
}
#footer .customtext .iconset h3 {
  color: var(--jn-pink-dark) !important; font-size: 12px !important; font-weight: 700 !important;
  text-transform: uppercase; letter-spacing: 0.08em; margin: 6px 0 4px;
}
#footer .customtext .iconset p { color: var(--jn-grey); font-size: 12px; line-height: 1.5; margin: 0; }
#footer .footer-container { border-top: 1px solid #f3dcd8 !important; }
#footer .footer-container p.h3,
#footer .footer-container .myaccount-title,
#footer .footer-container .block-contact-title,
#footer .footer-container .h3 {
  color: var(--jn-text) !important; font-size: 13px !important; font-weight: 700 !important;
  text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 14px;
}
#footer .copyright-container { border-top: 1px solid #f3dcd8; }
#footer #block_myaccount_infos .myaccount-title,
#footer #block_myaccount_infos p.h3 { font-size: 13px !important; line-height: 1.4 !important; margin: 0 0 14px !important; }

/* =====================================================================
   Dostupnosť na kartách: zelené "Skladom" / sivé "Nedostupné"
   ===================================================================== */
.product-miniature .an_productattributes:has(button[data-status="1"])::before,
.product-miniature .an_productattributes:has(button[data-status="0"])::before {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.product-miniature .an_productattributes:has(button[data-status="1"])::before { content: "Skladom"; color: var(--jn-green); }
.product-miniature .an_productattributes:has(button[data-status="0"])::before { content: "Momentálne nedostupné"; color: #9a9a9a; }

/* Sivé tlačidlo namiesto ružového */
.product-miniature .js-an_productattributes-add-to-cart[disabled],
.product-miniature .js-an_productattributes-add-to-cart[data-status="0"],
.btn-primary[disabled],
.btn-primary.disabled,
.add-to-cart[disabled],
.product-add-to-cart .add-to-cart:disabled {
  background: #e3e3e3 !important;
  border-color: #e3e3e3 !important;
  color: #8a8a8a !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}
.product-miniature .js-an_productattributes-add-to-cart[data-status="0"] { font-size: 0 !important; }
.product-miniature .js-an_productattributes-add-to-cart[data-status="0"]::after {
  content: "Nedostupné";
  font-size: 12px;
  font-weight: 600;
}
.product-miniature .an_productattributes-qty-add:has(button[data-status="0"]) .an_productattributes-qty-container { display: none; }

/* Štítok na fotke a stlmenie obrázka */
.product-miniature:has(button[data-status="0"]) .thumbnail-container::before {
  content: "Nedostupné";
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  background: #8a8a8a;
  color: #fff;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 4px 10px;
}
.product-miniature:has(button[data-status="0"]) .product-thumbnail img { opacity: 0.6; filter: grayscale(0.35); }
.product-miniature:has(button[data-status="0"]) .price { color: #8a8a8a !important; }

/* Detail produktu */
#product-availability { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
#product-availability .product-available { color: var(--jn-green); }
#product-availability .product-unavailable, #product-availability .product-last-items { color: #8a8a8a; }

/* Bočný karusel "Obľúbené produkty" v ľavom stĺpci kategórie – skrytý (nesedí do mriežky, zobrazoval 1 náhodný produkt) */
#left-column .featured-products { display: none !important; }

/* Rýchly náhľad (biely pásik pri hoveri nad fotkou) – vypnutý, prekrýval štítky */
.product-miniature .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations { display: none !important; }
.product-miniature .thumbnail-container:hover .product-description::after,
.product-miniature .thumbnail-container:focus .product-description::after { display: none !important; }
.product-miniature:has(button[data-status="0"]):hover { transform: none; box-shadow: var(--jn-shadow); }

/* Bočná lišta sociálnych sietí vľavo – dočasne vypnutá (2026-09-03) */
.pc-social-sidebar, #pc-social-sidebar, .socialmediasidebar { display: none !important; }

/* Vypnutie "shine" efektu (biely šikmý pás z buttons_effect.css) na nedostupných tlačidlách */
.btn-primary[disabled]::before,
.btn-primary:disabled::before,
.btn-primary[data-status="0"]::before,
.btn-primary[disabled]:hover::before,
.btn-primary[data-status="0"]:hover::before {
  display: none !important;
  content: none !important;
  animation: none !important;
}
.btn-primary[disabled], .btn-primary[data-status="0"] { overflow: hidden !important; }

/* Hodnota košíka vedľa ikony v hlavičke */
.blockcart-link { display: inline-flex !important; align-items: center; gap: 6px; }
.blockcart-link .cart-total-amount {
  font-size: 13px;
  font-weight: 700;
  color: var(--jn-text);
  white-space: nowrap;
  margin-left: 4px;
}
@media (max-width: 480px) { .blockcart-link .cart-total-amount { display: none; } }

/* Nedostupné tlačidlo: hover ostáva sivý (prebíja ružový hover s rovnakou váhou) */
.product-miniature .an_productattributes-add .js-an_productattributes-add-to-cart[disabled]:hover,
.product-miniature .an_productattributes-add .js-an_productattributes-add-to-cart[data-status="0"]:hover,
.product-miniature .an_productattributes-add .js-an_productattributes-add-to-cart[disabled]:focus,
.product-miniature .an_productattributes-add .js-an_productattributes-add-to-cart[data-status="0"]:focus,
.btn-primary[disabled]:hover, .btn-primary:disabled:hover, .btn-primary[data-status="0"]:hover {
  background: #e3e3e3 !important;
  border-color: #e3e3e3 !important;
  color: #8a8a8a !important;
  transform: none !important;
  transition: none !important;
}

/* =====================================================================
   Zjednotenie štítkov + košík a pokladňa
   ===================================================================== */
.product-flag, li.product-flag,
.product-miniature:has(button[data-status="0"]) .thumbnail-container::before,
.product-miniature .an_label, .an_hurry_up_label,
.product-flags li {
  font-size: 10px !important;
  line-height: 15px !important;
  height: 23px !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center;
  box-sizing: border-box;
}
.product-flags { gap: 5px; display: flex; flex-direction: column; align-items: flex-start; }
.product-flags li.product-flag { margin: 0 !important; }
/* štítky na detaile produktu */
.product-cover .product-flags .product-flag { position: static; }

/* Hover tlačidiel: text ostáva biely (téma prefarbovala text odkazov na hnedo) */
a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:hover *,
.cart-detailed-actions a.btn:hover, .cart-detailed-actions .btn:hover, .checkout .btn:hover,
.btn-primary:hover, .btn-primary:hover span, .btn-primary:hover i,
button.btn-primary:hover, .continue.btn:hover, #checkout .btn-primary:hover {
  color: #fff !important;
  background: var(--jn-pink-dark) !important;
  border-color: var(--jn-pink-dark) !important;
}
.btn-touchspin, .bootstrap-touchspin .btn-touchspin, .js-touchspin {
  background: var(--jn-pink-light) !important;
  color: var(--jn-text) !important;
  border: 0 !important;
  border-radius: 8px !important;
}
.btn-touchspin:hover, .js-touchspin:hover { background: var(--jn-pink) !important; color: #fff !important; }

/* Hnedá farba témy (#774a1f) na odkazoch a aktívnych prvkoch -> ružová */
#checkout a, #cart a, .cart-grid a, .checkout-step a, .cart-summary a,
#checkout .nav-link, .nav-inline .nav-link,
.page-my-account a, .page-customer-account a, #authentication a, #identity a, #addresses a, #history a,
.product-prices a, .product-information a, .tabs a, .page-content a, #footer a {
  color: var(--jn-pink-dark);
}
#checkout .nav-link.active, .nav-inline .nav-link.active { color: var(--jn-text) !important; }
#checkout .nav-link:not(.active):hover { color: var(--jn-pink-dark) !important; }
.cart-summary-line .value, .cart-summary .cart-total .value, .card-block .cart-summary-line.cart-total .value { color: var(--jn-text); }
.cart-summary-subtotals-container .cart-summary-line.cart-summary-subtotals .value,
.cart-summary-line.cart-total .value { color: var(--jn-text) !important; }

/* Čísla krokov pokladne */
.checkout-step .step-number, .step-number {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 32px; height: 32px;
  margin-right: 10px;
  background: var(--jn-pink) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 14px; font-weight: 700;
  vertical-align: middle;
}
.checkout-step .step-title { font-size: 22px; font-weight: 700; display: flex; align-items: center; }
.checkout-step .step-edit { font-size: 12px; color: var(--jn-pink-dark); }
.checkout-step, #checkout .checkout-step { border-radius: 16px !important; border: 1px solid #f0f0f0 !important; box-shadow: var(--jn-shadow); padding: 20px 24px; margin-bottom: 16px; background: #fff; }
.checkout-step.-current { border-color: var(--jn-pink) !important; }

/* Checkbox / radio */
.custom-checkbox input[type="checkbox"] + span,
.custom-checkbox span.color, .custom-checkbox input[type="checkbox"] + span:not(.color) {
  border: 2px solid var(--jn-line) !important; border-radius: 6px !important; background: #fff;
}
.custom-checkbox input[type="checkbox"]:checked + span { border-color: var(--jn-pink) !important; background: var(--jn-pink) !important; }
.custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { color: #fff !important; }
.custom-radio { border: 2px solid var(--jn-line) !important; }
.custom-radio input[type="radio"]:checked + span { background: var(--jn-pink) !important; }
.custom-radio:has(input:checked) { border-color: var(--jn-pink) !important; }

/* Doprava a platba */
.delivery-option, .payment-option, .delivery-options .delivery-option {
  background: #fff; border: 1px solid #f0f0f0 !important; border-radius: 12px; margin-bottom: 10px; padding: 12px;
}
.delivery-option:has(input:checked), .payment-option:has(input:checked) { border-color: var(--jn-pink) !important; background: var(--jn-pink-light); }
.delivery-option .carrier-price, .payment-option .dm_cod_fee { font-weight: 700; color: var(--jn-text); }
.delivery-option label, .payment-option label { cursor: pointer; }
#conditions-to-approve { margin-top: 12px; }
#payment-confirmation .btn { padding: 12px 34px !important; font-size: 14px !important; }
.cart-summary, .cart-grid-right .card { border-radius: 16px !important; }
.cart-summary .cart-summary-line { padding: 6px 0; }
.cart-summary .card-block { padding: 14px 20px; }
.cart-summary .checkout .btn { width: 100%; }
.cart-item .product-line-info .label, .cart-item .product-line-grid-body .label { font-weight: 600; }
.cart-grid-body .cart-overview .cart-items .cart-item { border-bottom: 1px solid #f3f3f3; }
.cart-grid-body .card-block h1 { font-size: 20px; }
.remove-from-cart .material-icons, .cart-item .remove-from-cart i { color: var(--jn-grey); }
.remove-from-cart:hover .material-icons { color: var(--jn-red); }
.promo-code-button a, .promo-name a, .promo-input + .btn { color: var(--jn-pink-dark); }

/* Hover odkazových tlačidiel: téma má a.btn.btn-primary:hover { color: hnedá !important } */
a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-primary:active,
.cart-action a.btn.btn-primary:hover, .shopping-continue a.btn.btn-primary:hover,
.cart-detailed-actions a.btn.btn-primary:hover, .cart-summary a.btn.btn-primary:hover {
  color: #fff !important;
  background: var(--jn-pink-dark) !important;
  border-color: var(--jn-pink-dark) !important;
}
a.btn.btn-primary .caret-right { display: none; }

/* Proporcie tlačidiel v košíku (téma dáva veľký padding a výšku) */
.shopping-continue .btn-primary, .shopping-continue a.btn,
.cart-detailed-actions .btn, .cart-detailed-actions a.btn,
.cart-action a.btn, .cart-summary .checkout .btn, #checkout .continue.btn, #payment-confirmation .btn {
  padding: 12px 28px !important;
  line-height: 1.25 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.shopping-continue { margin: 10px 0 30px; }

/* Pokladňa: záložky Objednať ako hosť / Prihlásiť sa (téma: hnedá) */
body#checkout .nav-item .nav-link, body#checkout .nav-inline .nav-link { color: var(--jn-grey) !important; }
body#checkout .nav-item .nav-link.active { color: var(--jn-text) !important; }
body#checkout .nav-item .nav-link:hover { color: var(--jn-pink-dark) !important; }
body#checkout .login-form-forgot a, body#checkout .card a, body#checkout a.step-edit { color: var(--jn-pink-dark) !important; }

/* Vyhľadávanie v hlavičke: ikona v kruhu vnútri poľa */
#search_widget form, .search-widget form { position: relative; display: block; }
#search_widget form input[type="text"], .search-widget form input[type="text"] {
  width: 100%;
  height: 48px !important;
  padding: 0 56px 0 20px !important;
  border: 1px solid var(--jn-pink) !important;
  border-radius: 30px !important;
  background: #fff !important;
  font-size: 14px;
  box-shadow: none !important;
}
#search_widget form button[type="submit"], .search-widget form button[type="submit"] {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--jn-pink) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#search_widget form button[type="submit"]:hover { background: var(--jn-pink-dark) !important; }
#search_widget form button[type="submit"] svg { width: 16px; height: 16px; }
#search_widget form button[type="submit"] svg path { fill: #fff !important; }
#search_widget.dropdown-menu, .search-widget.dropdown-menu { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; }

/* Číslo kroku pokladne – téma má display:inline-block!important a padding 0 */
body#checkout section.checkout-step .step-number {
  display: inline-block !important;
  width: 32px !important; height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important; margin: 0 10px 0 0 !important;
  font-size: 14px !important; font-weight: 700 !important;
  text-align: center;
  color: #fff !important;
  background: var(--jn-pink) !important;
  border-radius: 50% !important;
  vertical-align: middle;
}
body#checkout section.checkout-step.-complete:not(.-current) .step-number { background: var(--jn-green) !important; }
body#checkout section.checkout-step .step-title { font-size: 22px !important; font-weight: 700 !important; margin: 0 0 16px; display: flex; align-items: center; flex-wrap: wrap; }
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
  color: var(--jn-pink-dark) !important; font-size: 12px !important; font-weight: 600 !important;
  margin-left: auto !important; display: inline-flex !important; align-items: center; gap: 6px; float: none !important;
}
body#checkout section.checkout-step .step-edit svg { width: 14px; height: 14px; margin: 0 !important; }
body#checkout section.checkout-step .step-edit svg path { fill: var(--jn-pink-dark) !important; }
body#checkout section.checkout-step .step-edit:hover { color: var(--jn-text) !important; }
body#checkout section.checkout-step .done, body#checkout section.checkout-step .material-icons.done { color: var(--jn-green) !important; }

/* Pokladňa: odkazy v súhrne (téma: hnedá s vysokou váhou), ikona "hotovo" (hnedý krúžok) preč */
body#checkout a:not(.btn), body#checkout .cart-summary a, body#checkout #order-summary-content a,
body#checkout .promo-code-button a, body#checkout .cart-detailed-totals a, body#checkout .js-show-details {
  color: var(--jn-pink-dark) !important;
}
body#checkout a:not(.btn):hover { color: var(--jn-text) !important; }
body#checkout section.checkout-step .desktop-step-status.done,
body#checkout section.checkout-step .mobile-step-status .done { display: none !important; }
body#checkout section.checkout-step.-reachable.-complete h1 .step-number { display: inline-block !important; }
body#checkout .js-show-details, body#checkout .cart-summary-products .js-show-details,
body#checkout .cart-summary-products > p, body#checkout .cart-summary-products .show-details { color: var(--jn-pink-dark) !important; cursor: pointer; }
body#checkout .cart-summary-products .material-icons { color: var(--jn-pink-dark) !important; }