/* ============================================================
   ADICTO.bike — editorial paper-and-ink overlay для Warehouse
   Накладається поверх материнської теми. Видали файл → все як було.
   Палітра: papel #f1ead8 · tinta #1a1510 · rojo #D94A2B · JetBrains Mono
   ============================================================ */

/* Захист: сховати тестовий банер "CASH TEST" (червона фікс-смуга),
   якщо він лишився десь у бекофісі/модулі. Краще видалити його там. */
h1[style*="z-index: 9999"][style*="background: red"],
h1[style*="z-index:9999"][style*="background:red"]{
  display:none !important;
}

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
  --adicto-paper:#f1ead8;
  --adicto-paper-light:#f8f2e1;
  --adicto-paper-raised:#fffbf0;
  --adicto-paper-sunken:#ede5d0;
  --adicto-line:#d4c8ae;
  --adicto-line-soft:#e6ddc9;
  --adicto-ink:#1a1510;
  --adicto-ink-2:#5a5044;
  --adicto-ink-3:#6f6556;
  --adicto-ink-4:#8a7d69;
  --adicto-red:#D94A2B;
  --adicto-blue:rgb(92,158,219);
  --adicto-mono:'JetBrains Mono',ui-monospace,monospace; /* @kind font */
}

/* ── Base ─────────────────────────────────────────────── */
body,
.page,
#wrapper,
#content-wrapper{
  background:var(--adicto-paper) !important;
  color:var(--adicto-ink);
  font-family:var(--adicto-mono) !important;
  font-size:13px !important;
  line-height:1.55 !important;
  -webkit-font-smoothing:antialiased;
}
body, p, li, td, th, label, input, select, textarea, button, .product-title, .h1, .h2, .h3{
  font-family:var(--adicto-mono) !important;
}
a{color:var(--adicto-ink);}
a:hover{color:var(--adicto-red);}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,
.page-heading,
.products-section-title,
.featured-products .title,
.section-title{
  font-family:var(--adicto-mono) !important;
  text-transform:uppercase;
  letter-spacing:-0.3px;
  color:var(--adicto-ink) !important;
  font-weight:700;
}

/* ── Top utility bar ──────────────────────────────────── */
.header-top,
#header .header-top,
.header-nav{
  background:var(--adicto-paper-light) !important;
  border-bottom:1px solid var(--adicto-line-soft) !important;
  color:var(--adicto-ink-3);
}
.header-nav a,
.header-top a{
  color:var(--adicto-ink-3) !important;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.header-nav a:hover,
.header-top a:hover{color:var(--adicto-red) !important;}

/* ── Header / logo ────────────────────────────────────── */
#header,
.header-container,
#header .header-top + *{
  background:var(--adicto-paper) !important;
  border-bottom:1px solid var(--adicto-line);
  box-shadow:none !important;
}
#_desktop_logo,
.logo,
.header-logo{ }
#_desktop_logo img,
.logo img,
.header-logo img{ max-height:46px; width:auto; }

/* Search box → квадратна, ink-бордер */
#search_widget input,
.search-widget input[type=text],
#searchbox input{
  border:1.5px solid var(--adicto-ink) !important;
  border-radius:0 !important;
  background:var(--adicto-paper-raised) !important;
  font-family:var(--adicto-mono) !important;
  font-size:13px;
  color:var(--adicto-ink);
}
#search_widget button,
.search-widget button{
  background:var(--adicto-ink) !important;
  border-radius:0 !important;
  color:var(--adicto-paper) !important;
}

/* Header icons (cuenta, carrito) */
.header-icons a,
#_desktop_cart a,
#_desktop_user_info a{ color:var(--adicto-ink) !important; }
.cart-products-count,
.notification-counter,
.cart_block_no_products + .cart-products-count{
  background:var(--adicto-red) !important;
  color:#fff !important;
}

/* ── Main menu (Warehouse megamenu) ───────────────────── */
#iqitmegamenu-wrapper,
.iqitmegamenu-wrapper,
#iqitmegamenu-horizontal,
.cbp-hrmenu,
.menu,
#_desktop_top_menu{
  background:var(--adicto-ink) !important;
  border:0 !important;
  box-shadow:none !important;
}
#iqitmegamenu-horizontal > .container > ul > li > a,
.cbp-hrmenu > ul > li > a,
.menu > ul > li > a,
#_desktop_top_menu .top-menu a{
  color:var(--adicto-paper) !important;
  text-transform:uppercase;
  font-size:11px !important;
  letter-spacing:0.6px;
  font-weight:500;
}
#iqitmegamenu-horizontal > .container > ul > li > a:hover,
.cbp-hrmenu > ul > li:hover > a,
.menu > ul > li:hover > a{
  color:var(--adicto-red) !important;
  background:rgba(255,255,255,0.04) !important;
}
/* dropdowns: ЧОРНИЙ фон, світлий шрифт */
.cbp-hrsub,
.iqitmegamenu-subwrapper,
.sub-menu,
.top-menu .sub-menu{
  background:var(--adicto-ink) !important;
  border:1px solid var(--adicto-ink) !important;
  box-shadow:none !important;
}
.cbp-hrsub a,
.iqitmegamenu-subwrapper a,
.sub-menu a,
.cbp-hrsub .title, .cbp-hrsub h4, .cbp-hrsub .h4,
.iqitmegamenu-subwrapper .title{ color:var(--adicto-paper) !important; }
.cbp-hrsub a:hover,
.sub-menu a:hover,
.iqitmegamenu-subwrapper a:hover{ color:var(--adicto-red) !important; }
/* шеврони ">" у підрозділах теж світлі */
.cbp-hrsub a::before, .cbp-hrsub a:before,
.iqitmegamenu-subwrapper a::before,
.sub-menu a::before, .sub-menu a:before{ color:var(--adicto-paper) !important; }
.cbp-hrsub a:hover::before, .sub-menu a:hover::before{ color:var(--adicto-red) !important; }

/* ── Botones ──────────────────────────────────────────── */
.btn-primary,
.btn-secondary,
button.btn,
.button,
.add-to-cart,
#add_to_cart button,
.product-add-to-cart button,
.cart-content-btn .btn,
.continue,
.btn.btn-primary{
  background:var(--adicto-ink) !important;
  border:1.5px solid var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
  border-radius:0 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  font-family:var(--adicto-mono) !important;
  font-weight:600;
  font-size:12px;
  box-shadow:none !important;
  transition:all .15s;
}
.btn-primary:hover,
.button:hover,
.add-to-cart:hover,
#add_to_cart button:hover,
.btn.btn-primary:hover{
  background:var(--adicto-red) !important;
  border-color:var(--adicto-red) !important;
  color:#fff !important;
}
/* Secondary / outline buttons */
.btn-outline,
.btn-default,
.btn-tertiary{
  background:transparent !important;
  border:1.5px solid var(--adicto-ink) !important;
  color:var(--adicto-ink) !important;
  border-radius:0 !important;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* ── Product cards ────────────────────────────────────── */
.product-miniature,
.js-product-miniature,
.thumbnail-container,
.product-container{
  background:var(--adicto-paper-raised) !important;
  border:1px solid var(--adicto-line-soft) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:border-color .15s;
}
.product-miniature:hover,
.thumbnail-container:hover{ border-color:var(--adicto-ink) !important; }
.product-miniature .product-title,
.product-title a{
  font-family:var(--adicto-mono) !important;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.3px;
  color:var(--adicto-ink) !important;
  font-weight:600;
}
.product-miniature .product-title a:hover{ color:var(--adicto-red) !important; }
.product-price-and-shipping,
.product-price,
.price{
  font-family:var(--adicto-mono) !important;
  color:var(--adicto-ink) !important;
  font-weight:700;
}
.regular-price,
.product-discount .regular-price{
  color:var(--adicto-ink-4) !important;
  text-decoration:line-through;
}

/* Flags / badges (descuento, nuevo) */
.product-flag,
.product-flags li span,
.discount,
.discount-percentage,
.product-flags .on-sale{
  background:var(--adicto-red) !important;
  color:#fff !important;
  border-radius:0 !important;
  text-transform:uppercase;
  font-family:var(--adicto-mono) !important;
  letter-spacing:0.5px;
  font-weight:700;
  font-size:10px;
}
.product-flag.new,
.product-flags .new{ background:var(--adicto-ink) !important; }

/* ── Product page ─────────────────────────────────────── */
.product-information h1,
.product-detail-name,
h1.h1.product-detail-name{
  text-transform:uppercase;
  letter-spacing:-0.5px;
  color:var(--adicto-ink) !important;
}
.current-price span,
.product-price.current-price{
  color:var(--adicto-ink) !important;
  font-weight:700;
}
.product-information .product-manufacturer,
.product-reference{ color:var(--adicto-ink-3) !important; font-family:var(--adicto-mono) !important; }

/* Size / color selectors */
.product-variants .input-container label,
.product-variants-item .radio-label{
  border:1.5px solid var(--adicto-line) !important;
  border-radius:0 !important;
  font-family:var(--adicto-mono) !important;
  color:var(--adicto-ink) !important;
}
.product-variants input:checked + .radio-label,
.product-variants .input-container input:checked ~ .radio-label{
  border-color:var(--adicto-ink) !important;
  background:var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
}

/* Tabs / accordions */
.product-tabs .nav-tabs .nav-link,
.tabs .nav-tabs .nav-link{
  font-family:var(--adicto-mono) !important;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:var(--adicto-ink-3) !important;
  border-radius:0 !important;
}
.product-tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link.active{
  color:var(--adicto-ink) !important;
  border-bottom:2px solid var(--adicto-red) !important;
}

/* ── Footer ───────────────────────────────────────────── */
.footer-container,
#footer,
.footer-top,
.footer-bottom{
  background:var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
  border:0 !important;
}
#footer a,
.footer-container a,
.footer-container .h3,
.footer-container h3{ color:var(--adicto-paper) !important; }
#footer a:hover,
.footer-container a:hover{ color:var(--adicto-red) !important; }
.footer-container li a{ font-size:12px; letter-spacing:0.3px; }
.footer-container .h3,
.footer-container h3{
  text-transform:uppercase;
  letter-spacing:0.8px;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,0.15);
  padding-bottom:10px;
}

/* Newsletter input dark footer */
#footer .newsletter input[type=text],
.block_newsletter input[type=email]{
  background:rgba(255,255,255,0.08) !important;
  border:1px solid rgba(255,255,255,0.2) !important;
  border-radius:0 !important;
  color:var(--adicto-paper) !important;
  font-family:var(--adicto-mono) !important;
}

/* ── Breadcrumb, sidebar, misc ────────────────────────── */
.breadcrumb,
.breadcrumb a{ font-family:var(--adicto-mono) !important; text-transform:uppercase; font-size:11px; letter-spacing:0.5px; }
.breadcrumb{ background:transparent !important; }
.block-categories,
.facets-sidebar,
#search_filters{
  background:var(--adicto-paper-raised) !important;
  border:1px solid var(--adicto-line-soft) !important;
  border-radius:0 !important;
}
#search_filters .facet-title,
.block-categories .h6{
  text-transform:uppercase;
  font-family:var(--adicto-mono) !important;
  letter-spacing:0.5px;
  color:var(--adicto-ink) !important;
}

/* Forms */
input[type=text], input[type=email], input[type=password],
input[type=tel], input[type=number], select, textarea{
  border-radius:0 !important;
  font-family:var(--adicto-mono) !important;
  border-color:var(--adicto-line) !important;
}
input:focus, select:focus, textarea:focus{ border-color:var(--adicto-ink) !important; outline:none !important; }

/* Pagination */
.pagination .page-link,
.pagination a{ border-radius:0 !important; font-family:var(--adicto-mono) !important; color:var(--adicto-ink) !important; }
.pagination .current a,
.pagination .active .page-link{ background:var(--adicto-ink) !important; border-color:var(--adicto-ink) !important; color:var(--adicto-paper) !important; }

/* ============================================================
   МІНІМАЛІСТИЧНИЙ ПАС — червоний тільки для лого.
   Усе інше (бейджі, банери, іконки, кнопки) → чорнило.
   ============================================================ */

/* Бейджі знижок / "на распродаже" → ЧЕРВОНІ (як у DESTACADOS) */
.product-flag,
.product-flags li span,
.product-flag.discount,
.discount,
.discount-percentage,
.discount-amount,
.product-flags .on-sale,
.layered_subtitle .discount{
  background:var(--adicto-red) !important;
  color:#fff !important;
  font-weight:600 !important;
}

/* Бейдж доступності ("Ask for avialible") → легкий світлий чип */
.product-availability,
.availability-badge,
.product-flags .availability,
[class*="ask-for"],
.stock-availability{
  background:var(--adicto-paper-raised) !important;
  color:var(--adicto-ink) !important;
  border:1px solid var(--adicto-ink) !important;
  border-radius:0 !important;
  font-weight:600 !important;
}

/* Верхній рекламний банер (CASH TEST) → чорнило */
.header-banner,
#header-banner,
.advertising-banner,
.header-top .advertising,
.ps-banner{
  background:var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
  border:0 !important;
}
.header-banner *,
#header-banner *{ color:var(--adicto-paper) !important; letter-spacing:1px; }

/* Блок переваг (envío / garantía / preparación / asesoramiento):
   іконки → чорнило, тонше, спокійніше */
.block-advantages, .advantages, .reassurance, .iqit-reassurance,
.iqitcustomadvfeatures, .custom-advantages, .blockreassurance,
.advertising-block, .ps_features_block{
  background:var(--adicto-ink) !important;
  border-top:1px solid var(--adicto-ink) !important;
  border-bottom:1px solid var(--adicto-ink) !important;
}
/* текст на чорному — світлий */
.block-advantages, .reassurance, .iqitcustomadvfeatures, .blockreassurance,
.block-advantages p, .reassurance p, .iqitcustomadvfeatures p, .blockreassurance p,
.block-advantages li, .reassurance li, .iqitcustomadvfeatures li,
.block-advantages a, .reassurance a, .iqitcustomadvfeatures a{
  color:var(--adicto-paper) !important;
}
.block-advantages i, .advantages i, .reassurance i, .iqitcustomadvfeatures i,
.block-advantages i, .advantages i, .reassurance i, .iqitcustomadvfeatures i,
.blockreassurance i, .block-advantages svg, .reassurance svg,
.iqitcustomadvfeatures svg, .blockreassurance svg,
.block-advantages [class*="icon"], .reassurance [class*="icon"],
.iqitcustomadvfeatures [class*="icon"]{
  color:var(--adicto-red) !important;
  fill:var(--adicto-red) !important;
}
/* якщо іконки — кольорові png/svg-зображення: на чорному лишаємо світлими */
.block-advantages img, .reassurance img, .iqitcustomadvfeatures img,
.blockreassurance img, .advantages img{
  filter:none !important;
  opacity:1 !important;
}
.block-advantages .title, .reassurance .title, .iqitcustomadvfeatures h3,
.blockreassurance .h6, .reassurance h3, .advantages h3,
.block-advantages h3, .iqitcustomadvfeatures .title, .blockreassurance h3{
  color:var(--adicto-paper) !important;
  text-transform:uppercase !important;
  letter-spacing:0.6px !important;
  font-weight:600 !important;
}

/* Кнопка "вгору" → чорнило, без червоного */
#back-to-top, .back-to-top, #scroll-top, .scroll-top,
.iqit-back-to-top, a[href="#top"]{
  background:var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border:0 !important;
}
#back-to-top:hover, .back-to-top:hover, #scroll-top:hover{
  background:var(--adicto-ink-2) !important;
}

/* Стрілки каруселей / навігація секцій → тонко, чорнило */
.products-section-title + * .slick-arrow,
.slick-prev, .slick-next, .carousel-control,
.comments_carousel .arrow, .productscategory-nav a{
  background:transparent !important;
  color:var(--adicto-ink-3) !important;
  border:1px solid var(--adicto-line) !important;
  border-radius:0 !important;
}

/* Зірки відгуків → чорнило (спокійніше за жовте) */
.star_content .star.star_on, .comment-rating .star-on,
.grade-stars .star.full, .star-rating .filled{
  color:var(--adicto-ink) !important;
}

/* Прибрати зайві тіні/градієнти ТА червоний фон по секціях головної */
.featured-products, .products-section, .page-home section,
.block-categories, .home-section, .page-content.page-home > *,
#content.page-home > section, .home-section-wrap{
  box-shadow:none !important;
  background-image:none !important;
  background-color:var(--adicto-paper) !important;
}

/* Заголовки секцій головної — рівні, тонкі, центровані лишаємо як є */
.products-section-title, .featured-products .title,
.home-section .title, h2.products-section-title{
  font-weight:600 !important;
  letter-spacing:1px !important;
  color:var(--adicto-ink) !important;
}

/* ============================================================
   ТИПОГРАФІКА — дрібніше + шапкові іконки менші
   ============================================================ */

/* Загальна шкала — менше */
p, li, td, th, label, .product-desc, .rte, .description{
  font-size:13px !important;
  line-height:1.55 !important;
}
h1, .h1, .page-heading, .product-detail-name{ font-size:24px !important; }
h2, .h2, .products-section-title{ font-size:16px !important; }
h3, .h3{ font-size:14px !important; }

/* Меню — компактніше */
#iqitmegamenu-horizontal > .container > ul > li > a,
.cbp-hrmenu > ul > li > a,
.menu > ul > li > a,
#_desktop_top_menu .top-menu a{
  font-size:9.5px !important;
  letter-spacing:0.4px !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
}

/* Пошук + плейсхолдер — менше */
#search_widget input, .search-widget input[type=text], #searchbox input{
  font-size:12px !important;
  padding:8px 12px !important;
}

/* Картка товару / ціни — дрібніше */
.product-miniature .product-title, .product-title a{ font-size:11px !important; }
.product-price-and-shipping, .product-price, .price{ font-size:14px !important; }
.regular-price{ font-size:11px !important; }
.product-flag, .product-flags li span, .discount, .discount-percentage{
  font-size:9.5px !important; padding:3px 7px !important;
}

/* Картка кошика у шапці */
#_desktop_cart, #_desktop_user_info, .header-icons, .blockcart{
  font-size:11px !important; letter-spacing:0.5px !important;
}

/* ── Шапкові контакт-іконки (телефон/whatsapp/email/гео) — МЕНШІ ── */
#header .header-top i, #header .header-nav i,
#header a > i.fa, #header i[class^="icon-"], #header i[class*=" icon-"],
#header i[class^="fa"], #header i[class*=" fa-"],
.header-contact i, .contact-rich i, .blockcontact i,
#_desktop_contact i, .header-phone i, .iqitlinksmenu i,
#header .htmlblock i, #header svg{
  font-size:18px !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  color:var(--adicto-ink) !important;
}
/* контейнер контакт-іконок: щільніше, рівно по центру */
.header-contact, .contact-rich, #_desktop_contact,
#header .htmlblock, .header-phone{
  font-size:13px !important;
  gap:14px !important;
}
/* якщо це png-зображення-іконки у шапці */
#header .header-top img:not(#_desktop_logo img):not(.logo img),
#header .header-nav img:not(#_desktop_logo img):not(.logo img){
  max-height:20px !important; width:auto !important;
}

/* Зірки відгуків → чорнило (а не золоте) */
.star_content .star_on, .star_content .star.star_on,
.comments_note .star_on, .grade-stars .star.on,
.star-rating .star.on, [class*="star"] .fa-star,
.product-comments .stars .on, .comment-rating .on,
.star.on, .stars .star.full{
  color:var(--adicto-ink) !important;
}

/* ВИНЯТОК: іконка лупи в кнопці пошуку має лишатись світлою (на чорній кнопці) */
#search_widget button, .search-widget button, #searchbox button{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:46px !important;
}
#search_widget button i, #search_widget button svg, #search_widget button .material-icons,
.search-widget button i, .search-widget button svg, .search-widget button .material-icons,
#searchbox button i, #searchbox button svg{
  color:var(--adicto-paper) !important;
  fill:var(--adicto-paper) !important;
  font-size:16px !important;
  line-height:1 !important;
}

/* Вирівняти шапкові контакт-іконки по центру висоти ряду пошуку */
.header-contact, .contact-rich, #_desktop_contact,
#header .htmlblock, .header-phone{
  display:flex !important;
  align-items:center !important;
}

/* ============================================================
   ПІДГОНКА ПІД ЕТАЛОН (Home.html)
   ============================================================ */

/* 1. Фото товару — на світлому ГРАДІЄНТІ + multiply (як в іншому проекті).
   JPEG із білим фоном: multiply «вибиває» біле, велосипед лишається.
   Працює лише зі СВІТЛИМ градієнтом (кремові тони). */
.product-miniature .thumbnail-container,
.product-miniature .thumbnail.product-thumbnail,
.product-miniature .product-thumbnail,
.thumbnail-container .product-thumbnail,
.product-image, .js-product-miniature .thumbnail{
  background:var(--adicto-paper-raised) !important;
}
.product-miniature .product-thumbnail{
  display:block !important;
  border-bottom:1px solid var(--adicto-line-soft) !important;
  padding:10px !important;
}
.product-miniature .product-thumbnail img,
.js-product-miniature .product-thumbnail img{
  mix-blend-mode:normal !important;
  background:transparent !important;
}
/* тіло картки лишається крем */
.product-miniature .product-description,
.product-miniature .card-body,
.thumbnail-container .product-description{
  background:var(--adicto-paper-raised) !important;
}

/* 2. Пошук — КОРОТШИЙ */
#search_widget, .search-widget, #searchbox,
.col-header-center #search_widget{
  max-width:340px !important;
  width:100% !important;
  margin-right:auto !important;
}
.col-header-center{ justify-content:flex-start !important; }

/* 2b. РОЗКЛАДКА ШАПКИ (override header-1) — один ряд як у Home.html */
.adicto-head{
  flex-wrap:nowrap !important;
  min-height:86px !important;
  gap:22px !important;
}
.adicto-head > [class*="col-header"]{
  padding-left:0 !important;
  padding-right:0 !important;
}
.adicto-logo-col{ flex:0 0 auto !important; }
#desktop_logo img, #desktop_logo .logo{ max-height:44px !important; width:auto !important; }

/* контакт-іконки між лого і пошуком — рівним рядком */
.adicto-contacts{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
}
.adicto-contacts ul, .adicto-contacts .links,
.adicto-contacts > div, .adicto-contacts nav{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.adicto-contacts li{ margin:0 !important; }

/* пошук — займає середину, але вузький */
.adicto-search-col{ flex:1 1 auto !important; }
.adicto-search-col #search_widget,
.adicto-search-col .iqit-search,
.adicto-search-col form{
  max-width:360px !important;
  width:100% !important;
  margin:0 auto 0 0 !important;
}

/* дії праворуч (кошик + акаунт) одним рядом, притиснуті до краю */
.adicto-actions{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  margin-left:auto !important;
}
.adicto-actions > *{ display:flex !important; align-items:center !important; }

/* кошик — компактно: лише іконка + лічильник, без рядків Subtotal/Transporte/Total */
.adicto-actions .blockcart .header .cart-products-count{ font-size:11px !important; }
.adicto-actions .cart-subtotals,
.adicto-actions .blockcart .body,
.adicto-actions .blockcart .cart-total,
.adicto-actions .header-cart-totals{ display:none !important; }

/* 3. Заголовки розділів — ДРІБНІШІ (ще наполегливіше) */
.products-section-title,
h1.products-section-title, h2.products-section-title,
.featured-products .products-section-title,
.featured-products h2, .page-home h2, .page-home .h2,
.block-title, .section-title, .home-title, .h2.text-uppercase,
#products .h2, .products-section .h1{
  font-size:18px !important;
  line-height:1.3 !important;
  letter-spacing:0.6px !important;
  font-weight:600 !important;
}

/* 4. Боковий блок категорій — прибрати рожевий заголовок + рівні відступи */
.block-categories .block-title,
.block-categories h6, .block-categories .h6,
.block-category .block-title, .category-top-menu .h6,
#category .block-title, .sidebar .block .title,
#left-column .block-categories .h6{
  background:var(--adicto-paper-sunken) !important;
  color:var(--adicto-ink) !important;
  border:0 !important;
  border-bottom:1px solid var(--adicto-line) !important;
  text-transform:uppercase !important;
  letter-spacing:0.8px !important;
  font-size:12px !important;
  padding:12px 14px !important;
  margin:0 !important;
}
/* список категорій — однаковий ритм */
.block-categories .category-sub-menu,
.block-categories ul{ margin:0 !important; padding:6px 14px !important; }
.block-categories .category-sub-menu li,
.block-categories ul li{
  margin:0 !important;
  border:0 !important;
  list-style:none !important;
}
.block-categories .category-sub-menu li a,
.block-categories ul li a,
.block-categories .navbar-toggler{
  display:block !important;
  padding:7px 0 !important;
  line-height:1.4 !important;
  font-size:12px !important;
  letter-spacing:0.3px !important;
  color:var(--adicto-ink) !important;
}
.block-categories .category-sub-menu li a:hover{ color:var(--adicto-red) !important; }
/* прибрати будь-який рожевий фон у блоці категорій */
.block-categories, .block-categories li, .block-categories .h6 + *,
.block-categories .current a, .block-categories li.current{
  background-color:transparent !important;
}
.block-categories{ background:var(--adicto-paper-raised) !important; }

/* ── Вирівнювання шапки (3 колонки Warehouse) ── */
#header .header-top > .container > .row,
#header .header-top .row{ align-items:center !important; }
.col-header-left, .col-header-center, .col-header-right{
  display:flex !important;
  align-items:center !important;
}
.col-header-center{ flex:1 1 auto !important; }
.col-header-right{ justify-content:flex-end !important; }
.col-header-right .row.no-gutters{ align-items:center !important; }
/* контакт-іконки притиснути до пошуку, рівним рядком */
.col-header-left, .col-header-center{ gap:16px !important; }


/* ============================================================
   ВИПРАВЛЕННЯ ЗА СКРІНАМИ (червень) — 4 пункти
   Стандартні селектори Warehouse / PrestaShop 8, без .adicto-*
   (ті класи є лише в header-1.tpl-варіанті й на живому DOM не діють).
   ============================================================ */

/* ── 1. ШАПКА: прибрати «розкидані» рядки кошика ───────────
   На скріні під іконками стирчить блок:
   CARRITO 0 ARTÍCULOS / Subtotal / Transporte / Total.
   Лишаємо тільки іконку кошика + лічильник, решту ховаємо. */
.blockcart .cart-preview .body,
.blockcart .cart-subtotals,
.blockcart .cart-total,
.blockcart .header-cart-totals,
.blockcart .cart-text,
#_desktop_cart .cart-preview .body,
#_desktop_cart .header-cart-totals,
.header-cart-totals,
.cart-subtotals,
.shopping-cart .cart-total{
  display:none !important;
}
/* сам блок кошика — компактно, в один рядок з іконкою акаунта */
#_desktop_cart, .blockcart, .header-cart{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}
.blockcart .header, .blockcart .cart-preview > .header{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
/* блок «account + cart» вирівняти в один ряд, не стовпчиком */
.user-info, .header-icons, #_desktop_user_info,
.col-header-right .row, .col-header-right .row.no-gutters{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}
/* контакт-іконки: рівний рядок, не переносити */
.contact-rich .data, .contact-rich .item,
#_desktop_contact .data, .header-contact .item{
  display:inline-flex !important;
  align-items:center !important;
}

/* ── 2. БІЧНЕ МЕНЮ КАТЕГОРІЙ: прибрати «стрілочки» над літерами ──
   Це toggler-іконки розкриття (Warehouse .navbar-toggler), які
   наш старий `display:block` виштовхнув НАД текстом.
   Повертаємо їх праворуч і дрібними. */
.block-categories .category-sub-menu li,
.block-categories ul li{ position:relative !important; }

.block-categories .navbar-toggler,
.block-categories a.navbar-toggler,
.block-categories .collapse-icons{
  position:absolute !important;
  top:50% !important;
  right:0 !important;
  transform:translateY(-50%) !important;
  float:none !important;
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  width:22px !important;
  height:22px !important;
  justify-content:flex-end !important;
}
/* іконки розкриття мусять лишатись шрифтом Material Icons (не моно!) */
.block-categories .material-icons,
.block-categories .navbar-toggler .material-icons,
.block-categories .collapse-icons .material-icons{
  font-family:'Material Icons' !important;
  font-size:16px !important;
  line-height:1 !important;
  color:var(--adicto-ink-4) !important;
}
/* захист іконкових шрифтів усюди — щоб моно не ламала гліфи */
.material-icons{ font-family:'Material Icons' !important; }
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"],
.fa::before, .fas::before, .far::before, .fab::before,
[class^="fa-"]::before, [class*=" fa-"]::before,
[class^="icon-"], [class*=" icon-"]{
  font-family:'FontAwesome','Font Awesome 5 Free','Font Awesome 6 Free' !important;
  font-weight:400 !important;
}
/* ── ЛУПА ПОШУКУ знову видима (FontAwesome \f002, не моно) ── */
#search_widget button, .search-widget button, .search-widget .search-btn,
#searchbox button{
  font-family:'FontAwesome' !important;
}
#search_widget button i, #search_widget button .fa, #search_widget button [class*="fa-"],
.search-widget button i, .search-widget .search-btn i, .search-widget button [class*="fa-"],
#searchbox button i,
#search_widget button::before, .search-widget .search-btn::before, .search-widget button::before{
  font-family:'FontAwesome' !important;
  color:var(--adicto-paper) !important;
  fill:var(--adicto-paper) !important;
  font-size:16px !important;
  line-height:1 !important;
}
/* СПРАВЖНЯ ПРИЧИНА «рисок над літерами»: FontAwesome-шеврон \f105 у
   псевдоелементі :before рендериться шрифтом моно → .notdef-квадратик.
   Повертаємо FontAwesome саме для цих іконкових ::before/::after. */
.block-links ul > li a::before,
.block-links ul > li a:before,
.block-categories a::before,
.block-categories .category-sub-menu li a::before,
.block-categories li a:before,
.category-sub-menu a::before{
  font-family:'FontAwesome' !important;
  font-weight:400 !important;
  -webkit-font-smoothing:antialiased;
}
/* лишити місце під стрілку справа, щоб не налазила на текст */
.block-categories .category-sub-menu li > a:first-child,
.block-categories ul li > a:first-child{
  padding-right:26px !important;
}

/* ── 3. КАРТКА ТОВАРУ: назва й ціна на окремих рядках ──────
   На скріні назва впритул до ціни в один рядок.
   Робимо опис карткою-стовпчиком: назва → (відступ) → ціна. */
.product-miniature .product-description,
.js-product-miniature .product-description,
.thumbnail-container .product-description{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  padding:14px !important;
}
.product-miniature .product-title,
.js-product-miniature .product-title{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding-right:0 !important;
  line-height:1.45 !important;
  text-wrap:pretty;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.product-miniature .product-price-and-shipping,
.js-product-miniature .product-price-and-shipping{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  gap:8px !important;
  width:100% !important;
  margin-top:2px !important;
}
/* стара ціна під/поруч новою, не злипається */
.product-miniature .product-price-and-shipping .regular-price{
  margin-left:0 !important;
}

/* ── 4. ПІДВАЛ: компактніше й рівніше ──────────────────────
   Менше «повітря», контактний блок у стовпчик без обрізань. */
.footer-container, #footer{
  padding-top:6px !important;
  padding-bottom:20px !important;
}
/* прибрати зайве «повітря» внутрішнього контейнера підвалу */
#footer-container-main,
#footer > .container,
#footer .footer-top,
.footer-container > .container{
  padding-top:0 !important;
  margin-top:0 !important;
}
#footer .footer-top > .container > .row,
#footer-container-main > .container > .row{ margin-top:0 !important; }
.footer-container .row, #footer .row{
  align-items:flex-start !important;
}
/* колонки лінків — щільніше */
.footer-container .links ul li,
#footer .links ul li,
.footer-container .block ul li{
  margin:0 !important;
  line-height:1.5 !important;
}
.footer-container .links ul li a,
#footer .links ul li a{
  display:inline-block !important;
  padding:4px 0 !important;
  font-size:12px !important;
}
/* заголовки колонок — компактні */
.footer-container .h3, #footer .h3,
.footer-container .title h3{
  margin-bottom:10px !important;
  padding-bottom:8px !important;
  font-size:11px !important;
  letter-spacing:0.8px !important;
}
/* newsletter — вужчий, охайний */
.block_newsletter, #footer .block_newsletter{
  max-width:360px !important;
}
.block_newsletter p{ font-size:11px !important; line-height:1.5 !important; }
/* КОНТАКТНИЙ блок (адреса/телефони/email) — у стовпчик, нічого не ріжемо */
#footer .contact-rich, #footer .blockcontact, #footer .ps_contactinfo,
.footer-container .block-contact, .footer-container .contact-rich,
#footer .linklist .contact-rich{
  display:block !important;
  max-width:100% !important;
}
#footer .contact-rich .data,
#footer .blockcontact li,
#footer .ps_contactinfo li,
.footer-container .block-contact li{
  display:block !important;
  float:none !important;
  width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  line-height:1.5 !important;
  font-size:12px !important;
}
/* підпис «Adicto.Bike» над адресою, а не поруч */
#footer .contact-rich .h3 + .data,
#footer .contact-rich strong{
  display:block !important;
  margin-bottom:4px !important;
}


/* ── 5. ТЕСТОВА ЧЕРВОНА СМУГА «CASH TEST» ──────────────────
   Це інлайн-h1 (position:fixed; background:red; z-index:9999),
   лишений як тест. Ховаємо. Правильніше — знайти й видалити
   цей блок у бекофісі (Custom HTML / шаблон), але CSS прибере зараз. */
[style*="position: fixed"][style*="9999"],
[style*="position:fixed"][style*="9999"],
h1[style*="background: red"],
h1[style*="background:red"]{
  display:none !important;
}


/* ── 6. ШИРИНА КАРТОК ТОВАРУ: по 3 в ряд (вужче) ──────────
   Зараз картки занадто широкі (по 2). Робимо листинг 3-в-ряд
   для всіх категорій — дрібні товари перестають «плавати». */
#js-product-list .products > .product,
#js-product-list .products > .js-product,
.products.product_list > .product,
.products.product_list > .js-product,
#products .products > .product,
#products .products > .js-product{
  flex:0 0 33.3333% !important;
  max-width:33.3333% !important;
  width:33.3333% !important;
}
@media (max-width:991px){
  #js-product-list .products > .product,
  #js-product-list .products > .js-product,
  #products .products > .product,
  #products .products > .js-product{
    flex:0 0 50% !important; max-width:50% !important; width:50% !important;
  }
}
@media (max-width:575px){
  #js-product-list .products > .product,
  #js-product-list .products > .js-product,
  #products .products > .product,
  #products .products > .js-product{
    flex:0 0 100% !important; max-width:100% !important; width:100% !important;
  }
}

/* ── 6b. ВЕЛО-КАТЕГОРІЇ: повертаємо по 2 в ряд ─────────────
   PrestaShop додає на <body> клас з ID категорії (напр. category-12).
   Реальні ID велокатегорій: 6 та 57. Покриваємо всі варіанти класу. */
body.category-id-6 #js-product-list .products > .product,
body#category-6 #js-product-list .products > .product,
body.category-6 #js-product-list .products > .product,
body.category-id-57 #js-product-list .products > .product,
body#category-57 #js-product-list .products > .product,
body.category-57 #js-product-list .products > .product{
  flex:0 0 50% !important;
  max-width:50% !important;
  width:50% !important;
}


/* ============================================================
   БАТЧ ВИПРАВЛЕНЬ #2 (червень)
   ============================================================ */

/* ── 7. ПІДВАЛ: прибрати весь блок newsletter (зависокий) ── */
.block_newsletter,
#footer .block_newsletter,
.ps-emailsubscription,
#blockEmailSubscription,
.footer-container .block_newsletter,
.footer-top .block_newsletter{
  display:none !important;
}

/* ── 8. КОНТАКТНИЙ блок у підвалі: щільні рядки як у списку лінків ──
   (відстань як в Ofertas / Novedades / Marcas). Текст (1 телефон,
   email hello@adicto.bike) міняється в бекофісі — CSS лише ущільнює. */
#footer .contact-rich,
#footer .blockcontact,
#footer .ps_contactinfo,
.footer-container .block-contact{
  line-height:1.5 !important;
}
#footer .contact-rich .data,
#footer .blockcontact li,
#footer .ps_contactinfo li,
.footer-container .block-contact li,
#footer .contact-rich li{
  margin:0 !important;
  padding:4px 0 !important;
  line-height:1.5 !important;
  font-size:12px !important;
}
/* прибрати порожні роздільники/великі проміжки в контактному блоці */
#footer .contact-rich hr,
#footer .blockcontact hr,
#footer .ps_contactinfo hr{ display:none !important; }

/* ── 9. "Ask for available" — БЕЗ підложки, помаранчевий текст ── */
.product-availability,
.availability-badge,
.product-flags .availability,
[class*="ask-for"],
.stock-availability,
.product-miniature .product-availability{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--adicto-red) !important;
  padding:2px 0 !important;
  font-weight:700 !important;
  text-shadow:0 1px 3px rgba(255,253,247,.7) !important;
}

/* ── 10. ВИРІВНЯТИ ВИСОТУ КАРТОК (рядок однакової висоти, ціна знизу) ── */
#js-product-list .products,
.featured-products .products,
.products-section .products,
.product_list.products{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}
#js-product-list .products > .product,
#js-product-list .products > .js-product,
.featured-products .products > .product,
.featured-products .products > .js-product,
.products-section .products > .product{
  display:flex !important;
}
.product-miniature,
.js-product-miniature,
.thumbnail-container{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-miniature .thumbnail-container{ height:100% !important; }
.product-miniature .product-description,
.js-product-miniature .product-description{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
/* назва займає місце під 2 рядки → ціни вирівнюються по всіх картках */
.product-miniature .product-title,
.js-product-miniature .product-title{
  min-height:2.9em !important;
}
.product-miniature .product-price-and-shipping,
.js-product-miniature .product-price-and-shipping{
  margin-top:auto !important;
}
/* для каруселі (slick) — слайди однакової висоти */
.featured-products .slick-track,
.products-section .slick-track{ display:flex !important; }
.featured-products .slick-slide,
.products-section .slick-slide{ height:auto !important; }
.featured-products .slick-slide > div,
.products-section .slick-slide > div{ height:100% !important; display:flex !important; }

/* ── 11. ШРИФТ ГОЛОВНОГО МЕНЮ — дрібніше (надійні селектори) ── */
#iqitmegamenu-horizontal a,
#iqitmegamenu-horizontal > .container > ul > li > a,
.iqitmegamenu-wrapper ul > li > a,
.iqitmegamenu-content > ul > li > a,
.cbp-hrmenu > ul > li > a,
#_desktop_top_menu .top-menu > li > a,
#_desktop_top_menu .top-menu a,
.menu > ul > li > a{
  font-size:9.5px !important;
  letter-spacing:0.4px !important;
}
/* підрозділи у випадайці лишаємо читабельними */
.cbp-hrsub a,
.iqitmegamenu-subwrapper a,
.sub-menu a{ font-size:11px !important; }

/* ── 12. ВИПАДАЙКА КАТЕГОРІЙ — ЧОРНИЙ фон (і внутрішні обгортки) ── */
.cbp-hrsub,
.cbp-hrsub-inner,
.cbp-hrsub .container,
.cbp-hrsub .row,
.cbp-hrsub [class*="col"],
.cbp-hrsub ul,
.cbp-hrsub .mega-content,
.iqitmegamenu-subwrapper,
.iqitmegamenu-subwrapper-inner,
.iqitmegamenu-subwrapper .row,
.iqitmegamenu-subwrapper [class*="col"],
.iqitmegamenu-subwrapper ul,
.iqitmegamenu-subwrapper .mega-content,
.sub-menu,
.sub-menu .container,
.sub-menu .row,
.sub-menu ul,
.top-menu .sub-menu{
  background-color:var(--adicto-ink) !important;
  background-image:none !important;
  border-color:var(--adicto-ink) !important;
}


/* ============================================================
   БАТЧ #3 — ФІКСОВАНА ШИРИНА 1366 + ДРІБНІША ТИПОГРАФІКА
   ============================================================ */

/* ── 13. (СКАСОВАНО) Обрізання до 1366px ламало Elementor-hero ──
   (розтягнута секція з негативними margin виштовхувалась у чорний блок).
   Повертаємо повну ширину як у темі — сайт працює. */
html{ background:var(--adicto-paper) !important; }
body{ overflow-x:hidden !important; }
#header,
.header-top, #header .header-top,
#wrapper,
.iqit-megamenu-container,
#iqitmegamenu-wrapper, .iqitmegamenu-wrapper,
#footer, #footer-container-main, .footer-container,
#main, #content-wrapper{
  max-width:none !important;
  float:none !important;
}

/* ── 14. ДРІБНІША ТИПОГРАФІКА (як у візуалізаторі) ──────────── */
body, .page, #wrapper, #content-wrapper{ font-size:12px !important; }
p, li, td, th, label, .product-desc, .rte, .description, a{ font-size:12px !important; }
.header-top, .header-top a, .header-nav, .header-nav a{ font-size:10.5px !important; }
h1, .h1, .page-heading, .product-detail-name{ font-size:20px !important; }
h2, .h2, .products-section-title, .featured-products h2, .page-home h2{ font-size:15px !important; }
h3, .h3{ font-size:13px !important; }
.breadcrumb, .breadcrumb a{ font-size:10.5px !important; }
.product-miniature .product-title, .product-title a{ font-size:11px !important; }
.product-price-and-shipping, .product-price, .price{ font-size:13px !important; }
.regular-price{ font-size:10.5px !important; }
/* головне меню лишається 9.5px (вже задано вище) */


/* ============================================================
   БАТЧ #4 (червень) — ПЕРЕПИСАНО ПО РЕАЛЬНОМУ DOM
   (з вивантаженого HTML живого магазину — справжні класи Warehouse
   + IQIT mega-menu + Elementor, а не вгадані .block-* / #js-product-list)
   ============================================================ */

/* ── 15. КАРТКА ТОВАРУ: назва ліворуч, ціна праворуч, відступ ──
   Реальна структура:
   .product-miniature .product-description
     └ .row.justify-content-end
         ├ .col                              ← категорія, назва, бренд, реф, варіанти
         └ .col.col-auto.product-miniature-right
             └ .product-price-and-shipping   ← ціна
   Тобто це Bootstrap-рядок: назву (.col) розтягуємо, ціну
   (.col-auto.product-miniature-right) тримаємо праворуч із gap. */
.product-miniature .product-description .row,
.js-product-miniature .product-description .row{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px 16px !important;
  margin:0 !important;
}
.product-miniature .product-description .row > .col,
.js-product-miniature .product-description .row > .col{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.product-miniature .product-description .row > .product-miniature-right,
.product-miniature .product-description .row > .col-auto,
.js-product-miniature .product-description .row > .product-miniature-right{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  margin-left:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:right !important;
}
.product-miniature .product-miniature-right .product-price-and-shipping,
.product-miniature .product-miniature-right .product-price{
  white-space:nowrap !important;
  margin:0 !important;
}
/* назва: дозволяємо перенос у 2 рядки, без обрізання */
.product-miniature .product-title,
.js-product-miniature .product-title{
  margin:0 0 4px 0 !important;
  min-height:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* ── 16. ЛІСТИНГ КАТЕГОРІЇ: по 3 в ряд ─────────────────────────
   Warehouse grid: #js-product-list .products > .js-product-miniature-wrapper
   (або > .product). Тут карусель Elementor сама показує 3 (slidesToShow),
   а ось сітка категорії — нижче. */
#js-product-list .products{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}
#js-product-list .products > .js-product-miniature-wrapper,
#js-product-list .products > .product,
#js-product-list .products > .js-product{
  flex:0 0 33.3333% !important;
  max-width:33.3333% !important;
  width:33.3333% !important;
}
@media (max-width:991px){
  #js-product-list .products > .js-product-miniature-wrapper,
  #js-product-list .products > .product,
  #js-product-list .products > .js-product{
    flex:0 0 50% !important; max-width:50% !important; width:50% !important;
  }
}
@media (max-width:575px){
  #js-product-list .products > .js-product-miniature-wrapper,
  #js-product-list .products > .product,
  #js-product-list .products > .js-product{
    flex:0 0 100% !important; max-width:100% !important; width:100% !important;
  }
}

/* ── 16b. РОЗДІЛ ВЕЛОСИПЕДІВ: по 2 в ряд ───────────────────────
   Реальні ID велокатегорій: 6 та 57 (решта категорій лишаються по 3).
   PrestaShop додає на <body> клас category-<ID>; покриваємо всі варіанти. */
body.category-id-6 #js-product-list .products > .js-product-miniature-wrapper,
body.category-id-6 #js-product-list .products > .product,
body.category-id-6 #js-product-list .products > .js-product,
body.category-6 #js-product-list .products > .js-product-miniature-wrapper,
body.category-6 #js-product-list .products > .product,
body.category-6 #js-product-list .products > .js-product,
body#category-6 #js-product-list .products > .js-product-miniature-wrapper,
body#category-6 #js-product-list .products > .product,
body#category-6 #js-product-list .products > .js-product,
body.category-id-57 #js-product-list .products > .js-product-miniature-wrapper,
body.category-id-57 #js-product-list .products > .product,
body.category-id-57 #js-product-list .products > .js-product,
body.category-57 #js-product-list .products > .js-product-miniature-wrapper,
body.category-57 #js-product-list .products > .product,
body.category-57 #js-product-list .products > .js-product,
body#category-57 #js-product-list .products > .js-product-miniature-wrapper,
body#category-57 #js-product-list .products > .product,
body#category-57 #js-product-list .products > .js-product{
  flex:0 0 50% !important;
  max-width:50% !important;
  width:50% !important;
}

/* ── 17. БЛОК ПЕРЕВАГ (Elementor 25nvd08): ЧОРНИЙ фон ────────────
   Секція envío/garantía/preparación/asesoramiento. Робимо фон ink,
   текст світлим, лінії зверху/знизу чорні. Іконки (червоні SVG) як є. */
.elementor-element.elementor-element-25nvd08,
.elementor-element.elementor-element-25nvd08 > .elementor-container,
.elementor-element.elementor-element-25nvd08 .elementor-row,
.elementor-element.elementor-element-25nvd08 .elementor-column-wrap,
.elementor-element.elementor-element-25nvd08 .elementor-element-populated,
.elementor-element.elementor-element-25nvd08 .elementor-widget-wrap,
.elementor-element.elementor-element-25nvd08 .elementor-widget-container{
  background-color:var(--adicto-ink) !important;
  background-image:none !important;
}
.elementor-element.elementor-element-25nvd08{
  border-top:2px solid var(--adicto-ink) !important;
  border-bottom:2px solid var(--adicto-ink) !important;
}
/* текст усередині — світлий */
.elementor-element-25nvd08 .elementor-image-box-title,
.elementor-element-25nvd08 .elementor-image-box-description,
.elementor-element-25nvd08 .elementor-image-box-description p,
.elementor-element-25nvd08 h3,
.elementor-element-25nvd08 p{
  color:var(--adicto-paper) !important;
}
/* запасні селектори блока переваг (якщо Elementor-id інший) */
.block-advantages, .advantages, .reassurance, .iqit-reassurance,
.iqitcustomadvfeatures, .custom-advantages, .blockreassurance,
.advertising-block, .ps_features_block{
  background-color:var(--adicto-ink) !important;
  border-top:2px solid var(--adicto-ink) !important;
  border-bottom:2px solid var(--adicto-ink) !important;
}

/* ── 18. МЕНЮ: прибрати дрібну глюк-стрілку над першою літерою ──
   Це декоративний ::before на посиланні категорії, що рендериться
   не тим шрифтом → значок над текстом. Прибираємо ::before; самі
   функціональні стрілки розкриття (.expand-icon / .cbp-submenu-aindicator,
   окремі <i>) лишаються. */
.cbp-hrmenu .cbp-tab-title::before,
.cbp-category-link-w a::before,
.cbp-hrmenu a.nav-link::before,
.mobile-menu__link::before,
.mobile-menu__tab-title::before,
.mobile-menu__links-list-li > a::before,
.mobile-menu__column-categories a::before,
.mobile-menu__column-title::before{
  content:none !important;
  display:none !important;
}

/* ── 19. ШАПКА (desktop-header-style-2): рівне вирівнювання ──────
   Реальна структура:
   #desktop-header .header-top .row.align-items-center
     ├ .col-header-left   (#desktop_logo)
     ├ .col-header-center (.head-contact-icons + #search_widget)
     └ .col-header-right  (.row.no-gutters.justify-content-end → user + cart)
   На повній ширині — один рівний рядок; коли вузько й колонки
   переносяться — центруємо, щоб не «їхало» вліво стовпчиком. */
#desktop-header .header-top .row.align-items-center{
  align-items:center !important;
}
.head-contact-icons{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 !important;
}
.col-header-right .row.no-gutters{
  align-items:center !important;
  flex-wrap:nowrap !important;
}
#header-user-btn .header-btn,
.header-cart-btn-w .blockcart .header > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
/* коли колонки шапки переносяться (планшет) — центруємо все */
@media (max-width:991px){
  #desktop-header .header-top .row.align-items-center{
    flex-wrap:wrap !important;
    justify-content:center !important;
    row-gap:12px !important;
  }
  #desktop-header .col-header-left,
  #desktop-header .col-header-center,
  #desktop-header .col-header-right{
    flex:0 0 100% !important;
    max-width:100% !important;
    justify-content:center !important;
  }
  #desktop-header .head-contact-icons{ justify-content:center !important; }
  #desktop-header .col-header-right .row.no-gutters{ justify-content:center !important; }
}


/* ── 20. ШАПКА: прибрати довгий підпис "CARRITO N ARTÍCULOS" ──────
   На вузькій ширині кошик показує текст "CARRITO 0 ARTÍCULOS".
   Лишаємо тільки іконку кошика + числовий лічильник.
   Числовий бейдж .cart-products-count лишається видимим. */
.blockcart .header a .cart-products-count,
.header-cart-btn-w .cart-products-count{
  /* числовий лічильник лишити видимим */
  display:inline-flex !important;
}
/* текстову частину "CARRITO ... ARTÍCULOS" ховаємо */
.blockcart .header a .text,
.blockcart .header a .cart-text,
.header-cart-btn-w .cart-text,
.header-cart-btn-w .header-cart-content,
.header-cart-btn-w .cart-title,
#_desktop_cart .cart-text,
.blockcart .header-cart-label,
.blockcart .cart-name{
  display:none !important;
}

/* акаунт + кошик: рівний рядок, іконки однакового розміру, без переносу */
.col-header-right .row.no-gutters,
#header-user-btn,
.header-cart-btn-w{
  display:inline-flex !important;
  align-items:center !important;
  gap:18px !important;
  white-space:nowrap !important;
}
#header-user-btn .header-btn i,
#header-user-btn .header-btn svg,
.header-cart-btn-w .blockcart i,
.header-cart-btn-w .blockcart svg{
  font-size:20px !important;
  line-height:1 !important;
}

/* на планшеті/мобайлі: контакт-іконки + акаунт + кошик в одну стрічку */
@media (max-width:991px){
  #desktop-header .col-header-center,
  #desktop-header .col-header-right{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
  }
  #desktop-header .head-contact-icons{ gap:18px !important; }
}


/* ── 21. ГОЛОВНА: секції товарів → ГОРИЗОНТАЛЬНА КАРУСЕЛЬ ──────────
   "En oferta" / "Los más vendidos" мають бути горизонтальною стрічкою
   квадратних карток, а не стосом на всю ширину.
   Працює і для slick-каруселі (.slick-track/.slick-slide), і як
   горизонтальний скрол, якщо slick не ініціалізувався. */

/* контейнер списку → флекс-рядок, що скролиться вбік */
.featured-products .products,
.products-section .products,
.elementor-widget-products .products,
.productscategory .products,
.ps_productslist .products,
.tab-content .products{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:16px !important;
  align-items:stretch !important;
  scroll-snap-type:x proximity;
  padding-bottom:10px !important;
  -webkit-overflow-scrolling:touch;
}
/* slick-варіант: трек — рядок */
.featured-products .slick-track,
.products-section .slick-track,
.elementor-widget-products .slick-track{
  display:flex !important;
  flex-wrap:nowrap !important;
}

/* КОЖНА КАРТКА: фіксована, квадратніша (~280px) */
.featured-products .products > *,
.products-section .products > *,
.elementor-widget-products .products > *,
.productscategory .products > *,
.ps_productslist .products > *,
.featured-products .slick-slide,
.products-section .slick-slide,
.elementor-widget-products .slick-slide{
  flex:0 0 280px !important;
  max-width:280px !important;
  width:280px !important;
  scroll-snap-align:start;
}
/* slick сам ставить inline width на слайди — лишаємо наш width переважати */
.featured-products .slick-slide > div,
.products-section .slick-slide > div{ height:100% !important; display:flex !important; }

/* ЗОБРАЖЕННЯ — КВАДРАТНЕ (як еталон) */
.featured-products .product-miniature .thumbnail-container,
.products-section .product-miniature .thumbnail-container,
.featured-products .product-miniature .product-thumbnail,
.products-section .product-miniature .product-thumbnail,
.elementor-widget-products .product-miniature .product-thumbnail{
  display:block !important;
  width:100% !important;
  aspect-ratio:1/1 !important;
  overflow:hidden !important;
}
.featured-products .product-miniature .product-thumbnail img,
.products-section .product-miniature .product-thumbnail img,
.elementor-widget-products .product-miniature .product-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
  padding:14px !important;
}

/* у вузькій картці: назва й ціна — СТОВПЧИКОМ (не ліворуч/праворуч) */
.featured-products .product-miniature .product-description .row,
.products-section .product-miniature .product-description .row,
.elementor-widget-products .product-miniature .product-description .row{
  flex-wrap:wrap !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
}
.featured-products .product-miniature .product-description .row > .product-miniature-right,
.products-section .product-miniature .product-description .row > .product-miniature-right,
.featured-products .product-miniature .product-description .row > .col-auto,
.products-section .product-miniature .product-description .row > .col-auto{
  margin-left:0 !important;
  text-align:left !important;
}

/* охайний скрол-бар стрічки (тонкий, ink) */
.featured-products .products::-webkit-scrollbar,
.products-section .products::-webkit-scrollbar{ height:6px; }
.featured-products .products::-webkit-scrollbar-thumb,
.products-section .products::-webkit-scrollbar-thumb{
  background:var(--adicto-line); border-radius:0;
}


/* ── 22. ПІДВАЛ — КОНТАКТНИЙ блок: щільні рядки як у списках лінків ──
   Гасимо великі проміжки між "Tienda / Taller / WhatsApp / email" —
   ритм такий самий, як у колонках Ofertas / Novedades / Marcas. */
#footer .contact-rich,
#footer .blockcontact,
#footer .ps_contactinfo,
.footer-container .block-contact,
#footer .linklist .contact-rich{
  line-height:1.5 !important;
}
#footer .contact-rich p,
#footer .contact-rich .data,
#footer .contact-rich li,
#footer .blockcontact p,
#footer .blockcontact li,
#footer .ps_contactinfo p,
#footer .ps_contactinfo li,
.footer-container .block-contact p,
.footer-container .block-contact li{
  margin:0 !important;
  padding:3px 0 !important;
  line-height:1.5 !important;
  font-size:12px !important;
}
/* прибрати порожні абзаци/роздільники, що дають великі діри */
#footer .contact-rich p:empty,
#footer .blockcontact p:empty,
#footer .ps_contactinfo p:empty,
#footer .contact-rich br,
#footer .blockcontact br,
#footer .ps_contactinfo br{
  display:none !important;
}
#footer .contact-rich hr,
#footer .blockcontact hr,
#footer .ps_contactinfo hr{
  margin:8px 0 !important;
}
/* iqitcontactpage: ущільнити .part-рядки та роздільники */
#footer .contact-rich .part,
.footer-container .contact-rich .part,
.block-iqitcontactpage .contact-rich .part{
  margin:0 !important;
  padding:3px 0 !important;
  line-height:1.5 !important;
}
#footer .contact-rich .part hr,
.block-iqitcontactpage .contact-rich hr{
  margin:6px 0 !important;
}
#footer .contact-rich .part .data,
.block-iqitcontactpage .contact-rich .data{
  margin:0 !important;
  line-height:1.5 !important;
  font-size:12px !important;
}


/* ── 23. ВЕРХ САЙТУ: рівний колір на всю ширину + прибрати лінію ──
   Проблема А: службова смуга + шапка були обрізані колонкою 1366px,
   тож по краях світився інакший відтінок body-паперу.
   Рішення: фон верху тягнемо на всю ширину, контент лишаємо в колонці. */
#header,
#desktop-header,
.header-top,
#header .header-top,
#header .header-nav,
.header-nav{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  float:none !important;
}
/* єдиний відтінок паперу для всього верху (службова + шапка) */
html,
body,
#header,
#desktop-header,
.header-top,
#header .header-top,
#header .header-nav,
.header-nav{
  background-color:var(--adicto-paper) !important;
}
/* внутрішній контент верху лишається центрованим у колонці */
#header .container,
#desktop-header .container,
.header-top .container,
.header-nav .container{
  max-width:1340px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Проблема Б: світла лінія між меню (чорна смуга) і головним фото.
   Це бордер/тінь меню або верхній край hero-секції. Прибираємо. */
#iqitmegamenu-wrapper,
.iqitmegamenu-wrapper,
#iqitmegamenu-horizontal,
#iqitmegamenu-horizontal .container,
#iqitmegamenu-horizontal > .container > ul,
#_desktop_top_menu,
.main-menu,
.menu{
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
/* верхній край першої секції контенту (hero / Elementor / слайдер) */
#content .elementor-section:first-of-type,
#content-wrapper > .elementor:first-of-type .elementor-section:first-of-type,
.elementor-top-section:first-of-type,
#wrapper .homeslider,
#wrapper .iqithtmlandbanners:first-of-type,
.hero{
  border-top:0 !important;
  margin-top:0 !important;
}
/* прибрати можливий просвіт паперу між меню і фото */
#iqitmegamenu-wrapper{ margin-bottom:0 !important; }


/* ── 24. ВИПАДАЙКА МЕНЮ: світлий текст; заголовки колонок — помаранчеві ──
   Зараз пункти підменю (TODAS LAS BICICLETAS, ...DE CARRETERA, ...)
   майже чорні на чорному. Робимо всі посилання БІЛИМИ,
   а заголовки колонок-підрозділів — ПОМАРАНЧЕВИМИ (red акцент). */

/* усі посилання й текст усередині випадайки → папір (білий-крем) */
.cbp-hrsub a,
.cbp-hrsub li a,
.cbp-hrsub span,
.cbp-hrsub .cbp-category-link-w a,
.iqitmegamenu-subwrapper a,
.iqitmegamenu-subwrapper li a,
.iqitmegamenu-subwrapper span,
.sub-menu a,
.sub-menu li a,
.top-menu .sub-menu a,
#iqitmegamenu-horizontal .cbp-hrsub a,
.mobile-menu__column a,
.mobile-menu__links-list-li a{
  color:var(--adicto-paper) !important;
  opacity:1 !important;
}
.cbp-hrsub a:hover,
.iqitmegamenu-subwrapper a:hover,
.sub-menu a:hover,
.mobile-menu__column a:hover,
.mobile-menu__links-list-li a:hover{
  color:var(--adicto-red) !important;
}

/* заголовки колонок (підрозділи з вкладеними розділами) → помаранчеві */
.cbp-hrsub .cbp-category-title,
.cbp-hrsub .title,
.cbp-hrsub a.title,
.cbp-hrsub h4,
.cbp-hrsub .h4,
.cbp-hrsub .cbp-menu-title,
.iqitmegamenu-subwrapper .title,
.iqitmegamenu-subwrapper h4,
.iqitmegamenu-subwrapper .h4,
.iqitmegamenu-subwrapper .iqitmegamenu-title,
.iqitmegamenu-subwrapper .column-title,
.sub-menu .title,
.sub-menu h4,
.mobile-menu__column-title,
.mobile-menu__column-title a{
  color:var(--adicto-red) !important;
  opacity:1 !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  letter-spacing:0.6px !important;
}
.cbp-hrsub .cbp-category-title:hover,
.iqitmegamenu-subwrapper .title:hover{
  color:var(--adicto-red) !important;
}


/* ── 25. ПІДВАЛ: прибрати нижню білу смугу + усе після неї ───────
   Нижче колонок підвалу йде світла смуга й нижній бар (копірайт /
   способи оплати). Видаляємо їх і прибираємо білий просвіт. */
.footer-bottom,
#footer-bottom,
#footer .footer-bottom,
.footer-container .footer-bottom,
.bottom-footer,
#bottom-footer,
.footer-after,
.footer-copyright,
.copyright,
#footer .copyright,
#footer-copyrights,
._footer-copyrights-1,
.footer-container #footer-copyrights,
.footer-payment,
.block-payment-footer,
#footer .payment-systems{
  display:none !important;
}
/* прибрати білий просвіт під колонками підвалу */
#footer,
.footer-container,
.footer-top{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
  background-color:var(--adicto-ink) !important;
}
/* якщо біла смуга — окремий wrapper між top і bottom */
#footer > .container > hr,
#footer hr,
.footer-container hr{
  display:none !important;
}


/* ============================================================
   БАТЧ #5 — ПО РЕАЛЬНОМУ DOM adicto.bike (Swiper + cbp-меню + iqit)
   ============================================================ */

/* ── 26. КАРУСЕЛЬ ТОВАРІВ = ГОРИЗОНТАЛЬНА (Swiper) ────────────────
   Реальна карусель — Elementor ProductsList на Swiper:
   .swiper-container-wrapper > .products.elementor-products-carousel
   .swiper-container > .swiper-wrapper > .swiper-slide >
   .js-product-miniature-wrapper > article.product-miniature
   Робимо горизонтальну стрічку зі скролом (не залежить від JS Swiper). */
.elementor-products-carousel.swiper-container,
.swiper-products-carousel.swiper-container,
.swiper-container-wrapper .products.swiper-container{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
}
.elementor-products-carousel .swiper-wrapper,
.swiper-products-carousel .swiper-wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  flex-direction:row !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;     /* показати весь ряд, скрол замість translate */
  gap:16px !important;
  align-items:stretch !important;
}
.elementor-products-carousel .swiper-slide,
.swiper-products-carousel .swiper-slide{
  flex:0 0 300px !important;
  width:300px !important;
  max-width:300px !important;
  height:auto !important;
  margin:0 !important;
  display:flex !important;
}
/* тонкий скрол-бар стрічки */
.elementor-products-carousel.swiper-container::-webkit-scrollbar{ height:6px; }
.elementor-products-carousel.swiper-container::-webkit-scrollbar-thumb{ background:var(--adicto-line); }

/* ── 26b. КАРТКА: однакова висота + квадратне фото + ціна знизу ───
   2-рядкова назва більше не робить картку вищою за сусідні. */
.swiper-slide .js-product-miniature-wrapper,
.swiper-slide .product-miniature,
.swiper-slide article.product-miniature,
.swiper-slide .product-miniature-grid,
.product-miniature-grid,
.swiper-products-carousel .swiper-slide{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  display:block !important;
}
/* опис і його .row — природний потік (block), без flex-штовхання вниз */
.swiper-slide .product-miniature .product-description,
.product-miniature-grid .product-description{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:12px !important;
}
/* розплющуємо вкладену .row, щоб назва-колонка й ціна-колонка стали
   прямими дітьми стовпчика опису і стали впритул одна під одною */
.swiper-slide .product-miniature .product-description > .row,
.product-miniature-grid .product-description > .row{
  display:contents !important;
}
.swiper-slide .product-miniature .product-description > .row > .col,
.product-miniature-grid .product-description > .row > .col{
  width:100% !important;
  max-width:100% !important;
  flex:none !important;
  padding:0 !important;
  margin:0 !important;
}
.swiper-slide .product-miniature .product-miniature-right,
.product-miniature-grid .product-miniature-right{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  order:5 !important;
}
.swiper-slide .product-miniature .product-price-and-shipping,
.product-miniature-grid .product-price-and-shipping{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:8px !important;
}
.swiper-slide .product-miniature .product-price,
.product-miniature-grid .product-price{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:var(--adicto-ink) !important;
}
.product-miniature-grid .thumbnail-container .product-thumbnail,
.swiper-slide .product-miniature .product-thumbnail{
  display:block !important;
  width:100% !important;
  aspect-ratio:auto !important;
  height:190px !important;
  overflow:hidden !important;
}
.product-miniature-grid .product-thumbnail img,
.swiper-slide .product-miniature .product-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
  padding:14px !important;
}
.swiper-slide .product-miniature .product-description{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
/* назва: рівно 2 рядки (clamp), щоб висота карток була однакова */
.swiper-slide .product-miniature .product-title,
.product-miniature-grid .product-title{
  min-height:0 !important;
  max-height:2.8em !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
/* ціна — одразу під назвою (не притиснута до низу) */
.swiper-slide .product-miniature .product-price-and-shipping,
.product-miniature-grid .product-price-and-shipping{
  margin-top:4px !important;
}

/* ── 27. NEWSLETTER у підвалі — прибрати остаточно ────────────────
   Реальний клас — .ps-emailsubscription-block (модуль ps_emailsubscription).
   Це прямий нащадок #footer-container-main .container > .row. */
.ps-emailsubscription-block,
#footer .ps-emailsubscription-block,
#footer-container-main .ps-emailsubscription-block,
.footer-container .ps-emailsubscription-block,
.ps-emailsubscription-conditions{
  display:none !important;
}

/* ── 28. КОНТАКТИ у підвалі: прибрати останні 3 рядки + розтягнути ─
   Структура: .block-iqitcontactpage .block-content
       ├ .contact-rich  (Adicto.Bike / адреса / телефон / email)
       └ <hr> + .part   (Tienda / Taller / WhatsApp)  ← ПРИБИРАЄМО
   .part і <hr> — прямі нащадки .block-content (поза .contact-rich). */
.block-iqitcontactpage .block-content > .part,
.block-iqitcontactpage .block-content > hr{
  display:none !important;
}
/* розтягнути контактний блок по вертикалі (рівномірні проміжки) */
.block-iqitcontactpage{
  display:flex !important;
  flex-direction:column !important;
}
.block-iqitcontactpage .block-content,
.block-iqitcontactpage .contact-rich{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
.block-iqitcontactpage .contact-rich{
  justify-content:flex-start !important;
  gap:6px !important;
}
.block-iqitcontactpage .contact-rich .part,
.block-iqitcontactpage .contact-rich strong{
  margin:0 0 6px 0 !important;
  padding:0 !important;
  line-height:1.5 !important;
}
.block-iqitcontactpage .contact-rich .data{ line-height:1.5 !important; }

/* ── 29. МЕНЮ: при sticky (скрол) не з'їжджати вліво ──────────────
   Тема iqit має reveal-menu (rm_sticky). Коли меню стає fixed, його
   внутрішній контейнер втрачав центрування. Тримаємо центр завжди. */
#iqitmegamenu-wrapper{
  left:0 !important;
  right:0 !important;
}
/* ЧОРНА СМУГА меню — по ширині КАРТИНКИ/контенту (1240px, центровано),
   щоб краї збігалися з hero-банером нижче. */
.iqit-megamenu-container{
  max-width:none !important;
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  float:none !important;
}
#iqitmegamenu-wrapper,
#iqitmegamenu-wrapper .container-iqitmegamenu,
#iqitmegamenu-horizontal{
  max-width:none !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}
/* sticky-стан меню (fixed) — центрований ряд на всю ширину фону */
#iqitmegamenu-wrapper[style*="fixed"],
#iqitmegamenu-wrapper.fixed,
.rm-fixed #iqitmegamenu-wrapper,
.menu-is-fixed #iqitmegamenu-wrapper{
  width:100% !important;
  background:var(--adicto-ink) !important;
}

/* ── 30. ПРИБРАТИ ПРОСВІТ між чорним меню і головним фото ─────────
   Чорна смуга меню має лягати впритул до картинки. */
.iqit-megamenu-container,
#iqitmegamenu-wrapper,
.header-nav{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
#wrapper > .container.iqit-megamenu-container{ margin-bottom:0 !important; }
#content-wrapper,
#content,
#main,
.page-home,
#content .elementor:first-of-type,
#content .elementor-section:first-of-type,
.elementor-element-ezmmh9g{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}


/* ============================================================
   БАТЧ #6 — ШИРИНА САЙТУ = ГОЛОВНА КАРТИНКА + ТЕКСТОВИЙ ЛОГОТИП
   ============================================================ */

/* ── 31. (ПРИБРАНО) Нейтралізація Elementor-розтяжки ламала hero —
   ширину сайту НЕ чіпаємо через Elementor. Лишаємо як було. */

/* ── 32. ЛОГОТИП: чорний ТЕКСТ «ADICTO.BIKE» замість картинки ────
   Зараз шапка вантажить img-лого. Ховаємо його й малюємо текст моно. */
#desktop_logo img,
#desktop_logo img.logo,
#desktop_logo .logo img,
.header-logo img{
  display:none !important;
}
#desktop_logo a,
#desktop_logo .logo{
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
  line-height:1 !important;
}
#desktop_logo a::after{
  content:"ADICTO.BIKE";
  font-family:var(--adicto-mono) !important;
  font-weight:700 !important;
  font-size:30px !important;
  letter-spacing:-1.5px !important;
  text-transform:uppercase !important;
  color:var(--adicto-ink) !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* ── 32b. СЛУЖБОВА СМУГА: маленький червоний знак ліворуч ────────
   Додаємо логотип-знак (logo-red.png у assets теми) перед лінками. */
.header-nav .left-nav{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.header-nav .left-nav::before{
  content:"";
  flex:0 0 auto;
  width:16px;
  height:16px;
  background:url("../logo-red.png") center/contain no-repeat;
}


/* ============================================================
   БАТЧ #7 — En oferta/vendidos (НЕ Swiper) + ШАПКА в один рядок
   ============================================================ */

/* ── 33. «En oferta» / «Los más vendidos» → ГОРИЗОНТАЛЬНА СТРІЧКА ──
   Це блоки .block > .products з article.product-miniature-small
   (списковий layout: .row.list-small-gutters → фото col-3 + текст col).
   Це НЕ Swiper. Робимо .products горизонтальним скролом, а кожну
   міні-картку — вертикальною (фото зверху, текст знизу), фікс. ширини. */
.block > .products{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:16px !important;
  align-items:flex-start !important;
  padding-bottom:10px !important;
  -webkit-overflow-scrolling:touch;
}
.block > .products > .product-miniature{
  flex:0 0 240px !important;
  width:240px !important;
  max-width:240px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  overflow:visible !important;
}
/* всередині: фото зверху, текст знизу (а не ліворуч/праворуч) */
.block > .products .product-miniature-small .row.list-small-gutters,
.product-miniature-small .row.list-small-gutters{
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  margin:0 !important;
}
.product-miniature-small .thumbnail-container.col-3,
.product-miniature-small .thumbnail-container{
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}
.product-miniature-small .thumbnail-container .product-thumbnail{
  display:block !important;
  width:100% !important;
  aspect-ratio:auto !important;
  height:150px !important;
  overflow:hidden !important;
  background:var(--adicto-paper-raised) !important;
  border:1px solid var(--adicto-line-soft) !important;
}
.product-miniature-small .thumbnail-container .product-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
  padding:18px !important;
}
.product-miniature-small .product-description.col,
.product-miniature-small .product-description{
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
  padding:12px !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-miniature-small .product-title{
  min-height:0 !important;
  margin:0 0 6px 0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.product-miniature-small .product-price-and-shipping{ margin-top:0 !important; }
/* тонкий скрол-бар */
.block > .products::-webkit-scrollbar{ height:6px; }
.block > .products::-webkit-scrollbar-thumb{ background:var(--adicto-line); }

/* ── 34. ШАПКА: примусовий один горизонтальний рядок ─────────────
   Реальна структура desktop-header-style-2:
   #desktop-header .header-top #desktop-header-container.container
     .row.align-items-center
       .col-header-left   (#desktop_logo)
       .col-header-center (.header-custom-html=.head-contact-icons + #search_widget)
       .col-header-right  (.row.no-gutters → user + cart)
   Максимальна специфічність, щоб перекрити Bootstrap/Warehouse. */
#desktop-header .header-top #desktop-header-container > .row.align-items-center{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:22px !important;
}
#desktop-header .header-top .row.align-items-center > .col-header-left{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}
#desktop-header .header-top .row.align-items-center > .col-header-center{
  flex:1 1 auto !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:18px !important;
}
#desktop-header .header-top .row.align-items-center > .col-header-right{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}
/* всередині центру: контакти ліворуч, пошук розтягується */
#desktop-header .col-header-center .header-custom-html{
  flex:0 0 auto !important;
  margin:0 !important;
}
#desktop-header .col-header-center .head-contact-icons{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
#desktop-header .col-header-center #search_widget{
  flex:1 1 auto !important;
  max-width:360px !important;
  margin:0 !important;
}
/* праворуч: акаунт + кошик у рядок */
#desktop-header .col-header-right > .row.no-gutters{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:16px !important;
}


/* ============================================================
   БАТЧ #8 — RECOVERY (прилипле меню, контакти, пошук, картки)
   ============================================================ */

/* ── 35. «ПРИЛИПЛЕ» МЕНЮ (stuck) — нормальна висота, не чорний блок ──
   При скролі тема робить #iqitmegamenu-wrapper.stuck position:fixed.
   Через ink-фон і роздуту висоту виходив величезний чорний блок.
   Фіксуємо вгорі, висота — як один ряд. Дропдауни лишаються absolute. */
.sticky-desktop-wrapper{ height:auto !important; min-height:0 !important; }
#iqitmegamenu-wrapper.stuck,
#iqitmegamenu-wrapper.stuck-menu,
#iqitmegamenu-wrapper.stuck-header-element{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:auto !important;
  max-height:60px !important;
  z-index:1000 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.15) !important;
}
#iqitmegamenu-wrapper.stuck .container-iqitmegamenu,
#iqitmegamenu-wrapper.stuck #iqitmegamenu-horizontal,
#iqitmegamenu-wrapper.stuck-menu .container-iqitmegamenu,
#iqitmegamenu-wrapper.stuck-menu #iqitmegamenu-horizontal{
  max-height:60px !important;
  overflow:visible !important;
}
/* мега-дропдауни завжди absolute (не в потоці → не роздувають смугу) */
.cbp-hrmenu .cbp-hrsub{ position:absolute !important; }

/* ── 36. ПОШУК у шапці — повернути видимий інпут ──────────────────
   Секція 34 стиснула пошук до іконки. Даємо інпуту ширину. */
#desktop-header .col-header-center #search_widget{
  flex:1 1 280px !important;
  min-width:240px !important;
  max-width:380px !important;
}
#desktop-header #search_widget form,
#desktop-header #search_widget .input-group{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
}
#desktop-header #search_widget .input-group .form-control,
#desktop-header #search_widget input[type=text],
#desktop-header #search_widget input.form-search-control{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
}
#desktop-header #search_widget .search-btn,
#desktop-header #search_widget button{ flex:0 0 auto !important; }

/* ── 37. КОНТАКТИ у підвалі — КОМПАКТНО (block, тісні рядки) ───────
   Прибираємо будь-яке «розтягування»; рядки впритул один до одного. */
.block-iqitcontactpage,
.block-iqitcontactpage .block-content,
.block-iqitcontactpage .contact-rich{
  display:block !important;
  min-height:0 !important;
}
.block-iqitcontactpage .contact-rich strong,
.block-iqitcontactpage .contact-rich .part{
  display:block !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  line-height:1.5 !important;
}
.block-iqitcontactpage .contact-rich .part .data,
.block-iqitcontactpage .contact-rich .part p,
.block-iqitcontactpage .contact-rich .part .icon{
  margin:0 !important;
  padding:0 !important;
  line-height:1.5 !important;
}
.block-iqitcontactpage .contact-rich br{ display:none !important; }

/* ── 38. КАРТКИ En oferta/vendidos — повернути назви+ціни, прибрати білу смугу ──
   Фото нижче (щоб лишити місце тексту), опис явно видимий, без порожнього хвоста. */
.block > .products > .product-miniature{
  height:auto !important;
}
.block > .products .product-miniature-small .thumbnail-container .product-thumbnail{
  aspect-ratio:auto !important;
  height:190px !important;
}
.block > .products .product-miniature-small .product-description,
.block > .products .product-miniature-small .product-description.col{
  display:flex !important;
  flex-direction:column !important;
  min-height:auto !important;
  padding:12px !important;
}
.block > .products .product-miniature-small .product-title,
.block > .products .product-miniature-small .product-title a,
.block > .products .product-miniature-small .product-price-and-shipping,
.block > .products .product-miniature-small .product-price,
.block > .products .product-miniature-small .regular-price{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.block > .products .product-miniature-small .product-title a,
.block > .products .product-miniature-small .product-price{
  color:var(--adicto-ink) !important;
}
.block > .products .product-miniature-small .product-title{
  min-height:2.8em !important;
  max-height:2.8em !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  margin:0 0 6px 0 !important;
}


/* ============================================================
   БАТЧ #9 — НАЗВА НАД ЦІНОЮ (стовпчиком) + ВИСОТА МЕНЮ (чорний блок)
   ============================================================ */

/* ── 39. НАЗВА окремим рядком, ЦІНА — нижче (усі сітки товарів) ──
   Зараз назва+ціна злипаються в один ряд. Робимо опис стовпчиком:
   назва (повна ширина) → ціна (наступний рядок). */
.product-miniature .product-description,
.js-product-miniature .product-description,
.featured-products .product-miniature .product-description,
.elementor-widget-products .product-miniature .product-description,
.swiper-slide .product-miniature .product-description{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.product-miniature .product-description > .row,
.featured-products .product-miniature .product-description > .row,
.elementor-widget-products .product-miniature .product-description > .row,
.swiper-slide .product-miniature .product-description > .row{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:100% !important;
  margin:0 !important;
}
.product-miniature .product-description > .row > [class*="col"]{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  padding:0 !important;
}
.product-miniature .product-title,
.featured-products .product-miniature .product-title,
.elementor-widget-products .product-miniature .product-title,
.swiper-slide .product-miniature .product-title{
  display:block !important;
  width:100% !important;
  margin:0 0 6px 0 !important;
  order:0 !important;
}
.product-miniature .product-price-and-shipping,
.featured-products .product-miniature .product-price-and-shipping,
.elementor-widget-products .product-miniature .product-price-and-shipping,
.swiper-slide .product-miniature .product-price-and-shipping{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  order:1 !important;
}

/* ── 40. ВИСОТА ГОЛОВНОГО МЕНЮ — фікс «чорного блока» ─────────────
   Чорнильний #iqitmegamenu-horizontal роздувався у висоту, бо його
   <ul> з пунктами ставав стовпчиком. Примусово: бар = один рядок,
   пункти в горизонтальний flex, висота по контенту (не 500px).
   Дропдауни (.cbp-hrsub) строго absolute → не додають висоти. */
#iqitmegamenu-wrapper,
.iqit-megamenu-container,
#iqitmegamenu-horizontal{
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
}
#iqitmegamenu-horizontal > .container,
#iqitmegamenu-horizontal .container-iqitmegamenu{
  height:auto !important;
}
#iqitmegamenu-horizontal > .container > ul,
.cbp-hrmenu > ul{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#iqitmegamenu-horizontal > .container > ul > li,
.cbp-hrmenu > ul > li{
  float:none !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
}
#iqitmegamenu-horizontal > .container > ul > li > a,
.cbp-hrmenu > ul > li > a{
  display:flex !important;
  align-items:center !important;
  height:auto !important;
  line-height:1.2 !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
/* випадайки НЕ в потоці — не роздувають бар */
.cbp-hrmenu .cbp-hrsub,
#iqitmegamenu-horizontal .cbp-hrsub,
.iqitmegamenu-subwrapper{
  position:absolute !important;
  top:100% !important;
  left:0 !important;
}


/* ============================================================
   БАТЧ #10 — BEST SELLER: прибрати смугу-пагінацію + стрілки по краях
   ============================================================ */

/* ── 41. Swiper-карусель BEST SELLER ─────────────────────────────
   Прибираємо нижню смугу (pagination / scrollbar / dots),
   натомість показуємо стрілки ‹ › по лівому та правому краю. */
.swiper-products-carousel .swiper-pagination,
.swiper-container-wrapper .swiper-pagination,
.elementor-swiper-pagination,
.swiper-dots-outside,
.swiper-products-carousel .swiper-scrollbar,
.swiper-container-wrapper .swiper-scrollbar{
  display:none !important;
}
/* контейнер каруселі — місце під стрілки з боків */
.swiper-container-wrapper{
  position:relative !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* стрілки: круглі, по центру вертикалі, на краях */
.swiper-container-wrapper .swiper-button,
.swiper-container-wrapper .swiper-button-prev,
.swiper-container-wrapper .swiper-button-next{
  position:absolute !important;
  top:42% !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;
  width:30px !important;
  height:30px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--adicto-ink) !important;
  border:0 !important;
  border-radius:50% !important;
  cursor:pointer !important;
  opacity:.92 !important;
  transition:opacity .15s ease, background .15s ease !important;
}
.swiper-container-wrapper .swiper-button-prev:hover,
.swiper-container-wrapper .swiper-button-next:hover{
  background:var(--adicto-red) !important;
  opacity:1 !important;
}
.swiper-container-wrapper .swiper-button-prev{ left:6px !important; right:auto !important; }
.swiper-container-wrapper .swiper-button-next{ right:6px !important; left:auto !important; }
/* ховаємо стрілку, якщо в той бік немає куди гортати (край),
   і всі стрілки, якщо карусель уся вміщується (lock) */
.swiper-container-wrapper .swiper-button-disabled,
.swiper-container-wrapper .swiper-button-lock,
.swiper-container-wrapper .swiper-button.swiper-button-disabled{
  display:none !important;
}
/* стрілки-гліфи (перекриваємо стандартні svg/іконки теми) */
.swiper-container-wrapper .swiper-button-prev::after,
.swiper-container-wrapper .swiper-button-next::after,
.swiper-container-wrapper .swiper-button-prev::before,
.swiper-container-wrapper .swiper-button-next::before{
  font-family:inherit !important;
  font-size:13px !important;
  line-height:1 !important;
  color:var(--adicto-paper) !important;
  background:none !important;
}
.swiper-container-wrapper .swiper-button-prev::after{ content:"‹" !important; }
.swiper-container-wrapper .swiper-button-next::after{ content:"›" !important; }
.swiper-container-wrapper .swiper-button-prev::before,
.swiper-container-wrapper .swiper-button-next::before{ content:"" !important; }
/* приховуємо власні svg-іконки теми у стрілках */
.swiper-container-wrapper .swiper-button-prev svg,
.swiper-container-wrapper .swiper-button-next svg,
.swiper-container-wrapper .swiper-button-prev i,
.swiper-container-wrapper .swiper-button-next i{ display:none !important; }


/* ============================================================
   БАТЧ #11 — ПІДВАЛ: контакти ЩІЛЬНО (прибрати великі діри)
   ============================================================ */

/* ── 42. Footer-контакти: block + малі відступи ──────────────────
   .contact-rich був flex з gap:14px (+ margin-bottom 8px на рядках) →
   величезні проміжки. Робимо block і тісні рядки. */
#footer .contact-rich,
.footer-container .contact-rich,
.block-iqitcontactpage .contact-rich{
  display:block !important;
  gap:0 !important;
}
#footer .contact-rich .part,
.footer-container .contact-rich .part,
.block-iqitcontactpage .contact-rich .part,
#footer .contact-rich strong,
.block-iqitcontactpage .contact-rich strong,
#footer .contact-rich .data,
.footer-container .contact-rich .data,
.block-iqitcontactpage .contact-rich .data,
#footer .contact-rich li{
  display:block !important;
  margin:0 0 2px 0 !important;
  padding:0 !important;
  line-height:1.4 !important;
}
/* блок підрозділу (заголовок «Taller»/«Tienda» + дані) — невеликий розрив */
#footer .contact-rich .part + .part,
.block-iqitcontactpage .contact-rich .part + .part{
  margin-top:8px !important;
}

/* ── 43. Footer-контакти: ПРИБРАТИ <hr> між рядками + іконка інлайн ──
   Справжня причина великих дір — <hr/> роздільники між .part. */
#footer .contact-rich hr,
.footer-container .contact-rich hr,
.block-iqitcontactpage .contact-rich hr{
  display:none !important;
  margin:0 !important;
  border:0 !important;
  height:0 !important;
}
#footer .contact-rich .part,
.footer-container .contact-rich .part,
.block-iqitcontactpage .contact-rich .part{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:8px !important;
  margin:0 0 5px 0 !important;
  padding:0 !important;
}
#footer .contact-rich .part + .part,
.block-iqitcontactpage .contact-rich .part + .part{
  margin-top:5px !important;
}
#footer .contact-rich .part .icon,
.footer-container .contact-rich .part .icon,
.block-iqitcontactpage .contact-rich .part .icon{
  display:inline-block !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
#footer .contact-rich .part .data,
.footer-container .contact-rich .part .data,
.block-iqitcontactpage .contact-rich .part .data{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.4 !important;
}
#footer .contact-rich .part p,
.block-iqitcontactpage .contact-rich .part p{
  margin:0 0 2px 0 !important;
}
#footer .contact-rich .part br,
.block-iqitcontactpage .contact-rich .part br{ display:none !important; }

/* ── 44. ЦІНА В ОДИН РЯДОК: поточна + перекреслена стара поруч ──────
   .product-price-and-shipping = .product-price (нова) + .regular-price (стара).
   Робимо контейнер flex-рядком (перекриваємо block із секції 39). */
.product-miniature .product-price-and-shipping,
.featured-products .product-miniature .product-price-and-shipping,
.elementor-widget-products .product-miniature .product-price-and-shipping,
.swiper-slide .product-miniature .product-price-and-shipping,
.block > .products .product-miniature-small .product-price-and-shipping{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  gap:8px !important;
}
.product-miniature .product-price-and-shipping .product-price,
.product-miniature .product-price-and-shipping .price,
.product-miniature .product-price-and-shipping .regular-price{
  display:inline-block !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* ── 45. СТРІЛКИ ‹ › для стрічок En oferta/vendidos (.block>.products) ──
   JS (custom.js) робить .block позиційним (.ad-strip-host) і додає кнопки,
   НЕ змінюючи структуру стрічки. Стрілки видно лише коли є куди гортати. */
.ad-strip-host{ position:relative !important; }
/* ховаємо нативний скрол-бар стрічки (гортаємо стрілками) */
.block > .products{
  scrollbar-width:none !important;        /* Firefox */
  -ms-overflow-style:none !important;
}
.block > .products::-webkit-scrollbar{ display:none !important; height:0 !important; }
.ad-strip-arrow{
  position:absolute !important;
  transform:translateY(-50%) !important;
  z-index:30 !important;
  width:29px !important; height:29px !important;
  display:none;                            /* показуємо лише якщо є скрол */
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:var(--adicto-ink) !important;
  color:var(--adicto-paper) !important;
  border:0 !important;
  border-radius:50% !important;
  font-size:15px !important;
  line-height:1 !important;
  cursor:pointer !important;
  opacity:.92 !important;
  box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
  transition:opacity .15s ease, background .15s ease !important;
}
.ad-strip-arrow:hover{ background:var(--adicto-red) !important; opacity:1 !important; }
/* показуємо стрілки лише коли стрічка прокручувана */
.ad-strip-host.ad-has-scroll .ad-strip-arrow{ display:flex !important; }
/* край без подальшого прокручування — стрілка ХОВАЄТЬСЯ зовсім */
.ad-strip-arrow.ad-disabled{ display:none !important; }
.ad-strip-prev{ left:-10px !important; }
.ad-strip-next{ right:-10px !important; }


/* ============================================================
   БАТЧ #12 — ШАПКА: АКАУНТ + КОШИК ЯК ІКОНКИ (праворуч)
   ============================================================ */

/* ── 46. Кошик = ІКОНКА (не текст), акаунт = ІКОНКА, праворуч ──────
   Розмітка кошика: .blockcart .header > a містить два безкласові
   <span> ("Carrito" / "0 artículos") і НЕ має іконки. Ховаємо тексти,
   малюємо іконку кошика через ::before. Акаунт: лишаємо <i>, ховаємо
   текст .title ("Iniciar sesión" / "Mi cuenta"). */

/* права група притиснута до краю, акаунт ліворуч від кошика */
#desktop-header .col-header-right > .row.no-gutters{
  justify-content:flex-end !important;
  gap:18px !important;
}

/* АКАУНТ: лише іконка */
#header-user-btn .header-btn .title,
#header-user-btn .header-user-btn .title,
.header-user-btn-w .title{
  display:none !important;
}
#header-user-btn .header-btn{
  gap:0 !important;
  color:var(--adicto-ink) !important;
}
#header-user-btn .header-btn i,
#header-user-btn .header-btn .icon{
  font-size:20px !important;
  margin:0 !important;
}

/* КОШИК: ховаємо текстові span, малюємо іконку */
.header-cart-btn-w .blockcart .header > a > span,
#ps-shoppingcart .blockcart .header > a > span{
  display:none !important;
}
.header-cart-btn-w .blockcart .header > a,
#ps-shoppingcart .blockcart .header > a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  color:var(--adicto-ink) !important;
  line-height:1 !important;
}
.header-cart-btn-w .blockcart .header > a::before,
#ps-shoppingcart .blockcart .header > a::before{
  content:"\f07a";                       /* fa-shopping-cart (FontAwesome 4) */
  font-family:"FontAwesome","Font Awesome 5 Free" !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1 !important;
  color:var(--adicto-ink) !important;
}
/* числовий лічильник (якщо є) лишаємо видимим поряд з іконкою */
.header-cart-btn-w .blockcart .header > a .cart-products-count,
#ps-shoppingcart .blockcart .header > a .cart-products-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:16px !important;
  height:16px !important;
  margin-left:-6px !important;
  margin-top:-10px !important;
  padding:0 4px !important;
  font-size:10px !important;
  background:var(--adicto-red) !important;
  color:#fff !important;
  border-radius:9px !important;
}

/* ── 47. ШАПКА: пошук по центру, контакт-іконки ліворуч, акаунт+кошик праворуч ──
   Колонки: [logo] | [contact-icons + search] | [account + cart].
   Центруємо пошук у центральній колонці; контакт-іконки притискаємо
   до лівого краю цієї колонки; праву групу — до правого краю. */
#desktop-header .col-header-center{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#desktop-header .col-header-center .header-custom-html{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}
#desktop-header .col-header-center #search_widget{
  margin:0 auto !important;
  flex:0 1 420px !important;
  width:100% !important;
  max-width:420px !important;
}
/* права група: акаунт ліворуч, кошик праворуч, притиснуто до краю */
#desktop-header .col-header-right{
  display:flex !important;
  justify-content:flex-end !important;
}
#desktop-header .col-header-right > .row.no-gutters{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
}
#desktop-header .col-header-right #header-user-btn{ order:0 !important; }
#desktop-header .col-header-right #ps-shoppingcart-wrapper,
#desktop-header .col-header-right .header-cart-btn-w{ order:1 !important; }


/* ── 48. СМУГА ПЕРЕВАГ: контент по ширині контенту (не на весь екран) ──
   Розтягнута Elementor-секція: чорний фон — повноширинний, але внутрішній
   .elementor-container обмежуємо й центруємо, щоб іконки+текст не вилазили
   за межі контентної колонки (вирівняти з картками нижче). */
.elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container{
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:15px !important;
  padding-right:15px !important;
}


/* ── 49. КАРТКИ ГОЛОВНОЇ (BEST SELLER): ціна одразу під назвою ─────
   У картці між назвою і ціною стоять бренд/референс/варіанти/опис —
   вони й створювали порожнечу. Ховаємо зайве, лишаємо назву + ціну. */
.swiper-slide .product-miniature .product-category-name,
.swiper-slide .product-miniature .product-brand,
.swiper-slide .product-miniature .product-reference,
.swiper-slide .product-miniature .products-variants,
.swiper-slide .product-miniature .variant-links,
.swiper-slide .product-miniature .product-description-short,
.product-miniature-grid .product-category-name,
.product-miniature-grid .product-brand,
.product-miniature-grid .product-reference,
.product-miniature-grid .products-variants,
.product-miniature-grid .variant-links,
.product-miniature-grid .product-description-short{
  display:none !important;
}
/* опис: назва + ціна щільно, без зайвих відступів */
.swiper-slide .product-miniature .product-description,
.product-miniature-grid .product-description{
  padding:12px !important;
}
.swiper-slide .product-miniature .product-description .row,
.product-miniature-grid .product-description .row{
  margin:0 !important;
}
.swiper-slide .product-miniature .product-price-and-shipping,
.product-miniature-grid .product-price-and-shipping{
  margin-top:6px !important;
}


/* ============================================================
   БАТЧ #13 — МЕГАМЕНЮ ПРАЦЮЄ БЕЗ JS ТЕМИ (самодостатнє на CSS)
   Симптом: JS теми (cbpHorizontalMenu.init) не відпрацьовував →
   випадайки лишались у потоці = високий порожній чорний блок,
   пункти не видно. Робимо меню коректним суто на CSS:
   пункти горизонтально, випадайки сховані й зʼявляються на hover.
   ============================================================ */

/* контейнери меню — нормальна висота, без роздування */
#iqitmegamenu-wrapper,
.iqit-megamenu-container,
#iqitmegamenu-horizontal,
#cbp-hrmenu{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

/* верхній ряд пунктів — горизонтальний flex, видимий */
#cbp-hrmenu > ul,
#iqitmegamenu-horizontal > .container > ul{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#cbp-hrmenu > ul > li{
  display:flex !important;
  align-items:center !important;
  float:none !important;
  position:relative !important;
  flex:0 0 auto !important;
}
#cbp-hrmenu > ul > li > a{
  display:inline-flex !important;
  align-items:center !important;
  height:auto !important;
  line-height:1.2 !important;
}
/* текст пунктів — світлий, видимий */
#cbp-hrmenu > ul > li > a .cbp-tab-title,
#cbp-hrmenu > ul > li > a .cbp-tab-title *{
  visibility:visible !important;
  opacity:1 !important;
  color:var(--adicto-paper) !important;
  white-space:nowrap !important;
}
#cbp-hrmenu > ul > li:hover > a .cbp-tab-title,
#cbp-hrmenu > ul > li:hover > a .cbp-tab-title *{
  color:var(--adicto-red) !important;
}

/* ВИПАДАЙКИ: сховані за замовчуванням; показуються на hover АБО коли
   JS теми додає .cbp-hropen (підтримуємо обидва шляхи). */
#cbp-hrmenu .cbp-hrsub{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  z-index:9999 !important;
}
#cbp-hrmenu > ul > li:hover > .cbp-hrsub,
#cbp-hrmenu > ul > li.cbp-hropen > .cbp-hrsub{
  display:block !important;
}


/* ============================================================
   БАТЧ #14 — ГОЛОВНИЙ ФІКС: РОЗДІЛИ МЕНЮ ЗНИКЛИ (root cause)
   ============================================================ */

/* ── 50. theme.css задає #iqitmegamenu-horizontal{ padding:0 500% } ──
   Це трюк теми для повноширинного ЧОРНОГО фону: величезний боковий
   padding розтягує тло, а компенсуючий negative-margin на внутрішньому
   контейнері повертав контент назад. Батч #29 прибрав той negative-margin
   (бар центрований на 1240px) — але 500% padding ЛИШИВСЯ.
   З box-sizing:border-box 500% = ~6200px з КОЖНОГО боку → контент-бокс
   #iqitmegamenu-horizontal стискався до 0 → #cbp-hrmenu і його <ul>
   ставали width:0 → УСІ ПУНКТИ МЕНЮ клипались (зникали), лишалась
   тільки порожня чорна смуга.
   Лік: прибрати цей боковий padding. Меню знову на всю ширину
   контейнера (1240px), усі розділи видно — і в превʼю, і на сайті. */
#iqitmegamenu-horizontal{
  padding-left:0 !important;
  padding-right:0 !important;
}


/* ============================================================
   БАТЧ #15 — ШАПКА: ПОШУК ПО ЦЕНТРУ (прибрати порожній .col-12)
   ============================================================ */

/* ── 51. У ряді #desktop-header .header-top .row.align-items-center
   є 4-й дочірній .col-12 з ПОРОЖНІМ <div class="row"></div>.
   Через forced flex-wrap:nowrap (батч #34) цей порожній стовпець
   займав 100% ширини ряду (1340px) і стискав лого/пошук/іконки у
   ліві ~600px → пошук опинявся ліворуч, а акаунт+кошик не діставали
   правого краю. Ховаємо порожній стовпець: центральна колонка
   розтягується на середину → ПОШУК ЦЕНТРУЄТЬСЯ, іконки йдуть праворуч. */
#desktop-header .header-top .row.align-items-center > .col-12{
  display:none !important;
}


/* ============================================================
   БАТЧ #16 — ЧОРНА СМУГА МЕНЮ ПО ШИРИНІ КАРТИНКИ (1601px)
   ============================================================ */

/* ── 52. Раніше (батч #29) смугу меню звузили до 1240px, припускаючи,
   що hero-картинка теж 1240. Насправді hero-зображення розтягнуте
   negative-margin'ами (-198/-193) своєї колонки до ~1601px (від 183
   до 1784 при ширині вікна 1977) — тобто ШИРШЕ за смугу.
   Вирівнюємо чорну смугу розділів по краях картинки: max-width 1601px,
   width 100%, центровано. Тепер смуга сягає тих самих країв, що й фото. */
.iqit-megamenu-container,
#desktop-header .iqit-megamenu-container,
#wrapper .iqit-megamenu-container,
#iqitmegamenu-wrapper,
#iqitmegamenu-wrapper .container-iqitmegamenu,
#iqitmegamenu-horizontal{
  max-width:1601px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  float:none !important;
}


/* ============================================================
   БАТЧ #17 — ФОТО ТОВАРІВ: ПОВЕРНУТИ КРЕМОВИЙ ГРАДІЄНТ + MULTIPLY
   ============================================================ */

/* ── 53. Симптом: товари знову на БІЛОМУ тлі. Причина: під час
   «recovery»-батчів фон мініатюр став суцільним --adicto-paper-raised,
   а зображенням повернули mix-blend-mode:normal → білий фон JPEG'ів
   перекриває крем і виглядає білим.
   Лік: тло мініатюри = світлий КРЕМОВИЙ ГРАДІЄНТ, а <img> →
   mix-blend-mode:multiply. На multiply біле (255) множиться на
   градієнт → стає прозорим (видно крем), а сам товар лишається.
   Покриваємо всі сітки/каруселі: звичайні картки, featured/swiper,
   product-miniature-grid та дрібні product-miniature-small. */

/* ТЛО-ГРАДІЄНТ на контейнері фото (саме воно «просвічує» крізь multiply) */
.product-miniature .thumbnail-container,
.product-miniature .thumbnail.product-thumbnail,
.product-miniature .product-thumbnail,
.thumbnail-container .product-thumbnail,
.product-image,
.js-product-miniature .thumbnail,
.featured-products .product-miniature .thumbnail-container,
.featured-products .product-miniature .product-thumbnail,
.products-section .product-miniature .thumbnail-container,
.products-section .product-miniature .product-thumbnail,
.elementor-widget-products .product-miniature .product-thumbnail,
.product-miniature-grid .thumbnail-container .product-thumbnail,
.product-miniature-grid .product-thumbnail,
.swiper-slide .product-miniature .product-thumbnail,
.swiper-slide .product-miniature .thumbnail-container,
.product-miniature-small .thumbnail-container .product-thumbnail,
.block > .products .product-miniature-small .thumbnail-container .product-thumbnail{
  background:linear-gradient(145deg,
              var(--adicto-paper-raised) 0%,
              var(--adicto-paper) 52%,
              var(--adicto-paper-sunken) 100%) !important;
  background-color:var(--adicto-paper-raised) !important;
}

/* ЗОБРАЖЕННЯ — MULTIPLY: біле тло JPEG зникає, лишається лише товар */
.product-miniature .product-thumbnail img,
.js-product-miniature .product-thumbnail img,
.featured-products .product-miniature .product-thumbnail img,
.products-section .product-miniature .product-thumbnail img,
.elementor-widget-products .product-miniature .product-thumbnail img,
.product-miniature-grid .product-thumbnail img,
.swiper-slide .product-miniature .product-thumbnail img,
.product-miniature-small .thumbnail-container .product-thumbnail img,
.block > .products .product-miniature-small .thumbnail-container .product-thumbnail img{
  mix-blend-mode:multiply !important;
  background:transparent !important;
}


/* ============================================================
   БАТЧ #18 — ВИРІВНЯТИ ЧОРНУ СМУГУ ПО КАРТИНЦІ (зсув ~2.5px)
   ============================================================ */

/* ── 54. Смуга меню центрована ідеально (margin:auto), а hero-картинка
   зміщена вліво на ~2.5px через асиметричні negative-margin'и колонки
   (-198 ліворуч / -193 праворуч). Тому чорна смуга виглядала зсунутою
   на пару пікселів УПРАВО відносно фото. Компенсуємо тим самим
   константним зсувом вліво (різниця margin'ів /2 = 2.5px). */
.iqit-megamenu-container{
  transform:translateX(-2.5px) !important;
}


/* ============================================================
   БАТЧ #19 — МЕНЮ-ХОВЕР, СТИК СМУГИ З ФОТО, КАРУСЕЛЬ, РАМКА ФОТО
   ============================================================ */

/* ── 55. ВИПАДАЙКА МЕНЮ не має зникати при русі курсора ВНИЗ
   до підрозділів. Причина — мікро-розрив між чорною смугою і
   випадайкою: курсор перетинає «дірку» і :hover губиться.
   (а) випадайка стик-в-стик зі смугою; (б) невидимий «місток»
   на всю ширину пункту, що з’єднує смугу й випадайку. */
#cbp-hrmenu > ul > li,
.cbp-hrmenu > ul > li{ position:relative !important; }
#cbp-hrmenu > ul > li > .cbp-hrsub,
.cbp-hrmenu > ul > li > .cbp-hrsub{
  margin-top:0 !important;
  top:100% !important;
}
/* тримати відкритою, поки наведено на пункт АБО на саму випадайку */
.cbp-hrmenu > ul > li:hover > .cbp-hrsub,
.cbp-hrmenu > ul > li.cbp-hropen > .cbp-hrsub,
.cbp-hrmenu > ul > li > .cbp-hrsub:hover{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
/* невидимий місток над будь-яким просвітом (12px) */
.cbp-hrmenu > ul > li:hover::after,
.cbp-hrmenu > ul > li.cbp-hropen::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:100% !important;
  height:14px !important;
  background:transparent !important;
  z-index:5 !important;
}

/* ── 56. ЧОРНА СМУГА → ОДРАЗУ ФОТО (без бежевої смужки/ліній).
   Робимо контейнер смуги теж ЧОРНИМ, прибираємо вертикальні
   падінги/бордери/тінь, аби з боків і знизу не світився папір. */
.iqit-megamenu-container,
#wrapper .iqit-megamenu-container,
#desktop-header .iqit-megamenu-container,
#header .iqit-megamenu-container{
  background:var(--adicto-ink) !important;
  background-color:var(--adicto-ink) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
#iqitmegamenu-wrapper,
.iqitmegamenu-wrapper,
#iqitmegamenu-horizontal{
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
/* перша секція контенту впритул під смугою (страховка -1px) */
#content .elementor-section:first-of-type,
#content-wrapper > .elementor:first-of-type .elementor-section:first-of-type,
.elementor-top-section:first-of-type,
#wrapper .homeslider,
#wrapper .iqithtmlandbanners:first-of-type{
  margin-top:-1px !important;
  border-top:0 !important;
  padding-top:0 !important;
}

/* ── 57. КАРУСЕЛЬ BEST SELLER: прибрати ЛІНІЮ (scrollbar/пагінацію),
   лишити тільки стрілки. Стрілка показується лише там, куди є куди
   гортати (swiper сам вішає .swiper-button-disabled на край). */
.swiper-products-carousel .swiper-scrollbar,
.elementor-products-carousel .swiper-scrollbar,
.swiper-products-carousel ~ .swiper-scrollbar,
.swiper-products-carousel .swiper-pagination,
.elementor-products-carousel .swiper-pagination,
.swiper-products-carousel ~ .swiper-pagination,
.elementor-swiper-pagination,
.swiper-dots-outside,
.swiper-scrollbar{
  display:none !important;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.elementor-swiper-button.swiper-button-disabled,
.swiper-products-carousel ~ .swiper-button-disabled{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ── 58. КАРТКИ «En oferta» / «Los más vendidos»: рамка навколо
   ФОТО (квадрат всередині), як у BEST SELLER, а не по краю картки.
   Прибираємо подвійний бордер і притиснуту-до-краю обводку,
   натомість — інсетний квадрат довкола фото. */
.block > .products .product-miniature,
.block > .products .product-miniature-small{
  border:0 !important;
}
.block > .products .product-miniature .thumbnail,
.block > .products .product-miniature .product-thumbnail{
  border:0 !important;
}
.block > .products .product-miniature .thumbnail-container{
  border:1.2px solid #e6ddc9 !important;
  background:#fffbf0 !important;
  margin:6px 6px 0 6px !important;
}

/* ── 59. ПІДЗАГОЛОВОК «Tienda de bicis con alma»: лінк усередині
   мав 12px (як меню/товар), а решта тексту 15px — виглядало як
   «різний регістр». Зрівнюємо розмір/вагу/інтервал з h2. */
.ab-premium__subtitle .ab-premium__link,
.ab-premium__subtitle a{
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  text-transform:inherit !important;
}


/* ============================================================
   БАТЧ #60 (червень) — ФІКСИ ЗА СКРІНАМИ · PrestaShop 8.2.0
   1 лінія в шапці · 2 рівна прямокутна випадайка · 2.1 hover-місток ·
   3 рамка фото як у BEST SELLER · 4 лінія під каруселлю ·
   5 стани стрілок (активна/неактивна) · класи нових секцій
   Селектори — по РЕАЛЬНОМУ DOM adicto.bike (cbp-меню + Swiper + iqit).
   ============================================================ */

/* ── 60.1 ПРИБРАТИ ЛІНІЮ між шапкою, чорним меню та hero ───────── */
#header, #desktop-header,
#header .header-top, .header-top,
#header .header-nav, .header-nav{
  border-bottom:0 !important;
  box-shadow:none !important;
}
.iqit-megamenu-container,
#iqitmegamenu-wrapper, .iqitmegamenu-wrapper,
#iqitmegamenu-horizontal, .cbp-hrmenu{
  border:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
#iqitmegamenu-wrapper::before, #iqitmegamenu-horizontal::before,
.iqit-megamenu-container::before{ display:none !important; }
#content .elementor-section:first-of-type,
#wrapper .homeslider{ border-top:0 !important; box-shadow:none !important; }

/* ── 60.2 ВИПАДАЙКА — РІВНИЙ ПРЯМОКУТНИК ────────────────────────
   Причина «багатогранності»: чорне тло сиділо на самих пунктах
   (довші рядки → ширший чорний фон → зубчастий край). Рішення:
   єдине тло на ПАНЕЛІ, всі внутрішні обгортки/пункти прозорі;
   панель фіксованої ширини. */
#iqitmegamenu-horizontal .cbp-hrsub,
.cbp-hrmenu .cbp-hrsub{
  background:#1a1510 !important;
  border:0 !important;
  box-shadow:0 22px 46px rgba(0,0,0,.26) !important;
}
#iqitmegamenu-horizontal .cbp-hrsub.col-3{ width:300px !important; max-width:300px !important; }
.cbp-hrsub .cbp-hrsub-inner,
.cbp-hrsub .iqitmegamenu-submenu-container,
.cbp-hrsub .menu_row,
.cbp-hrsub .cbp-menu-column,
.cbp-hrsub .cbp-menu-column-inner,
.cbp-hrsub .cbp-categories-row,
.cbp-hrsub .cbp-category-link-w,
.cbp-hrsub .cbp-category-tree,
.cbp-hrsub ul,
.cbp-hrsub li,
.cbp-hrsub [class*="col"]{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.cbp-hrsub .cbp-hrsub-inner{ padding:16px 20px !important; }
.cbp-hrsub .cbp-category-tree > li{ width:100% !important; }
/* вкладені рівні — нормальні флаєути з чорним тлом, не роздувають панель */
.cbp-hrsub .cbp-hrsub-level2,
.cbp-hrsub .cbp-hrsub-level3{ background:#1a1510 !important; }

/* ── 60.2.1 HOVER-МІСТОК: підменю не зникає при русі курсору вниз ──
   Прозора смужка над панеллю перекриває проміжок tab→панель. */
#iqitmegamenu-horizontal .cbp-hrmenu-tab{ position:static !important; }
#iqitmegamenu-horizontal .cbp-hrmenu-tab > .cbp-hrsub{ margin-top:0 !important; }
#iqitmegamenu-horizontal .cbp-hrmenu-tab > .cbp-hrsub::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important;
  top:-16px !important; height:16px !important;
  background:transparent !important;
}
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover > .cbp-hrsub,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen > .cbp-hrsub,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > .cbp-hrsub:hover{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* ── 60.3 КАРТКИ «En oferta»/«Los más vendidos» = як BEST SELLER ──
   Зовнішня рамка на КАРТЦІ; фото у верхньому блоці з нижнім
   роздільником (а не плаваючий інсетний квадрат з відступом). */
.block > .products .product-miniature-small{
  background:#fffbf0 !important;
  border:1px solid #e6ddc9 !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.block > .products .product-miniature-small:hover{ border-color:#1a1510 !important; }
.block > .products .product-miniature-small .thumbnail-container{
  border:0 !important;
  border-bottom:1px solid #e6ddc9 !important;
  margin:0 !important;
  background:#fffbf0 !important;
}
.block > .products .product-miniature-small .thumbnail-container .product-thumbnail{
  border:0 !important;
  background:#fffbf0 !important;
  padding:12px !important;
}
.block > .products .product-miniature-small .product-description{ padding:14px !important; }

/* ── 60.4 ПРИБРАТИ ЛІНІЮ під каруселлю ──────────────────────────── */
.block, .block > .products,
.featured-products, .products-section,
.elementor-widget-prestashop-widget-ProductsList{
  border-bottom:0 !important;
  box-shadow:none !important;
}
.block > .products{ scrollbar-width:none !important; -ms-overflow-style:none !important; }
.block > .products::-webkit-scrollbar,
.featured-products .products::-webkit-scrollbar,
.products-section .products::-webkit-scrollbar,
.elementor-products-carousel.swiper-container::-webkit-scrollbar{
  display:none !important; height:0 !important; width:0 !important;
}
.swiper-scrollbar, .swiper-pagination,
.swiper-products-carousel .swiper-scrollbar,
.elementor-products-carousel .swiper-scrollbar{ display:none !important; }

/* ── 60.5 СТРІЛКИ КАРУСЕЛІ: активна / неактивна (а не зникає) ──────
   Неактивна — приглушена й не клікабельна; активна — повна.
   Логіку країв рахує custom.js (.ad-disabled на краю стрічки). */
.ad-strip-host:not(.ad-has-scroll) .ad-strip-arrow{ display:none !important; }
.ad-strip-host.ad-has-scroll .ad-strip-arrow{ display:flex !important; }
.ad-strip-arrow.ad-disabled{
  display:flex !important;
  opacity:.28 !important;
  pointer-events:none !important;
  cursor:default !important;
}
/* стрілки BEST SELLER (Swiper) — теж приглушені на краю, не зникають */
.swiper-products-carousel ~ .swiper-button-disabled,
.elementor-swiper-button.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
  opacity:.28 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

/* ── 60.6 / 60.7 НОВІ СЕКЦІЇ (.ad-band тёмна смуга · .ad-alma 2 кол.)
   Розмітку вставляєш HTML-блоком (див. _home-blocks.html).
   Тут — підстрахування й адаптив. */
.ad-band a.btn{ text-decoration:none !important; }
/* текст на тёмній смузі (перекриваємо базові p/h2 !important теми) */
.ad-band h2{ color:#f1ead8 !important; }
.ad-band p{ color:#a99e88 !important; }
.ad-band .ad-eyebrow{ color:#9fc3e6 !important; }
/* секція «alma» — світла */
.ad-alma .ad-eyebrow{ color:#5c9edb !important; }
.ad-alma h2{ color:#1a1510 !important; }
.ad-alma p{ color:#5a5044 !important; }
.ad-alma li{ color:#1a1510 !important; }
.ad-alma__media{ border:1px solid #d4c8ae !important; }
@media (max-width:991px){
  .ad-alma > div{ grid-template-columns:1fr !important; gap:28px !important; }
  .ad-band > div{ flex-direction:column !important; align-items:flex-start !important; gap:20px !important; }
}


/* ============================================================
   БАТЧ #61 (червень) — ВИПРАВЛЕНО (v3)
   A. BEST SELLER (верхні) = так само як нижні «En oferta»:
      суцільний світлий #fffbf0 + multiply (білий фон JPEG зникає,
      велосипеди ЧІТКІ). Проблема була в темному кінці 3-стопового
      градієнта (#ede5d0), що «з'їдав» світлі рами.
   B. «Tienda de bicis con alma» — розмір як у макеті
   C. Розміри секції .ad-alma
   ============================================================ */

/* ── A. ВЕРХНІ КАРТКИ (BEST SELLER / swiper) → як нижні ──────────── */
.swiper-slide .product-miniature .product-thumbnail,
.swiper-slide .product-miniature .thumbnail-container,
.elementor-products-carousel .product-miniature .product-thumbnail,
.swiper-products-carousel .product-miniature .product-thumbnail,
.elementor-widget-products .product-miniature .product-thumbnail{
  background:#fffbf0 !important;
  background-image:none !important;
}
.swiper-slide .product-miniature .product-thumbnail img,
.elementor-products-carousel .product-miniature .product-thumbnail img,
.swiper-products-carousel .product-miniature .product-thumbnail img,
.elementor-widget-products .product-miniature .product-thumbnail img{
  mix-blend-mode:multiply !important;
  filter:none !important;
  opacity:1 !important;
  background:transparent !important;
}

/* ── B. РОЗМІР «Tienda de bicis con alma» ────────────────────────── */
.ab-premium__subtitle{
  font-size:28px !important;
  line-height:1.1 !important;
  letter-spacing:-0.5px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  margin:0 0 14px !important;
}

/* ── C. РОЗМІРИ секції .ad-alma (перекриваємо базові h2/p теми) ──── */
.ad-alma h2{ font-size:28px !important; line-height:1.08 !important; letter-spacing:-0.6px !important; margin:0 0 16px !important; font-weight:700 !important; }
.ad-alma .ad-eyebrow{ font-size:11px !important; letter-spacing:2.4px !important; }
.ad-alma p{ font-size:13px !important; line-height:1.7 !important; }
.ad-alma li{ font-size:12.5px !important; }


/* ============================================================
   БАТЧ #62 (червень) — ВИРІВНЯТИ ПУНКТИ ГОЛОВНОГО МЕНЮ ПО ВЕРТИКАЛІ
   Симптом: «Bicicletas eléctricas» (та інші без стрілки/довгі) сиділи
   трохи вище. Причина: різне вертикальне вирівнювання .cbp-tab-title
   (стрілка-індикатор vs без неї) + можливий перенос у 2 слова.
   Лік: flex-center на li / a / tab-title, без переносу, line-height:1.
   ============================================================ */
#iqitmegamenu-horizontal .cbp-hrmenu > ul,
#iqitmegamenu-horizontal > .container ul.cbp-hrmenu,
.cbp-hrmenu > ul{
  display:flex !important;
  align-items:stretch !important;
  flex-wrap:nowrap !important;
}
#iqitmegamenu-horizontal .cbp-hrmenu-tab,
.cbp-hrmenu > ul > li.cbp-hrmenu-tab{
  display:flex !important;
  align-items:center !important;
}
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a.nav-link,
.cbp-hrmenu > ul > li > a{
  display:flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  height:100% !important;
}
#iqitmegamenu-horizontal .cbp-tab-title,
.cbp-tab-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
/* стрілка-індикатор по центру рядка, не зміщує текст */
.cbp-tab-title .cbp-submenu-aindicator,
.cbp-tab-title i.fa{
  line-height:1 !important;
  vertical-align:middle !important;
  margin:0 !important;
}


/* ============================================================
   БАТЧ #63 (червень) — БАНЕР «ALQUILER» (+помаранчева кнопка)
   Розмітку вставлено перед футером (HTML-блок див. _home-blocks.html).
   ============================================================ */
.ad-band h2{ font-size:26px !important; line-height:1.1 !important; letter-spacing:-0.5px !important; color:#f1ead8 !important; }
.ad-band p{ font-size:13px !important; line-height:1.6 !important; color:#a99e88 !important; }
.ad-band .ad-eyebrow{ font-size:11px !important; letter-spacing:2.4px !important; color:#9fc3e6 !important; }
.ad-band .ad-cta{
  display:inline-block !important;
  flex:0 0 auto !important;
  background:#D94A2B !important;
  color:#fff !important;
  border:1.5px solid #D94A2B !important;
  border-radius:0 !important;
  padding:14px 32px !important;
  font-family:var(--adicto-mono) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:all .15s !important;
}
.ad-band .ad-cta:hover{
  background:transparent !important;
  color:#f1ead8 !important;
  border-color:#f1ead8 !important;
}

/* ── 63.b Кнопки банерів однакової ширини ───────────────────────── */
.ad-band .ad-cta{ min-width:230px !important; text-align:center !important; }


/* ============================================================
   БАТЧ #64 (червень) — ПОЗИЦІЯ ВУЗЬКИХ ВИПАДАЙОК (col-3)
   Симптом: Vestuario/Equipamiento/Componentes відкривались біля
   ЛІВОГО краю меню, а не під своїм пунктом (через position:static).
   Лік: пункт із col-3 → position:relative, тож панель якориться під ним.
   Широкі col-12 (Bicicletas/Accesorios) лишаються на всю ширину.
   ============================================================ */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:has(> .cbp-hrsub.col-3){
  position:relative !important;
}
#iqitmegamenu-horizontal .cbp-hrsub.col-3{
  left:0 !important;
  right:auto !important;
}


/* ============================================================
   БАТЧ #65 (червень) — НЕВЕЛИКІ СТРІЛКИ ‹ › для «En oferta» /
   «Los más vendidos» (.block > .products). Логіку додає custom.js;
   тут — компактний розмір і стани.
   ============================================================ */
.ad-strip-host{ position:relative !important; }
.ad-strip-arrow{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#1a1510 !important;
  color:#f1ead8 !important;
  font-size:15px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
  z-index:6 !important;
}
.ad-strip-arrow:hover{ background:#D94A2B !important; color:#fff !important; }
.ad-strip-prev{ left:-6px !important; }
.ad-strip-next{ right:-6px !important; }
.ad-strip-arrow.ad-disabled{ opacity:.28 !important; pointer-events:none !important; cursor:default !important; display:flex !important; }
.ad-strip-host:not(.ad-has-scroll) .ad-strip-arrow{ display:none !important; }


/* ============================================================
   БАТЧ #66 (червень) — BEST SELLER: щільніше, щоб вміщалось 4 картки
   Менший gap між слайдами + ледь вужча картка.
   ============================================================ */
.elementor-products-carousel .swiper-wrapper,
.swiper-products-carousel .swiper-wrapper{ gap:10px !important; }
.elementor-products-carousel .swiper-slide,
.swiper-products-carousel .swiper-slide{
  flex:0 0 294px !important;
  width:294px !important;
  max-width:294px !important;
}


/* ============================================================
   БАТЧ #67 (червень) — СТРІЛКИ КАРУСЕЛІ ПРИХОВУЮТЬСЯ, ЯКЩО ВСЕ ВМІЩАЄТЬСЯ
   Swiper додає .swiper-button-lock на навігацію, коли прокрутка не
   потрібна (усі товари в рядку) → ховаємо її. Коли товарів більше,
   ніж вміщається — стрілки лишаються.
   ============================================================ */
.swiper-button-lock,
.elementor-swiper-button.swiper-button-lock,
.swiper-products-carousel ~ .swiper-button-lock{
  display:none !important;
}


/* ============================================================
   БАТЧ #68 (червень)
   1. Заголовки «En oferta» / «Los más vendidos» — по центру, ВЕЛИКИЙ РЕГІСТР
   2. Кнопка «Todas los productos…» — як картка в КІНЦІ стрічки (custom.js)
   ============================================================ */
.block:has(> .products) .block-title{
  text-align:center !important;
  text-transform:uppercase !important;
  font-size:22px !important;
  letter-spacing:-0.3px !important;
  font-weight:700 !important;
  color:#1a1510 !important;
}
/* CTA-картка в кінці стрічки (та сама форма, що й картки товарів) */
.block > .products .ad-cta-card{
  flex:0 0 270px !important;
  width:270px !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  background:#fffbf0 !important;
  border:1px solid #e6ddc9 !important;
  border-radius:0 !important;
  text-align:center !important;
  padding:24px !important;
  cursor:pointer !important;
  text-decoration:none !important;
  scroll-snap-align:start !important;
  transition:border-color .15s, color .15s !important;
}
.block > .products .ad-cta-card__txt{
  font-family:var(--adicto-mono) !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#1a1510 !important;
  line-height:1.5 !important;
}
.block > .products .ad-cta-card__arrow{
  font-size:24px !important;
  color:#D94A2B !important;
  line-height:1 !important;
}
.block > .products .ad-cta-card:hover{ border-color:#1a1510 !important; }
.block > .products .ad-cta-card:hover .ad-cta-card__txt{ color:#D94A2B !important; }


/* ── 69. Більше повітря над «Los más vendidos» (другий блок-карусель) ── */
.block:has(> .products) + .block:has(> .products){ margin-top:44px !important; }
.block:has(> .products) .block-title{ margin-bottom:22px !important; }


/* ── 70. Прибрати сіро-синю лінію (border-bottom Warehouse) під
   заголовками каруселей «En oferta» / «Los más vendidos». */
.block:has(> .products) .block-title,
.block:has(> .products) > .block-title{
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:none !important;
}


/* ============================================================
   БАТЧ #71 (червень)
   1. Заголовки каруселей — як BEST SELLER (15px / 600 / 0.6px)
   2. Лупа пошуку — явний гліф FontAwesome (\f002), щоб завжди було видно
   ============================================================ */
.block:has(> .products) .block-title{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0.6px !important;
}
#search_widget button .fa::before,
#search_widget button .fa-search::before,
.search-widget button .fa-search::before,
.search-widget .search-btn .fa-search::before,
#searchbox button .fa-search::before{
  content:"\f002" !important;
  font-family:'FontAwesome' !important;
  font-weight:normal !important;
  font-style:normal !important;
  color:#f1ead8 !important;
}


/* ============================================================
   БАТЧ #72 (червень) — ЄДИНА ТИПО-ШКАЛА для заголовків
   Щоб не було «20 різних розмірів»: один розмір на тип артефакту.
     • EYEBROW  → 11px / 2.4px / UPPER / 500   (.ad-eyebrow)
     • SECTION  → 15px / 600 / 0.6px / UPPER   (= як BEST SELLER):
                  заголовки каруселей + банери Alquiler/Taller
     • FEATURE  → 28px / 700 / -0.6px          (.ad-alma h2 — єдиний)
     • BODY     → 13px / 1.6                    (.ad-band p / .ad-alma p)
   ============================================================ */

/* SECTION — однаковий розмір скрізь (банери теж = BEST SELLER) */
.ad-band h2,
.block:has(> .products) .block-title,
.products-section-title,
h2.products-section-title{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0.6px !important;
  text-transform:uppercase !important;
  line-height:1.3 !important;
}

/* EYEBROW */
.ad-eyebrow{
  font-size:11px !important;
  letter-spacing:2.4px !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
}

/* FEATURE (єдиний великий — секція «alma») */
.ad-alma h2{
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-0.6px !important;
  line-height:1.1 !important;
}

/* BODY */
.ad-band p, .ad-alma p{ font-size:13px !important; line-height:1.6 !important; }


/* ============================================================
   БАТЧ #73 (червень) — БАНЕРИ Alquiler/Taller НА СВІТЛОМУ (не чорному)
   Менше «чорноти» внизу → підвал не виглядає таким високим.
   ============================================================ */
.ad-band{
  background:#f1ead8 !important;
  border-top:1px solid #e6ddc9 !important;
  border-bottom:0 !important;
}
.ad-band--taller{ border-top:1px solid #e6ddc9 !important; }
.ad-band h2{ color:#1a1510 !important; }
.ad-band p{ color:#5a5044 !important; }


/* ============================================================
   БАТЧ #74 (червень) — ЗАФІКСУВАТИ СМУГУ МЕНЮ ПРИ СКРОЛІ (sticky)
   Чорна смуга з розділами липне до верху, коли гортаємо вниз.
   ============================================================ */
.iqit-megamenu-container{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:1500 !important;
  background:#1a1510 !important;
}


/* ============================================================
   БАТЧ #75 (червень)
   2 меню без білих плашок · 3 контакти правіше · 5 sticky (JS-клас) ·
   6 вирівнювання шапка/секції/футер/переваги під спільну ширину
   ============================================================ */

/* 75.2 — пункти меню: жодного суцільного білого фону (hover/open) */
#iqitmegamenu-horizontal .cbp-hrmenu-tab,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen{
  background:transparent !important;
}
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen > a{
  background:rgba(255,255,255,0.06) !important;
  color:#D94A2B !important;
}

/* 75.3 — контактні іконки трохи правіше (між лого і пошуком) */
.head-contact-icons{ margin-left:34px !important; }

/* 75.5 — sticky смуга меню через JS-клас (не обмежено висотою шапки) */
.iqit-megamenu-container{ position:static !important; }
.iqit-megamenu-container.ad-bar-fixed{
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  z-index:1500 !important;
  background:#1a1510 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.18) !important;
}

/* 75.6 — спільна ширина: шапка (лого↔кошик) = секції = футер = переваги */
#header .container,
#desktop-header .container,
#main-page-content .block:has(> .products),
#footer-container-main > .container,
.elementor-element-25nvd08 > .elementor-container,
.elementor-element-25nvd08 .elementor-container{
  max-width:none !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}


/* ============================================================
   БАТЧ #76 (червень) — уточнення вирівнювання + контакти (вища вага)
   ============================================================ */
/* 3 — контактні іконки правіше (перекриваємо margin:0 з #19) */
#header .head-contact-icons,
#desktop-header .head-contact-icons,
.header-top .head-contact-icons{ margin-left:34px !important; }

/* 6 — спільна ширина контенту по шапці (лого ↔ кошик) */
#header .container,
#desktop-header .container,
#main-page-content .block:has(> .products),
#footer-container-main > .container,
.elementor-element-25nvd08 > .elementor-container,
.elementor-element-25nvd08 .elementor-container{
  box-sizing:border-box !important;
  max-width:none !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#footer-container-main > .container > .row{ margin-left:0 !important; margin-right:0 !important; }


/* ============================================================
   БАТЧ #78 (червень) — БІЛА ПЛАШКА на пункті меню «деякий час»
   Причина: світлий фон .nav-link з transition повільно згасає при
   переході між пунктами. Прибираємо фон на ВСІХ станах + transition,
   щоб нічого не «тягнулось». Червоний текст/підсвітку лишаємо.
   ============================================================ */
#iqitmegamenu-horizontal .cbp-hrmenu-tab,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a.nav-link,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a > span,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a:focus,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a.active,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-current > a{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  transition:color .12s ease !important;
}
/* лише легка підсвітка відкритого/наведеного — напівпрозоре, не біле */
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen > a{
  background:rgba(255,255,255,0.06) !important;
  color:#D94A2B !important;
}


/* ============================================================
   БАТЧ #79 (червень) — ДРІБНІ «СТРІЛОЧКИ» над першою літерою
   у бічному меню категорій (ліва колонка на сторінках категорій).
   Це декоративний ::before-гліф теми. Прибираємо його; правий
   каре «∨» для розкриття підкатегорій лишаємо (.navbar-toggler).
   ============================================================ */
#left-column .block-categories .category-sub-menu li > a::before,
#left-column .block-categories .category-sub-menu li > a::after,
.block-categories .category-sub-menu li > a::before,
.block-categories .category-sub-menu li a.dropdown-item::before,
.block-categories ul.category-sub-menu li::before{
  content:none !important;
  display:none !important;
}
/* підстраховка: жодних list-bullet / фонових маркерів у цьому меню */
#left-column .block-categories .category-sub-menu,
#left-column .block-categories .category-sub-menu li{
  list-style:none !important;
}
#left-column .block-categories .category-sub-menu li > a{
  background-image:none !important;
}


/* ── 79.b Прибрати білий фон бічного меню категорій → крем-папір ── */
#left-column .block-categories,
#left-column .block-categories .block-content,
#left-column .block-categories .category-sub-menu,
#left-column .block-categories .category-sub-menu li,
#left-column .block-categories .category-sub-menu li > a{
  background:transparent !important;
  background-color:transparent !important;
}
#left-column .block-categories{ border:0 !important; box-shadow:none !important; }
#left-column .block-categories .category-sub-menu li > a:hover{
  background:rgba(0,0,0,0.04) !important;
  color:#D94A2B !important;
}


/* ============================================================
   БАТЧ #80 (червень) — ЗАГОЛОВКИ КОЛОНОК ПІДВАЛУ
   Помаранчевий текст, без світлої плашки/фону.
   ============================================================ */
#footer .footer-block .block-title,
#footer .links .block-title,
#footer .block-title,
#footer-container-main .block-title,
#footer .footer-block h4.block-title,
#footer .footer-block h5.block-title,
#footer .footer-block .title,
#footer .footer-block .h3{
  color:#D94A2B !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* прибрати плашку, якщо вона на обгортці заголовка */
#footer .footer-block > .block-title,
#footer .footer-block .title-wrapper,
#footer .footer-block header{
  background:transparent !important;
  background-color:transparent !important;
}


/* ============================================================
   БАТЧ #81 (червень)
   2 смуга меню на повну ширину (= hero), пункти по центру 1340
   3 заголовки підвалу — дрібніші, як кнопка «Pedir cita» (12px)
   4 контактні іконки трохи правіше (між лого і пошуком)
   5 шрифт підрозділів (dropdown) +1px
   ============================================================ */

/* 81.2 (v9) — ЧОРНА СМУГА МЕНЮ: фіксована ширина 1366px по центру.
   HERO НЕ чіпаємо — ширину фото підганяє адмінка (Elementor). */
#header .iqit-megamenu-container,
.iqit-megamenu-container.container,
.iqit-megamenu-container{
  width:100% !important;
  max-width:1366px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  transform:none !important;
  background:#1a1510 !important;
}
#header #iqitmegamenu-wrapper,
#iqitmegamenu-wrapper.iqitmegamenu-wrapper,
#iqitmegamenu-wrapper{
  max-width:none !important;
  width:100% !important;
  background:#1a1510 !important;
}
.iqit-megamenu-container .container-iqitmegamenu,
#iqitmegamenu-wrapper > .container-iqitmegamenu{
  max-width:1366px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 81.3 — заголовки колонок підвалу: дрібні, як .ad-cta (Pedir cita) */
#footer .footer-block .block-title,
#footer .links .block-title,
#footer .block-title,
#footer-container-main .block-title,
#footer .footer-block h4.block-title,
#footer .footer-block h5.block-title{
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  line-height:1.4 !important;
}

/* 81.4 (v2) — контактні іконки трохи правіше (обидві розкладки) */
.adicto-contacts{ margin-left:26px !important; }
.header-custom-html .head-contact-icons,
p.head-contact-icons{ margin-left:24px !important; }

/* 81.5 — підрозділи випадайки +1px */
.cbp-hrsub a,
.cbp-hrsub .cbp-category-link,
#iqitmegamenu-horizontal .cbp-hrsub li > a{
  font-size:13px !important;
}


/* ============================================================
   БАТЧ #82 — смуга переваг + підвал на 1366px по центру (= меню/hero)
   ============================================================ */
/* тёмна смуга переваг + підвал — 1366px, центровані у ВІКНІ
   (left:50% + translateX через вузького батька .elementor=888px) */
.elementor-element-25nvd08,
#footer{
  position:relative !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(100vw, 1366px) !important;
  max-width:1366px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}


/* ============================================================
   БАТЧ #83 — верхня смужка + шапка (лого↔кошик) на 1366px по центру
   ============================================================ */
#header .header-nav > .container,
#header #desktop-header-container.container,
#desktop-header .header-top > .container{
  max-width:1366px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* ============================================================
   БАТЧ #84 — лого−25%, контакти правіше, шрифти +1px,
   фон фото категорій (градієнт), шрифт CMS/Biomecánica
   ============================================================ */

/* 5 — лого ADICTO.BIKE на 25% менше (250px → ~187px), вища специфічність */
#header #desktop_logo a img.logo,
#header #desktop_logo img.logo,
#desktop-header #desktop_logo img.logo,
#desktop_logo .logo,
.adicto-logo-col .logo{
  width:187px !important;
  max-width:187px !important;
  height:auto !important;
}

/* 2 — контактні іконки ще правіше (між лого і пошуком) */
.header-custom-html .head-contact-icons,
p.head-contact-icons{
  margin-left:60px !important;
}

/* 4 — звичайний текст +1px (легше читати) */
body,
#content p, .rte, .rte p, .product-description, .product-desc,
.cms-block, .page-content, .category-description, .block_content,
.product-miniature .product-title, .product-title a,
.cbp-hrsub a, .cbp-category-link-w a{
  font-size:13px !important;
  line-height:1.6 !important;
}
/* 4 — назви розділів (заголовки секцій/блоків) +1px */
.block:has(> .products) .block-title,
.ad-band h2,
.products-section-title,
.page-heading, h2.h2, .h2{
  font-size:16px !important;
}
/* підвал — заголовки колонок як «Pedir cita» (12px) */
#footer .footer-block .block-title,
#footer .links .block-title,
#footer .block-title,
#footer-container-main .block-title,
#footer .footer-block h4.block-title,
#footer .footer-block h5.block-title{
  font-size:12px !important;
}

/* 1 — фото підкатегорій: градієнт-фон замість білого (як картки) */
#subcategories .subcategory-image,
#subcategories li .subcategory-image,
.subcategory-image,
.category-miniature .thumbnail-container,
ul.subcategories-list .subcategory-image{
  background:linear-gradient(145deg,#fffbf0 0%,#f1ead8 100%) !important;
  border:1px solid #e6ddc9 !important;
  border-radius:0 !important;
}
#subcategories .subcategory-image img,
.subcategory-image img,
ul.subcategories-list .subcategory-image img{
  mix-blend-mode:multiply !important;
  background:transparent !important;
}

/* 3 — текст CMS/Biomecánica: уніфікувати шрифт (прибрати чужий inline-font) */
#content .rte, #content .rte *,
.category-description, .category-description *,
.cms-block, .cms-block *,
#main .page-content, #main .page-content *{
  font-family:var(--adicto-mono, 'JetBrains Mono', monospace) !important;
}


/* ── #85: фронтова підказка банера (IQIT) — сховати ── */
.iqit-banner-tooltip,
.elementor-iqit-banner-tooltip,
.banner-tooltip,
.iqitbanner-tooltip,
[class*="banner-tooltip"]{ display:none !important; }

/* ── #86: контакт-іконки ще трохи правіше — між лого і пошуком ── */
#desktop-header .col-header-center .header-custom-html{
  left:120px !important;
}
.header-custom-html .head-contact-icons,
p.head-contact-icons{
  margin-left:0 !important;
}

/* ── #87: тулбар сортування/пагінації — прибрати білий фон дропдаунів,
   ставимо крем-папір як решта сторінки (sort-by + per-page) ── */
.products-sort-order .select-title,
.products-sort-order .dropdown-menu,
.products-sort-order .dropdown-toggle,
.products-selection .dropdown-menu,
.products-selection .select-title,
.products-selection select,
#js-product-list-top select,
.pagination-nb select,
.up .dropdown-toggle,
.sort-by-row select,
.total-products{
  background:var(--adicto-paper-light) !important;
  background-color:var(--adicto-paper-light) !important;
  border:1px solid var(--adicto-line) !important;
  border-radius:0 !important;
  color:var(--adicto-ink) !important;
  box-shadow:none !important;
}
.products-selection .total-products,
.products-selection p{
  background:transparent !important;
  border:0 !important;
}

/* ============================================================
   БАТЧ #88 — СТОРІНКА ТОВАРУ
   1) прибрати білий фон (галерея, картки, коментарі) → крем-папір
   2) фото без білого тла (multiply, як скрізь)
   3) опис = розмір як Biomecánica (13px / 1.6, JetBrains Mono)
   4) блок «GEOMETRÍA» — менша схема, щоб таблиця зліва дихала
   ============================================================ */

/* 88.1 — увесь контейнер товару на одному кольорі паперу */
#product #content-wrapper,
#product #main,
#product .product-container,
#product #content,
#product .product-information,
#product .product-actions,
#product .product-prices,
#product .tab-content,
#product .product-tabs,
#product .product-description,
#product .images-container,
#product .product-cover,
#product .product-images,
#product .product-images li,
#product .thumb-container,
#product .js-qv-product-images,
.product-cover,
.product-cover .layer{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

/* галерея/обкладинка: тонка рамка замість білої плити */
#product .product-cover,
#product .product-images li .thumb-container,
#product .thumb-container{
  border:1px solid var(--adicto-line-soft) !important;
  border-radius:0 !important;
}

/* 88.2 — фото товару без білого тла (як картки категорій) */
#product .product-cover img,
#product .product-images img,
#product .js-qv-product-images img,
#product .thumb-container img,
.product-cover img,
.js-qv-product-images img{
  mix-blend-mode:multiply !important;
  background:transparent !important;
  background-color:transparent !important;
}

/* 88.3 — блок коментарів: прибрати білу плиту «No hay reseñas» */
#product .product-comments-block,
#product #product-comments-list-footer,
#product .comments,
#product .comment,
#product .comment-list,
#product .productcomments,
#product [id*="product-comments"],
#product [class*="product-comments"],
#product .tab-content .alert-info{
  background:var(--adicto-paper-raised) !important;
  background-color:var(--adicto-paper-raised) !important;
  border:1px solid var(--adicto-line-soft) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* 88.4 — опис товару: той самий розмір/шрифт, що CMS/Biomecánica */
#product #description,
#product #description .rte,
#product #description .rte *,
#product .product-description,
#product .product-description .rte,
#product .product-description .rte *,
#product .product-information .rte,
#product .product-features,
#product .product-features *{
  font-size:13px !important;
  line-height:1.6 !important;
  font-family:var(--adicto-mono, 'JetBrains Mono', monospace) !important;
}

/* 88.6 — блок GEOMETRÍA: у нас фото в описі = схема геометрії.
   Тож БУДЬ-ЯКЕ зображення в описі робимо вужчим і пускаємо
   обтіканням справа, щоб таблиця/текст зліва не скам'ячувались. */
#product #description img,
#product .product-description img,
#product .rte img{
  max-width:46% !important;
  height:auto !important;
  float:right !important;
  margin:0 0 16px 24px !important;
}
/* таблиця геометрії: вільне розкладання колонок, читабельні підписи */
#product .product-description table,
#product .rte table{
  table-layout:auto !important;
  width:auto !important;
  border-collapse:collapse !important;
}
#product .product-description table td,
#product .product-description table th,
#product .rte table td,
#product .rte table th{
  white-space:nowrap !important;
  padding:3px 8px !important;
  vertical-align:middle !important;
}

/* 88.7 — основне фото товару БІЛЬШЕ: заповнює всю колонку галереї */
#product .product-cover,
#product .images-container .product-cover,
#product .js-qv-product-cover{
  width:100% !important;
  max-width:100% !important;
}
#product .product-cover img,
#product .js-qv-product-cover img,
#product .images-container .product-cover img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* ============================================================
   БАТЧ #89 — СТОРІНКА ТОВАРУ: правки
   1) галерея (велосипед + мініатюри) на крем-папері, без білих плит
   2) лічильник кількості — крем-папір
   3) коментарі: прибрати білу плиту + зайві лінії
   4) опис: прибрати рамки/лінії по краях та знизу
   5) схема ГЕОМЕТРІЇ — приблизно на 70% більша
   ============================================================ */

/* 89.1 — уся галерея на крем-папері (не білому), фото multiply.
   Покриваємо слайдер/обгортки, які лишались білими. */
#product .images-container,
#product .product-cover,
#product .product-cover .layer,
#product #product-images-large,
#product .product-images,
#product .product-images > *,
#product .product-images li,
#product .thumb-container,
#product .js-qv-product-images,
#product .slick-list,
#product .slick-track,
#product .slick-slide,
#product .slick-slide > div,
#product figure,
#product picture,
.product-cover,
.product-cover .layer,
.js-qv-product-images{
  background:var(--adicto-paper) !important;
  background-color:var(--adicto-paper) !important;
  box-shadow:none !important;
}
/* фото без білого тла — змішування з кремом */
#product .images-container img,
#product .product-cover img,
#product .product-images img,
#product .thumb-container img,
#product .js-qv-product-images img,
#product .slick-slide img,
.product-cover img,
.js-qv-product-images img{
  mix-blend-mode:multiply !important;
  background:transparent !important;
  background-color:transparent !important;
}
/* прибрати рамки-плити навколо галереї/мініатюр (зайві лінії) */
#product .images-container,
#product .product-cover,
#product .product-images li .thumb-container,
#product .thumb-container,
#product .js-qv-product-images{
  border:0 !important;
}

/* 89.2 — лічильник кількості на крем-папері */
#product .product-quantity,
#product .product-quantity .qty,
#product .product-quantity .input-group,
#product #quantity_wanted,
#product input#quantity_wanted,
#product .bootstrap-touchspin,
#product .bootstrap-touchspin input,
#product .product-add-to-cart .qty input,
#product .qty .form-control{
  background:var(--adicto-paper-raised) !important;
  background-color:var(--adicto-paper-raised) !important;
  color:var(--adicto-ink) !important;
  border-color:var(--adicto-line) !important;
  box-shadow:none !important;
}
#product .bootstrap-touchspin .input-group-btn-vertical,
#product .bootstrap-touchspin .input-group-btn,
#product .product-quantity .input-group-btn-vertical > button,
#product .bootstrap-touchspin button{
  background:var(--adicto-paper-raised) !important;
  border-color:var(--adicto-line) !important;
  color:var(--adicto-ink) !important;
  box-shadow:none !important;
}

/* 89.3 — коментарі: прибрати білу плиту «No hay reseñas» + зайві лінії */
#product .product-comments-block,
#product #product-comments-list-footer,
#product #product-comments-list,
#product .comments,
#product .comment,
#product .comment-list,
#product .comment-list li,
#product .productcomments,
#product .product-comments-list-empty,
#product [id*="product-comments"],
#product [class*="product-comments"],
#product .tab-content .alert,
#product .tab-content .alert-info,
#product .comments-note{
  background:var(--adicto-paper) !important;
  background-color:var(--adicto-paper) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* 89.4 — опис: прибрати рамки/лінії по краях і знизу */
#product .tabs,
#product .product-tabs,
#product .tab-content,
#product #description,
#product #description .rte,
#product .product-description,
#product .product-information,
#product .product-features,
#product .page-content.card,
#product .product-tabs .card,
#product .tab-pane{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* 89.5 — схема ГЕОМЕТРІЇ ~ на 70% більша (перекриває 88.6) */
#product #description img,
#product .product-description img,
#product .rte img{
  width:30% !important;
  max-width:30% !important;
  height:auto !important;
  float:right !important;
  margin:0 0 16px 28px !important;
}