/* ============================================
   SuperMarkets.com.ua — Modern Light Refresh 2026
   ============================================ */

/* === Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Sans+Pro:wght@700&display=swap');

/* === Base & Typography === */
body, #all_document {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: #1a1a2e;
  background-color: #f5f7fa !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background-color: #d0e3ff; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  color: #1a1a2e;
}

h4 { font-weight: 600; }

p { max-height: inherit; margin: 0 0 3px !important; }

a, .list-group a, .pagination>li>a, .pagination>li>span {
  color: #2563eb;
  transition: color 0.2s ease;
}

a:hover, .list-group a:hover, .list-group a.active:hover,
.pagination>li>a:hover, .pagination>li>span:hover {
  color: #1d4ed8;
}

/* === Top Bar === */
#top {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: none;
}

#top .container { border-bottom: none; }

.top-links.verh a, .top-links.verh .span-a { color: #64748b; }
.top-links.verh a:hover, .top-links.verh .span-a:hover { color: #2563eb; }

/* === Header / Logo Area === */
header, #top2 {
  background-color: #ffffff !important;
}

/* === Search Bar === */
.search {
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.search:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12), 0 1px 3px rgba(0,0,0,0.08) !important;
}

.search .search_button:hover, .search .change_category_button:hover { color: #2563eb; }

/* === Main Navigation Bar === */
#top3, #top3.affix {
  background-color: #1e293b !important;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

#menu2_button .box-heading, a.mobil_mmenu_three {
  background-color: #2563eb !important;
}

/* === Primary Buttons === */
.btn-primary, .pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover,
#popup-view-wrapper .popup-footer a,
.cd-products-comparison-table .filter_otlich_span.active {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.btn-primary:hover, #popup-view-wrapper .popup-footer a:hover,
.btn-primary.active.focus, .btn-primary.active:focus,
.btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

/* === Cart Button === */
#cart button.cart, #cart_mobi button.cart {
  background-color: #2563eb;
  border: 0;
  padding: 0;
  color: #fff;
  font-size: 17px;
  height: 36px;
  display: block;
  width: 100%;
  padding: 0 10px;
  outline: none;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

#cart button.cart:hover, #cart_mobi button.cart:hover {
  background-color: #1d4ed8;
}

#cart:hover button.cart { background-color: #1d4ed8; }

/* === Danger / Action Buttons === */
.product-info #button-cart,
.popup_notification .popup-footer a,
#popup-order-okno .popup-footer a,
#popup-okno .popup-footer a,
.btn-danger {
  background-color: #16a34a !important;
  border-radius: 10px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.product-info #button-cart:hover,
.popup-phone-wrapper,
.popup_notification .popup-footer a:hover,
#popup-order-okno .popup-footer a:hover,
#popup-okno .popup-footer a:hover,
.btn-danger:hover {
  background-color: #15803d !important;
}

/* === Shopping Basket Icons === */
.product-thumb .fa-border.fa-shopping-basket,
.options_buy .fa-border,
.cd-products-comparison-table .fa-border.fa-shopping-basket,
.wwicons .fa-border.fa-shopping-basket {
  background-color: #16a34a;
  border-color: #16a34a;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.product-thumb .fa-border.fa-shopping-basket:hover,
.options_buy .fa-border:hover,
.cd-products-comparison-table .fa-border.fa-shopping-basket:hover,
.wwicons .fa-border.fa-shopping-basket:hover {
  background-color: #15803d;
  border-color: #15803d;
  transform: translateY(-1px);
}

/* === Hover States for Links === */
.mobile_info button:hover,
.mobilemenu .navbar-nav > li > .list-group-submenu li a > .chevrond:hover,
.mobilemenu .navbar-nav > li a > .chevrond:hover,
.product-info .btn-plus button:hover,
.product-info .btn-minus button:hover,
.product-info .pop_ico:hover,
.product-info .compare .fa:hover,
.product-info .wishlist .fa:hover,
.home_block a:hover, .home_block a:hover .image > .fa,
#menu2 ul.lastul li a:hover, #menu2 a:hover, #menu2 li.glavli a:hover,
.search .search_button:hover, .search .change_category_button:hover,
.dropdown-menu li > a:hover, .dropdown-menu li > a:hover i,
.search .dropdown-menu > li > a:hover .name {
  color: #2563eb;
}

/* === Star Ratings / Prices === */
#top2 .tel .s22, #top2 .tel .s22 a, #top2 .tel .s22:hover i,
.rating .fa-star, .rat-star.active, .rat-star.checked,
.rating .fa-star + .fa-star-o,
.product-info .form-group .list-unstyled .update_price,
.product-info .form-group .list-unstyled .update_special,
.product-thumb .price-new {
  color: #ef4444;
}

.product-info input[type="radio"]:checked + label span.option_price,
.product-info input[type="checkbox"]:checked + label span.option_price {
  color: #2563eb;
}

.product-info input[type="radio"]:checked + label,
.product-info input[type="checkbox"]:checked + label,
.product-info input[type="radio"]:hover + label,
.product-info input[type="checkbox"]:hover + label,
#revfilter_box .image-filter input:checked + img {
  box-shadow: 0px 0px 1px 1px #2563eb;
}

.product-info .radio .btn-default:active { border-color: #2563eb; }

.product-info input[type="radio"]:checked + label .fa,
.product-info input[type="checkbox"]:checked + label .fa { color: #2563eb; }

/* === Content Background === */
#all_document, header, #top, #top2,
.rev_slider .owl-pagination, .rev_slider .heading_h,
#product_products .owl-pagination, #product_products h3,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
#top3_links, .vertical-sreview .caption {
  background-color: #ffffff;
}

#top4 { background-color: #ffffff; }
#top7 { background-color: #ffffff; }
.rev_slider.rev_blog_mod .heading_h { background-color: #ffffff; }
.rev_slider.rev_blog_mod .owl-pagination { background-color: #ffffff; }
.rev_slider.rev_blog_mod { margin-top: 0; }

@media (max-width: 767px) { #top4, #top5 { display: block; margin-bottom: -10px; min-height: initial !important; } }
#top4, #top4 .col-sm-12.col-md-12, #top4 .owl-carousel .owl-wrapper-outer { padding: 0; }

h1.home_h1 { padding-top: 20px; }

/* === Wide Container for large screens === */
@media (min-width: 1600px) {
  #all_document, .container { width: 1540px; }
  .box-col-3 { width: 1200.5%; }
  .box-col-2 { width: 810%; }
  .box-col-1 { width: 350%; }
}

/* === Product Cards — Modern Refresh === */
.product-thumb {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px !important;
  padding: 12px;
  transition: all 0.25s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  overflow: hidden;
}

.product-thumb:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
  transform: translateY(-2px);
}

.product-thumb .caption h4 a,
.caption > h4 > a {
  color: #1a1a2e !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}

.product-thumb .caption h4 a:hover { color: #2563eb !important; }

.product-thumb .price {
  height: auto !important;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2e;
}

.rev_slider .product-thumb .price,
.product-grid .product-thumb .price {
  float: left;
  margin-bottom: 0;
}

.product-grid .product-thumb .description,
.rev_slider .product-thumb .description { display: block; }

.product-layout.new_line .product-thumb .product_buttons .clearfix { display: none; }

/* === Stickers / Badges === */
.image .stiker_last { color: #FFFFFF; background-color: #64748b; border-radius: 6px; }
.image .stiker_best { color: #FFFFFF; background-color: #2563eb; border-radius: 6px; }
.image .stiker_spec { color: #FFFFFF; background-color: #ef4444; border-radius: 6px; }
.image .stiker_netu { color: #64748b; background-color: #f1f5f9; border-radius: 6px; }
.image .stiker_user { color: #FFFFFF; background-color: transparent; }

.stiker_ean { background-color: #2563eb !important; border-radius: 6px; }
.stiker_jan { background-color: #f97316 !important; color: #000; border-radius: 6px; }
.stiker_isbn { background-color: #ef4444 !important; border-radius: 6px; }
.stiker_mpn { background-color: #f97316 !important; border-radius: 6px; }
.stiker_user { width: auto !important; filter: drop-shadow(1px 1px 2px #ffffff99); }
.usertags { visibility: hidden; }

/* === Breadcrumb === */
.breadcrumb {
  background: transparent;
  padding: 12px 0;
  font-size: 13px;
}

.breadcrumb a { color: #64748b; }
.breadcrumb a:hover { color: #2563eb; }

/* === Filters Panel === */
#revfilter_box, .well {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* === Nav Tabs === */
.nav-tabs {
  border-bottom: 2px solid #e5e7eb;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-color: transparent;
  border-bottom: 2px solid #2563eb;
  color: #2563eb;
  font-weight: 600;
}

/* === Footer === */
footer .footer {
  background-color: #1e293b !important;
  color: #94a3b8;
  padding: 32px 0 20px;
}

footer .footer a { color: #cbd5e1; }
footer .footer a:hover { color: #ffffff; }

/* === Animations === */
.home_block .image > .fa, .home_block .image > img {
  transition-property: color, opacity, transform;
  transition-duration: 0.25s;
}

.home_block a:hover .image > .fa,
.home_block a:hover .image > img {
  transform: translateY(-3px);
}

.zatemnenie_img { filter: none; opacity: 1; }

/* === Carousel === */
.owl-carousel .owl-buttons div i:hover { color: #2563eb; }
.owl-pagination { max-width: 75%; z-index: -1; }

/* === Popups & Modals === */
.modal-backdrop { z-index: 10; }
.mfp-content { position: relative !important; top: 0px !important; }

.popup_notification .mfp-close:hover,
#popup-order-okno .mfp-close:hover,
#popup-okno .mfp-close:hover,
#popup-view-wrapper .mfp-close:hover { color: #ef4444; }

/* === Show/Hide elements === */
#cart, .product-thumb .cart, .product-info .pop_left, .wwicons > a:first-child, .cart_wish .cart { display: none; }
.wishlist { display: none !important; }
span.option_price { display: none; }
.price_na_zakaz { display: none; }
.home_h1 { display: none; }
#prices { display: none; }
.prq_title { display: none; }

@media (max-width: 991px) { .product-thumb .description_options { display: none; } }

/* === Blur overlay effects === */
.razmiv #revslideshow,.razmiv #top6,.razmiv #content,.razmiv .rev_slider,.razmiv .hcarousel,.razmiv #vk_groups,.razmiv .breadcrumb,.razmiv .razmivcont,.razmiv #top3_links .top-links,.razmiv .home_h1,.razmiv #column-left,.razmiv #column-right,.razmiv #top7,.razmiv footer { filter: blur(1px); transition: all 50ms linear; }
.razmiv2 #top,.razmiv2 #revslideshow,.razmiv2 #menu2_button,.razmiv2 #top6,.razmiv2 #content,.razmiv2 .rev_slider,.razmiv2 .hcarousel,.razmiv2 #vk_groups,.razmiv2 .breadcrumb,.razmiv2 #top3_links .top-links,.razmiv2 .home_h1,.razmiv2 #column-left,.razmiv2 #column-right,.razmiv2 #top7,.razmiv2 #top2,.razmiv2 #top3,.razmiv2 footer { filter: blur(1px); transition: all 50ms linear; }
.iexpl .razmiv #revslideshow,.iexpl .razmiv #top6,.iexpl .razmiv #content,.iexpl .razmiv .rev_slider,.iexpl .razmiv .hcarousel,.iexpl .razmiv #vk_groups,.iexpl .razmiv .breadcrumb,.iexpl .razmiv .razmivcont,.iexpl .razmiv #top3_links .top-links,.iexpl .razmiv .home_h1,.iexpl .razmiv #column-left,.iexpl .razmiv #column-right,.iexpl .razmiv #top7,.iexpl .razmiv footer { filter: none; transition: all 50ms linear; }
.iexpl .razmiv2 #top,.iexpl .razmiv2 #revslideshow,.iexpl .razmiv2 #menu2_button,.iexpl .razmiv2 #top6,.iexpl .razmiv2 #content,.iexpl .razmiv2 .rev_slider,.iexpl .razmiv2 .hcarousel,.iexpl .razmiv2 #vk_groups,.iexpl .razmiv2 .breadcrumb,.iexpl .razmiv2 #top3_links .top-links,.iexpl .razmiv2 .home_h1,.iexpl .razmiv2 #column-left,.iexpl .razmiv2 #column-right,.iexpl .razmiv2 #top7,.iexpl .razmiv2 #top2,.iexpl .razmiv2 #top3,.iexpl .razmiv2 footer { filter: none; transition: all 50ms linear; }

.masked_loading { background: url("../../../../../image/catalog/revolution/preloaders/revpreloader1.svg") no-repeat center center; }

/* === Show on Hover === */
.show-on-hover:hover > ul.dropdown-menu.dblock22 { display: block; }

/* ============================================
   MOBILE — Modern Light
   ============================================ */
@media (max-width: 767px) {
  #top {
    background-color: #ffffff !important;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    color: #1a1a2e;
    border-bottom: 1px solid #e5e7eb;
    z-index: 999;
  }

  #top2 {
    margin-top: 44px;
  }

  #top2 .container {
    padding: 12px 15px 5px;
  }

  #cart_mobi {
    float: right;
    width: initial;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
  }

  #top2 #logo { margin-bottom: 0; }

  .mobile_info .navbar-default .navbar-toggle:focus,
  .mobile_info .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    box-shadow: inset 0px 0px 50px rgba(37,99,235,0.08);
    color: #2563eb;
  }

  #top .mobile_info button:first-child {
    background-color: #2563eb !important;
    border-radius: 8px;
  }

  #top .top-links .fa {
    min-width: 15px;
    color: #64748b;
  }

  .top-links.verh a.dropdown-toggle {
    padding: 0 5px;
    color: #64748b;
    transition: none;
  }

  .top-links.verh a.dropdown-toggle:hover sup { color: #2563eb; }

  /* Better touch targets */
  .product-thumb {
    margin-bottom: 12px;
    border-radius: 12px !important;
  }

  .product-thumb .caption h4 a {
    font-size: 13px;
    min-height: 36px;
    display: block;
  }

  /* Bottom navigation padding */
  footer .footer { padding-bottom: 20px; }
}

/* ============================================
   Custom Fonts
   ============================================ */
@font-face {
  font-family: "Minecart LCD";
  src: url("https://supermarkets.com.ua/fonts/minecart-lcd.regular.ttf") format("truetype"),
       url("https://supermarkets.com.ua/fonts/Minecart LCD.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("https://supermarkets.com.ua/fonts/Caveat-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/* ============================================
   Receipt Widget
   ============================================ */
.receipt {
  max-width: 320px;
  max-height: 100%;
  padding-bottom: 3%;
  padding-top: 2%;
  font-size: 16pt;
  background: #fff;
  background-image: url(https://supermarkets.com.ua/image/catalog/marks/receiptBG.jpg);
  font-family: "Minecart LCD";
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
  margin-left: auto;
  border-radius: 4px;
}

@media only screen and (max-width: 600px) {
  .receipt { margin: auto; }
}

.rlist {
  list-style-type: none;
  display: inline-block;
  column-count: 2;
  text-align: left;
  line-height: normal;
  vertical-align: top;
  width: 100%;
  margin-bottom: 0px;
}

.rright {
  text-align: right;
  right: 16px;
  border: 0;
  position: relative;
  font-variant-numeric: lining-nums;
  -webkit-text-size-adjust: none;
}

.rtitle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 13pt;
}

.barcode {
  width: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

/* ============================================
   Prices & Product Info
   ============================================ */
.prq_title { font-size: 14pt; }

.pr-col {
  list-style-type: none;
  font-size: 14pt;
  margin: 6pt;
}

.pr-cen {
  font-size: 20pt;
  color: #ef4444;
  display: table-cell;
  text-align: right;
  margin: 12pt;
}

.pr-dat {
  display: none;
  font-size: 8pt;
  color: #94a3b8;
}

.pr-proc {
  font-size: 10pt;
  color: #dc2626;
  display: table-cell;
  padding: 3pt;
}

.prices-list {
  display: table;
  float: right;
}

.proc {
  position: absolute;
  font-size: 22pt;
  font-family: 'Caveat', cursive;
  color: #dc2626;
}

.proc-fire {
  position: absolute;
  font-size: 22pt;
  font-family: 'Caveat', cursive;
  color: #dc2626;
  text-shadow: 0px -2px 4px #fff, 0px -2px 10px #FF3, 0px -10px 20px #F90, 0px -20px 40px #C33;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.rmark {
  position: absolute;
  right: -10%;
  top: -30%;
}

/* ============================================
   Scores / Nutrition
   ============================================ */
.scores { font-size: 100%; margin: 0; padding: 0; }
.scores-table { box-sizing: border-box; font-family: inherit; line-height: 1.6; list-style-position: outside; display: block; padding: 0; margin: 0 -.3125rem; }
.li-nova { font-size: 1.2rem; font-family: inherit; line-height: 1.6; box-sizing: border-box; margin: 0; display: block; float: left; height: auto; padding: 0 .3125rem .625rem; list-style: none; width: 50%; clear: both; }
.li-nutri { font-size: 1.2rem; font-family: inherit; line-height: 1.6; box-sizing: border-box; margin: 0; display: block; float: left; height: auto; padding: 0 .3125rem .625rem; list-style: none; width: 50%; clear: none; }
.nova-nutri { font-size: 15px; font-weight: bold; margin: 1px; }
.pro-tov { font-size: 19px; }

.nutri:hover, .nova:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
  border-radius: 8px;
}

/* ============================================
   City Selector
   ============================================ */
.cityName {
  font-family: 'Inter', Roboto, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 8px;
  font-weight: 500;
}

.citySelect {
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.citySelect:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border-color: #2563eb;
}

/* ============================================
   Home Slideshow
   ============================================ */
.home_slideshow_title {
  font-family: 'Inter', 'Jura', sans-serif;
  color: white;
  font-size: 600% !important;
  -webkit-text-stroke: .02em black;
  text-shadow: .07em .07em 2px rgba(0,0,0,0.2);
}

.home_slideshow_description {
  font-family: 'Inter', 'Jura', sans-serif;
  color: white;
  font-size: 300% !important;
  -webkit-text-stroke: .02em black;
  text-shadow: .07em .07em 2px rgba(0,0,0,0.2);
}

.home_slideshow_link {
  background-color: #2563eb;
  border: none;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(37,99,235,0.3);
  font-family: 'Inter', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: #fff;
  transition: all 0.2s ease;
}

.home_slideshow_link:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(37,99,235,0.4);
}

.home_block { width: 100%; }

/* ============================================
   Category Description Read More
   ============================================ */
.hitex {
  max-height: 20px;
  overflow: hidden;
  position: relative;
}
.hitex .bottom-hide { position: absolute; bottom: 0; width: 100%; height: 60px; opacity: 1; transition: 0.3s; }
.remo-category { opacity: 0; position: absolute; }
.remo-category:checked ~ .hitex { max-height: none; }
.remo-category:checked ~ .hitex .bottom-hide { opacity: 0; transition: 0.3s; }
.remo-category ~ .remo-button:before { content: "Читати повністю »"; }
.remo-category:checked ~ .remo-button:before { content: "Згорнути «"; }
.remo-button { cursor: pointer; display: inline-block; color: #2563eb; font-size: 14px; }

.read-more-state-uk, .read-more-state-ru { display: none; }
.read-more-target { opacity: 0; display: block; max-height: 0; font-size: 0; transition: .25s ease; }
.read-more-state-uk:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; }
.read-more-state-ru:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; }
.read-more-state-uk ~ .read-more-trigger:before { content: 'Читати повністю'; }
.read-more-state-uk:checked ~ .read-more-trigger:before { content: 'Згорнути'; }
.read-more-state-ru ~ .read-more-trigger:before { content: 'Читать полностью'; }
.read-more-state-ru:checked ~ .read-more-trigger:before { content: 'Свернуть'; }
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 4px 12px;
  color: #2563eb;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  position: relative;
  z-index: 5;
  transition: all 0.2s ease;
}
.read-more-trigger:hover { background: #f0f7ff; border-color: #2563eb; }

/* ============================================
   Description truncation
   ============================================ */
.short_description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.short_description.expanded { display: block; -webkit-line-clamp: initial; }

#tab-description.active {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#tab-description.active.expanded { display: block; -webkit-line-clamp: initial; }

/* ============================================
   Promo Gallery
   ============================================ */
.promoGallery { margin-bottom: 10px; display: flex; justify-content: center; flex-wrap: wrap; }
.promoBtn { margin: 5px; padding: 0; }
.promoImg { max-height: 600px; border-radius: 12px; }
.promoHover:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.08); border-radius: 12px; }
.promoAllLink { display: flex; justify-content: center; margin: 15px; padding: 10px; font-size: 200%; text-decoration-line: revert; font-style: italic; }

/* ============================================
   Misc
   ============================================ */
.testi { color: red; }
.grayText { color: #94a3b8; }
.feedbacklink { font-size: 16px; }
.fa-balance-scale { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pokupka { }
#install_button { display: none; }
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }

.find { }
.well.well-sm .btn-group-justified .btn-default:hover { color: #2563eb; }

/* === Animated nav gradient — softer === */
.mdAnim {
  background: linear-gradient(135deg, #1e293b, #334155, #1e293b);
  background-size: 200% 200%;
  animation: mdAnimation 10s ease infinite;
}

@keyframes mdAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* === Search Spinner === */
.spinnerSearch {
  margin: auto;
  height: 40px;
  width: 40px;
  border: solid 4px #2563eb;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-right-color: transparent;
  will-change: transform;
  animation: spin 500ms infinite linear;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* === Shake animations (for promo) === */
@-webkit-keyframes shake {
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes promoShake {
  1%, 9% { left: 85%; }
  2%, 8% { left: 83%; }
  3%, 5%, 7% { left: 84%; }
  4%, 6% { left: 86%; }
  10% { left: 85%; }
}

@keyframes promoShake2 {
  1%, 9% { left: 75%; }
  2%, 8% { left: 73%; }
  3%, 5%, 7% { left: 74%; }
  4%, 6% { left: 76%; }
  10% { left: 75%; }
}

@keyframes pulseBtn {
  0% { transform: scale(0.8); }
  50% { transform: scale(1.6); }
  100% { transform: scale(0.8); }
}

/* ============================================
   GLOBAL OVERRIDES — Light & Clean
   ============================================ */

/* Content area */
#content {
  background: #f5f7fa;
}

/* Category subcategory icons */
.footer-category a {
  transition: all 0.2s ease;
}
.footer-category a:hover {
  transform: translateY(-2px);
}

/* Dropdown menu */
.dropdown-menu {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  padding: 8px 0;
}

.dropdown-menu > li > a {
  padding: 8px 16px;
  transition: background 0.15s ease;
}

.dropdown-menu > li > a:hover {
  background: #f0f7ff;
}

/* Section headings on homepage */
.rev_slider .heading_h,
#product_products h3 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  color: #1a1a2e;
  font-size: 20px;
}

/* Pagination */
.pagination > li > a {
  border-radius: 8px;
  margin: 0 2px;
  border-color: #e5e7eb;
}

/* Comparison table */
.cd-products-comparison-table .in_wishlist .fa-border,
.cd-products-comparison-table .in_compare .fa-border { color: #2563eb; }
.cd-products-comparison-table .fa-border:hover { color: #1d4ed8; }
.product-info .in_wishlist .fa,
.product-info .in_compare .fa { color: #2563eb; }
.product-thumb .in_wishlist .fa-border,
.product-thumb .in_compare .fa-border { color: #2563eb; }

/* Menu hover color for "remove" actions */
#menu2 ul.lastul .show_categoryoff:hover { color: #ef4444; border-color: #ef4444; }
.display-products-cart tr td.remove button:hover,
#revcheckout .delete button:hover { color: #ef4444; }

/* Smooth scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }