/* =====================================================
   webuni.css — sablona6 Kids Store
   Moderný, hravý detský eshop — Nunito + Baloo 2
   Paleta: coral #FF6B35 | teal #00C896 | navy #1A2E4A
   ===================================================== */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* ── Design Tokens ── */
:root {
  --coral:        #FF6B35;
  --coral-dark:   #E55A25;
  --coral-light:  #FF8F60;
  --coral-pale:   #FFF0EA;
  --teal:         #00C896;
  --teal-dark:    #00A87E;
  --navy:         #1A2E4A;
  --navy-mid:     #2D4A6A;
  --sunny:        #FFD93D;
  --sunny-dark:   #F0C429;
  --bg:           #FFF8F4;
  --white:        #FFFFFF;
  --silver:       #F5F0EB;
  --border:       #EDE5DC;
  --text:         #2D2D2D;
  --text-muted:   #6B7280;
  --radius:       10px;
  --radius-lg:    16px;
  --radius-xl:    24px;
  --shadow:       0 2px 16px rgba(26,46,74,.08);
  --shadow-hover: 0 8px 32px rgba(255,107,53,.18);
}

/* =====================================================
   GLOBAL BASE
   ===================================================== */
html {
  scroll-behavior: smooth !important;
}

body {
  background: var(--bg) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6,
.products-index-title,
#articles-menu > ul > li > a,
.section-title {
  font-family: 'Baloo 2', sans-serif !important;
}

a {
  transition: color .2s ease, opacity .2s ease !important;
}

/* =====================================================
   TOP HEADER STRIP
   ===================================================== */
#container-top-header-strip {
  background: var(--navy) !important;
  border-bottom: none !important;
}

#container-top-header-strip .container,
#container-top-header-strip .span-25 {
  background: var(--navy) !important;
}

#top-header-strip,
#container-top-header-strip,
#container-top-header-strip * {
  color: rgba(255,255,255,.75) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
}

#container-top-header-strip a {
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
}

#container-top-header-strip a:hover {
  color: var(--coral-light) !important;
}

#container-top-header-strip .material-icons {
  font-family: 'Material Icons' !important;
  font-size: 16px !important;
  vertical-align: middle !important;
  color: var(--coral-light) !important;
  margin-right: 3px !important;
}

/* =====================================================
   HEADER
   ===================================================== */
#container-header,
#header-opacity {
  background: var(--white) !important;
}

#container-header {
  box-shadow: 0 2px 12px rgba(26,46,74,.08) !important;
  border-bottom: 3px solid var(--coral) !important;
}

#header {
  background: var(--white) !important;
  padding: 12px 0 !important;
}

/* Brand logo area */
#brand,
#brand a,
.brand-logo {
  font-family: 'Baloo 2', sans-serif !important;
}

/* Search box */
.search-in-head input[type="text"],
#search .text,
#text {
  border: 2px solid var(--border) !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  background: var(--silver) !important;
  color: var(--text) !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
}

.search-in-head input[type="text"]:focus,
#text:focus {
  border-color: var(--coral) !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,.12) !important;
  background: var(--white) !important;
}

/* Search submit button */
.search-in-head .button-type-1:not(.button-add-cart-button),
#button-indexSearch {
  background: var(--coral) !important;
  border-radius: 0 50px 50px 0 !important;
}

.search-in-head input[type="submit"],
#indexSearch {
  background: var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center / 18px no-repeat !important;
  border-radius: 0 50px 50px 0 !important;
  border: none !important;
  cursor: pointer !important;
}

/* Login & cart links */
.login-n-cart,
#top-header-login-links {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#top-header-login-links a {
  color: var(--navy) !important;
  text-decoration: none !important;
}

#top-header-login-links a:hover {
  color: var(--coral) !important;
}

/* Cart icon */
#top-header-cart,
.cart-in-head {
  color: var(--navy) !important;
}

/* =====================================================
   NAVIGATION
   ===================================================== */
#container-articles-menu {
  background: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
}

#articles-menu,
.articles-menu-long {
  background: transparent !important;
}

#articles-menu ul,
.articles-menu-long ul {
  background: transparent !important;
  display: flex !important;
  gap: 4px !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#articles-menu ul li > a,
.articles-menu-long ul li > a {
  font-family: 'Baloo 2', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: .06em !important;
  color: var(--navy) !important;
  text-decoration: none !important;
  padding: 14px 20px !important;
  display: block !important;
  border-bottom: 3px solid transparent !important;
  transition: color .2s, border-color .2s !important;
}

#articles-menu ul li > a:hover,
.articles-menu-long ul li > a:hover,
#articles-menu ul li.active > a,
.articles-menu-long ul li.active > a {
  color: var(--coral) !important;
  border-bottom-color: var(--coral) !important;
}

/* Submenu */
#articles-menu .submenu,
.articles-menu-long .submenu {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-top: 3px solid var(--coral) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  box-shadow: var(--shadow) !important;
  padding: 8px 0 !important;
  z-index: 999 !important;
}

#articles-menu .submenu li a,
.articles-menu-long .submenu li a {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--text) !important;
  padding: 8px 20px !important;
  border-bottom: none !important;
  display: block !important;
  transition: background .15s, color .15s !important;
}

#articles-menu .submenu li a:hover,
.articles-menu-long .submenu li a:hover {
  background: var(--coral-pale) !important;
  color: var(--coral) !important;
}

/* =====================================================
   BREADCRUMB
   ===================================================== */
#breadcrumb,
.breadcrumb {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: var(--text-muted) !important;
  padding: 10px 0 !important;
}

#breadcrumb a,
.breadcrumb a {
  color: var(--text-muted) !important;
  text-decoration: none !important;
}

#breadcrumb a:hover,
.breadcrumb a:hover {
  color: var(--coral) !important;
}

/* =====================================================
   SECTION / PAGE HEADINGS
   ===================================================== */
.products-index-title,
.catalog-title,
h1.page-title {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  text-align: center !important;
  letter-spacing: .01em !important;
  margin-bottom: 24px !important;
  position: relative !important;
}

/* "DOPORUČUJEME" heading on homepage */
.products-index-title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 4px !important;
  background: var(--coral) !important;
  border-radius: 2px !important;
  margin: 8px auto 0 !important;
}

/* =====================================================
   PRODUCT BADGES
   ===================================================== */
.startup {
  background: var(--coral) !important;
  color: var(--white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  box-shadow: 0 2px 8px rgba(255,107,53,.35) !important;
}

.startup span {
  color: var(--white) !important;
  font-family: 'Nunito', sans-serif !important;
}

.top_bestseller {
  background: var(--teal) !important;
  color: var(--white) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  box-shadow: 0 2px 8px rgba(0,200,150,.3) !important;
}

.top_bestseller span {
  color: var(--white) !important;
  font-family: 'Nunito', sans-serif !important;
}

/* =====================================================
   PRODUCT CARDS
   ===================================================== */
.product-third {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  transition: box-shadow .25s ease, transform .25s ease !important;
  box-shadow: 0 2px 8px rgba(26,46,74,.06) !important;
}

.product-third:not(.slick-slide):hover,
.product-third.slick-active:hover {
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-4px) !important;
}

/* Product image area */
.product-images {
  background: var(--silver) !important;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
  overflow: hidden !important;
}

.product-images img {
  transition: transform .4s ease !important;
}

.product-third:hover .product-images img {
  transform: scale(1.04) !important;
}

/* Product content */
.product-content {
  padding: 14px 16px 16px !important;
}

.product-content h4,
.product-content h4 a {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.product-content h4 a:hover {
  color: var(--coral) !important;
}

/* Description text */
.product-content-description p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: var(--text-muted) !important;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}

/* Price */
.product-content p.price,
.product-content .price {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 8px 0 !important;
}

.product-content p.price .normal_price,
.product-content .normal_price {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: var(--text-muted) !important;
  font-weight: 400 !important;
}

.product-content .sDph,
.product-content [class*="dph"],
.product-content p.price small {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  color: var(--text-muted) !important;
  font-weight: 500 !important;
}

/* =====================================================
   PRODUCT BUTTONS — DETAIL & DO KOŠÍKA
   ===================================================== */
.detail-button-catalog {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

/* Both button wrappers */
.detail-button-catalog .button-type-1 {
  flex: 1 !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  background: none !important;
}

/* DETAIL button (anchor inside) */
.detail-button-catalog .button-type-1:not(.button-add-cart-button) {
  border: 2px solid var(--coral) !important;
  background: var(--white) !important;
}

.detail-button-catalog .button-type-1:not(.button-add-cart-button) a {
  display: block !important;
  padding: 9px 14px !important;
  text-align: center !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  color: var(--coral) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background .2s, color .2s !important;
  background: none !important;
}

.detail-button-catalog .button-type-1:not(.button-add-cart-button):hover {
  background: var(--coral) !important;
}

.detail-button-catalog .button-type-1:not(.button-add-cart-button):hover a {
  color: var(--white) !important;
}

/* DO KOŠÍKA button (input inside) */
.detail-button-catalog .button-add-cart-button {
  background: var(--coral) !important;
  border: none !important;
}

.detail-button-catalog .button-add-cart-button input[type="submit"],
.detail-button-catalog .button-add-cart-button .add-cart-button {
  display: block !important;
  width: 100% !important;
  padding: 11px 14px !important;
  background: var(--coral) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  color: var(--white) !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background .2s !important;
}

.detail-button-catalog .button-add-cart-button:hover,
.detail-button-catalog .button-add-cart-button input[type="submit"]:hover {
  background: var(--coral-dark) !important;
}

/* =====================================================
   PRODUCT DETAIL PAGE BUTTONS
   ===================================================== */
.button-type-1.button-add-to-basket,
.add-to-basket-button .button-type-1 {
  background: var(--coral) !important;
  border-radius: var(--radius) !important;
}

.button-type-1.button-add-to-basket input,
.add-to-basket-button .button-type-1 input {
  background: var(--coral) !important;
  color: var(--white) !important;
  border: none !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  border-radius: var(--radius) !important;
  cursor: pointer !important;
  transition: background .2s !important;
}

.button-type-1.button-add-to-basket:hover input,
.add-to-basket-button .button-type-1:hover input {
  background: var(--coral-dark) !important;
}

/* Pridaj do košíka (detail page) */
#button-add-to-basket .button-type-1,
.show-product-add-to-basket .button-type-1 {
  background: var(--coral) !important;
  border-radius: var(--radius) !important;
}

#button-add-to-basket input,
.show-product-add-to-basket input[type="submit"] {
  background: var(--coral) !important;
  color: var(--white) !important;
  border: none !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  cursor: pointer !important;
  border-radius: var(--radius) !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  transition: background .2s, box-shadow .2s !important;
}

#button-add-to-basket input:hover,
.show-product-add-to-basket input[type="submit"]:hover {
  background: var(--coral-dark) !important;
  box-shadow: 0 4px 16px rgba(255,107,53,.4) !important;
}

/* =====================================================
   PRODUCT DETAIL — SHOW PRODUCT PAGE
   ===================================================== */
body.catalog-show-product .product-title,
body.catalog-show-product h1 {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

body.catalog-show-product .show-product-price,
body.catalog-show-product .price-big {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--coral) !important;
}

body.catalog-show-product .product-attributes,
body.catalog-show-product table.attributes {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
}

body.catalog-show-product table.attributes tr:nth-child(even) {
  background: var(--silver) !important;
}

/* =====================================================
   NEWSLETTER
   ===================================================== */
#container-newsletter {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden !important;
}

#container-newsletter::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(26,46,74,.82) 0%, rgba(255,107,53,.75) 100%) !important;
  z-index: 1 !important;
}

#container-newsletter > * {
  position: relative !important;
  z-index: 2 !important;
}

#container-newsletter p,
#container-newsletter label {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

#container-newsletter input[type="text"],
#container-newsletter input[type="email"] {
  background: rgba(255,255,255,.95) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 22px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: var(--text) !important;
  outline: none !important;
  width: 100% !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.15) !important;
}

#container-newsletter .button-type-1,
#container-newsletter .button-submit {
  background: var(--sunny) !important;
  border-radius: 50px !important;
  border: none !important;
  overflow: hidden !important;
}

#container-newsletter input[type="submit"],
#container-newsletter button[type="submit"] {
  background: var(--sunny) !important;
  color: var(--navy) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 32px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  width: 100% !important;
}

#container-newsletter input[type="submit"]:hover {
  background: var(--sunny-dark) !important;
  transform: scale(1.03) !important;
}

/* =====================================================
   FOOTER
   ===================================================== */
#container-footer {
  background: var(--navy) !important;
  border-top: 4px solid var(--coral) !important;
  color: rgba(255,255,255,.85) !important;
}

#container-footer .footerLine {
  border-color: rgba(255,255,255,.08) !important;
  margin-bottom: 32px !important;
}

#footer,
#container-footer #footer {
  background: transparent !important;
}

/* Footer logo */
#container-footer #mediahelp img {
  filter: brightness(0) invert(1) !important;
  opacity: .85 !important;
}

/* Footer contact info */
#container-footer .text-1-phone,
#container-footer .text-1-email,
#container-footer p {
  color: rgba(255,255,255,.75) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
}

/* Footer column headings */
#container-footer h3,
#container-footer h4,
#container-footer .footer-title,
#info-articles > div > h3,
#info-articles > div > h4 {
  font-family: 'Baloo 2', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  letter-spacing: .03em !important;
  margin-bottom: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid rgba(255,107,53,.4) !important;
}

/* Footer links */
#container-footer a,
#container-footer #info-articles a {
  color: rgba(255,255,255,.7) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color .2s !important;
  display: block !important;
  padding: 3px 0 !important;
}

#container-footer a:hover,
#container-footer #info-articles a:hover {
  color: var(--coral-light) !important;
}

/* Footer ROYAL MEDIA link */
#container-royal-media-text {
  background: rgba(0,0,0,.2) !important;
  color: rgba(255,255,255,.4) !important;
  font-size: 12px !important;
  font-family: 'Nunito', sans-serif !important;
  text-align: center !important;
  padding: 12px !important;
}

/* Footer icons (phone, email) */
#container-footer .icon-type-phone,
#container-footer .icon-type-email {
  color: var(--coral-light) !important;
}

/* Copyright / bottom bar */
#container-footer .span-25.last > p,
#container-footer .copyright {
  color: rgba(255,255,255,.45) !important;
  font-size: 12px !important;
  font-family: 'Nunito', sans-serif !important;
}

/* Payment icons in footer */
#container-footer .payment-icons img,
#container-footer [class*="payment"] img {
  filter: grayscale(30%) brightness(1.2) !important;
  opacity: .85 !important;
}

/* =====================================================
   "Novinky" SLIDE TAB
   ===================================================== */
#news-slide {
  background: var(--teal) !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
}

#news-slide-icon p {
  font-family: 'Baloo 2', sans-serif !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  letter-spacing: .08em !important;
}

/* =====================================================
   FACEBOOK SIDE TAB
   ===================================================== */
#facebook-right-side,
.fb-right-side {
  background: var(--navy) !important;
  border-radius: var(--radius) 0 0 var(--radius) !important;
  color: var(--white) !important;
}

/* =====================================================
   HOMEPAGE HERO IMAGES SECTION
   ===================================================== */
.container-full-width:has(.hero-images),
[class*="banner"],
[class*="slider-images"] {
  overflow: hidden !important;
}

/* Image tiles hover effect */
.image-tile,
[class*="image-column"],
.slick-slider .slick-slide > a img {
  transition: opacity .3s ease !important;
}

/* =====================================================
   CATEGORY PAGE FILTERS / SIDEBAR
   ===================================================== */
.filter-title,
.sidebar-title,
[class*="filter-heading"] {
  font-family: 'Baloo 2', sans-serif !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

/* Price range sliders */
.ui-slider-handle {
  background: var(--coral) !important;
  border-color: var(--coral-dark) !important;
}

.ui-slider-range {
  background: var(--coral-pale) !important;
}

/* =====================================================
   PAGINATION
   ===================================================== */
.pagination a,
.pagination span,
[class*="paginat"] a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 600 !important;
  border-radius: var(--radius) !important;
  border-color: var(--border) !important;
  color: var(--navy) !important;
  transition: background .2s, color .2s !important;
}

.pagination a:hover,
[class*="paginat"] a:hover {
  background: var(--coral-pale) !important;
  color: var(--coral) !important;
  border-color: var(--coral) !important;
}

.pagination .active,
.pagination .current,
[class*="paginat"] .active {
  background: var(--coral) !important;
  color: var(--white) !important;
  border-color: var(--coral) !important;
}

/* =====================================================
   STAR RATINGS
   ===================================================== */
.star-rating,
[class*="rating"] .star,
.stars span {
  color: var(--sunny) !important;
}

/* =====================================================
   FORMS
   ===================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  border: 2px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: 10px 14px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: var(--text) !important;
  background: var(--white) !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: var(--coral) !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,.12) !important;
}

/* =====================================================
   GENERAL BUTTON (non-product)
   ===================================================== */
.button-type-3,
.mdc-button {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--radius) !important;
}

/* =====================================================
   SLICK SLIDER ARROWS
   ===================================================== */
.slick-prev,
.slick-next {
  background: var(--white) !important;
  border: 2px solid var(--border) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  z-index: 10 !important;
  transition: background .2s, border-color .2s, box-shadow .2s !important;
  box-shadow: 0 2px 8px rgba(26,46,74,.1) !important;
}

.slick-prev:hover,
.slick-next:hover {
  background: var(--coral) !important;
  border-color: var(--coral) !important;
}

.slick-prev::before,
.slick-next::before {
  color: var(--navy) !important;
  font-size: 18px !important;
  opacity: 1 !important;
}

.slick-prev:hover::before,
.slick-next:hover::before {
  color: var(--white) !important;
}

/* =====================================================
   MOBILE HAMBURGER
   ===================================================== */
#mobile-hamburger-menu,
.hamburger-menu {
  background: var(--navy) !important;
}

#mobile-hamburger-menu a {
  color: var(--white) !important;
  font-family: 'Nunito', sans-serif !important;
}

/* =====================================================
   POPUP / MODAL
   ===================================================== */
.mfp-content,
.popup-content,
[class*="popup"] {
  border-radius: var(--radius-lg) !important;
  font-family: 'Nunito', sans-serif !important;
}

/* =====================================================
   DELIVERY INFO
   ===================================================== */
.catalog-delivery_name {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: var(--teal-dark) !important;
  font-weight: 600 !important;
}

.catalog-free-delivery-info {
  color: var(--teal-dark) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}