/*
* =============================================================================
* customCss.css — Kingdom tema (Nop.Web)
* Prijungimas: Themes/Kingdom/Views/Shared/Head.cshtml (po kingdom.css)
* =============================================================================
*
* ŽEMĖLAPIS — kas šiame faile (globalu, kraunama visur):
*
* [00a] Jupoja spalvų paletė (:root kintamieji)
* [00] Globalūs šriftai (LT simboliams)
* [00b] Tipografijos skalė (36 / 30 / 18 / 16 / 14)
* [00c] Šrifto storiai — Open Sans 400 / 500 / 700
* [00d] Paveikslėlių fonas — baltas po PNG (katalogas, prekės, kategorijos)
* [01] Pagrindinis — Featured Categories (.home-page-category-grid)
* [01h] Dienos pasiūlymai — countdown baneris kairėje
* [01i] Dienos pasiūlymai — mobile laikrodis + baneris
* [03] FAQ blokas (.faq-wrapper)
* [04] Mega meniu + [04d] kairysis katalogas (list-view)
* [09] Product Tabs (SmartProductTabs) — homepage
* [10] Add-to-cart popup (gali atsirasti bet kur)
* [12c]–[12e] FAQ / DUK hub + atsakymai
* [15] Bazinis card polish + [15f] globalūs pirkimo CTA
* [16] Header — [16b]–[16i]
* [17] Header announcement strip
* [18p] Puslapiavimas (.pager) — prekės, straipsniai, blogas ir kt.
* [18n] Karuselių rodyklės — aktyvi geltona / neaktyvi pilka
* [19] Mobili apatinė navigacija
* [20] Footer (.footer--jupoja)
* [22] Pavadinimas ir breadcrumb
*
* Atskiri failai (kraunami tik ten, kur reikia):
* customCss-catalog.css — [02][05][06][15b/c/e/g]
* → Home, Category, Manufacturer, Search, Product (related)
* customCss-pdp.css — [15d][21][23][24][25]
* → ProductTemplate.Simple / Grouped
* customCss-checkout.css — [10b][10d–f]
* → Cart, Wishlist, OnePageCheckout
* cms-articles-jupoja.css (plugin) — CMS straipsniai
*
* Pašalinta: [11]/[11b], [13]/[14] Blog/News
*
* =============================================================================
*/
/* -------------------------------------------------------------------------- */
/* [00a] JUPOJA prekės ženklo paletė (RGB gairės) */
/* GELTONA #FCDF00 | ŠVIESIAI GELTONA #FFFBD4 | TAMSIAI PILKA #5B5B5B */
/* ŠVIESIAI PILKA #F5F5F5 | MĖLYNA #1B47A0 | Tamsiausi intarpai #434242 */
/* RAUDONA #E31E24 | Hover: geltona/juoda, šv. pilka/juoda, t. pilka/balta */
/* -------------------------------------------------------------------------- */
:root {
--jupoja-yellow: #FCDF00;
--jupoja-yellow-light: #FFFBD4;
--jupoja-gray-dark: #5B5B5B;
--jupoja-gray-light: #F5F5F5;
--jupoja-blue: #1B47A0;
--jupoja-dark: #434242;
--jupoja-red: #E31E24;
--jupoja-black: #000000;
--jupoja-white: #ffffff;
/* Tipografijos skalė */
--jupoja-fs-page: 36px; /* Puslapių pavadinimai */
--jupoja-fs-section: 30px; /* Sekcijų pavadinimai */
--jupoja-fs-product: 18px; /* Produktų pavadinimai, mygtukai */
--jupoja-fs-body: 16px; /* Pagrindinis tekstas, meniu, inputai, kainos */
--jupoja-fs-helper: 14px; /* Pagalbiniai tekstai */
--jupoja-card-old-price-fs: 15px; /* Buvusi kaina prekių kortelėse */
/* Šrifto storiai — Open Sans: Regular / Medium / Bold */
--jupoja-fw-regular: 400; /* Įprastas tekstas */
--jupoja-fw-medium: 500; /* Produktų pavadinimai, skirtukai, aktyvūs */
--jupoja-fw-bold: 700; /* Kainos, CTA, sekcijų antraštės */
--jupoja-font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif;
/* Mobilūs šoniniai drawer'iai — vienodas plotis (krepšelis / filtrai / mega meniu) */
--jupoja-mobile-drawer-width: min(400px, 92vw);
/* Homepage produktų karuselių tarpai (vienodi visur) */
--hp-carousel-title-gap: 6px;
--hp-carousel-slide-gutter-x: 1px;
--hp-carousel-slide-gutter-y: 0px;
--hp-carousel-card-pad-y: 8px;
--hp-carousel-card-pad-x: 10px;
--hp-carousel-card-pad-bottom: 10px;
--hp-carousel-pair-gap: 6px;
--hp-deal-section-pad-y: 8px;
/* Karuselių rodyklės — aktyvi = geltona, neaktyvi (disabled) = pilka */
--jupoja-nav-size: 32px;
--jupoja-nav-radius: 6px;
--jupoja-nav-gap: 6px;
--jupoja-nav-active-bg: #FCDF00;
--jupoja-nav-active-icon: #434242;
--jupoja-nav-inactive-bg: #C8C8C8;
--jupoja-nav-inactive-icon: #ffffff;
/* Aliasai (senesni stiliai) */
--jupoja-nav-prev-bg: var(--jupoja-nav-inactive-bg);
--jupoja-nav-prev-icon: var(--jupoja-nav-inactive-icon);
--jupoja-nav-next-bg: var(--jupoja-nav-active-bg);
--jupoja-nav-next-icon: var(--jupoja-nav-active-icon);
}
/* Buvusi kaina — be perbraukimo, antrinis akcentas */
.pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.pdp-purchase-card__price-col--old .old-product-price,
.pdp-purchase-card__price-col--old .non-discounted-price,
.pdp-purchase-card__price-col--old .old-price,
.pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount > span,
.pdp-purchase-card__price-col--old .price-unit-info {
text-decoration: none !important;
}
.pdp-purchase-card__price-col--old .pdp-purchase-card__price-label {
color: #8f8f8f;
font-weight: 400;
}
.pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
color: #8f8f8f !important;
font-weight: 400;
}
.pdp-purchase-card__price-row.has-old-price {
align-items: flex-end;
}
.pdp-purchase-card__price-col--old {
border-left: 1px solid #e8e8e8;
padding-left: 14px;
}
/* -------------------------------------------------------------------------- */
/* [00d] Paveikslėlių fonas — baltas po skaidriais / juodais PNG thumb’ais */
/* Kol main.js pataiso įpieštą juodą foną, rodome baltą, ne juodą flash */
/* -------------------------------------------------------------------------- */
.picture,
.picture > a,
.product-item .picture,
.product-item .picture > a,
.category-item .picture,
.category-item .picture > a,
.sub-category-item .picture,
.sub-category-item .picture > a,
.manufacturer-item .picture,
.manufacturer-item .picture > a,
.item-box .picture,
.item-box .picture > a,
.product-essential .gallery .picture,
.product-essential .gallery .picture > a,
.variant-picture,
.cart .product .product-picture,
.mini-shopping-cart .picture,
.mini-shopping-cart .picture > a,
.flyout-cart .picture,
.flyout-cart .picture > a,
.order-details-area .picture,
.compare-products-table .picture,
.product-grid .picture,
.product-list .picture {
background-color: #fff !important;
background: #fff !important;
}
/* Homepage apvalios kategorijos — švelnus pilkas ratas (ne baltas ant balto) */
.home-page-category-grid .category-item .picture,
.home-page-category-grid .category-item .picture > a {
background-color: #f3f4f6 !important;
background: #f3f4f6 !important;
}
.picture img,
.product-item .picture img,
.category-item .picture img,
.sub-category-item .picture img,
.manufacturer-item .picture img,
.item-box .picture img,
.product-essential .gallery img,
.mini-shopping-cart .picture img,
.flyout-cart .picture img,
.cart td.product-picture img,
.data-table td.product-picture img,
.product-grid .picture img,
.product-list .picture img {
background-color: #fff;
image-rendering: auto;
}
/* Kategorijų ikonos: kol JS nuima įpieštą juodą foną — nematyti juodo flash.
Svarbu: taisyklė sync CSS (customCss.css), ne tik PDP — kataloge anksčiau
opacity:0 buvo tik pdp.css ir nebuvo kraunamas → juodas flash. */
.home-page-category-grid .category-item .picture a img,
.sub-category-grid .sub-category-item .picture a img {
opacity: 0;
background-color: #fff;
}
.home-page-category-grid .category-item .picture a img[data-black-bg-fixed="1"],
.sub-category-grid .sub-category-item .picture a img[data-black-bg-fixed="1"] {
opacity: 1;
transition: opacity 0.12s ease;
}
/* Kortelės fonas — sync, kad laukiant catalog.css / JS nebūtų tuščio/tamsaus bloko */
.sub-category-grid .sub-category-item {
background-color: #fff;
background: #fff;
}
/* Senas selector (tik kol vyksta canvas) — paliekame suderinamumui */
.home-page-category-grid .category-item .picture a img.jupoja-bg-fixing,
.sub-category-grid .sub-category-item .picture a img.jupoja-bg-fixing {
opacity: 0;
}
/* -------------------------------------------------------------------------- */
/* [00] GLOBALI LIETUVYBĖ — šriftai ir skaitomumas (LT simboliams) */
/* -------------------------------------------------------------------------- */
html,
body {
font-family: var(--jupoja-font-family);
font-style: normal;
font-synthesis: none;
font-synthesis-style: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html[lang^="lt"],
html[lang="lt-LT"],
body:lang(lt) {
font-family: var(--jupoja-font-family);
}
body,
input,
textarea,
select,
button,
a,
.page,
.master-wrapper-content {
font-family: inherit;
font-style: normal;
}
input::placeholder,
textarea::placeholder {
font-style: normal;
}
/* Header — niekada nenaudoti naršyklės „faux italic“, jei Open Sans neįkrautas */
.header,
.header *:not(em):not(i):not(cite):not(dfn) {
font-style: normal;
}
/* Vienas šriftas visur — perrašo pluginų Lato ir kitus likučius (icomoon — ikonoms) */
.master-wrapper-page *:not(.icon):not([class^="icon-"]):not([class*=" icon-"]) {
font-family: inherit;
}
.product-tab-container,
.product-tab-container *:not(.icon):not([class^="icon-"]):not([class*=" icon-"]) {
font-family: var(--jupoja-font-family) !important;
}
/* Apsauga nuo per daug suspaustų lietuviškų raidžių UI elementuose */
input,
textarea,
select,
button,
.ui-tabs .ui-tabs-anchor,
.nav-tab-link,
.product-title a {
letter-spacing: normal;
word-spacing: normal;
font-kerning: normal;
}
/* -------------------------------------------------------------------------- */
/* [00b] TIPOGRAFIJOS SKALĖ — 36 / 30 / 18 / 16 / 14 */
/* -------------------------------------------------------------------------- */
html {
font-size: 100%;
}
body {
font-size: var(--jupoja-fs-body);
line-height: 1.5;
color: var(--jupoja-dark, #434242);
}
/* 36px — puslapių pavadinimai */
.page-title h1,
.breadcrumb .page-title h1,
html:not(.html-home-page) .breadcrumb .page-title h1,
.topic-page .page-title h1,
.account-page .page-title h1,
.checkout-page .page-title h1,
.shopping-cart-page .page-title h1,
.wishlist-page .page-title h1,
.login-page .page-title h1,
.registration-page .page-title h1,
.search-page .page-title h1,
.category-page .page-title h1,
.manufacturer-page .page-title h1,
.product-details-page .page-title h1,
.html-product-details-page .breadcrumb .page-title h1 {
font-size: var(--jupoja-fs-page) !important;
line-height: 1.2 !important;
font-weight: 700;
}
/* 30px — sekcijų pavadinimai */
.home-page-category-grid > .title,
.product-grid > .title,
.product-grid > .title strong,
.product-grid > .title h2,
.home-page-product-grid > .title,
.home-page-product-grid > .title strong,
.home-page-product-grid > .title h2,
.related-products-grid > .title,
.related-products-grid > .title strong,
.related-products-grid > .title h2,
.also-purchased-products-grid > .title,
.also-purchased-products-grid > .title strong,
.also-purchased-products-grid > .title h2,
.cross-sell-products > .title,
.cross-sell-products > .title strong,
.cross-sell-products > .title h2,
.product-tab-grid .title,
.product-tab-grid .title strong,
.fieldset .title,
.fieldset .title strong,
.fieldset .title h2,
.category-description > .title,
.home-page .title,
.section > .title,
.cart-footer .title,
.order-summary-content .title,
.topic-block-title,
.faq-wrapper .title,
.faq-title,
.cms-related-products .title strong,
.cms-related-products .title h2,
.account-page .fieldset .title,
.account-page .fieldset .title strong,
.account-page .fieldset .title h2 {
font-size: var(--jupoja-fs-section) !important;
line-height: 1.25 !important;
font-weight: 700;
}
/* OPC / checkout sekcijų antraštės (tamsūs barai) */
.step-title .title,
.step-title h2,
.spc .opc .step-title .title,
.spc .opc .step-title h2,
.checkout-page .opc .step-title .title {
font-size: 20px !important;
line-height: 1.25 !important;
font-weight: 700;
}
/* 18px — produktų pavadinimai + tekstiniai CTA mygtukai */
.product-item .product-title,
.product-item .product-title a,
.product-list .item-box .product-item .details .product-title,
.product-list .item-box .product-item .details .product-title a,
.product-grid .item-box .product-item .details .product-title a,
.add-to-cart-popup .product-title a,
.flyout-cart .items .item .product a,
.html-product-details-page .product-name h1,
.html-product-details-page .product-essential .product-name h1,
.button-1,
.button-1.product-box-add-to-cart-button,
.product-item .add-info .product-box-add-to-cart-button,
.common-buttons .button-1,
.common-buttons .button-2,
.checkout-buttons .button-1,
.cart .button-2,
.wishlist-content .button-2,
.pdp-purchase-card .button-1,
.html-product-details-page .add-to-cart-button {
font-size: var(--jupoja-fs-product) !important;
line-height: 1.3 !important;
}
.product-item .product-title a {
height: auto !important;
min-height: calc(var(--jupoja-fs-product) * 1.3 * 2);
-webkit-line-clamp: 2;
line-clamp: 2;
}
/* 16px — pagrindinis tekstas, meniu, inputai, kiekis, kainos */
.header-menu,
.header-menu a,
.header-menu .top-menu > li > a,
.mega-menu a,
.category-navigation a,
.block-category-navigation a,
.block-account-navigation .list a,
.block-account-navigation .account-nav-label,
.mobile-bottom-navigation a,
.footer a,
.footer .title,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select,
.qty-input,
.cart-qty-input,
.product-quantity input,
.cart .qty-input,
.wishlist-content .qty-input,
.prices,
.actual-price,
.price,
.product-price,
.cart-total,
.order-total,
.cart .product-unit-price,
.cart .subtotal,
.flyout-cart .price,
.product-item .prices,
.product-item .actual-price,
.product-item .price,
.product-filters,
.product-selectors,
.pager li a,
.pager li span,
.inputs label,
.form-fields label,
.table-wrapper table,
.data-table,
.cart th,
.cart td {
font-size: var(--jupoja-fs-body) !important;
line-height: 1.45;
}
/* 14px — pagalbiniai tekstai */
.breadcrumb ul li,
.breadcrumb ul li a,
.breadcrumb ul li strong.current-item,
html:not(.html-home-page) .breadcrumb ul li,
html:not(.html-home-page) .breadcrumb ul li a,
html:not(.html-home-page) .breadcrumb ul li strong.current-item,
.product-item .sku,
.product-item .description,
.product-item .tax-shipping-info,
.product-item .old-price,
.product-item .price-unit-info,
.payment-description,
.method-description,
.hint,
.field-validation-error,
.field-validation-valid,
.message-error,
.please-wait,
.mini-shopping-cart .count,
.attributes .attribute-description,
.product-tags-list,
.manufacturers,
.back-in-stock-subscription,
.delivery-date,
.price-unit-info,
.old-product-price,
.non-discounted-price,
.base-price-papi-info,
.tier-prices,
.product-specs-box,
.ui-dialog .ui-dialog-content,
.bar-notification,
.cookies-notification-bar,
.footer .footer-lower,
.footer .footer-powered-by,
.footer-disclaimer,
.account-page .inputs > label,
.spc .opc .section.payment-method .payment-description,
.spc .opc .section.payment-method .method-list > li .payment-description {
font-size: var(--jupoja-fs-helper) !important;
line-height: 1.45;
}
/* Mygtukai su ikona (font-size: 0) — tekstas paslėptas */
.button-1.search-box-button,
.home-page-polls .search-box-button.button-2,
.footer .newsletter-email .button-1,
.button-2.add-to-wishlist-button,
.button-2.add-to-compare-list-button,
.button-2.quick-view-button,
.product-item .buttons .button-2,
.product-item .add-info .buttons .button-2,
.product-item .picture .buttons .button-2,
.product-item .add-info .product-box-input .qty-button {
font-size: 0 !important;
}
/* Quick View / padidinimo stiklas — išjungtas visur (homepage, tabs, deals, katalogas) */
.product-item .buttons .button-2.quick-view-btn,
.product-item .buttons .button-2.quick-view-button,
.product-item .quick-view-btn,
.product-item .quick-view-button,
.button-2.quick-view-btn,
.button-2.quick-view-button,
.quick-view-btn,
.quick-view-button {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
@media (max-width: 767px) {
.page-title h1,
.breadcrumb .page-title h1,
html:not(.html-home-page) .breadcrumb .page-title h1 {
font-size: 28px !important;
}
.home-page-category-grid > .title,
.product-grid > .title,
.product-grid > .title strong,
.product-grid > .title h2,
.home-page-product-grid > .title,
.home-page-product-grid > .title strong,
.home-page-product-grid > .title h2,
.related-products-grid > .title strong,
.related-products-grid > .title h2,
.also-purchased-products-grid > .title h2,
.fieldset .title,
.fieldset .title strong,
.fieldset .title h2,
.block:not(.block-category-navigation):not(.block-manufacturer-navigation) .title strong,
.cms-related-products .title strong,
.cms-related-products .title h2 {
font-size: 24px !important;
}
.step-title .title,
.step-title h2,
.spc .opc .step-title .title,
.spc .opc .step-title h2,
.checkout-page .opc .step-title .title {
font-size: 22px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [00c] ŠRIFTO STORIAI — Open Sans 400 / 500 / 700 */
/* -------------------------------------------------------------------------- */
body {
font-weight: var(--jupoja-fw-regular);
}
/* 400 — įprastas tekstas, pagalbiniai, formų etiketės, seni kainų ženklai */
body,
p,
li,
td,
th,
label,
.inputs label,
.form-fields label,
.breadcrumb ul li,
.breadcrumb ul li a,
.product-item .sku,
.product-item .description,
.product-item .tax-shipping-info,
.product-item .old-price,
.product-item .price-unit-info,
.price-unit-info,
.old-product-price,
.non-discounted-price,
.payment-description,
.method-description,
.hint,
.footer,
.footer a,
.overview .short-description,
.full-description,
.pdp-purchase-card__price-label,
.pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-label,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-item .add-info .catalog-card__prices .price-unit-info,
.qty-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
font-weight: var(--jupoja-fw-regular) !important;
}
/* 500 — produktų pavadinimai, skirtukai, meniu, aktyvūs elementai */
.product-item .product-title,
.product-item .product-title a,
.product-list .item-box .product-item .details .product-title a,
.product-grid .item-box .product-item .details .product-title a,
.add-to-cart-popup .product-title a,
.flyout-cart .items .item .product a,
.html-product-details-page .product-name h1,
.html-product-details-page .product-essential .product-name h1,
.html-product-details-page .sticky-add-tocart .product-name h1,
.header-menu a,
.header-menu .top-menu > li > a,
.mega-menu a,
.category-navigation a,
.block-category-navigation a,
.block-account-navigation .list a,
.block-account-navigation .account-nav-label,
.block-account-navigation .title,
.mobile-bottom-navigation a,
.header-left-menu-dropdown .header-left-menu-button,
.header-left-menu-dropdown .mm-navbar a,
.nav-tabs .ui-tabs-anchor,
.nav-tabs .nav-tab-link,
.product-tab-item-header .nav-tabs .ui-tabs-anchor,
.product-tab-item-header .nav-tabs .nav-tab-link,
.ui-tabs .ui-tabs-anchor,
.faq-question,
.faq-page-mm__q-link,
.account-page .inputs > label,
.pager li a,
.pager li span,
.product-filters,
.product-selectors,
.attributes .text-prompt,
.spc .opc .section.payment-method .method-list > li.payment-method-item--primary .payment-details > label,
.spc .opc .section.payment-method .payment-method-group__title {
font-weight: var(--jupoja-fw-medium) !important;
}
/* 700 — puslapių / sekcijų antraštės, kainos, pagrindiniai CTA */
.page-title h1,
.breadcrumb .page-title h1,
html:not(.html-home-page) .breadcrumb .page-title h1,
.topic-page .page-title h1,
.account-page .page-title h1,
.checkout-page .page-title h1,
.shopping-cart-page .page-title h1,
.wishlist-page .page-title h1,
.login-page .page-title h1,
.registration-page .page-title h1,
.search-page .page-title h1,
.category-page .page-title h1,
.manufacturer-page .page-title h1,
.product-details-page .page-title h1,
.home-page-category-grid > .title,
.product-grid > .title,
.product-grid > .title strong,
.product-grid > .title h2,
.home-page-product-grid > .title,
.home-page-product-grid > .title strong,
.home-page-product-grid > .title h2,
.related-products-grid > .title,
.related-products-grid > .title strong,
.related-products-grid > .title h2,
.also-purchased-products-grid > .title strong,
.also-purchased-products-grid > .title h2,
.cross-sell-products > .title strong,
.cross-sell-products > .title h2,
.product-tab-grid .title,
.product-tab-grid .title strong,
.fieldset .title,
.fieldset .title strong,
.fieldset .title h2,
.step-title .title,
.step-title h2,
.spc .opc .step-title .title,
.spc .opc .step-title h2,
.faq-title,
.faq-wrapper .title,
.cms-related-products .title strong,
.cms-related-products .title h2,
.topic-block-title,
.title-mm,
.section-title-mm,
.page-title-mm,
.lojalumas-mm__title,
.lojalumas-mm__section-title,
.actual-price,
.product-price,
.product-item .actual-price,
.product-item .add-info .catalog-card__prices .actual-price,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current span[id^="price-value-"],
.html-product-details-page .product-cart-wrapper .pdp-purchase-card__price-col--current .actual-price,
.html-product-details-page .product-cart-wrapper .pdp-purchase-card__price-col--current span[id^="price-value-"],
.cart .product-unit-price,
.cart .subtotal,
.cart-total,
.order-total,
.flyout-cart .price,
.button-1,
.button-1.product-box-add-to-cart-button,
.product-item .add-info .product-box-add-to-cart-button,
.product-item .add-info .buynow-btn,
.common-buttons .button-1,
.checkout-buttons .button-1,
.checkout-button,
.add-to-cart .add-to-cart-button,
.product-cart-wrapper .add-to-cart-button,
.html-product-details-page .add-to-cart-button,
.pdp-purchase-card .button-1,
.cart .button-2.checkout-button,
.wishlist-content .button-2.update-wishlist-button {
font-weight: var(--jupoja-fw-bold) !important;
}
/* Aktyvūs skirtukai / meniu punktai — Medium */
.nav-tabs .ui-tabs-active .ui-tabs-anchor,
.nav-tabs .active .nav-tab-link,
.nav-tabs .ui-tabs-anchor.active,
.block-account-navigation .list li.active a,
.header-menu .top-menu > li.active > a,
.product-tab-item-header .nav-tabs .ui-tabs-active .ui-tabs-anchor,
.product-tab-item-header .nav-tabs .swiper-slide.ui-state-active .ui-tabs-anchor {
font-weight: var(--jupoja-fw-medium) !important;
}
/* -------------------------------------------------------------------------- */
/* [01] PAGRINDINIS PUSLAPIS — Featured Categories */
/* -------------------------------------------------------------------------- */
/* Reset & box-sizing */
.home-page .home-page-category-grid *,
.home-page .home-page-category-grid *::before,
.home-page .home-page-category-grid *::after {
box-sizing: border-box;
}
/* [01a] Konteineris — tik vertikalus ritmas.
Horizontalus plotis / padding / margin: Kingdom .container
(tas pats kaip .header .header-lower ir meniu „Prekių katalogas“) */
.home-page .home-page-category-grid,
.category-grid.home-page-category-grid {
padding-top: 24px;
padding-bottom: 32px;
overflow-x: hidden;
box-sizing: border-box;
}
/* Jei sekcija būtų .container viduje — be dvigubo horizontalaus padding */
.home-page .container > .home-page-category-grid {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
/* [01b] Sekcijos antraštė („Featured Categories“) */
.home-page-category-grid > .title {
text-align: center;
font-weight: 700;
font-size: var(--jupoja-fs-section);
line-height: 1.25;
margin: 0 0 24px;
color: #434242;
display: block !important;
}
/* [01c] Swiper bazė — aukštis auto, be JS transform (tinklelį valdo [01g]) */
.home-page-category-grid .swiper.home-page-categories {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
overflow: visible;
}
.home-page-category-grid.swiper.home-page-categories,
.home-page-category-grid .swiper-wrapper,
.home-page-category-grid .swiper-slide {
height: auto !important;
}
.home-page-category-grid .swiper-wrapper {
transform: none !important;
width: 100%;
}
/* [01d] <1200px: dvi kategorijos vienoje Swiper skaidrėje — stulpeliu (siauri ekranai) */
@media (max-width: 1199px) {
.home-page-category-grid .swiper-slide .item-box {
flex-direction: column !important;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 14px;
width: 100%;
}
.home-page-category-grid .swiper-slide .item-box .category-item {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
}
}
/* [01e] Kategorijos kortelė — apskrita ikona, tekstas apačioje (perdengia Kingdom) */
.home-page-category-grid .category-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
position: relative !important;
background: none !important;
background-image: none !important;
padding: 0 !important;
margin: 0 !important;
min-height: auto !important;
border-radius: 0 !important;
margin-top: 0 !important;
width: 100%;
min-width: 0;
text-align: center;
transition: transform 0.2s ease;
}
/* Laikinai išjungta: hover pakėlimas
.home-page-category-grid .category-item:hover {
transform: translateY(-2px);
}
*/
/* Picture first, title below — švelnus pilkas apskritimas (ne baltas = nematomas) */
.home-page-category-grid .category-item .picture {
order: 1;
position: relative !important;
width: 100%;
max-width: 126px;
aspect-ratio: 1;
border-radius: 50%;
background-color: #f3f4f6 !important;
background: #f3f4f6 !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0 auto 12px;
left: auto !important;
bottom: auto !important;
border: 1px solid rgba(0, 0, 0, 0.04) !important;
box-shadow: none !important;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.home-page-category-grid .category-item .picture::before {
display: none !important;
}
.home-page-category-grid .category-item .picture a {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 5%;
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
height: auto !important;
background: #f3f4f6 !important;
background-color: #f3f4f6 !important;
transition: background-color 0.2s ease;
}
.home-page-category-grid .category-item .picture a img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
position: relative !important;
bottom: 5px;
left: auto !important;
transform: none !important;
background: transparent !important;
transition: background-color 0.2s ease, opacity 0.15s ease;
}
.home-page-category-grid .category-item:hover .picture {
background-color: #FCDF00 !important;
background: #FCDF00 !important;
border-color: transparent !important;
}
.home-page-category-grid .category-item:hover .picture a,
.home-page-category-grid .category-item:hover .picture a img {
background: #FCDF00 !important;
background-color: #FCDF00 !important;
}
/* Title - below circle */
.home-page-category-grid .category-item .title,
.home-page-category-grid .item-box .category-item .title {
order: 2;
margin: 0 !important;
padding: 0 !important;
width: 100%;
max-width: 100%;
text-align: center;
border: none !important;
background: none !important;
white-space: normal !important;
}
.home-page-category-grid .category-item .title::before,
.home-page-category-grid .category-item .title::after,
.home-page-category-grid .category-item .title a::before,
.home-page-category-grid .category-item .title a::after {
display: none !important;
content: none !important;
}
.home-page-category-grid .category-item .title a,
.home-page-category-grid .item-box .category-item .title a {
display: block;
font-size: medium;
font-weight: 600;
color: #434242;
text-decoration: none;
line-height: 1.35;
text-align: center;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
word-wrap: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-clamp: unset !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
}
.home-page-category-grid .category-item .title a:hover {
color: #434242;
}
/* [01f] Swiper pagination — paslėpta */
.home-page-category-grid .swiper-pagination {
display: none !important;
}
/* -------------------------------------------------------------------------- */
/* [01g] Responsive tinklelis — desktop max 7 stulpeliai
Plotis NELIEČIAMAS: Kingdom jau prilygina .home-page-category-grid
prie .container / header / „Prekių katalogas“ (max-width + padding). */
/* -------------------------------------------------------------------------- */
.home-page .home-page-category-grid > .title {
text-align: left !important;
font-size: 36px !important;
line-height: 1.15 !important;
margin-bottom: 30px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
gap: 28px 10px !important;
align-items: start !important;
justify-items: stretch;
width: 100%;
margin: 0 !important;
}
.home-page .home-page-category-grid .swiper.home-page-categories {
padding-left: 0;
padding-right: 0;
width: 100%;
margin: 0;
}
.home-page .home-page-category-grid .swiper-slide,
.home-page .home-page-category-grid .item-box,
.home-page .home-page-category-grid .home-page-categories .col-4,
.home-page .home-page-category-grid .home-page-categories .col-xs-3,
.home-page .home-page-category-grid .home-page-categories .col-sm-4,
.home-page .home-page-category-grid .home-page-categories .col-md-4,
.home-page .home-page-category-grid .home-page-categories .col-lg-3,
.home-page .home-page-category-grid .home-page-categories .col-xl-3 {
display: contents !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
}
.home-page .home-page-category-grid .category-item .picture {
width: clamp(101px, 7.67vw, 143px) !important;
height: clamp(101px, 7.67vw, 143px) !important;
max-width: none !important;
margin: 0 auto 12px !important;
}
.home-page .home-page-category-grid .category-item .title a {
font-size: clamp(13px, 0.85vw, 15px) !important;
line-height: 1.3;
}
@media (max-width: 1399px) {
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 26px 10px !important;
}
.home-page .home-page-category-grid > .title {
font-size: 33px !important;
}
}
@media (max-width: 1199px) {
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 24px 10px !important;
}
.home-page .home-page-category-grid > .title {
font-size: 30px !important;
margin-bottom: 26px !important;
}
.home-page .home-page-category-grid .category-item .picture {
width: clamp(97px, 9.45vw, 130px) !important;
height: clamp(97px, 9.45vw, 130px) !important;
}
}
@media (max-width: 991px) {
.home-page .home-page-category-grid > .title {
font-size: 27px !important;
margin-bottom: 24px !important;
}
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px 10px !important;
}
.home-page .home-page-category-grid .category-item .picture {
width: clamp(92px, 13.65vw, 120px) !important;
height: clamp(92px, 13.65vw, 120px) !important;
}
}
@media (max-width: 767px) {
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px 9px !important;
}
.home-page .home-page-category-grid > .title {
font-size: 23px !important;
margin-bottom: 20px !important;
}
.home-page .home-page-category-grid .category-item .picture {
width: clamp(86px, 19.95vw, 109px) !important;
height: clamp(86px, 19.95vw, 109px) !important;
}
}
@media (max-width: 575px) {
.home-page .home-page-category-grid > .title {
font-size: 20px !important;
margin-bottom: 16px !important;
}
.home-page .home-page-category-grid .swiper-wrapper,
.home-page .home-page-category-grid .home-page-categories.row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px 8px !important;
}
.home-page .home-page-category-grid .category-item .picture {
width: clamp(82px, 25.2vw, 101px) !important;
height: clamp(82px, 25.2vw, 101px) !important;
margin-bottom: 8px !important;
}
.home-page .home-page-category-grid .category-item .title a {
font-size: 12px !important;
line-height: 1.25;
}
}
@media (min-width: 1600px) {
.home-page .home-page-category-grid .category-item .picture {
width: clamp(110px, 7vw, 158px) !important;
height: clamp(110px, 7vw, 158px) !important;
}
.home-page .home-page-category-grid .category-item .title a {
font-size: clamp(14px, 0.9vw, 15px) !important;
}
}
/* [01h] Dienos pasiūlymai — countdown kairėje; baneris aukštesnis, beveik po laikrodžiu */
@media (min-width: 992px) {
.home-page .dealoftheday-wrapper.right .dealoftheday-content,
.home-page .dealoftheday-container.right .dealoftheday-content {
flex-direction: row !important;
}
}
@media (min-width: 992px) {
/* Nebespausiame banerio į apačią (space-between) — laikrodis + baneris sandariai */
.home-page .dealoftheday-leftadd {
justify-content: flex-start !important;
gap: 10px;
padding: 14px 12px 12px !important;
align-items: stretch !important;
}
.home-page .dealoftheday-leftadd .carousel-countdown {
flex: 0 0 auto;
margin: 0;
}
.home-page .dealoftheday-leftadd .deals-image {
margin-top: 0 !important;
flex: 1 1 auto;
width: 100%;
min-height: 0;
display: flex;
align-items: stretch;
}
.home-page .dealoftheday-leftadd .deals-image .swiper {
margin: 0 auto !important;
max-width: 100% !important;
width: 100%;
height: 100%;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image,
.home-page .dealoftheday-leftadd .deals-image .swiper .swiper-slide {
height: 100%;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a {
display: block;
position: relative;
height: 100%;
min-height: 360px;
}
/* Kingdom naudoja ::before kaip aukščio rėmą — didiname (buvo 130%) */
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a::before {
content: "" !important;
display: block !important;
padding-top: 165% !important;
height: 0 !important;
min-height: 0 !important;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a img,
.home-page .dealoftheday-leftadd .deals-image img {
max-width: none !important;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
transform: none !important;
}
/* Desktop — mobile baneris paslėptas */
.home-page .dealoftheday-leftadd .deals-image .deal-banner-img--mobile {
display: none !important;
}
.home-page .dealoftheday-leftadd .deals-image .deal-banner-img--desktop {
display: block !important;
}
}
@media (min-width: 1200px) {
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a {
min-height: 420px;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a::before {
padding-top: 175% !important;
}
}
/* [01h2] Desktop — prekių kortelės = kairiojo banerio aukštis */
@media (min-width: 992px) {
.home-page .dealoftheday-wrapper .dealoftheday-content,
.home-page .dealoftheday-container .dealoftheday-content,
.home-page .dealoftheday-content.row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
}
.home-page .dealoftheday-content > [class*="col-"],
.home-page .dealoftheday-content > .col-md-4,
.home-page .dealoftheday-content > .col-md-8,
.home-page .dealoftheday-content > .col-lg-3,
.home-page .dealoftheday-content > .col-lg-9,
.home-page .dealoftheday-content > .col-xl-2_5,
.home-page .dealoftheday-content > .col-xl-9_5,
.home-page .dealoftheday-content > .deals-right-contents {
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
}
.home-page .dealoftheday-leftadd {
height: 100% !important;
min-height: 100% !important;
}
.home-page .deals-right-contents {
height: auto !important;
min-height: 100% !important;
}
.home-page .deals-right-contents .deal-carousel-container {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
height: 100% !important;
}
.home-page .deals-right-contents .title {
flex: 0 0 auto !important;
margin: 0 0 var(--hp-carousel-title-gap, 6px) !important;
}
.home-page .deals-products.swiper.carousel,
.home-page .deals-products.swiper,
.home-page .dealoftheday-content .deals-products {
flex: 1 1 auto !important;
height: 100% !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
.home-page .deals-products .swiper-wrapper {
height: 100% !important;
align-items: stretch !important;
}
.home-page .deals-products.swiper .swiper-slide,
.home-page .deals-products .swiper-slide {
height: 100% !important;
align-self: stretch !important;
box-sizing: border-box !important;
}
.home-page .deals-products .swiper-slide > .item-box,
.home-page .deals-products .swiper-slide > .product-item,
.home-page .deals-products .swiper-slide .product-item {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 100% !important;
flex: 1 1 auto !important;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
box-sizing: border-box !important;
}
/* 3 eilučių antraštės rezervas — mygtukai vienoje linijoje */
.home-page .deals-products .product-item .details .product-title,
.home-page .deals-products .product-item .details .product-title a {
min-height: calc(1.35em * 3) !important;
}
.home-page .deals-products .product-item .add-info {
margin-top: auto !important;
}
}
/* [01i] Dienos pasiūlymai — mobile: laikrodis → baneris → prekės (2.2) */
@media (max-width: 991px) {
.home-page .dealoftheday-wrapper,
.home-page .dealoftheday-container {
padding: 8px 0 16px !important;
margin-bottom: 12px !important;
overflow: visible !important;
/* Laikrodis ir baneris — be geltono fono (perrašo admin inline) */
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
.home-page .dealoftheday-wrapper > .container,
.home-page .dealoftheday-container > .container {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Svarbu: .right turi row !important desktop'e — čia laimime su ta pačia specifika */
.home-page .dealoftheday-wrapper.right .dealoftheday-content,
.home-page .dealoftheday-container.right .dealoftheday-content,
.home-page .dealoftheday-wrapper .dealoftheday-content,
.home-page .dealoftheday-container .dealoftheday-content,
.home-page .dealoftheday-content.row {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
margin: 0 !important;
width: 100% !important;
float: none !important;
}
/* Pilno pločio stulpeliai — be display:contents (jis maišė vaikų eilės tvarką) */
.home-page .dealoftheday-content > [class*="col-"],
.home-page .dealoftheday-content > .col-md-4,
.home-page .dealoftheday-content > .col-md-8,
.home-page .dealoftheday-content > .col-lg-3,
.home-page .dealoftheday-content > .col-lg-9,
.home-page .dealoftheday-content > .col-xl-2_5,
.home-page .dealoftheday-content > .col-xl-9_5,
.home-page .dealoftheday-content > .deals-right-contents {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
}
.home-page .dealoftheday-content > [class*="col-"]:first-child {
order: 1;
}
.home-page .dealoftheday-content > .deals-right-contents {
order: 2;
}
.home-page .dealoftheday-leftadd {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 12px !important;
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
position: relative !important;
z-index: 1;
float: none !important;
}
.home-page .dealoftheday-leftadd > .title {
display: none !important;
}
.home-page .dealoftheday-leftadd .carousel-countdown {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 12px !important;
box-sizing: border-box;
float: none !important;
}
.home-page .dealoftheday-leftadd .carousel-countdown [data-countdown] {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
font-size: 0 !important;
}
.home-page .dealoftheday-leftadd .carousel-countdown .count {
flex: 1 1 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 12px 4px 10px !important;
border-radius: 6px !important;
background: var(--jupoja-dark, #434242) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: normal !important;
box-sizing: border-box;
}
.home-page .dealoftheday-leftadd .carousel-countdown .count span {
display: block !important;
margin-bottom: 2px;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
color: #fff !important;
}
.home-page .dealoftheday-leftadd .deals-image {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
aspect-ratio: 3.15 / 1;
height: auto !important;
max-height: 130px !important;
overflow: hidden !important;
border-radius: 0 !important;
background: transparent !important;
float: none !important;
}
.home-page .dealoftheday-leftadd .deals-image .swiper,
.home-page .dealoftheday-leftadd .deals-image .swiper-wrapper,
.home-page .dealoftheday-leftadd .deals-image .swiper-slide,
.home-page .dealoftheday-leftadd .deals-image .slider-image,
.home-page .dealoftheday-leftadd .deals-image .slider-image a {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.home-page .dealoftheday-leftadd .deals-image .swiper-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a::before {
content: none !important;
display: none !important;
padding: 0 !important;
height: 0 !important;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .slider-image a img,
.home-page .dealoftheday-leftadd .deals-image img {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center top !important;
transform: none !important;
}
/* Smart Deal — mobile baneris (admin Mobile picture), ne desktop vertikalus */
.home-page .dealoftheday-leftadd .deals-image .deal-banner-img--desktop {
display: none !important;
}
.home-page .dealoftheday-leftadd .deals-image .deal-banner-img--mobile {
display: block !important;
object-fit: contain !important;
object-position: center center !important;
background: #fff;
}
.home-page .dealoftheday-leftadd .deals-image .swiper .swiper-button-prev,
.home-page .dealoftheday-leftadd .deals-image .swiper .swiper-button-next {
display: none !important;
}
.home-page .dealoftheday-content .deals-right-contents {
display: block !important;
visibility: visible !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 12px !important;
padding: var(--hp-deal-section-pad-y, 8px) 0 var(--hp-deal-section-pad-y, 8px) !important;
overflow: visible !important;
min-height: 0 !important;
height: auto !important;
position: relative !important;
z-index: 2;
float: none !important;
clear: both !important;
background: var(--jupoja-yellow, #FCDF00) !important;
}
.home-page .dealoftheday-content .deals-right-contents .deal-carousel-container {
display: block !important;
width: 100% !important;
overflow: visible !important;
min-height: 0 !important;
height: auto !important;
}
.home-page .dealoftheday-content .deals-right-contents .title {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin: 0 0 var(--hp-carousel-title-gap, 6px) !important;
padding: 0 10px !important;
position: relative !important;
width: 100% !important;
box-sizing: border-box;
}
.home-page .dealoftheday-content .deals-right-contents .title strong {
display: block !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--jupoja-dark, #434242) !important;
}
.home-page .deals-products.swiper.carousel,
.home-page .dealoftheday-content .deals-products {
display: block !important;
visibility: visible !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 2px 10px !important;
/* Swiper valdo swipe — ne native scroll */
overflow: hidden !important;
box-sizing: border-box;
}
.home-page .deals-products .swiper-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
height: auto !important;
min-height: 220px !important;
/* Swiper valdo translate3d — NEDĖTI transform:none / width:max-content */
max-width: none !important;
width: auto !important;
}
.home-page .deals-products.swiper .swiper-slide,
.home-page .deals-products .swiper-slide {
display: flex !important;
flex-direction: column !important;
position: relative !important;
height: auto !important;
/* Swiper pats skaičiuoja plotį per slidesPerView: 2.2 */
flex-shrink: 0 !important;
box-sizing: border-box !important;
float: none !important;
opacity: 1 !important;
visibility: visible !important;
/* Swiper spaceBetween: 6 + gutter — vienoda su kitomis homepage karuselėmis */
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px) !important;
align-self: stretch !important;
}
.home-page .dealoftheday-content .deals-right-contents .title .swiper-nav {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 6px !important;
margin-left: auto !important;
flex: 0 0 auto !important;
position: relative !important;
top: auto !important;
right: auto !important;
width: auto !important;
height: auto !important;
z-index: 20;
pointer-events: auto !important;
}
.home-page .dealoftheday-content .deals-right-contents .title .swiper-button-next,
.home-page .dealoftheday-content .deals-right-contents .title .swiper-button-prev,
.home-page .dealoftheday-content .deals-right-contents .title .swiper-button-next.swiper-button-disabled,
.home-page .dealoftheday-content .deals-right-contents .title .swiper-button-prev.swiper-button-disabled {
position: static !important;
top: auto !important;
right: auto !important;
left: auto !important;
margin: 0 !important;
transform: none !important;
/* Visada gauti click — net kai Swiper prideda .swiper-button-disabled */
pointer-events: auto !important;
cursor: pointer !important;
z-index: 21;
flex: 0 0 auto !important;
}
.home-page .deals-products .swiper-slide .item-box,
.home-page .deals-products .swiper-slide .product-item,
.home-page .deals-products .swiper-slide > .item-box,
.home-page .deals-products .swiper-slide > .product-item {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
flex: 1 1 auto !important;
background: #fff !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 1;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
margin: 0 !important;
box-sizing: border-box !important;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
overflow: hidden;
}
.home-page .deals-products .product-item .picture,
.home-page .deals-products .product-item > .ribbon-wrapper {
margin-bottom: 6px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [01j0] SmartDeal FOUC — prieš Swiper.init() slide = 100% → milžiniška foto */
/* Swiper CSS default: .swiper-slide { width: 100% }. Kol JS nenustato pločio, */
/* pirmoji kortelė užima visą karuselę; po init susitraukia → „iššokimas“. */
/* -------------------------------------------------------------------------- */
.home-page .deals-products.swiper,
.home-page .deals-products.swiper.carousel {
overflow: hidden !important;
}
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
}
/* Atitikti SmartDealCarousel.cshtml breakpoints (slidesPerView) */
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-slide {
box-sizing: border-box !important;
flex-shrink: 0 !important;
width: calc((100% - 7.2px) / 2.2) !important; /* mobile: 2.2, spaceBetween ~6 */
max-width: calc((100% - 7.2px) / 2.2) !important;
}
@media (min-width: 768px) {
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-slide {
width: calc((100% - 22px) / 3.2) !important; /* 3.2, spaceBetween 10 */
max-width: calc((100% - 22px) / 3.2) !important;
}
}
@media (min-width: 992px) {
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-slide {
width: calc((100% - 24px) / 3) !important; /* 3, spaceBetween 12 */
max-width: calc((100% - 24px) / 3) !important;
}
}
@media (min-width: 1200px) {
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-slide {
width: calc((100% - 42px) / 4) !important; /* 4, spaceBetween 14 */
max-width: calc((100% - 42px) / 4) !important;
}
}
@media (min-width: 1400px) {
.home-page .deals-products.swiper:not(.swiper-initialized) .swiper-slide {
width: calc((100% - 56px) / 5) !important; /* 5, spaceBetween 14 */
max-width: calc((100% - 56px) / 5) !important;
}
}
/* Kingdom default: img max-width:105% / width:auto — sutvirtinam max */
.home-page .deals-products .product-item .picture > a img,
.home-page .deals-products .product-item .picture img {
max-width: 100% !important;
}
/* [01j] Smart Deal kortelės — erdvesnės; buvusi kaina apačioje; be qty; pilnas CTA */
.home-page .deals-products .product-item {
display: flex !important;
flex-direction: column !important;
}
/* Nuotrauka — kvadratas, centruota (be Kingdom translate(-50%,-50%) poslinkio) */
.home-page .deals-products .product-item .picture {
display: block !important;
position: relative !important;
width: 100% !important;
flex: 0 0 auto !important;
margin: 0 0 6px !important;
overflow: hidden !important;
background: #fff !important;
}
.home-page .deals-products .product-item .picture::before {
content: "" !important;
display: block !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
}
.home-page .deals-products .product-item .picture > a:not(.flip-box-back),
.home-page .deals-products .product-item .picture > .swiper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.home-page .deals-products .product-item .picture a::before {
display: none !important;
content: none !important;
padding: 0 !important;
height: 0 !important;
}
.home-page .deals-products .product-item .picture img,
.home-page .deals-products .product-item .picture > a img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
/* Teksto blokas: pavadinimas centre, barkodas centre */
.home-page .deals-products .product-item .details {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
flex: 0 0 auto !important;
}
.home-page .deals-products .product-item .details .product-title {
min-height: 0 !important;
margin: 0 0 2px !important;
text-align: center !important;
}
.home-page .deals-products .product-item .details .product-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
min-height: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: center !important;
}
/* Barkodas — sandariai po pavadinimu, šiek tiek didesnis ir žemiau */
.home-page .deals-products .product-item .details .sku {
display: block !important;
min-height: 0 !important;
margin: 10px 0 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
letter-spacing: 0.01em;
color: #6b6b6b !important;
text-align: center !important;
}
.home-page .deals-products .product-item .details .description,
.home-page .deals-products .product-item .details .product-rating-box {
display: none !important;
}
.home-page .deals-products .product-item .add-info {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 8px !important;
margin-top: auto !important;
padding-top: 10px !important;
padding-bottom: 0 !important;
min-height: 0 !important;
width: 100% !important;
}
/* Kainos — kairė lygiuotė pagal „Į krepšelį“ kairį kraštą (ne centre) */
.home-page .deals-products .product-item .add-info .prices,
.home-page .deals-products .product-item .add-info .catalog-card__prices {
--deal-old-price-slot: 20px;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
justify-content: flex-start !important;
align-items: stretch !important;
flex: 0 0 auto !important;
text-align: left !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 4px !important;
width: 100% !important;
text-align: left !important;
/* El. kaina eilutė + tarpas + buvusi kaina — visada tas pats aukštis */
min-height: calc(11px + 2px + 1.15em + 4px + var(--deal-old-price-slot)) !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100%;
flex: 0 0 auto !important;
order: 1;
text-align: left !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px;
font-size: 11px !important;
color: #8f8f8f !important;
text-align: left !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--jupoja-blue, #1B47A0) !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 13px !important;
color: #8f8f8f !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
min-height: var(--deal-old-price-slot) !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
flex: 0 0 auto !important;
order: 2;
text-align: left !important;
}
/* Be buvusios kainos — tuščia eilutė apačioje; El. kaina lieka toje pačioje linijoje */
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: block !important;
visibility: hidden !important;
min-height: var(--deal-old-price-slot) !important;
height: var(--deal-old-price-slot) !important;
max-height: var(--deal-old-price-slot) !important;
width: 100% !important;
flex: 0 0 var(--deal-old-price-slot) !important;
overflow: hidden !important;
pointer-events: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
order: 2;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start;
gap: 3px;
}
/* Kiekis — slepiame; CTA per plotį — kainos lygiuojamos pagal jo kairį kraštą */
.home-page .deals-products .product-item .add-info .product-box-input,
.home-page .deals-products .product-item .add-info .cart-quantity.product-box-input,
.home-page .deals-products .product-item .add-info .qty-dropdown {
display: none !important;
}
.home-page .deals-products .product-item .add-info .buynow-btn,
.home-page .deals-products .product-item .add-info .product-box-add-to-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: none !important;
border-radius: 8px !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-dark, #434242) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
white-space: nowrap;
text-align: center !important;
text-indent: 0 !important;
box-sizing: border-box !important;
}
.home-page .deals-products .product-item .add-info .buynow-btn::before,
.home-page .deals-products .product-item .add-info .product-box-add-to-cart-button::before {
display: none !important;
}
.home-page .deals-products .product-item .add-info .buynow-btn:hover,
.home-page .deals-products .product-item .add-info .buynow-btn:focus,
.home-page .deals-products .product-item .add-info .product-box-add-to-cart-button:hover,
.home-page .deals-products .product-item .add-info .product-box-add-to-cart-button:focus {
background: var(--jupoja-dark, #434242) !important;
color: #fff !important;
}
/* -------------------------------------------------------------------------- */
/* [01j2] Visos homepage produktų karuselės — tas pats SmartDeal kortelių stilius */
/* SmartCarousel (.carousel-grid) + Populiariausi / featured (.homepage-product) */
/* -------------------------------------------------------------------------- */
.home-page .carousel-grid .swiper.carousel .product-item,
.home-page .homepage-product .product-item,
.home-page .home-page-product-grid .product-item,
.home-page .product-swiper .product-item {
display: flex !important;
flex-direction: column !important;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
margin: 0 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
background: #fff !important;
box-sizing: border-box !important;
overflow: visible !important;
position: relative !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .picture,
.home-page .homepage-product .product-item .picture,
.home-page .home-page-product-grid .product-item .picture,
.home-page .product-swiper .product-item .picture,
.home-page .carousel-grid .swiper.carousel .product-item > .ribbon-wrapper,
.home-page .homepage-product .product-item > .ribbon-wrapper,
.home-page .home-page-product-grid .product-item > .ribbon-wrapper,
.home-page .product-swiper .product-item > .ribbon-wrapper {
display: block !important;
position: relative !important;
width: 100% !important;
flex: 0 0 auto !important;
margin: 0 0 6px !important;
overflow: hidden !important;
background: #fff !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .picture::before,
.home-page .homepage-product .product-item .picture::before,
.home-page .home-page-product-grid .product-item .picture::before,
.home-page .product-swiper .product-item .picture::before {
content: "" !important;
display: block !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .picture > a:not(.flip-box-back),
.home-page .carousel-grid .swiper.carousel .product-item .picture > .swiper,
.home-page .homepage-product .product-item .picture > a:not(.flip-box-back),
.home-page .homepage-product .product-item .picture > .swiper,
.home-page .home-page-product-grid .product-item .picture > a:not(.flip-box-back),
.home-page .home-page-product-grid .product-item .picture > .swiper,
.home-page .product-swiper .product-item .picture > a:not(.flip-box-back),
.home-page .product-swiper .product-item .picture > .swiper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .picture a::before,
.home-page .homepage-product .product-item .picture a::before,
.home-page .home-page-product-grid .product-item .picture a::before,
.home-page .product-swiper .product-item .picture a::before {
display: none !important;
content: none !important;
padding: 0 !important;
height: 0 !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .picture img,
.home-page .carousel-grid .swiper.carousel .product-item .picture > a img,
.home-page .homepage-product .product-item .picture img,
.home-page .homepage-product .product-item .picture > a img,
.home-page .home-page-product-grid .product-item .picture img,
.home-page .home-page-product-grid .product-item .picture > a img,
.home-page .product-swiper .product-item .picture img,
.home-page .product-swiper .product-item .picture > a img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .details,
.home-page .homepage-product .product-item .details,
.home-page .home-page-product-grid .product-item .details,
.home-page .product-swiper .product-item .details {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
}
/* Fiksuotas 3 eilučių aukštis — „El. kaina“ eilėje sutampa */
.home-page .carousel-grid .swiper.carousel .product-item .details .product-title,
.home-page .homepage-product .product-item .details .product-title,
.home-page .home-page-product-grid .product-item .details .product-title,
.home-page .product-swiper .product-item .details .product-title {
height: calc(1.35em * 3) !important;
min-height: calc(1.35em * 3) !important;
max-height: calc(1.35em * 3) !important;
margin: 0 0 2px !important;
text-align: center !important;
overflow: hidden !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .details .product-title a,
.home-page .homepage-product .product-item .details .product-title a,
.home-page .home-page-product-grid .product-item .details .product-title a,
.home-page .product-swiper .product-item .details .product-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
height: calc(1.35em * 3) !important;
min-height: calc(1.35em * 3) !important;
max-height: calc(1.35em * 3) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: center !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .details .sku,
.home-page .homepage-product .product-item .details .sku,
.home-page .home-page-product-grid .product-item .details .sku,
.home-page .product-swiper .product-item .details .sku {
display: block !important;
position: static !important;
height: calc(12px * 1.35) !important;
min-height: calc(12px * 1.35) !important;
margin: 12px 0 0 !important;
padding: 0 0 4px !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.01em;
color: #6b6b6b !important;
text-align: center !important;
overflow: hidden !important;
box-sizing: content-box !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .details .description,
.home-page .carousel-grid .swiper.carousel .product-item .details .product-rating-box,
.home-page .homepage-product .product-item .details .description,
.home-page .homepage-product .product-item .details .product-rating-box,
.home-page .home-page-product-grid .product-item .details .description,
.home-page .home-page-product-grid .product-item .details .product-rating-box,
.home-page .product-swiper .product-item .details .description,
.home-page .product-swiper .product-item .details .product-rating-box {
display: none !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info,
.home-page .homepage-product .product-item .add-info,
.home-page .home-page-product-grid .product-item .add-info,
.home-page .product-swiper .product-item .add-info {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 12px !important;
margin-top: auto !important;
padding-top: 16px !important;
padding-bottom: 0 !important;
min-height: 0 !important;
width: 100% !important;
flex-shrink: 0 !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .prices,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices,
.home-page .homepage-product .product-item .add-info .prices,
.home-page .homepage-product .product-item .add-info .catalog-card__prices,
.home-page .home-page-product-grid .product-item .add-info .prices,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices,
.home-page .product-swiper .product-item .add-info .prices,
.home-page .product-swiper .product-item .add-info .catalog-card__prices {
/* Vietos „Buvusi kaina“ eilutei (13px × 1.3 + atsarga) */
--deal-old-price-slot: 24px;
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
justify-content: flex-start !important;
align-items: stretch !important;
flex: 0 0 auto !important;
text-align: left !important;
container-type: normal !important;
overflow: visible !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
grid-template-columns: none !important;
text-align: left !important;
/* label 11 + mb 2 + kaina 22×1.15 + gap 6 + buvusi kaina */
min-height: calc(11px + 2px + 26px + 6px + var(--deal-old-price-slot)) !important;
height: auto !important;
max-height: none !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100% !important;
flex: 0 0 auto !important;
order: 1 !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px !important;
font-size: 11px !important;
color: #8f8f8f !important;
text-align: left !important;
white-space: normal !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--jupoja-blue, #1B47A0) !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 13px !important;
color: #8f8f8f !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
min-height: var(--deal-old-price-slot) !important;
height: auto !important;
max-height: none !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
order: 2 !important;
text-align: left !important;
position: static !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
visibility: hidden !important;
pointer-events: none !important;
flex: 0 0 var(--deal-old-price-slot) !important;
height: var(--deal-old-price-slot) !important;
max-height: var(--deal-old-price-slot) !important;
overflow: hidden !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
white-space: normal !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
}
/* Qty slepiame; pilnas CTA */
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-input,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .cart-quantity.product-box-input,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .qty-dropdown,
.home-page .homepage-product .product-item .add-info .product-box-input,
.home-page .homepage-product .product-item .add-info .cart-quantity.product-box-input,
.home-page .homepage-product .product-item .add-info .qty-dropdown,
.home-page .home-page-product-grid .product-item .add-info .product-box-input,
.home-page .home-page-product-grid .product-item .add-info .cart-quantity.product-box-input,
.home-page .home-page-product-grid .product-item .add-info .qty-dropdown,
.home-page .product-swiper .product-item .add-info .product-box-input,
.home-page .product-swiper .product-item .add-info .cart-quantity.product-box-input,
.home-page .product-swiper .product-item .add-info .qty-dropdown {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .buynow-btn,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-add-to-cart-button,
.home-page .homepage-product .product-item .add-info .buynow-btn,
.home-page .homepage-product .product-item .add-info .product-box-add-to-cart-button,
.home-page .home-page-product-grid .product-item .add-info .buynow-btn,
.home-page .home-page-product-grid .product-item .add-info .product-box-add-to-cart-button,
.home-page .product-swiper .product-item .add-info .buynow-btn,
.home-page .product-swiper .product-item .add-info .product-box-add-to-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: none !important;
border-radius: 8px !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-dark, #434242) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
white-space: nowrap !important;
text-align: center !important;
text-indent: 0 !important;
box-sizing: border-box !important;
align-self: stretch !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .buynow-btn::before,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-add-to-cart-button::before,
.home-page .homepage-product .product-item .add-info .buynow-btn::before,
.home-page .homepage-product .product-item .add-info .product-box-add-to-cart-button::before,
.home-page .home-page-product-grid .product-item .add-info .buynow-btn::before,
.home-page .home-page-product-grid .product-item .add-info .product-box-add-to-cart-button::before,
.home-page .product-swiper .product-item .add-info .buynow-btn::before,
.home-page .product-swiper .product-item .add-info .product-box-add-to-cart-button::before {
display: none !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .buynow-btn:hover,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .buynow-btn:focus,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-add-to-cart-button:hover,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-add-to-cart-button:focus,
.home-page .homepage-product .product-item .add-info .buynow-btn:hover,
.home-page .homepage-product .product-item .add-info .buynow-btn:focus,
.home-page .homepage-product .product-item .add-info .product-box-add-to-cart-button:hover,
.home-page .homepage-product .product-item .add-info .product-box-add-to-cart-button:focus,
.home-page .home-page-product-grid .product-item .add-info .buynow-btn:hover,
.home-page .home-page-product-grid .product-item .add-info .buynow-btn:focus,
.home-page .home-page-product-grid .product-item .add-info .product-box-add-to-cart-button:hover,
.home-page .home-page-product-grid .product-item .add-info .product-box-add-to-cart-button:focus,
.home-page .product-swiper .product-item .add-info .buynow-btn:hover,
.home-page .product-swiper .product-item .add-info .buynow-btn:focus,
.home-page .product-swiper .product-item .add-info .product-box-add-to-cart-button:hover,
.home-page .product-swiper .product-item .add-info .product-box-add-to-cart-button:focus {
background: var(--jupoja-dark, #434242) !important;
color: #fff !important;
}
/* Apskritimo „Į krepšelį“ nereikia — yra pilnas CTA */
.home-page .carousel-grid .swiper.carousel .product-item .buttons .button-2.product-box-add-to-cart-button,
.home-page .homepage-product .product-item .buttons .button-2.product-box-add-to-cart-button,
.home-page .home-page-product-grid .product-item .buttons .button-2.product-box-add-to-cart-button,
.home-page .product-swiper .product-item .buttons .button-2.product-box-add-to-cart-button {
display: none !important;
}
@media (max-width: 430px) {
.home-page .carousel-grid .swiper.carousel .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .homepage-product .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .home-page-product-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-swiper .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 22px !important;
}
.home-page .carousel-grid .swiper.carousel .product-item .add-info .buynow-btn,
.home-page .carousel-grid .swiper.carousel .product-item .add-info .product-box-add-to-cart-button,
.home-page .homepage-product .product-item .add-info .buynow-btn,
.home-page .homepage-product .product-item .add-info .product-box-add-to-cart-button,
.home-page .home-page-product-grid .product-item .add-info .buynow-btn,
.home-page .home-page-product-grid .product-item .add-info .product-box-add-to-cart-button,
.home-page .product-swiper .product-item .add-info .buynow-btn,
.home-page .product-swiper .product-item .add-info .product-box-add-to-cart-button {
height: 40px !important;
font-size: 13px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [01n] Katalogo / kategorijų prekių kortelės — kaip homepage SmartDeal */
/* -------------------------------------------------------------------------- */
.category-page .product-grid .item-box,
.manufacturer-page .product-grid .item-box,
.vendor-page .product-grid .item-box,
.search-page .product-grid .item-box,
.product-tag-page .product-grid .item-box,
.recently-viewed-products-page .product-grid .item-box,
.category-page .product-list .item-box,
.manufacturer-page .product-list .item-box,
.vendor-page .product-list .item-box,
.search-page .product-list .item-box,
.product-tag-page .product-list .item-box,
.recently-viewed-products-page .product-list .item-box {
display: flex !important;
flex-direction: column !important;
}
.category-page .product-grid .item-box .product-item,
.manufacturer-page .product-grid .item-box .product-item,
.vendor-page .product-grid .item-box .product-item,
.search-page .product-grid .item-box .product-item,
.product-tag-page .product-grid .item-box .product-item,
.recently-viewed-products-page .product-grid .item-box .product-item,
.category-page .product-list .item-box .product-item,
.manufacturer-page .product-list .item-box .product-item,
.vendor-page .product-list .item-box .product-item,
.search-page .product-list .item-box .product-item,
.product-tag-page .product-list .item-box .product-item,
.recently-viewed-products-page .product-list .item-box .product-item {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
min-height: 100% !important;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
margin: 0 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
background: #fff !important;
box-sizing: border-box !important;
overflow: visible !important;
position: relative !important;
}
.category-page .product-grid .item-box .product-item .picture,
.manufacturer-page .product-grid .item-box .product-item .picture,
.vendor-page .product-grid .item-box .product-item .picture,
.search-page .product-grid .item-box .product-item .picture,
.product-tag-page .product-grid .item-box .product-item .picture,
.recently-viewed-products-page .product-grid .item-box .product-item .picture,
.category-page .product-list .item-box .product-item .picture,
.manufacturer-page .product-list .item-box .product-item .picture,
.vendor-page .product-list .item-box .product-item .picture,
.search-page .product-list .item-box .product-item .picture,
.product-tag-page .product-list .item-box .product-item .picture,
.recently-viewed-products-page .product-list .item-box .product-item .picture,
.category-page .product-grid .item-box .product-item > .ribbon-wrapper,
.manufacturer-page .product-grid .item-box .product-item > .ribbon-wrapper,
.vendor-page .product-grid .item-box .product-item > .ribbon-wrapper,
.search-page .product-grid .item-box .product-item > .ribbon-wrapper,
.product-tag-page .product-grid .item-box .product-item > .ribbon-wrapper,
.recently-viewed-products-page .product-grid .item-box .product-item > .ribbon-wrapper {
display: block !important;
position: relative !important;
width: 100% !important;
flex: 0 0 auto !important;
margin: 0 0 6px !important;
overflow: hidden !important;
background: #fff !important;
}
.category-page .product-grid .item-box .product-item .picture::before,
.manufacturer-page .product-grid .item-box .product-item .picture::before,
.vendor-page .product-grid .item-box .product-item .picture::before,
.search-page .product-grid .item-box .product-item .picture::before,
.product-tag-page .product-grid .item-box .product-item .picture::before,
.recently-viewed-products-page .product-grid .item-box .product-item .picture::before,
.category-page .product-list .item-box .product-item .picture::before,
.manufacturer-page .product-list .item-box .product-item .picture::before,
.vendor-page .product-list .item-box .product-item .picture::before,
.search-page .product-list .item-box .product-item .picture::before,
.product-tag-page .product-list .item-box .product-item .picture::before,
.recently-viewed-products-page .product-list .item-box .product-item .picture::before {
content: "" !important;
display: block !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
}
.category-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.category-page .product-grid .item-box .product-item .picture > .swiper,
.manufacturer-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.manufacturer-page .product-grid .item-box .product-item .picture > .swiper,
.vendor-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.vendor-page .product-grid .item-box .product-item .picture > .swiper,
.search-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.search-page .product-grid .item-box .product-item .picture > .swiper,
.product-tag-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.product-tag-page .product-grid .item-box .product-item .picture > .swiper,
.recently-viewed-products-page .product-grid .item-box .product-item .picture > a:not(.flip-box-back),
.recently-viewed-products-page .product-grid .item-box .product-item .picture > .swiper,
.category-page .product-list .item-box .product-item .picture > a:not(.flip-box-back),
.manufacturer-page .product-list .item-box .product-item .picture > a:not(.flip-box-back),
.vendor-page .product-list .item-box .product-item .picture > a:not(.flip-box-back),
.search-page .product-list .item-box .product-item .picture > a:not(.flip-box-back),
.product-tag-page .product-list .item-box .product-item .picture > a:not(.flip-box-back),
.recently-viewed-products-page .product-list .item-box .product-item .picture > a:not(.flip-box-back) {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.category-page .product-grid .item-box .product-item .picture a::before,
.manufacturer-page .product-grid .item-box .product-item .picture a::before,
.vendor-page .product-grid .item-box .product-item .picture a::before,
.search-page .product-grid .item-box .product-item .picture a::before,
.product-tag-page .product-grid .item-box .product-item .picture a::before,
.recently-viewed-products-page .product-grid .item-box .product-item .picture a::before,
.category-page .product-list .item-box .product-item .picture a::before,
.manufacturer-page .product-list .item-box .product-item .picture a::before,
.vendor-page .product-list .item-box .product-item .picture a::before,
.search-page .product-list .item-box .product-item .picture a::before,
.product-tag-page .product-list .item-box .product-item .picture a::before,
.recently-viewed-products-page .product-list .item-box .product-item .picture a::before {
display: none !important;
content: none !important;
padding: 0 !important;
height: 0 !important;
}
.category-page .product-grid .item-box .product-item .picture img,
.category-page .product-grid .item-box .product-item .picture > a img,
.manufacturer-page .product-grid .item-box .product-item .picture img,
.manufacturer-page .product-grid .item-box .product-item .picture > a img,
.vendor-page .product-grid .item-box .product-item .picture img,
.vendor-page .product-grid .item-box .product-item .picture > a img,
.search-page .product-grid .item-box .product-item .picture img,
.search-page .product-grid .item-box .product-item .picture > a img,
.product-tag-page .product-grid .item-box .product-item .picture img,
.product-tag-page .product-grid .item-box .product-item .picture > a img,
.recently-viewed-products-page .product-grid .item-box .product-item .picture img,
.recently-viewed-products-page .product-grid .item-box .product-item .picture > a img,
.category-page .product-list .item-box .product-item .picture img,
.manufacturer-page .product-list .item-box .product-item .picture img,
.vendor-page .product-list .item-box .product-item .picture img,
.search-page .product-list .item-box .product-item .picture img,
.product-tag-page .product-list .item-box .product-item .picture img,
.recently-viewed-products-page .product-list .item-box .product-item .picture img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
.category-page .product-grid .item-box .product-item .details,
.manufacturer-page .product-grid .item-box .product-item .details,
.vendor-page .product-grid .item-box .product-item .details,
.search-page .product-grid .item-box .product-item .details,
.product-tag-page .product-grid .item-box .product-item .details,
.recently-viewed-products-page .product-grid .item-box .product-item .details,
.category-page .product-list .item-box .product-item .details,
.manufacturer-page .product-list .item-box .product-item .details,
.vendor-page .product-list .item-box .product-item .details,
.search-page .product-list .item-box .product-item .details,
.product-tag-page .product-list .item-box .product-item .details,
.recently-viewed-products-page .product-list .item-box .product-item .details {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
}
.category-page .product-grid .item-box .product-item .details .product-title,
.manufacturer-page .product-grid .item-box .product-item .details .product-title,
.vendor-page .product-grid .item-box .product-item .details .product-title,
.search-page .product-grid .item-box .product-item .details .product-title,
.product-tag-page .product-grid .item-box .product-item .details .product-title,
.recently-viewed-products-page .product-grid .item-box .product-item .details .product-title,
.category-page .product-list .item-box .product-item .details .product-title,
.manufacturer-page .product-list .item-box .product-item .details .product-title,
.vendor-page .product-list .item-box .product-item .details .product-title,
.search-page .product-list .item-box .product-item .details .product-title,
.product-tag-page .product-list .item-box .product-item .details .product-title,
.recently-viewed-products-page .product-list .item-box .product-item .details .product-title {
height: calc(14px * 1.35 * 4) !important;
min-height: calc(14px * 1.35 * 4) !important;
max-height: calc(14px * 1.35 * 4) !important;
margin: 0 0 8px !important;
text-align: center !important;
overflow: hidden !important;
}
.category-page .product-grid .item-box .product-item .details .product-title a,
.manufacturer-page .product-grid .item-box .product-item .details .product-title a,
.vendor-page .product-grid .item-box .product-item .details .product-title a,
.search-page .product-grid .item-box .product-item .details .product-title a,
.product-tag-page .product-grid .item-box .product-item .details .product-title a,
.recently-viewed-products-page .product-grid .item-box .product-item .details .product-title a,
.category-page .product-list .item-box .product-item .details .product-title a,
.manufacturer-page .product-list .item-box .product-item .details .product-title a,
.vendor-page .product-list .item-box .product-item .details .product-title a,
.search-page .product-list .item-box .product-item .details .product-title a,
.product-tag-page .product-list .item-box .product-item .details .product-title a,
.recently-viewed-products-page .product-list .item-box .product-item .details .product-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 4 !important;
line-clamp: 4 !important;
overflow: hidden !important;
height: calc(14px * 1.35 * 4) !important;
min-height: calc(14px * 1.35 * 4) !important;
max-height: calc(14px * 1.35 * 4) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: center !important;
}
.category-page .product-grid .item-box .product-item .details .sku,
.manufacturer-page .product-grid .item-box .product-item .details .sku,
.vendor-page .product-grid .item-box .product-item .details .sku,
.search-page .product-grid .item-box .product-item .details .sku,
.product-tag-page .product-grid .item-box .product-item .details .sku,
.recently-viewed-products-page .product-grid .item-box .product-item .details .sku,
.category-page .product-list .item-box .product-item .details .sku,
.manufacturer-page .product-list .item-box .product-item .details .sku,
.vendor-page .product-list .item-box .product-item .details .sku,
.search-page .product-list .item-box .product-item .details .sku,
.product-tag-page .product-list .item-box .product-item .details .sku,
.recently-viewed-products-page .product-list .item-box .product-item .details .sku {
display: block !important;
position: static !important;
height: auto !important;
min-height: calc(12px * 1.35) !important;
margin: 0 0 6px !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.01em;
color: #6b6b6b !important;
text-align: center !important;
overflow: visible !important;
box-sizing: content-box !important;
}
.category-page .product-grid .item-box .product-item .details .description,
.category-page .product-grid .item-box .product-item .details .product-rating-box,
.manufacturer-page .product-grid .item-box .product-item .details .description,
.manufacturer-page .product-grid .item-box .product-item .details .product-rating-box,
.vendor-page .product-grid .item-box .product-item .details .description,
.vendor-page .product-grid .item-box .product-item .details .product-rating-box,
.search-page .product-grid .item-box .product-item .details .description,
.search-page .product-grid .item-box .product-item .details .product-rating-box,
.product-tag-page .product-grid .item-box .product-item .details .description,
.product-tag-page .product-grid .item-box .product-item .details .product-rating-box,
.recently-viewed-products-page .product-grid .item-box .product-item .details .description,
.recently-viewed-products-page .product-grid .item-box .product-item .details .product-rating-box,
.category-page .product-list .item-box .product-item .details .description,
.manufacturer-page .product-list .item-box .product-item .details .description,
.vendor-page .product-list .item-box .product-item .details .description,
.search-page .product-list .item-box .product-item .details .description,
.product-tag-page .product-list .item-box .product-item .details .description,
.recently-viewed-products-page .product-list .item-box .product-item .details .description {
display: none !important;
}
.category-page .product-grid .item-box .product-item .add-info,
.manufacturer-page .product-grid .item-box .product-item .add-info,
.vendor-page .product-grid .item-box .product-item .add-info,
.search-page .product-grid .item-box .product-item .add-info,
.product-tag-page .product-grid .item-box .product-item .add-info,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info,
.category-page .product-list .item-box .product-item .add-info,
.manufacturer-page .product-list .item-box .product-item .add-info,
.vendor-page .product-list .item-box .product-item .add-info,
.search-page .product-list .item-box .product-item .add-info,
.product-tag-page .product-list .item-box .product-item .add-info,
.recently-viewed-products-page .product-list .item-box .product-item .add-info {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 12px !important;
margin-top: auto !important;
padding: 16px 0 0 !important;
min-height: 0 !important;
width: 100% !important;
flex-shrink: 0 !important;
}
.category-page .product-grid .item-box .product-item .add-info .prices,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.manufacturer-page .product-grid .item-box .product-item .add-info .prices,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.vendor-page .product-grid .item-box .product-item .add-info .prices,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.search-page .product-grid .item-box .product-item .add-info .prices,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.product-tag-page .product-grid .item-box .product-item .add-info .prices,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .prices,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices,
.category-page .product-list .item-box .product-item .add-info .prices,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices,
.manufacturer-page .product-list .item-box .product-item .add-info .prices,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices,
.vendor-page .product-list .item-box .product-item .add-info .prices,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices,
.search-page .product-list .item-box .product-item .add-info .prices,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices,
.product-tag-page .product-list .item-box .product-item .add-info .prices,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .prices,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices {
--deal-old-price-slot: 24px;
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
justify-content: flex-start !important;
align-items: stretch !important;
flex: 0 0 auto !important;
text-align: left !important;
container-type: normal !important;
overflow: visible !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
grid-template-columns: none !important;
text-align: left !important;
min-height: calc(11px + 2px + 26px + 6px + var(--deal-old-price-slot)) !important;
height: auto !important;
max-height: none !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100% !important;
flex: 0 0 auto !important;
order: 1 !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px !important;
font-size: 13px !important;
color: #8f8f8f !important;
text-align: left !important;
white-space: normal !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--jupoja-blue, #1B47A0) !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 14px !important;
color: #8f8f8f !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
min-height: var(--deal-old-price-slot) !important;
height: auto !important;
max-height: none !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
order: 2 !important;
text-align: left !important;
position: static !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
visibility: hidden !important;
pointer-events: none !important;
flex: 0 0 var(--deal-old-price-slot) !important;
height: var(--deal-old-price-slot) !important;
max-height: var(--deal-old-price-slot) !important;
overflow: hidden !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
white-space: normal !important;
}
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.category-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.manufacturer-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.vendor-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.search-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-tag-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
}
.category-page .product-grid .item-box .product-item .add-info .product-box-input,
.category-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.category-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-input,
.manufacturer-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.manufacturer-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-input,
.vendor-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.vendor-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.search-page .product-grid .item-box .product-item .add-info .product-box-input,
.search-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.search-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-input,
.product-tag-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.product-tag-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-input,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .cart-quantity.product-box-input,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .qty-dropdown,
.category-page .product-list .item-box .product-item .add-info .product-box-input,
.category-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.category-page .product-list .item-box .product-item .add-info .qty-dropdown,
.manufacturer-page .product-list .item-box .product-item .add-info .product-box-input,
.manufacturer-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.manufacturer-page .product-list .item-box .product-item .add-info .qty-dropdown,
.vendor-page .product-list .item-box .product-item .add-info .product-box-input,
.vendor-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.vendor-page .product-list .item-box .product-item .add-info .qty-dropdown,
.search-page .product-list .item-box .product-item .add-info .product-box-input,
.search-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.search-page .product-list .item-box .product-item .add-info .qty-dropdown,
.product-tag-page .product-list .item-box .product-item .add-info .product-box-input,
.product-tag-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.product-tag-page .product-list .item-box .product-item .add-info .qty-dropdown,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .product-box-input,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .cart-quantity.product-box-input,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .qty-dropdown {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.category-page .product-grid .item-box .product-item .add-info .buynow-btn,
.category-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.manufacturer-page .product-grid .item-box .product-item .add-info .buynow-btn,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.vendor-page .product-grid .item-box .product-item .add-info .buynow-btn,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.search-page .product-grid .item-box .product-item .add-info .buynow-btn,
.search-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.product-tag-page .product-grid .item-box .product-item .add-info .buynow-btn,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .buynow-btn,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.category-page .product-list .item-box .product-item .add-info .buynow-btn,
.category-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button,
.manufacturer-page .product-list .item-box .product-item .add-info .buynow-btn,
.manufacturer-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button,
.vendor-page .product-list .item-box .product-item .add-info .buynow-btn,
.vendor-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button,
.search-page .product-list .item-box .product-item .add-info .buynow-btn,
.search-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button,
.product-tag-page .product-list .item-box .product-item .add-info .buynow-btn,
.product-tag-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .buynow-btn,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: none !important;
border-radius: 8px !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-dark, #434242) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
white-space: nowrap !important;
text-align: center !important;
text-indent: 0 !important;
box-sizing: border-box !important;
align-self: stretch !important;
}
.category-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.category-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.manufacturer-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.vendor-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.search-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.search-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.product-tag-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .buynow-btn::before,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.category-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.category-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.manufacturer-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.manufacturer-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.vendor-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.vendor-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.search-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.search-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.product-tag-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.product-tag-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .buynow-btn::before,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button::before {
display: none !important;
}
.category-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.category-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.category-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.category-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.manufacturer-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.manufacturer-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.vendor-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.vendor-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.search-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.search-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.search-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.search-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.product-tag-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.product-tag-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .buynow-btn:hover,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .buynow-btn:focus,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.category-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.category-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.category-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.category-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.manufacturer-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.manufacturer-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.manufacturer-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.manufacturer-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.vendor-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.vendor-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.vendor-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.vendor-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.search-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.search-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.search-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.search-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.product-tag-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.product-tag-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.product-tag-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.product-tag-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .buynow-btn:hover,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .buynow-btn:focus,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:hover,
.recently-viewed-products-page .product-list .item-box .product-item .add-info .product-box-add-to-cart-button:focus {
background: var(--jupoja-dark, #434242) !important;
color: #fff !important;
}
.category-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.manufacturer-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.vendor-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.search-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.product-tag-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.recently-viewed-products-page .product-grid .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.category-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.manufacturer-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.vendor-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.search-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.product-tag-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button,
.recently-viewed-products-page .product-list .item-box .product-item .buttons .button-2.product-box-add-to-cart-button {
display: none !important;
}
@media (max-width: 430px) {
.category-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.manufacturer-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.vendor-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.search-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.product-tag-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 24px !important;
}
.category-page .product-grid .item-box .product-item .add-info .buynow-btn,
.category-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.manufacturer-page .product-grid .item-box .product-item .add-info .buynow-btn,
.manufacturer-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.vendor-page .product-grid .item-box .product-item .add-info .buynow-btn,
.vendor-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.search-page .product-grid .item-box .product-item .add-info .buynow-btn,
.search-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.product-tag-page .product-grid .item-box .product-item .add-info .buynow-btn,
.product-tag-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .buynow-btn,
.recently-viewed-products-page .product-grid .item-box .product-item .add-info .product-box-add-to-cart-button {
height: 40px !important;
font-size: 13px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [01n2] PDP also-purchased / related — SmartDeal kortelės */
/* (kartu su šia preke, related, cross-sell karuselės) */
/* -------------------------------------------------------------------------- */
.also-purchased-products-grid .product-item,
.related-products-grid .product-item,
.cross-sell-products .product-item,
.cross-sells .product-item,
.cross-sale-products .product-item {
display: flex !important;
flex-direction: column !important;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
margin: 0 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
background: #fff !important;
box-sizing: border-box !important;
overflow: visible !important;
position: relative !important;
}
.also-purchased-products-grid .product-item .picture,
.related-products-grid .product-item .picture,
.cross-sell-products .product-item .picture,
.cross-sells .product-item .picture,
.cross-sale-products .product-item .picture,
.also-purchased-products-grid .product-item > .ribbon-wrapper,
.related-products-grid .product-item > .ribbon-wrapper,
.cross-sell-products .product-item > .ribbon-wrapper,
.cross-sells .product-item > .ribbon-wrapper,
.cross-sale-products .product-item > .ribbon-wrapper {
display: block !important;
position: relative !important;
width: 100% !important;
flex: 0 0 auto !important;
margin: 0 0 6px !important;
overflow: hidden !important;
background: #fff !important;
}
.also-purchased-products-grid .product-item .picture::before,
.related-products-grid .product-item .picture::before,
.cross-sell-products .product-item .picture::before,
.cross-sells .product-item .picture::before,
.cross-sale-products .product-item .picture::before {
content: "" !important;
display: block !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
}
.also-purchased-products-grid .product-item .picture > a:not(.flip-box-back),
.also-purchased-products-grid .product-item .picture > .swiper,
.related-products-grid .product-item .picture > a:not(.flip-box-back),
.related-products-grid .product-item .picture > .swiper,
.cross-sell-products .product-item .picture > a:not(.flip-box-back),
.cross-sell-products .product-item .picture > .swiper,
.cross-sells .product-item .picture > a:not(.flip-box-back),
.cross-sells .product-item .picture > .swiper,
.cross-sale-products .product-item .picture > a:not(.flip-box-back),
.cross-sale-products .product-item .picture > .swiper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.also-purchased-products-grid .product-item .picture a::before,
.related-products-grid .product-item .picture a::before,
.cross-sell-products .product-item .picture a::before,
.cross-sells .product-item .picture a::before,
.cross-sale-products .product-item .picture a::before {
display: none !important;
content: none !important;
padding: 0 !important;
height: 0 !important;
}
.also-purchased-products-grid .product-item .picture img,
.also-purchased-products-grid .product-item .picture > a img,
.related-products-grid .product-item .picture img,
.related-products-grid .product-item .picture > a img,
.cross-sell-products .product-item .picture img,
.cross-sell-products .product-item .picture > a img,
.cross-sells .product-item .picture img,
.cross-sells .product-item .picture > a img,
.cross-sale-products .product-item .picture img,
.cross-sale-products .product-item .picture > a img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
.also-purchased-products-grid .product-item .details,
.related-products-grid .product-item .details,
.cross-sell-products .product-item .details,
.cross-sells .product-item .details,
.cross-sale-products .product-item .details {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
}
.also-purchased-products-grid .product-item .details .product-title,
.related-products-grid .product-item .details .product-title,
.cross-sell-products .product-item .details .product-title,
.cross-sells .product-item .details .product-title,
.cross-sale-products .product-item .details .product-title {
height: calc(14px * 1.35 * 3) !important;
min-height: calc(14px * 1.35 * 3) !important;
max-height: calc(14px * 1.35 * 3) !important;
margin: 0 0 4px !important;
text-align: center !important;
overflow: hidden !important;
}
.also-purchased-products-grid .product-item .details .product-title a,
.related-products-grid .product-item .details .product-title a,
.cross-sell-products .product-item .details .product-title a,
.cross-sells .product-item .details .product-title a,
.cross-sale-products .product-item .details .product-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
height: calc(14px * 1.35 * 3) !important;
min-height: calc(14px * 1.35 * 3) !important;
max-height: calc(14px * 1.35 * 3) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: center !important;
}
.also-purchased-products-grid .product-item .details .sku,
.related-products-grid .product-item .details .sku,
.cross-sell-products .product-item .details .sku,
.cross-sells .product-item .details .sku,
.cross-sale-products .product-item .details .sku {
display: block !important;
position: static !important;
height: auto !important;
min-height: calc(12px * 1.35) !important;
margin: 4px 0 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.01em;
color: #6b6b6b !important;
text-align: center !important;
overflow: visible !important;
box-sizing: content-box !important;
}
.also-purchased-products-grid .product-item .details .description,
.also-purchased-products-grid .product-item .details .product-rating-box,
.related-products-grid .product-item .details .description,
.related-products-grid .product-item .details .product-rating-box,
.cross-sell-products .product-item .details .description,
.cross-sell-products .product-item .details .product-rating-box,
.cross-sells .product-item .details .description,
.cross-sells .product-item .details .product-rating-box,
.cross-sale-products .product-item .details .description,
.cross-sale-products .product-item .details .product-rating-box {
display: none !important;
}
.also-purchased-products-grid .product-item .add-info,
.related-products-grid .product-item .add-info,
.cross-sell-products .product-item .add-info,
.cross-sells .product-item .add-info,
.cross-sale-products .product-item .add-info {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 8px !important;
/* Ne margin-top:auto — ant PDP tai ištempia kortelę ir daro tuščią tarpą iki kainos */
margin-top: 6px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
width: 100% !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
}
.also-purchased-products-grid .product-item .add-info .prices,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices,
.related-products-grid .product-item .add-info .prices,
.related-products-grid .product-item .add-info .catalog-card__prices,
.cross-sell-products .product-item .add-info .prices,
.cross-sell-products .product-item .add-info .catalog-card__prices,
.cross-sells .product-item .add-info .prices,
.cross-sells .product-item .add-info .catalog-card__prices,
.cross-sale-products .product-item .add-info .prices,
.cross-sale-products .product-item .add-info .catalog-card__prices {
--deal-old-price-slot: 24px;
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
justify-content: flex-start !important;
align-items: stretch !important;
flex: 0 0 auto !important;
text-align: left !important;
container-type: normal !important;
overflow: visible !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
grid-template-columns: none !important;
text-align: left !important;
min-height: calc(11px + 2px + 26px + 6px + var(--deal-old-price-slot)) !important;
height: auto !important;
max-height: none !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100% !important;
flex: 0 0 auto !important;
order: 1 !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px !important;
font-size: 11px !important;
color: #8f8f8f !important;
text-align: left !important;
white-space: normal !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--jupoja-blue, #1B47A0) !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 13px !important;
color: #8f8f8f !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
min-height: var(--deal-old-price-slot) !important;
height: auto !important;
max-height: none !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
order: 2 !important;
text-align: left !important;
position: static !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
visibility: hidden !important;
pointer-events: none !important;
flex: 0 0 var(--deal-old-price-slot) !important;
height: var(--deal-old-price-slot) !important;
max-height: var(--deal-old-price-slot) !important;
overflow: hidden !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
white-space: normal !important;
}
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
}
/* Qty slepiame; pilnas CTA */
.also-purchased-products-grid .product-item .add-info .product-box-input,
.also-purchased-products-grid .product-item .add-info .cart-quantity.product-box-input,
.also-purchased-products-grid .product-item .add-info .qty-dropdown,
.related-products-grid .product-item .add-info .product-box-input,
.related-products-grid .product-item .add-info .cart-quantity.product-box-input,
.related-products-grid .product-item .add-info .qty-dropdown,
.cross-sell-products .product-item .add-info .product-box-input,
.cross-sell-products .product-item .add-info .cart-quantity.product-box-input,
.cross-sell-products .product-item .add-info .qty-dropdown,
.cross-sells .product-item .add-info .product-box-input,
.cross-sells .product-item .add-info .cart-quantity.product-box-input,
.cross-sells .product-item .add-info .qty-dropdown,
.cross-sale-products .product-item .add-info .product-box-input,
.cross-sale-products .product-item .add-info .cart-quantity.product-box-input,
.cross-sale-products .product-item .add-info .qty-dropdown {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.also-purchased-products-grid .product-item .add-info .buynow-btn,
.also-purchased-products-grid .product-item .add-info .product-box-add-to-cart-button,
.related-products-grid .product-item .add-info .buynow-btn,
.related-products-grid .product-item .add-info .product-box-add-to-cart-button,
.cross-sell-products .product-item .add-info .buynow-btn,
.cross-sell-products .product-item .add-info .product-box-add-to-cart-button,
.cross-sells .product-item .add-info .buynow-btn,
.cross-sells .product-item .add-info .product-box-add-to-cart-button,
.cross-sale-products .product-item .add-info .buynow-btn,
.cross-sale-products .product-item .add-info .product-box-add-to-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: none !important;
border-radius: 8px !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-dark, #434242) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
white-space: nowrap !important;
text-align: center !important;
text-indent: 0 !important;
box-sizing: border-box !important;
align-self: stretch !important;
}
.also-purchased-products-grid .product-item .add-info .buynow-btn::before,
.also-purchased-products-grid .product-item .add-info .product-box-add-to-cart-button::before,
.related-products-grid .product-item .add-info .buynow-btn::before,
.related-products-grid .product-item .add-info .product-box-add-to-cart-button::before,
.cross-sell-products .product-item .add-info .buynow-btn::before,
.cross-sell-products .product-item .add-info .product-box-add-to-cart-button::before,
.cross-sells .product-item .add-info .buynow-btn::before,
.cross-sells .product-item .add-info .product-box-add-to-cart-button::before,
.cross-sale-products .product-item .add-info .buynow-btn::before,
.cross-sale-products .product-item .add-info .product-box-add-to-cart-button::before {
display: none !important;
}
.also-purchased-products-grid .product-item .add-info .buynow-btn:hover,
.also-purchased-products-grid .product-item .add-info .buynow-btn:focus,
.also-purchased-products-grid .product-item .add-info .product-box-add-to-cart-button:hover,
.also-purchased-products-grid .product-item .add-info .product-box-add-to-cart-button:focus,
.related-products-grid .product-item .add-info .buynow-btn:hover,
.related-products-grid .product-item .add-info .buynow-btn:focus,
.related-products-grid .product-item .add-info .product-box-add-to-cart-button:hover,
.related-products-grid .product-item .add-info .product-box-add-to-cart-button:focus,
.cross-sell-products .product-item .add-info .buynow-btn:hover,
.cross-sell-products .product-item .add-info .buynow-btn:focus,
.cross-sell-products .product-item .add-info .product-box-add-to-cart-button:hover,
.cross-sell-products .product-item .add-info .product-box-add-to-cart-button:focus,
.cross-sells .product-item .add-info .buynow-btn:hover,
.cross-sells .product-item .add-info .buynow-btn:focus,
.cross-sells .product-item .add-info .product-box-add-to-cart-button:hover,
.cross-sells .product-item .add-info .product-box-add-to-cart-button:focus,
.cross-sale-products .product-item .add-info .buynow-btn:hover,
.cross-sale-products .product-item .add-info .buynow-btn:focus,
.cross-sale-products .product-item .add-info .product-box-add-to-cart-button:hover,
.cross-sale-products .product-item .add-info .product-box-add-to-cart-button:focus {
background: var(--jupoja-dark, #434242) !important;
color: #fff !important;
}
.also-purchased-products-grid .product-item .buttons .button-2.product-box-add-to-cart-button,
.related-products-grid .product-item .buttons .button-2.product-box-add-to-cart-button,
.cross-sell-products .product-item .buttons .button-2.product-box-add-to-cart-button,
.cross-sells .product-item .buttons .button-2.product-box-add-to-cart-button,
.cross-sale-products .product-item .buttons .button-2.product-box-add-to-cart-button {
display: none !important;
}
@media (max-width: 430px) {
.also-purchased-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.related-products-grid .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sell-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sells .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.cross-sale-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 22px !important;
}
.also-purchased-products-grid .product-item .add-info .buynow-btn,
.also-purchased-products-grid .product-item .add-info .product-box-add-to-cart-button,
.related-products-grid .product-item .add-info .buynow-btn,
.related-products-grid .product-item .add-info .product-box-add-to-cart-button,
.cross-sell-products .product-item .add-info .buynow-btn,
.cross-sell-products .product-item .add-info .product-box-add-to-cart-button,
.cross-sells .product-item .add-info .buynow-btn,
.cross-sells .product-item .add-info .product-box-add-to-cart-button,
.cross-sale-products .product-item .add-info .buynow-btn,
.cross-sale-products .product-item .add-info .product-box-add-to-cart-button {
height: 40px !important;
font-size: 13px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [01n3] PDP also-purchased / related — mobiliai 2.2 kaip homepage */
/* (vienodi tarpai, peek ~0.2, col-* plotis neutruojamas) */
/* -------------------------------------------------------------------------- */
@media (max-width: 991px) {
.also-purchased-products-grid.product-swiper,
.related-products-grid.product-swiper,
.cross-sells.product-swiper,
.cross-sell-products.product-swiper,
.cross-sale-products.product-swiper {
margin-bottom: 12px !important;
}
.also-purchased-products-grid.product-swiper .also-purchased-product.swiper,
.also-purchased-products-grid.product-swiper .swiper,
.related-products-grid.product-swiper .related-product.swiper,
.related-products-grid.product-swiper .swiper,
.cross-sells.product-swiper .swiper,
.cross-sell-products.product-swiper .swiper,
.cross-sale-products.product-swiper .swiper {
overflow: hidden;
-webkit-overflow-scrolling: touch;
width: 100%;
max-width: 100%;
height: auto !important;
min-height: 0 !important;
margin-bottom: 0 !important;
box-sizing: border-box;
}
.also-purchased-products-grid.product-swiper .swiper-wrapper,
.related-products-grid.product-swiper .swiper-wrapper,
.cross-sells.product-swiper .swiper-wrapper,
.cross-sell-products.product-swiper .swiper-wrapper,
.cross-sale-products.product-swiper .swiper-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
height: auto !important;
min-height: 0 !important;
}
/* Kingdom .col-6 = width:50% + 7.5px padding — blokuoja Swiper 2.2 peek */
.also-purchased-products-grid.product-swiper .swiper-slide,
.also-purchased-products-grid.product-swiper .swiper-slide.col-6,
.also-purchased-products-grid.product-swiper .swiper-slide.col-md-3,
.related-products-grid.product-swiper .swiper-slide,
.related-products-grid.product-swiper .swiper-slide.col-6,
.related-products-grid.product-swiper .swiper-slide.col-md-3,
.cross-sells.product-swiper .swiper-slide,
.cross-sell-products.product-swiper .swiper-slide,
.cross-sale-products.product-swiper .swiper-slide {
max-width: none !important;
flex: 0 0 auto !important;
float: none !important;
/* margin paliekame Swiper spaceBetween (6px) */
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px) !important;
box-sizing: border-box !important;
align-self: stretch !important;
height: auto !important;
min-height: 0 !important;
}
.also-purchased-products-grid.product-swiper .swiper-slide > .product-item,
.also-purchased-products-grid.product-swiper .swiper-slide > .item-box,
.also-purchased-products-grid.product-swiper .swiper-slide > .item-box > .product-item,
.related-products-grid.product-swiper .swiper-slide > .product-item,
.related-products-grid.product-swiper .swiper-slide > .item-box,
.related-products-grid.product-swiper .swiper-slide > .item-box > .product-item,
.cross-sells.product-swiper .swiper-slide > .product-item,
.cross-sell-products.product-swiper .swiper-slide > .product-item,
.cross-sale-products.product-swiper .swiper-slide > .product-item {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
}
/* -------------------------------------------------------------------------- */
/* [01j3] Homepage karuselių pavadinimai — be geltono fono */
/* -------------------------------------------------------------------------- */
.home-page .carousel-grid .container > .title,
.home-page .home-page-product-grid > .title,
.home-page .product-swiper > .title,
.related-products-grid > .title,
.also-purchased-products-grid > .title,
.cross-sell-products > .title,
.cross-sells > .title,
.product-swiper > .title {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
position: relative !important;
width: 100% !important;
margin: 0 0 var(--hp-carousel-title-gap, 6px) !important;
padding: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
border-radius: 0 !important;
text-align: left !important;
}
.home-page .carousel-grid .container > .title strong,
.home-page .carousel-grid.has-bg .container > .title strong,
.home-page .home-page-product-grid > .title strong,
.home-page .product-swiper > .title strong {
display: block !important;
flex: 1 1 auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: left !important;
}
/* has-bg anksčiau darė baltą tekstą ant šviesaus fono — nebetaikome pavadinimui */
.home-page .carousel-grid.has-bg {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.home-page .carousel-grid.has-bg .container > .title {
margin-top: 0 !important;
}
/* Rodyklės title juostoje (bestsellers / featured / related) — [<] [>] */
.home-page .home-page-product-grid > .title .swiper-nav,
.home-page .product-swiper > .title .swiper-nav,
.home-page .carousel-grid .container > .title .swiper-nav,
.related-products-grid > .title .swiper-nav,
.also-purchased-products-grid > .title .swiper-nav,
.cross-sell-products > .title .swiper-nav,
.cross-sells > .title .swiper-nav {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: var(--jupoja-nav-gap, 6px) !important;
margin-left: auto !important;
flex: 0 0 auto !important;
position: relative !important;
z-index: 5;
}
.home-page .home-page-product-grid > .title .swiper-button-next,
.home-page .home-page-product-grid > .title .swiper-button-prev,
.home-page .product-swiper > .title .swiper-button-next,
.home-page .product-swiper > .title .swiper-button-prev,
.home-page .carousel-grid .container > .title .swiper-button-next,
.home-page .carousel-grid .container > .title .swiper-button-prev,
.related-products-grid > .title .swiper-button-next,
.related-products-grid > .title .swiper-button-prev,
.also-purchased-products-grid > .title .swiper-button-next,
.also-purchased-products-grid > .title .swiper-button-prev,
.cross-sell-products > .title .swiper-button-next,
.cross-sell-products > .title .swiper-button-prev,
.cross-sells > .title .swiper-button-next,
.cross-sells > .title .swiper-button-prev {
position: static !important;
top: auto !important;
right: auto !important;
left: auto !important;
margin: 0 !important;
transform: none !important;
flex: 0 0 auto !important;
}
/* Jei markup dar next→prev be .swiper-nav — flex order pataiso vizualiai */
.home-page .home-page-product-grid > .title > .swiper-button-prev,
.home-page .product-swiper > .title > .swiper-button-prev {
order: 1;
}
.home-page .home-page-product-grid > .title > .swiper-button-next,
.home-page .product-swiper > .title > .swiper-button-next {
order: 2;
}
.home-page .home-page-product-grid > .title .swiper-pagination,
.home-page .product-swiper > .title .swiper-pagination {
position: static !important;
width: auto !important;
margin: 0 !important;
}
@media (min-width: 992px) {
.home-page .carousel-grid .container > .title,
.home-page .home-page-product-grid > .title,
.home-page .product-swiper > .title {
padding: 0 !important;
margin-bottom: var(--hp-carousel-title-gap, 6px) !important;
}
.home-page .carousel-grid .container > .title strong,
.home-page .carousel-grid.has-bg .container > .title strong,
.home-page .home-page-product-grid > .title strong,
.home-page .product-swiper > .title strong {
font-size: 22px !important;
line-height: 1.3 !important;
}
}
@media (max-width: 991px) {
.home-page .carousel-grid .container > .title,
.home-page .home-page-product-grid > .title,
.home-page .product-swiper > .title {
text-align: left !important;
font-size: inherit !important;
line-height: inherit !important;
}
}
/* [01k] Homepage karuselės — vienodas kortelių aukštis (su / be buvusios kainos) */
.home-page .deals-products .swiper-wrapper,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item > .swiper-wrapper,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-wrapper,
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .product-tab-item > .swiper-wrapper,
.home-page .carousel-grid .swiper.carousel .swiper-wrapper,
.home-page .homepage-product.swiper .swiper-wrapper,
.home-page .product-swiper .swiper .swiper-wrapper,
.home-page .home-page-product-grid .swiper-wrapper {
align-items: stretch !important;
}
.home-page .deals-products .swiper-slide,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide,
.home-page .carousel-grid .swiper.carousel .swiper-slide,
.home-page .homepage-product.swiper .swiper-slide,
.home-page .product-swiper .swiper .swiper-slide,
.home-page .home-page-product-grid .swiper-slide {
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
height: auto !important;
}
.home-page .deals-products .swiper-slide > .item-box,
.home-page .deals-products .swiper-slide > .product-item,
.home-page .deals-products .swiper-slide .product-item,
.home-page .product-tab-grid .product-tab-container .swiper-slide > .item-box,
.home-page .product-tab-grid .product-tab-container .swiper-slide > .product-item,
.home-page .product-tab-grid .product-tab-container .swiper-slide .product-item,
.home-page .carousel-grid .swiper.carousel .swiper-slide > .item-box,
.home-page .carousel-grid .swiper.carousel .swiper-slide .product-item,
.home-page .homepage-product.swiper .swiper-slide .product-item,
.home-page .product-swiper .swiper .swiper-slide .product-item,
.home-page .home-page-product-grid .swiper-slide .product-item {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
min-height: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
.home-page .deals-products .product-item .add-info,
.home-page .carousel-grid .swiper.carousel .product-item .add-info,
.home-page .homepage-product.swiper .product-item .add-info,
.home-page .product-swiper .product-item .add-info,
.home-page .home-page-product-grid .product-item .add-info {
margin-top: auto !important;
}
/* Tuščia „Buvusi kaina“ vieta — nematyti, bet aukštis kaip su kaina (2 stulpelių layout) */
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
visibility: hidden !important;
pointer-events: none !important;
min-height: 1px;
}
@media (max-width: 430px) {
.home-page .dealoftheday-leftadd .carousel-countdown .count {
padding: 12px 2px 10px !important;
}
.home-page .dealoftheday-leftadd .carousel-countdown .count span {
font-size: 26px !important;
}
.home-page .dealoftheday-leftadd .deals-image {
max-height: 118px !important;
}
.home-page .deals-products .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: 22px !important;
}
.home-page .deals-products .product-item .add-info .buynow-btn,
.home-page .deals-products .product-item .add-info .product-box-add-to-cart-button {
height: 40px !important;
font-size: 13px !important;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [02] Category grid image - moved to customCss-catalog.css */
/* -------------------------------------------------------------------------- */
/* [03] FAQ — DUK blokas (.faq-wrapper …) */
/* -------------------------------------------------------------------------- */
.faq-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.faq-wrapper {
font-family: "Open Sans", sans-serif;
line-height: 1.6;
color: #434242;
background: #fafafa;
padding: 2rem 1rem;
min-height: 100vh;
}
.faq-container {
max-width: webkit-available;
margin: 0 auto;
}
.faq-title {
text-align: center;
font-size: var(--jupoja-fs-section, 30px);
font-weight: 700;
color: #434242;
margin-bottom: 3rem;
letter-spacing: -0.02em;
}
.faq-item {
margin-bottom: 1rem;
}
.faq-details {
border: 1px solid #F5F5F5;
border-radius: 12px;
overflow: hidden;
background: white;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transition: box-shadow 0.2s ease;
display: block;
}
.faq-details:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.faq-question {
padding: 1.5rem 2rem;
cursor: pointer;
font-weight: 500;
font-size: var(--jupoja-fs-body, 16px);
color: #434242;
list-style: none;
position: relative;
display: block;
}
.faq-question::-webkit-details-marker {
display: none;
}
.faq-question::before {
content: '▶';
position: absolute;
right: 2rem;
font-size: 0.8rem;
transition: transform 0.2s ease;
color: #5B5B5B;
}
.faq-details[open] .faq-question::before {
transform: rotate(90deg);
color: #007acc;
}
.faq-answer {
padding: 0 2rem 2rem;
color: #555;
font-size: var(--jupoja-fs-body, 16px);
line-height: 1.7;
}
@media (max-width: 768px) {
.faq-title {
font-size: 24px;
margin-bottom: 2rem;
}
.faq-question {
padding: 1.25rem 1.5rem;
font-size: var(--jupoja-fs-body, 16px);
}
.faq-answer {
padding: 0 1.5rem 1.5rem;
}
.faq-wrapper {
padding: 1.5rem 0.75rem;
}
}
/* -------------------------------------------------------------------------- */
/* [04] MEGA MENIU — antraštė, gylis, ilgų pavadinimų laužymas, ≥992px grid */
/* -------------------------------------------------------------------------- */
/* [04a] Gylis (desktop ≥992px): paslėpti gilesnius lygius */
@media (min-width: 992px) {
/*
* Paslėpti 3+ lygio .sublist po pagrindine mega panele.
* Agresyviau: .header-left-menu-dropdown .nav-menu > li > .sublist .sublist { display: none !important; }
*/
.header-left-menu-dropdown .nav-menu > li > .sublist .sublist .sublist,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > .sublist .sublist .sublist {
display: none !important;
}
/* Kingdom viršutinis meniu (list-view): 4+ lygis */
.menu-container .menu__list-view .menu__item .menu__list-view .menu__item .menu__list-view {
display: none !important;
}
}
/* [04b] Mega meniu — ilgi pavadinimai, rodyklės, baziniai laužymai */
.header-left-menu-dropdown .mm-navbar a .category-name {
white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
line-height: 1.3;
}
.header-left-menu-dropdown .mm-navbar li > a {
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
line-height: 1.3;
hyphens: auto;
padding-right: 1.75rem;
}
.header-left-menu-dropdown .mm-navbar li > a .right-arrow {
top: 0.5em;
transform: translateY(0);
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a {
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
line-height: 1.28;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a {
white-space: normal;
overflow-wrap: break-word;
line-height: 1.26;
}
/* [04c] Mega meniu — ≥992px: grid juosta, plati panelė, sublist tarpai */
@media (min-width: 992px) {
/* Grid juosta viršuje: kiekviena „skiltis“ gali susiaurėti ir tekstas lūžta */
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li {
flex: 0 1 auto;
max-width: min(100%, 22rem);
min-width: 0;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a {
white-space: normal;
padding: 8px 28px 8px 14px;
line-height: 1.3;
min-height: 0;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .category-name {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .right-arrow {
top: 50%;
transform: translateY(-50%) rotateZ(90deg);
}
/* Plati mega panelė — kompaktiškesni stulpeliai; scroll tik kai turinys netelpa */
.header-left-menu-dropdown .nav-menu > li > .sublist {
padding: 14px 16px 16px;
box-sizing: border-box;
max-height: min(88vh, calc(100dvh - 72px));
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #7f8a96 #F5F5F5;
padding-right: 14px;
font-family: var(--jupoja-font-family) !important;
}
/* Scrollbar rodomas tik hover metu (dešinė subkategorijų panelė) */
.header-left-menu-dropdown .nav-menu > li > .sublist:not(:hover) {
scrollbar-width: none;
}
.header-left-menu-dropdown .nav-menu > li > .sublist:not(:hover)::-webkit-scrollbar {
width: 0;
height: 0;
}
.header-left-menu-dropdown .nav-menu > li > .sublist:hover {
scrollbar-width: auto;
}
.header-left-menu-dropdown .nav-menu > li > .sublist::-webkit-scrollbar {
width: 5px;
}
.header-left-menu-dropdown .nav-menu > li > .sublist:hover::-webkit-scrollbar {
width: 20px;
}
.header-left-menu-dropdown .nav-menu > li > .sublist::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 3px;
}
.header-left-menu-dropdown .nav-menu > li > .sublist::-webkit-scrollbar-thumb {
background: #7f8a96;
border-radius: 3px;
border: 2px solid #F5F5F5;
}
.header-left-menu-dropdown .nav-menu > li > .sublist::-webkit-scrollbar-thumb:hover {
background: #495766;
}
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
box-sizing: border-box;
padding-left: 6px;
padding-right: 6px;
vertical-align: top;
width: 25% !important;
max-width: 25% !important;
flex: 0 0 25% !important;
}
/* Fill top row first, no empty right side */
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
column-gap: 0;
row-gap: 14px;
}
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
display: block;
margin: 0;
}
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a {
display: block;
width: 100%;
max-width: 100%;
padding: 6px 4px 8px !important;
line-height: 1.35 !important;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
text-shadow: none !important;
border-bottom: 1px solid rgba(67, 66, 66, 0.28);
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: break-word !important;
word-break: break-word;
hyphens: auto;
}
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a:hover,
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a:focus-visible {
color: var(--jupoja-dark, #434242) !important;
border-bottom-color: var(--jupoja-yellow, #FCDF00);
}
/* Keep side accent visible on main branch titles */
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a::before {
left: 0;
z-index: 1;
}
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a:hover::before,
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a:focus-visible::before {
height: 70%;
opacity: 1;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a {
padding: 6px 8px !important;
line-height: 1.35 !important;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-regular, 400) !important;
color: var(--jupoja-dark, #434242) !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: break-word;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist {
margin-bottom: 8px !important;
margin-top: 4px;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a {
padding: 5px 8px !important;
line-height: 1.35 !important;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-helper, 14px) !important;
font-weight: var(--jupoja-fw-regular, 400) !important;
color: var(--jupoja-gray-dark, #5B5B5B) !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: break-word;
}
/* Hover guidance: subtle highlight + accent bar for easier navigation */
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a {
position: relative;
border-radius: 4px;
transition: background-color 0.15s ease, color 0.15s ease;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a::before,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 0;
border-radius: 2px;
background: var(--jupoja-yellow, #FCDF00);
opacity: 0;
transition: height 0.15s ease, opacity 0.15s ease;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a:hover,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a:focus-visible,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a:hover,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a:focus-visible {
background: var(--jupoja-yellow-light, #FFFBD4);
color: var(--jupoja-dark, #434242) !important;
transform: none;
outline: none;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a:hover::before,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a:focus-visible::before,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a:hover::before,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a:focus-visible::before {
height: 70%;
opacity: 1;
}
}
/* [04d] Kairysis katalogas (list-view) — desktop polish: Open Sans + jupoja */
@media (min-width: 992px) {
html:not(.megamenu-grid-view) .header-left-menu-dropdown {
overflow: visible;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .header-left-menu-button {
width: 288px;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar {
width: 288px;
border: 1px solid #eceff3;
border-top: 0;
border-radius: 0 0 6px 6px;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
padding: 8px 0 10px;
/* overflow: visible — kitaip sublist (left:100%) nukerpamas ir hover neveikia */
overflow: visible;
font-family: var(--jupoja-font-family) !important;
background: #fff;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar .nav-menu {
overflow: visible;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item {
overflow: visible;
border-bottom: 0 !important;
padding: 0 8px;
margin: 0 0 2px;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > .sublist {
overflow: visible;
z-index: 110;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item:last-child {
margin-bottom: 0;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 0 8px;
padding: 10px 28px 10px 52px;
min-height: 46px;
border-radius: 4px;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-medium, 500) !important;
line-height: 1.35;
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
transition: background-color 0.15s ease, color 0.15s ease;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a.mm-nav-image {
padding-left: 52px;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:hover,
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:focus-visible {
background: var(--jupoja-yellow-light, #FFFBD4);
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a .nav-icon {
left: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--jupoja-gray-light, #F5F5F5);
display: inline-flex;
align-items: center;
justify-content: center;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:hover .nav-icon,
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:focus-visible .nav-icon {
background: #fff;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a .nav-icon .image-container {
width: 22px;
height: 22px;
max-width: 22px;
max-height: 22px;
object-fit: contain;
display: block;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a .category-name {
flex: 0 1 auto;
min-width: 0;
padding-right: 0;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
line-height: 1.35;
font-weight: var(--jupoja-fw-medium, 500) !important;
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a .right-arrow {
right: 10px;
top: 50%;
transform: translateY(-50%) !important;
opacity: 0.4;
font-size: 12px;
}
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:hover .right-arrow,
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a:focus-visible .right-arrow {
opacity: 0.7;
}
/* Ribbon — vienoje eilutėje su pavadinimu. Spalvas valdo SmartMegaMenu admin (inline style). */
html:not(.megamenu-grid-view) .header-left-menu-dropdown .nav-menu > li.mm-nav-item > a .ribbon-container {
display: inline-block !important;
position: static !important;
top: auto !important;
right: auto !important;
flex: 0 0 auto;
margin: 0;
padding: 3px 8px;
font-size: 11px;
font-weight: var(--jupoja-fw-bold, 700);
line-height: 1.15;
letter-spacing: 0.02em;
text-transform: none;
border-radius: 4px;
border: none;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
-webkit-text-fill-color: currentColor;
vertical-align: middle;
white-space: nowrap;
}
}
/* Ribbon — bendras modernus stilius (sublist ir kt.); spalvas valdo admin inline */
.header-left-menu-dropdown .mm-navbar a .ribbon-container {
display: inline-block;
padding: 3px 8px;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: none;
border-radius: 4px;
border: none;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
-webkit-text-fill-color: currentColor;
vertical-align: middle;
}
@media (min-width: 992px) and (max-width: 1399px) {
.header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
width: 33.333% !important;
max-width: 33.333% !important;
flex: 0 0 33.333% !important;
}
}
/* [04e] Mega meniu — mobilus (≤991px): touch-friendly eilutės + svetainės šriftas */
@media (max-width: 991px) {
.header-menu {
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
padding: 12px 0 24px !important;
background: #fff !important;
font-family: var(--jupoja-font-family) !important;
overflow: hidden !important;
}
.header-menu > .container,
.header-menu .megamenu-wrapper {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-height: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.header-menu .header-left-menu-dropdown,
.header-menu .header-right-menu,
.header-menu .top-menu.mobile {
width: 100% !important;
}
.header-menu .header-left-menu-dropdown,
.header-menu .mm-navbar,
.header-menu .megamenu-wrapper {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.header-menu,
.header-menu a,
.header-menu .mm-navbar a,
.header-menu .category-name,
.header-menu .top-menu.mobile a,
.header-menu .mobile-topic-link-wrapper .header-link-top a {
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-medium, 500) !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
letter-spacing: 0 !important;
}
/* Pagrindinės kategorijos — ≥48px tap target */
.master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item > a,
.master-wrapper-page .header-menu .header-right-menu .mm-nav-item > a,
.header-left-menu-dropdown .mm-navbar .nav-menu > li.mm-nav-item > a,
.header-left-menu-dropdown .mm-navbar a {
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-height: 52px !important;
padding: 12px 44px 12px 52px !important;
border-bottom: 1px solid #eceff3 !important;
text-decoration: none !important;
box-sizing: border-box !important;
position: relative !important;
}
.header-left-menu-dropdown .mm-navbar a.mm-nav-image {
padding-left: 52px !important;
}
.master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .nav-icon,
.master-wrapper-page .header-menu .header-right-menu .mm-nav-item .nav-icon,
.header-left-menu-dropdown .nav-icon {
width: 22px !important;
height: 22px !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.header-left-menu-dropdown .nav-icon .image-container,
.header-left-menu-dropdown .nav-icon img,
.header-left-menu-dropdown .nav-icon svg {
width: 22px !important;
height: 22px !important;
max-width: 22px !important;
max-height: 22px !important;
object-fit: contain !important;
}
.header-left-menu-dropdown .mm-navbar .nav-menu > li.mm-nav-item > a .category-name,
.header-left-menu-dropdown .mm-navbar a .category-name {
flex: 1 1 auto !important;
min-width: 0 !important;
padding: 0 !important;
white-space: normal !important;
}
.header-left-menu-dropdown .mm-navbar .nav-menu > li.mm-nav-item > a .right-arrow,
.header-left-menu-dropdown .mm-navbar a .right-arrow {
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
opacity: 0.55;
}
.header-left-menu-dropdown .mm-navbar a .ribbon-container {
margin-left: 8px !important;
padding: 3px 8px !important;
font-size: 11px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
line-height: 1.2 !important;
border-radius: 999px !important;
flex: 0 0 auto !important;
}
/* Subkategorijos — šiek tiek kompaktiškesnės, bet vis dar ≥44px */
.header-left-menu-dropdown .mm-navbar li .sublist .nav-icon ~ .category-name {
padding-left: 0;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist {
margin-bottom: 8px !important;
}
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li > a,
.header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li > a {
display: flex !important;
align-items: center !important;
min-height: 44px !important;
padding: 10px 16px 10px 52px !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-regular, 400) !important;
line-height: 1.35 !important;
border-bottom: 1px solid #f0f2f5 !important;
}
.master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .mobile-menu-head,
.master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .mobile-menu-head {
min-height: 52px !important;
padding: 12px 16px !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
font-family: var(--jupoja-font-family) !important;
color: var(--jupoja-dark, #434242) !important;
background: #fafbfc !important;
border-bottom: 1px solid #eceff3 !important;
}
/* Apatinės / topic nuorodos */
.header-menu .top-menu.mobile a,
.header-menu .mobile-topic-link-wrapper .header-link-top a,
.header-menu .header-right-menu a {
display: flex !important;
align-items: center !important;
min-height: 48px !important;
padding: 12px 16px !important;
border-bottom: 1px solid #eceff3 !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.header-menu .mobile-topic-link-wrapper {
position: static !important;
width: 100% !important;
margin-top: 8px !important;
border-top: 1px solid #e5e7eb !important;
padding-top: 4px !important;
}
.header-menu > .mobile-menu-close {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
top: 0 !important;
left: 100% !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 28px !important;
line-height: 1 !important;
background: var(--jupoja-red, #E31E24) !important;
color: #fff !important;
z-index: 2;
cursor: pointer;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [05] Product grid - moved to customCss-catalog.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [06] Subcategories - moved to customCss-catalog.css */
/* -------------------------------------------------------------------------- */
/* [09] Product Tabs — minimalistinis, aiškiai skaitomas ir universalus dizainas */
/* -------------------------------------------------------------------------- */
/* Paveikslėlių atvaizdavimas — fiksuotas kvadratas, img užpildo zoną (ne flex center) */
.home-page .product-tab-grid .product-tab-container .product-item .picture {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: none !important;
float: none !important;
overflow: hidden;
box-sizing: border-box;
height: auto !important;
}
/* Kvadrato aukštis — ::before (aspect-ratio lūžta kai img absolute + grid po Swiper init) */
.home-page .product-tab-grid .product-tab-container .product-item .picture::before {
display: block !important;
content: "" !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: transparent !important;
border: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back),
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 0 !important;
margin: 0 !important;
padding: 10px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a.flip-box-back {
/* Hover zoom — pilnai aprašyta productTab.overrides.css */
display: flex !important;
opacity: 0 !important;
visibility: visible !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture a::before {
display: none !important;
content: none !important;
padding: 0 !important;
height: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture img,
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back) img,
.home-page .product-tab-grid .product-tab-container .product-item .picture .swiper-slide img {
position: static !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
transform: scale(1);
object-fit: contain !important;
object-position: center center !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.45s ease;
}
.home-page .product-tab-grid .product-tab-container,
.home-page .product-tab-grid .product-tab-container *:not(.icon):not([class^="icon-"]):not([class*=" icon-"]) {
font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.home-page .product-tab-grid .product-tab-container .icon,
.home-page .product-tab-grid .product-tab-container [class^="icon-"],
.home-page .product-tab-grid .product-tab-container [class*=" icon-"] {
font-family: "icomoon" !important;
font-style: normal;
font-weight: 500;
line-height: 1;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-input .qty-button .icon {
display: inline-block !important;
font-size: 11px !important;
color: inherit !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-link,
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .prices {
letter-spacing: normal !important;
word-spacing: normal !important;
font-kerning: normal;
}
.home-page .product-tab-grid .product-tab-container {
border: none !important;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
/* Product Tab — švelnus rėmelis aplink visą bloką */
.home-page .product-tab-grid .product-tab-container .product-tab-body {
border: 1px solid #e8ecf1 !important;
border-radius: 4px;
background: #fff;
overflow: hidden;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .swiper-slide,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .swiper-slide.swiper-slide-active {
border: none !important;
border-left: none !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item {
border: none !important;
border-top: none !important;
}
/* Tab navigacija — švarus e-commerce „underline“ stilius */
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
padding: 0 12px !important;
border-bottom: 1px solid #e8ecf1;
background: #fff;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs.swiper-wrapper {
display: flex !important;
flex-wrap: nowrap;
gap: 0;
align-items: stretch;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
padding: 0;
margin: 0;
max-width: 100%;
background: transparent;
border: none;
border-radius: 0;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-item,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .swiper-slide {
margin: 0 !important;
flex: 0 0 auto;
min-width: max-content;
max-width: none;
scroll-snap-align: start;
border: none !important;
background: transparent !important;
float: none !important;
width: auto !important;
flex-shrink: 0;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-link {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 52px;
width: auto;
min-width: max-content;
padding: 14px 24px !important;
margin-bottom: -1px;
border: none !important;
border-radius: 0 !important;
border-bottom: 3px solid transparent !important;
background: transparent !important;
color: #5c6670;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.25;
font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif;
white-space: nowrap;
overflow: visible;
text-overflow: unset;
text-decoration: none !important;
text-transform: none;
letter-spacing: normal;
box-shadow: none !important;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transform: none !important;
transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor::after,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-link::after {
display: none !important;
content: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-item:not(.ui-tabs-active):not(.active):not(.ui-state-active) .ui-tabs-anchor:hover,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-item:not(.ui-tabs-active):not(.active):not(.ui-state-active) .nav-tab-link:hover,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .swiper-slide:not(.ui-state-active) .ui-tabs-anchor:hover,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor:not(.active):hover {
color: #4b5563 !important;
-webkit-text-fill-color: #4b5563 !important;
background: #fafbfc !important;
border-bottom-color: #cbd5e1 !important;
font-weight: 600 !important;
font-size: 17px !important;
box-shadow: none !important;
transform: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-active .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .active .nav-tab-link,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor.active,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .swiper-slide.ui-state-active .ui-tabs-anchor {
background: transparent !important;
border: none !important;
border-bottom: 3px solid #FCDF00 !important;
color: #4b5563 !important;
-webkit-text-fill-color: #4b5563 !important;
/* Tas pats svoris kaip neaktyvių — kitaip „sumažėja“ (globalus medium 500 laimėdavo) */
font-weight: 600 !important;
font-size: 17px !important;
box-shadow: none !important;
transform: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
padding: 0 12px 12px !important;
}
@media (min-width: 992px) {
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
max-width: calc(100% - 96px) !important;
width: auto !important;
padding: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-items {
padding-top: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .product-tab-item.swiper,
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper.product-tab-item {
padding-top: 8px !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-next,
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-prev {
top: 10px !important;
}
}
/* Kortelės — minimalus rėmelis, baltas fonas */
.home-page .product-tab-grid .product-tab-container .product-item {
border: 1px solid #eef1f5 !important;
border-radius: 4px !important;
box-shadow: none !important;
background: #fff !important;
padding: 10px !important;
margin: 0 !important;
overflow: hidden;
transition: border-color 0.18s ease;
box-sizing: border-box;
}
.home-page .product-tab-grid .product-tab-container .product-item:hover {
border-color: #dde4ec !important;
box-shadow: none !important;
background: #fff !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide {
display: flex !important;
flex-direction: column !important;
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px);
box-sizing: border-box;
align-items: stretch;
align-self: stretch;
height: auto !important;
min-height: 100%;
}
/* Mobiliai — peek ~0.2 prekės (2.2); kortelių erdvus stilius — productTab.overrides.css */
@media (max-width: 991px) {
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item.swiper,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper.product-tab-item {
overflow: hidden;
padding-right: 0;
-webkit-overflow-scrolling: touch;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide {
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px);
}
}
/* Stulpelio skaidrės — vienodas aukštis per visą eilutę */
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item > .swiper-wrapper,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-wrapper {
align-items: stretch !important;
display: flex !important;
}
/* Desktop product tab grid — nustatymas perkeltas į productTab.overrides.css */
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide > .item-box,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide > .item-box {
min-height: 0 !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide > .product-item,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide > .product-item,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide > .item-box > .product-item {
min-height: 0 !important;
height: 100% !important;
}
/* Tablet — tipografijos/compact padding (plotį valdo Swiper slidesPerView) */
@media (min-width: 992px) and (max-width: 1199px) {
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .product-tab-items .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide {
padding: 4px 6px;
}
.home-page .product-tab-grid .product-tab-container .product-item {
padding: 6px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a {
font-size: 13px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .actual-price {
font-size: 18px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture {
padding-right: 34px;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:first-child,
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
right: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2 {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2::before {
font-size: 12px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons {
gap: 6px;
}
}
/* Stabilus kortelės išdėstymas: nuotrauka | veiksmai, po to pavadinimas, kaina, kiekis + Į krepšelį */
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide .product-item,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .item-box .product-item {
display: flex !important;
flex-direction: column !important;
column-gap: 6px;
row-gap: 0;
align-items: start;
align-content: stretch;
height: 100% !important;
min-height: 0 !important;
position: relative;
overflow: visible !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture {
background: #fff !important;
border-radius: 0;
width: 100% !important;
float: none !important;
display: block !important;
position: relative !important;
overflow: hidden;
margin-bottom: 10px !important;
grid-row: 1;
grid-column: 1 / -1 !important;
padding-right: 36px;
box-sizing: border-box;
height: auto !important;
align-self: stretch;
}
/* Product Ribbons (Seven Spikes) po showRibbons() apgaubia .picture → .ribbon-wrapper tampa grid vaiku */
.home-page .product-tab-grid .product-tab-container .product-item > .ribbon-wrapper {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: none !important;
display: block !important;
position: relative !important;
align-self: stretch !important;
margin-bottom: 10px !important;
padding-right: 36px;
box-sizing: border-box !important;
}
.home-page .product-tab-grid .product-tab-container .product-item > .ribbon-wrapper .picture {
width: 100% !important;
max-width: none !important;
margin-bottom: 0 !important;
padding-right: 0 !important;
position: relative !important;
z-index: 1 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item > .ribbon-wrapper .ribbon-position,
.home-page .product-tab-grid .product-tab-container .product-item > .ribbon-wrapper .product-ribbon {
z-index: 3 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture::before {
display: block !important;
content: "" !important;
padding-top: 100% !important;
width: 100% !important;
height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: transparent !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back),
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 0 !important;
margin: 0 !important;
padding: 10px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a.flip-box-back {
/* Hover zoom — pilnai aprašyta productTab.overrides.css */
display: flex !important;
opacity: 0 !important;
visibility: visible !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture .swiper-wrapper,
.home-page .product-tab-grid .product-tab-container .product-item .picture .swiper-slide {
width: 100% !important;
height: 100% !important;
background: #fff !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture .swiper-slide {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture img,
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back) img,
.home-page .product-tab-grid .product-tab-container .product-item .picture .swiper-slide img {
position: static !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
transform: scale(1);
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.45s ease;
}
.home-page .product-tab-grid .product-tab-container .product-item .details,
.home-page .product-tab-grid .product-tab-container .product-item .add-info {
width: 100% !important;
float: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a {
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #111827;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
min-height: calc(1.35em * 2);
}
.home-page .product-tab-grid .product-tab-container .product-item .details {
width: 100% !important;
padding: 0 !important;
grid-row: 2;
grid-column: 1 / -1;
align-self: start;
}
/* Desktop — contents (grid eilės). Mobilus — tikras flex stulpelis (žr. max-width:767). */
@media (min-width: 768px) {
.home-page .product-tab-grid .product-tab-container .product-item .add-info {
display: contents !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
}
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info > *:not(.buttons):not(.prices):not(.product-box-input):not(.cart-quantity):not(.qty-dropdown):not(.buynow-btn) {
grid-column: 1 / -1;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-input,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .cart-quantity.product-box-input,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .cart-quantity,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .qty-dropdown {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buynow-btn,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-add-to-cart-button {
grid-row: 5;
grid-column: 1 / -1;
align-self: end;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center;
justify-content: center;
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 40px !important;
margin: 8px 0 0 !important;
padding: 0 6px !important;
box-sizing: border-box !important;
font-size: 12px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .prices,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices {
--deal-old-price-slot: 20px;
margin-top: 0 !important;
font-size: inherit !important;
font-weight: inherit;
line-height: 1.2;
grid-row: 4;
grid-column: 1 / -1;
align-self: stretch;
min-height: 0 !important;
width: 100% !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
align-items: stretch !important;
}
/* Kainos — kaip karuselėse: El. kaina viršuje, Buvusi kaina apačioje (visiems ekranams) */
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 4px !important;
width: 100% !important;
grid-template-columns: none !important;
text-align: left !important;
min-height: calc(11px + 2px + 1.15em + 4px + var(--deal-old-price-slot)) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100% !important;
flex: 0 0 auto !important;
order: 1 !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
justify-self: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px !important;
font-size: 11px !important;
color: #8f8f8f !important;
text-align: left !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details {
min-height: calc(1.35em * 2 + 2px) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .prices,
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title {
margin-bottom: 6px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price {
font-size: clamp(19px, 5vw, 23px) !important;
color: var(--jupoja-blue, #1B47A0) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 13px !important;
color: #8f8f8f !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
min-height: var(--deal-old-price-slot) !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
flex: 0 0 auto !important;
order: 2 !important;
text-align: left !important;
justify-self: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: block !important;
visibility: hidden !important;
height: var(--deal-old-price-slot) !important;
max-height: var(--deal-old-price-slot) !important;
overflow: hidden !important;
pointer-events: none !important;
flex: 0 0 var(--deal-old-price-slot) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
white-space: normal !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
}
/* Kairioji panelė — moderni išlendanti juosta ant vaizdo */
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
flex: 0 0 340px;
width: 340px !important;
min-width: 340px !important;
max-width: 340px !important;
position: relative;
overflow: hidden;
cursor: pointer;
background: transparent !important;
background-image: none !important;
border-right: 1px solid #eef1f5;
border-bottom: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture {
width: 100% !important;
height: 100% !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture {
position: absolute !important;
inset: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff;
margin: 0 !important;
transform: none !important;
z-index: 1;
overflow: hidden;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: none !important;
max-height: none !important;
transform: none !important;
object-fit: cover !important;
object-position: center center;
display: block;
image-rendering: auto;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .tab-piture img {
transform: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles {
position: absolute !important;
left: 0;
right: 0;
bottom: 0 !important;
margin: 0 !important;
padding: 16px 18px 14px !important;
background: #fff;
border-top: none;
box-shadow: none !important;
transition: padding 0.35s ease;
z-index: 2;
}
/* Be meniu / be pavadinimo — jokia balta juosta po baneriu */
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles:not(:has(.title)):not(:has(.product-tab-categories)),
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles:not(:has(.product-tab-category)):not(:has(.title)) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: transparent !important;
border: none !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles::before {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
}
@media (min-width: 1200px) {
.home-page .product-tab-grid .product-tab-container .product-tab-body {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
align-self: stretch !important;
height: auto !important;
min-height: 100% !important;
max-height: none !important;
display: block !important;
background: transparent !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture {
background: transparent !important;
}
}
@media (max-width: 1399px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
flex-basis: 320px;
width: 320px !important;
min-width: 320px !important;
max-width: 320px !important;
}
}
/* <1200: be šoninio banerio — visas plotis prekių tinkleliui (squeeze fix) */
@media (max-width: 1199px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
display: none !important;
flex-basis: 0 !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-body {
display: flex !important;
flex-wrap: nowrap !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}
@media (max-width: 991px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
/* Mobile: baneris vėl rodomas full-width žemiau (max-width: 767 perrašo) */
display: none !important;
}
}
@media (max-width: 767px) {
.home-page .product-tab-grid {
padding-left: 0 !important;
padding-right: 0 !important;
}
.home-page .product-tab-grid .product-tab-container {
padding: 0 !important;
margin-bottom: 12px;
}
.home-page .product-tab-grid .product-tab-container .product-tab-body {
flex-direction: column !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
overflow: visible !important;
box-shadow: none;
gap: 0 !important;
}
/* Mobilas — baneris sandariai prie tabų (be balto tarpo) */
.home-page .product-tab-grid .product-tab-container .product-tab-picture {
display: block !important;
flex: 0 0 auto !important;
flex-basis: auto !important;
width: 100vw !important;
min-width: 0 !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: hidden !important;
background: #fff !important;
border: none !important;
border-bottom: none !important;
cursor: default;
line-height: 0 !important; /* panaikina inline-gap po img */
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open {
position: relative;
z-index: 5;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture::before,
.home-page .product-tab-grid .product-tab-container .product-tab-picture::after {
content: none !important;
display: none !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
border: none !important;
}
/* Natūralus banerio aukštis — be 16:9 „dėžutės“, kuri kūrė tuščią juostą */
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture {
position: relative !important;
inset: auto !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #f3f4f6 !important;
border-bottom: 2px solid #FCDF00 !important;
line-height: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
min-width: 0 !important;
min-height: 0 !important;
object-fit: contain !important;
object-position: center top !important;
image-rendering: auto !important;
vertical-align: top !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .tab-piture img {
transform: none !important;
}
/* Titles — visiškai iš layout'o (baltas tarpas dingsta) */
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles,
.home-page .product-tab-grid .product-tab-container .product-tab-picture:not(.is-panel-open) .product-tab-titles,
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .product-tab-titles {
display: none !important;
visibility: hidden !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: none !important;
position: absolute !important;
left: -9999px !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
padding: 0 8px !important;
margin: 0 !important;
border-top: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
width: 100% !important;
padding: 0 8px 10px !important;
margin: 0 !important;
border-top: none !important;
}
/* Prekių kortelių foto — mažiau tuščio balto krašto */
.home-page .product-tab-grid .product-tab-container .product-item .picture {
margin-bottom: 6px !important;
padding-right: 32px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back),
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
padding: 4px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture img,
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back) img {
object-fit: contain !important;
object-position: center center !important;
}
}
@media (max-width: 480px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture {
aspect-ratio: auto !important;
max-height: none !important;
min-height: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .tab-piture img {
position: static !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
padding: 0 6px 8px !important;
}
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles::after {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title {
display: block !important;
margin: 0 !important;
padding: 0 18px 0 0 !important;
position: relative;
z-index: 2;
text-align: left;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title::after {
content: "\25BE";
display: block;
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%);
width: auto;
height: auto;
line-height: 1;
text-align: center;
color: #94a3b8;
font-size: 10px;
font-weight: 400;
opacity: 0.4;
background: none;
border: none;
border-radius: 0;
box-shadow: none !important;
transition: transform 0.35s ease, opacity 0.25s ease;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title span:not(.product-tab-toggle-btn),
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title a {
display: block;
flex: 1 1 auto;
min-width: 0;
color: #5c6670 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-transform: uppercase;
text-shadow: none !important;
letter-spacing: 0.05em !important;
text-align: left;
padding: 0 0 0 12px;
border: none;
border-left: 3px solid #FCDF00;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories {
position: relative;
z-index: 2;
max-height: 0 !important;
opacity: 0;
overflow: hidden;
scrollbar-width: thin;
scrollbar-color: #e2e8f0 transparent;
margin: 0;
padding: 0;
transition: max-height 0.45s ease, opacity 0.32s ease, margin 0.32s ease;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category {
margin: 0;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category + .product-tab-category {
margin-top: 4px;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a {
display: block !important;
color: #4b5563 !important;
-webkit-text-fill-color: #4b5563 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
padding: 10px 10px 10px 14px !important;
min-height: 42px;
border: none;
border-left: 2px solid transparent;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.04em !important;
text-shadow: none !important;
text-decoration: none !important;
transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a::after {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a:hover,
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a:focus-visible {
color: #3d4f5f !important;
-webkit-text-fill-color: #3d4f5f !important;
background: #f4f6f8 !important;
border-left-color: #FCDF00;
}
/* Desktop su pele — hover išskleidžia panelę (≥1200px) */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title {
padding-right: 30px !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title::after {
right: 6px;
font-size: 18px;
font-weight: 700;
color: #5c6670;
opacity: 0.92;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .product-tab-titles {
padding: 18px 18px 14px !important;
box-shadow: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .product-tab-titles .product-tab-categories {
max-height: 260px !important;
opacity: 1 !important;
overflow-x: hidden;
overflow-y: auto;
border-top: 1px solid #eef1f5;
margin-top: 10px;
padding-top: 8px;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .product-tab-titles .title::after {
transform: translateY(-50%) rotate(180deg);
color: #4b5563;
opacity: 1;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-toggle-btn {
display: none !important;
}
}
/* Toggle režimas — mobilus, planšetė (≤1199px), touch įrenginiai */
@media (max-width: 1199px), (hover: none), (pointer: coarse) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 10px;
padding-right: 0 !important;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:hover .product-tab-titles .product-tab-categories {
max-height: 0 !important;
opacity: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
visibility: hidden !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture:not(.is-panel-open) .product-tab-titles .product-tab-categories {
max-height: 0 !important;
opacity: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
/* Atidarius — puslapis plečiasi natūraliai, be vidinio scroll */
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
display: flex !important;
flex-direction: column !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .tab-piture {
position: relative !important;
inset: auto !important;
flex: 0 0 auto;
flex-shrink: 0 !important;
height: auto !important;
max-height: none !important;
aspect-ratio: 16 / 9 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .product-tab-titles {
position: relative !important;
top: auto !important;
bottom: auto !important;
flex: 0 0 auto;
flex-shrink: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .product-tab-titles .product-tab-categories {
max-height: 800px !important;
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
border-top: 1px solid #eef1f5;
margin-top: 8px !important;
padding-top: 8px !important;
padding-bottom: 4px;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title::after {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-toggle-btn {
position: static;
width: 36px;
height: 36px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background: transparent;
color: transparent;
border: none !important;
border-radius: 0;
padding: 0 !important;
font-size: 0;
line-height: 1;
flex: 0 0 36px;
pointer-events: none;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-toggle-btn::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2.5px solid #64748b;
border-bottom: 2.5px solid #64748b;
transform: rotate(45deg) translateY(-1px);
transition: transform 0.3s ease, border-color 0.2s ease;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .product-tab-toggle-btn::before {
transform: rotate(-135deg) translateY(1px);
border-color: #5c6670;
}
}
/* Planšetė toggle — atidarius išlaikomas paveikslėlio aukštis */
@media (min-width: 768px) and (max-width: 1199px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .tab-piture {
height: 240px !important;
min-height: 240px !important;
}
}
/* Mobilas — didesnės paspaudimo zonos (vyresnei auditorijai) */
@media (max-width: 767px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture.is-panel-open .product-tab-titles {
padding: 16px 16px 14px !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title {
min-height: 48px;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title span:not(.product-tab-toggle-btn),
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title a {
font-size: 14px !important;
letter-spacing: 0.05em !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-toggle-btn {
width: 44px !important;
height: 44px !important;
flex: 0 0 44px !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a {
display: flex !important;
align-items: center !important;
min-height: 48px !important;
padding: 12px 10px 12px 14px !important;
font-size: 13px !important;
letter-spacing: 0.04em !important;
}
}
/* Mažas ekranas — mažesni šriftai (po 767 touch bloko, kad neperrašytų) */
@media (max-width: 480px) {
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title span:not(.product-tab-toggle-btn),
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .title a {
font-size: 13px !important;
letter-spacing: 0.05em !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-picture .product-tab-titles .product-tab-categories .product-tab-category a {
font-size: 12px !important;
letter-spacing: 0.035em !important;
padding: 12px 8px 12px 12px !important;
}
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2 {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
min-height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--jupoja-gray-light) !important;
border: 1px solid #e2e2e2 !important;
border-radius: 50% !important;
color: var(--jupoja-dark) !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.07) !important;
opacity: 1 !important;
filter: none !important;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2::before {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1 !important;
color: inherit !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.add-to-compare-list-button,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.add-to-compare-list-button {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2:hover,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2:hover {
background: var(--jupoja-yellow) !important;
border-color: var(--jupoja-yellow) !important;
color: var(--jupoja-black) !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12) !important;
transform: translateY(-1px);
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.add-to-wishlist-button:hover,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.add-to-wishlist-button:hover {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.add-to-wishlist-button:hover::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.add-to-wishlist-button:hover::before {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.product-box-add-to-cart-button:hover,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.product-box-add-to-cart-button:hover {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.product-box-add-to-cart-button:hover::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.product-box-add-to-cart-button:hover::before {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.add-to-compare-list-button:hover,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.add-to-compare-list-button:hover {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.add-to-compare-list-button:hover::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.add-to-compare-list-button:hover::before {
color: var(--jupoja-black) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons {
grid-row: 1;
grid-column: 1 / -1;
display: flex !important;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
gap: 7px;
margin: 0 !important;
padding: 0 2px 0 0 !important;
position: absolute !important;
top: 8px;
right: 2px;
left: auto !important;
transform: none;
z-index: 3;
width: auto;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2 {
opacity: 1 !important;
visibility: visible !important;
border-radius: 50% !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-next,
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-prev {
/* forma / spalvos — globalus [18n] */
box-shadow: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-next:after,
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper .swiper-button-prev:after {
font-size: 14px;
font-weight: 700;
}
@media (max-width: 991px) {
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
padding: 0 8px !important;
max-width: 100% !important;
width: 100% !important;
overflow: hidden;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs.swiper-wrapper {
max-width: none !important;
width: max-content !important;
min-width: 100%;
flex-wrap: nowrap !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-item,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .swiper-slide {
min-width: max-content !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-link {
min-height: 46px;
padding: 11px 14px !important;
font-size: 15px !important;
overflow: visible !important;
text-overflow: unset !important;
white-space: nowrap !important;
max-width: none !important;
min-width: max-content !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
padding: 8px 0 8px 6px !important;
}
}
/* Mobilus — nulinis tarpas virš tabų (991px taisyklė kitaip grąžina padding-top) */
@media (max-width: 767px) {
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
padding: 0 8px 10px !important;
margin: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
margin: 0 !important;
padding: 0 8px !important;
}
}
@media (max-width: 991px) {
.home-page .product-tab-grid .product-tab-container .product-item {
min-height: clamp(230px, 34vw, 290px);
}
.home-page .product-tab-grid .product-tab-container .product-item .picture {
padding-right: 32px;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:first-child,
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
right: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a {
font-size: 13px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .actual-price {
font-size: 19px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2 {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2::before {
font-size: 11px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons {
top: 8px;
right: 0;
gap: 6px;
}
}
/* Mobilus product tab — SmartDeal erdvus stulpelis (laimi prieš catalog grid + contents) */
@media (max-width: 767px) {
.home-page .product-tab-grid .product-tab-container .product-tab-item-wrapper {
padding: 0 2px 6px 0 !important;
margin: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide {
row-gap: 0;
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px);
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .product-item,
.home-page .product-tab-grid .product-tab-container .product-item {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
align-content: stretch !important;
height: 100% !important;
min-height: 0 !important;
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
margin: 0 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
background: #fff !important;
box-sizing: border-box !important;
overflow: hidden !important;
float: none !important;
position: relative !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture,
.home-page .product-tab-grid .product-tab-container .product-item > .ribbon-wrapper {
width: 100% !important;
max-width: none !important;
margin: 0 0 8px !important;
padding-right: 36px !important;
float: none !important;
grid-column: auto !important;
grid-row: auto !important;
align-self: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .picture > a:not(.flip-box-back),
.home-page .product-tab-grid .product-tab-container .product-item .picture > .swiper {
right: 0 !important;
padding: 6px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons {
position: absolute !important;
top: 8px !important;
right: 2px !important;
left: auto !important;
z-index: 3;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 6px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
grid-row: auto !important;
grid-column: auto !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2 {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2::before {
font-size: 12px !important;
}
/* Apskritimo „Į krepšelį“ nereikia — pilnas CTA apačioje */
.home-page .product-tab-grid .product-tab-container .product-item .buttons .button-2.product-box-add-to-cart-button,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buttons .button-2.product-box-add-to-cart-button {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
grid-row: auto !important;
grid-column: auto !important;
align-self: stretch !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
text-align: left !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title {
min-height: calc(1.35em * 3) !important;
height: auto !important;
margin: 0 0 2px !important;
text-align: center !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
min-height: calc(1.35em * 3) !important;
height: auto !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--jupoja-dark, #434242) !important;
text-align: center !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .sku {
display: block !important;
position: static !important;
margin: 12px 0 0 !important;
padding: 0 0 4px !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
color: #6b6b6b !important;
text-align: center !important;
flex-shrink: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .description,
.home-page .product-tab-grid .product-tab-container .product-item .details .product-rating-box {
display: none !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item .add-info,
.home-page .product-tab-grid .product-tab-container .product-item .add-info {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 12px !important;
width: 100% !important;
margin-top: auto !important;
padding-top: 16px !important;
padding-bottom: 0 !important;
min-height: 0 !important;
flex-shrink: 0 !important;
grid-row: auto !important;
grid-column: auto !important;
float: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info > * {
grid-column: auto !important;
grid-row: auto !important;
flex-shrink: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .prices,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices {
--deal-old-price-slot: 22px;
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
flex: 0 0 auto !important;
flex-shrink: 0 !important;
container-type: normal !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-row.has-old-price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 6px !important;
width: 100% !important;
grid-template-columns: none !important;
text-align: left !important;
min-height: calc(11px + 2px + 1.15em + 6px + var(--deal-old-price-slot)) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current {
width: 100% !important;
flex: 0 0 auto !important;
order: 1 !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
justify-self: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-label {
margin-bottom: 2px !important;
font-size: 11px !important;
color: #8f8f8f !important;
text-align: left !important;
white-space: normal !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .pdp-purchase-card__price-amount {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-tab-grid .product-tab-container .product-item .actual-price {
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--jupoja-blue, #1B47A0) !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .price-unit-info {
font-size: 13px !important;
color: #8f8f8f !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
min-height: var(--deal-old-price-slot) !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
order: 2 !important;
text-align: left !important;
justify-self: stretch !important;
position: static !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--empty {
visibility: hidden !important;
pointer-events: none !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #9a9a9a !important;
text-decoration: none !important;
white-space: normal !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount {
display: inline-flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
}
/* Qty slepiame visuose ekranuose (žr. ir productTab.overrides bazę) */
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item .add-info .cart-quantity,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item .add-info .product-box-input,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-input,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .cart-quantity.product-box-input,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .qty-dropdown {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
}
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item .add-info .buynow-btn,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .product-item .add-info .product-box-add-to-cart-button,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buynow-btn,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-add-to-cart-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: none !important;
border-radius: 8px !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-dark, #434242) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
white-space: nowrap !important;
text-align: center !important;
text-indent: 0 !important;
box-sizing: border-box !important;
grid-column: auto !important;
grid-row: auto !important;
align-self: stretch !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .add-info .buynow-btn::before,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-box-add-to-cart-button::before {
display: none !important;
}
}
@media (max-width: 480px) {
.home-page .product-tab-grid .product-tab-container .product-tab-item-header {
padding: 0 6px !important;
max-width: 100% !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .nav-tab-link {
min-height: 46px;
padding: 10px 12px !important;
font-size: 15px !important;
border-bottom-width: 2px !important;
overflow: visible !important;
text-overflow: unset !important;
white-space: nowrap !important;
min-width: max-content !important;
}
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-active .ui-tabs-anchor,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .active .nav-tab-link,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .ui-tabs-anchor.active,
.home-page .product-tab-grid .product-tab-container .product-tab-item-header .nav-tabs .swiper-slide.ui-state-active .ui-tabs-anchor {
border-bottom-width: 2px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .details .product-title a,
.home-page .product-tab-grid .product-tab-container .product-item .add-info .product-title a {
font-size: 14px !important;
}
.home-page .product-tab-grid .product-tab-container .product-item .actual-price {
font-size: 22px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [09b] Homepage karuselių kainos — vienas dydis visur (kaip ProductTab) */
/* Perrašo catalog @container taisykles siaurose kortelėse */
/* -------------------------------------------------------------------------- */
.home-page .product-item .add-info .catalog-card__prices {
--catalog-price-current-size: clamp(19px, 5vw, 23px);
}
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current span[id^="price-value-"],
.home-page .product-item .actual-price {
font-size: clamp(19px, 5vw, 23px) !important;
font-weight: 700 !important;
}
@container (max-width: 210px) {
.home-page .product-item .add-info .catalog-card__prices {
--catalog-price-current-size: clamp(19px, 5vw, 23px);
}
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current span[id^="price-value-"] {
font-size: clamp(19px, 5vw, 23px) !important;
}
}
@media (max-width: 991px) {
.home-page .product-item .add-info .catalog-card__prices {
--catalog-price-current-size: 19px;
}
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current span[id^="price-value-"],
.home-page .product-item .actual-price {
font-size: 19px !important;
}
}
@media (max-width: 767px) {
.home-page .product-item .add-info .catalog-card__prices {
--catalog-price-current-size: 18px;
}
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current span[id^="price-value-"],
.home-page .product-item .actual-price {
font-size: 18px !important;
}
/* Product tab mobilus — SmartDeal 22px, ne bendras 18px */
.home-page .product-tab-grid .product-tab-container .product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--current .actual-price,
.home-page .product-tab-grid .product-tab-container .product-item .actual-price {
font-size: 22px !important;
}
}
@media (max-width: 359px) {
.home-page .product-item .add-info .catalog-card__prices {
--catalog-price-current-size: 18px;
}
}
/* -------------------------------------------------------------------------- */
/* [10] Krepšelis — add-to-cart mygtukai ir popup */
/* -------------------------------------------------------------------------- */
/* Restore product-box add-to-cart button near quantity controls */
.showProductBoxBtnMobile .add-info .product-box-add-to-cart-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
visibility: visible !important;
opacity: 1 !important;
}
.product-item .add-info .product-box-add-to-cart-button,
.product-item .add-info .product-box-add-to-cart-button[style*="display: none"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
visibility: visible !important;
opacity: 1 !important;
}
/* Keep top picture cart icon hidden until hover (desktop behavior) */
.product-item .picture .buttons .product-box-add-to-cart-button {
display: none !important;
}
.product-item:hover .picture .buttons .product-box-add-to-cart-button {
display: inline-flex !important;
}
/* Added-to-cart popup: modern, responsive, minimal */
.added-to-cart-sucessnotification {
width: min(92vw, 760px) !important;
max-width: 760px !important;
min-height: 470px !important;
border: none !important;
border-radius: 14px !important;
overflow: visible !important;
box-shadow: 0 18px 48px rgba(17, 24, 39, 0.22) !important;
background: #ffffff !important;
}
.added-to-cart-sucessnotification .ui-dialog-titlebar {
min-height: 46px;
padding: 12px 44px 12px 16px !important;
border: none !important;
border-bottom: 1px solid #eceff3 !important;
background: #f9fafb !important;
border-radius: 14px 14px 0 0 !important;
}
.added-to-cart-sucessnotification .ui-dialog-title {
width: 100%;
text-align: center;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #111827;
}
.added-to-cart-sucessnotification .ui-dialog-titlebar-close {
top: 11px !important;
right: 11px !important;
transform: none !important;
width: 24px !important;
height: 24px !important;
border-radius: 50%;
background: var(--primary-color) !important;
border: none !important;
z-index: 20 !important;
}
.added-to-cart-sucessnotification .ui-dialog-titlebar-close::before {
color: #111827 !important;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation {
min-height: 420px;
max-height: min(82vh, 680px);
padding: 16px 18px 16px;
overflow: auto;
display: flex;
flex-direction: column;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation > .row {
margin: 0;
display: grid;
grid-template-columns: 300px 1fr;
column-gap: 16px;
align-items: start;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation > .row > [class*="col-"] {
width: 100%;
max-width: none;
padding: 0;
display: flex;
flex-direction: column;
}
.added-to-cart-sucessnotification .picture {
width: 100%;
aspect-ratio: 1 / 1;
border: 1px solid #F5F5F5;
border-radius: 10px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.added-to-cart-sucessnotification .picture img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
padding: 8px;
}
.added-to-cart-sucessnotification .product-name {
margin: 2px 0 6px !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.28 !important;
color: #111827 !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
}
.added-to-cart-sucessnotification .product-name a.flyout-product-link,
.added-to-cart-sucessnotification .picture a.flyout-product-link {
color: inherit !important;
text-decoration: none !important;
cursor: pointer;
pointer-events: auto !important;
}
.added-to-cart-sucessnotification .product-name a.flyout-product-link:hover {
color: var(--jupoja-red, #E31E24) !important;
text-decoration: underline !important;
}
.added-to-cart-sucessnotification .picture a.flyout-product-link {
display: block;
}
line-clamp: 3;
overflow: hidden;
}
.added-to-cart-sucessnotification .product-price {
margin: 0 !important;
line-height: 1.1 !important;
}
.added-to-cart-sucessnotification .product-price .actual-price {
font-size: 36px !important;
font-weight: 800 !important;
letter-spacing: -0.02em;
color: var(--secondary-color) !important;
}
.added-to-cart-sucessnotification .attributes {
margin-top: 10px;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
color: #4b5563;
max-width: 40ch;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.added-to-cart-sucessnotification .buttons {
margin: auto 0 0 !important;
padding-top: 16px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
.added-to-cart-sucessnotification .buttons .checkout-button {
display: none !important;
}
.added-to-cart-sucessnotification .buttons .button {
margin: 0 !important;
min-height: 44px;
height: 44px;
padding: 0 14px !important;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
line-height: normal !important;
display: grid !important;
place-items: center !important;
text-align: center !important;
vertical-align: middle !important;
border: 1px solid transparent;
transition: all 0.2s ease;
}
/* Popup card button color controls (edit only these variables) */
.added-to-cart-sucessnotification {
--atc-btn-continue-bg: #FCDF00;
--atc-btn-continue-text: #000000;
--atc-btn-viewcart-bg: #5B5B5B;
--atc-btn-viewcart-text: #ffffff;
--atc-btn-checkout-bg: #1B47A0;
--atc-btn-checkout-text: #ffffff;
}
.added-to-cart-sucessnotification .buttons .continue-shopping-button {
background-color: var(--atc-btn-continue-bg) !important;
border-color: var(--atc-btn-continue-bg) !important;
color: var(--atc-btn-continue-text) !important;
}
.added-to-cart-sucessnotification .buttons .view-cart-button {
background-color: var(--atc-btn-viewcart-bg) !important;
border-color: var(--atc-btn-viewcart-bg) !important;
color: var(--atc-btn-viewcart-text) !important;
}
.added-to-cart-sucessnotification .buttons .checkout-button {
background-color: var(--atc-btn-checkout-bg) !important;
border-color: var(--atc-btn-checkout-bg) !important;
color: var(--atc-btn-checkout-text) !important;
}
.added-to-cart-sucessnotification .buttons .continue-shopping-button:hover,
.added-to-cart-sucessnotification .buttons .continue-shopping-button:focus,
.added-to-cart-sucessnotification .buttons .continue-shopping-button:visited {
background-color: var(--atc-btn-continue-bg) !important;
border-color: var(--atc-btn-continue-bg) !important;
color: var(--atc-btn-continue-text) !important;
}
.added-to-cart-sucessnotification .buttons .view-cart-button:hover,
.added-to-cart-sucessnotification .buttons .view-cart-button:focus,
.added-to-cart-sucessnotification .buttons .view-cart-button:visited {
background-color: var(--atc-btn-viewcart-bg) !important;
border-color: var(--atc-btn-viewcart-bg) !important;
color: var(--atc-btn-viewcart-text) !important;
}
.added-to-cart-sucessnotification .buttons .button:hover {
transform: translateY(-1px);
filter: brightness(0.95);
}
/* Keep checkout hidden in popup */
.added-to-cart-sucessnotification .buttons .button.checkout-button,
.added-to-cart-sucessnotification .buttons .checkout-button {
display: none !important;
}
@media (max-width: 767px) {
.added-to-cart-sucessnotification {
width: calc(100vw - 16px) !important;
max-width: 620px !important;
min-height: 0 !important;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation {
min-height: 0;
max-height: calc(100vh - 88px);
padding: 14px;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation > .row {
grid-template-columns: 1fr;
row-gap: 10px;
}
.added-to-cart-sucessnotification .picture {
max-width: min(72vw, 250px);
margin: 0 auto;
}
.added-to-cart-sucessnotification .product-name,
.added-to-cart-sucessnotification .product-price,
.added-to-cart-sucessnotification .attributes {
text-align: center;
}
.added-to-cart-sucessnotification .buttons {
grid-template-columns: 1fr;
}
.added-to-cart-sucessnotification .buttons .button {
min-height: 48px;
height: 48px;
font-size: 15px;
line-height: 1.2;
border-radius: 10px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.added-to-cart-sucessnotification {
width: min(94vw, 680px) !important;
max-width: 680px !important;
min-height: 430px !important;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation {
min-height: 385px;
}
.added-to-cart-sucessnotification #add-to-cart-confirmation > .row {
grid-template-columns: 260px 1fr;
}
.added-to-cart-sucessnotification .product-name {
font-size: 21px !important;
}
.added-to-cart-sucessnotification .product-price .actual-price {
font-size: 32px !important;
}
.added-to-cart-sucessnotification .buttons .button {
min-height: 46px;
height: 46px;
font-size: 14px;
line-height: 1.2;
}
}
/* IZOLIACINIS DIZAINAS SU -mm SUFIKSU */
.body-mm {
background-color: transparent; /* Leidžiame valdyti temai */
margin: 0;
padding: 20px;
font-family: inherit !important; /* Naudoja temos šriftą */
color: inherit;
}
.container-mm {
max-width: 1250px;
margin: 0 auto;
padding: 0 15px;
}
.main-header-mm {
text-align: center;
margin-bottom: 40px;
min-height: 60px;
}
.title-mm {
text-transform: uppercase;
font-weight: bold;
color: #434242;
letter-spacing: 1px;
font-family: inherit;
}
/* GRID SISTEMA: 4 stulpeliai dideliame ekrane */
.contacts-grid-mm {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* Kortelės stilius */
.card-mm {
background: #fff;
border: 1px solid #ddd;
padding: 20px;
display: flex;
flex-direction: column;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
font-family: inherit;
}
.card-header-mm {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 15px;
min-height: 48px; /* Kad antraštės būtų lygios */
}
.badge-mm {
background-color: #546e7a;
color: #fff;
padding: 2px 8px;
font-weight: bold;
border-radius: 2px;
font-size: 13px;
flex-shrink: 0;
}
.address-title-mm {
font-size: 14px;
margin: 0;
color: #434242;
line-height: 1.4;
font-weight: 600;
font-family: inherit;
}
/* KONTAKTAI IR IKONŲ FIKSAVIMAS (kad nešokinėtų) */
.contact-details-mm {
font-size: 13px;
margin-bottom: 15px;
min-height: 90px;
font-family: inherit;
}
.contact-details-mm p {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
min-height: 18px;
}
.icon-mm {
color: #fbc02d;
font-size: 18px !important;
width: 18px !important; /* Rezervuota vieta */
height: 18px !important;
display: inline-block;
overflow: hidden;
flex-shrink: 0;
}
.contact-details-mm a {
color: #0066cc;
text-decoration: none;
word-break: break-all;
}
/* Nuotraukos vieta */
.store-image-mm {
width: 100%;
margin-bottom: 15px;
background: #f4f4f4;
aspect-ratio: 350 / 180; /* Rezervuoja vietą kol kraunasi nuotrauka */
overflow: hidden;
}
.store-image-mm img {
width: 100%;
height: auto;
display: block;
}
/* Darbo laikas */
.hours-title-mm {
font-size: 14px;
color: #777;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 10px;
font-weight: 600;
font-family: inherit;
}
.hours-list-mm {
list-style: none;
padding: 0;
}
.hours-list-mm li {
display: flex;
justify-content: space-between;
font-size: 13px;
margin-bottom: 4px;
}
.hours-list-mm li span:first-child {
font-weight: bold;
}
.holiday-mm {
color: #E31E24;
}
/* ADAPTYVUMAS (RESPONSIVE) */
/* Laptopai / Mažesni monitoriai */
@media (max-width: 1200px) {
.contacts-grid-mm {
grid-template-columns: repeat(3, 1fr);
}
}
/* Planšetės */
@media (max-width: 900px) {
.contacts-grid-mm {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobilieji telefonai */
@media (max-width: 600px) {
.contacts-grid-mm {
grid-template-columns: 1fr;
}
.body-mm {
padding: 10px;
}
.title-mm {
font-size: 18px;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [11] / [11b] Homepage Blog/News - removed (blog/news not used) */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [12] / [12b] CMS articles - moved to Plugins/FoxNetSoft.CMSManager/Styles/cms-articles-jupoja.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [13] / [14] Blog list + blog post - removed (blog/news not used) */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [15] Global card polish — consistent radius and minimal shadow */
/* -------------------------------------------------------------------------- */
:root {
--theme-card-radius: 4px;
--theme-card-shadow: 0 1px 2px rgba(17, 24, 39, 0.06);
}
.product-item,
.home-page .cmspage-page .cmspage-list .cmspage-item,
.manufacturer-grid .item-box .manufacturer-item .picture a,
.manufacturer-grid .item-box .picture a {
border-radius: var(--theme-card-radius) !important;
box-shadow: var(--theme-card-shadow) !important;
}
.product-item:hover,
.home-page .cmspage-page .cmspage-list .cmspage-item:hover {
box-shadow: var(--theme-card-shadow) !important;
}
/* -------------------------------------------------------------------------- */
/* [15b]/[15c]/[15e]/[15g] catalog cards - moved to customCss-catalog.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [15d] PDP CTA - moved to customCss-pdp.css */
/* -------------------------------------------------------------------------- */
/* PDP Atgal / Kita prekė — šalia dešinėje, kompaktiškai */
.html-product-details-page .prev-next-container {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
width: 100% !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.html-product-details-page .prev-next-container .prev-next-actions {
display: inline-flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px 20px;
}
/* Senas 2 kolonų markup (jei view dar nepersikrovė) — abi nuorodos dešinėje */
.html-product-details-page .prev-next-container > .row {
display: flex !important;
flex-wrap: wrap;
justify-content: flex-end !important;
align-items: center;
gap: 8px 20px;
width: 100%;
margin: 0 !important;
}
.html-product-details-page .prev-next-container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.html-product-details-page .prev-next-container .previous-product,
.html-product-details-page .prev-next-container .next-product {
padding-top: 0 !important;
text-align: right !important;
float: none !important;
width: auto !important;
}
/* PDP Atgal / Kita prekė — sentence case (ne UPPERCASE) */
.prev-next-container a {
text-transform: none !important;
letter-spacing: normal !important;
}
/* -------------------------------------------------------------------------- */
/* [18p] Puslapiavimas (.pager) — vienas stilius visur */
/* Katalogas, paieška, CMS straipsniai, blogas, naujienos, paskyra… */
/* Aktyvus: geltona + juodas skaičius; kiti: baltas langelis + juodas tekstas */
/* -------------------------------------------------------------------------- */
.pager {
margin: 28px 0 24px;
text-align: center;
}
.pager ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
text-align: center;
}
.pager li {
display: block;
margin: 0 !important;
padding: 0;
float: none !important;
}
.pager li a,
.pager li span {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
width: auto;
height: 38px !important;
margin: 0;
padding: 0 10px !important;
border: 1px solid #d5d5d5 !important;
border-radius: 4px !important;
background: #fff !important;
color: #1a1a1a !important;
-webkit-text-fill-color: #1a1a1a !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
/* Aktyvus puslapis — geltona, juodas skaičius (matomas ant #FCDF00) */
.pager li span,
.pager li.current-page span,
.pager li.current-page a {
border-color: var(--jupoja-yellow, #FCDF00) !important;
background: var(--jupoja-yellow, #FCDF00) !important;
color: #1a1a1a !important;
-webkit-text-fill-color: #1a1a1a !important;
cursor: default;
}
.pager li a:hover,
.pager li a:focus {
border-color: #bdbdbd !important;
background: #f3f3f3 !important;
color: #1a1a1a !important;
-webkit-text-fill-color: #1a1a1a !important;
}
.pager li.current-page a:hover,
.pager li.current-page a:focus {
border-color: var(--jupoja-yellow, #FCDF00) !important;
background: var(--jupoja-yellow, #FCDF00) !important;
}
/* Navigacijos rodyklės — juodi simboliai (vietoj šviesių PNG) */
.pager li.previous-page a,
.pager li.next-page a,
.pager li.first-page a,
.pager li.last-page a,
.pager li.previous-page span,
.pager li.next-page span,
.pager li.first-page span,
.pager li.last-page span {
background-image: none !important;
font-size: 0 !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
padding: 0 !important;
min-width: 38px !important;
width: 38px !important;
}
.pager li.previous-page a::before,
.pager li.next-page a::before,
.pager li.first-page a::before,
.pager li.last-page a::before,
.pager li.previous-page span::before,
.pager li.next-page span::before,
.pager li.first-page span::before,
.pager li.last-page span::before {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
height: 100%;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #1a1a1a !important;
-webkit-text-fill-color: #1a1a1a !important;
/* Chevron glifai vizualiai sėdi žemai — pakeliame iki skaičių centro */
transform: translateY(-1px);
}
.pager li.previous-page a::before,
.pager li.previous-page span::before {
content: "‹";
font-size: 24px !important;
transform: translateY(-2px);
}
.pager li.next-page a::before,
.pager li.next-page span::before {
content: "›";
font-size: 24px !important;
transform: translateY(-2px);
}
.pager li.first-page a::before,
.pager li.first-page span::before {
content: "«";
font-size: 20px !important;
transform: translateY(-2px);
}
.pager li.last-page a::before,
.pager li.last-page span::before {
content: "»";
font-size: 20px !important;
transform: translateY(-2px);
}
/* CMS / straipsnių sąrašai — tas pats stilius, tik tarpas */
.cms-news-page .pager,
.cmspage-page .pager,
.cmspage-list .pager,
.blog-page .pager,
.news-list-page .pager,
.product-list .pager,
.product-grid + .pager,
.category-page .pager,
.search-page .pager {
margin-top: 32px;
}
@media (max-width: 575px) {
.pager ul {
gap: 5px;
}
.pager li a,
.pager li span {
min-width: 34px !important;
height: 34px !important;
padding: 0 8px !important;
font-size: 14px !important;
}
.pager li.previous-page a::before,
.pager li.next-page a::before,
.pager li.previous-page span::before,
.pager li.next-page span::before {
font-size: 20px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [18n] Karuselių rodyklės — vienodi kvadratai */
/* Aktyvi (galima spausti) = geltona; neaktyvi (.swiper-button-disabled) = pilka */
/* Pozicija lieka lokalėms taisyklėms; čia — dydis, forma, spalvos */
/* -------------------------------------------------------------------------- */
/* Bendras kvadrato „kaulas“ + aktyvi (geltona) būsena abiem kryptimis */
.swiper-button-prev,
.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-rtl .swiper-button-next,
.cms-related-nav,
.cms-related-products .cms-related-nav {
box-sizing: border-box !important;
width: var(--jupoja-nav-size) !important;
height: var(--jupoja-nav-size) !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: var(--jupoja-nav-radius) !important;
box-shadow: none !important;
opacity: 1 !important;
background: var(--jupoja-nav-active-bg) !important;
background-color: var(--jupoja-nav-active-bg) !important;
background-image: none !important;
color: var(--jupoja-nav-active-icon) !important;
transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: inherit !important;
}
/* Hover — tik kai rodyklė aktyvi */
.swiper-button-prev:hover:not(.swiper-button-disabled),
.swiper-button-next:hover:not(.swiper-button-disabled),
.cms-related-nav--prev:hover:not(.swiper-button-disabled):not(:disabled),
.cms-related-nav--next:hover:not(.swiper-button-disabled):not(:disabled),
.cms-related-nav:hover:not(.swiper-button-disabled):not(:disabled) {
background: #f0d000 !important;
background-color: #f0d000 !important;
color: #1a1a1a !important;
}
/* Neaktyvi — Swiper prideda .swiper-button-disabled kraštuose */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.cms-related-nav.swiper-button-disabled,
.cms-related-nav:disabled {
background: var(--jupoja-nav-inactive-bg) !important;
background-color: var(--jupoja-nav-inactive-bg) !important;
color: var(--jupoja-nav-inactive-icon) !important;
opacity: 1 !important;
cursor: default !important;
pointer-events: none;
}
/* -------------------------------------------------------------------------- */
/* Homepage / produktų karuselės — mobiliai 2.2 kortelės (peek swipe hint) */
/* -------------------------------------------------------------------------- */
@media (max-width: 991px) {
.home-page .product-swiper .swiper,
.home-page .homepage-product.swiper,
.home-page .carousel-grid .swiper.carousel,
.home-page .deals-products.swiper.carousel {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.home-page .product-swiper .swiper-slide,
.home-page .homepage-product .swiper-slide,
.home-page .home-page-product-grid .swiper-slide,
.home-page .carousel-grid .swiper.carousel .swiper-slide,
.home-page .deals-products.swiper .swiper-slide,
.home-page .product-tab-grid .product-tab-container .ns-product-tab .product-tab-item .swiper-slide,
.home-page .product-tab-grid .product-tab-container .simple-tab-container .product-tab-items .swiper-slide {
max-width: none !important;
flex: 0 0 auto !important;
padding: var(--hp-carousel-slide-gutter-y, 0px) var(--hp-carousel-slide-gutter-x, 1px) !important;
box-sizing: border-box;
}
.home-page .product-swiper .product-item,
.home-page .homepage-product .product-item,
.home-page .carousel-grid .swiper.carousel .product-item,
.home-page .home-page-product-grid .product-item,
.home-page .deals-products .product-item {
padding: var(--hp-carousel-card-pad-y, 8px) var(--hp-carousel-card-pad-x, 10px) var(--hp-carousel-card-pad-bottom, 10px) !important;
}
.home-page .product-swiper .product-item .picture,
.home-page .homepage-product .product-item .picture,
.home-page .carousel-grid .swiper.carousel .product-item .picture,
.home-page .deals-products .product-item .picture {
margin-bottom: 6px !important;
}
}
/* Poros tarpas, kai abu mygtukai dešinėje (title / header navigacija) */
.carousel-grid .swiper-button-next,
.product-grid .swiper-button-next,
.product-tab-container .product-tab-item-wrapper .swiper-button-next,
.dealoftheday-wrapper .deals-products .swiper-button-next {
right: 0 !important;
left: auto !important;
}
.carousel-grid .swiper-button-prev,
.product-grid .swiper-button-prev,
.product-tab-container .product-tab-item-wrapper .swiper-button-prev,
.dealoftheday-wrapper .deals-products .swiper-button-prev {
right: calc(var(--jupoja-nav-size) + var(--jupoja-nav-gap)) !important;
left: auto !important;
}
/* Dienos pasiūlymai title rodyklės — absolute tik desktop (mobile = flex static) */
@media (min-width: 992px) {
.dealoftheday-wrapper > .dealoftheday-content .swiper-button-next,
.dealoftheday-content .title .swiper-button-next,
.dealoftheday-content .swiper-nav .swiper-button-next {
position: absolute !important;
right: 0 !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.dealoftheday-wrapper > .dealoftheday-content .swiper-button-prev,
.dealoftheday-content .title .swiper-button-prev,
.dealoftheday-content .swiper-nav .swiper-button-prev {
position: absolute !important;
right: calc(var(--jupoja-nav-size) + var(--jupoja-nav-gap)) !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
}
/* Prekių ženklų juosta — šiek tiek nuo krašto (kaip buvo) */
.carousel-grid .swiper-button-next {
right: 10px !important;
}
.carousel-grid .swiper-button-prev {
right: calc(10px + var(--jupoja-nav-size) + var(--jupoja-nav-gap)) !important;
}
/* Prekių ženklai (manufacturers) — rodyklės VIRŠ logotipų, neuždengia */
.carousel-grid .carousel-manufacturer,
.carousel-grid .carousel-container.carousel-manufacturer {
padding-top: calc(var(--jupoja-nav-size) + 12px) !important;
}
.carousel-grid .carousel-manufacturer > .swiper-button-next,
.carousel-grid .carousel-manufacturer > .swiper-button-prev,
.carousel-grid .carousel-container.carousel-manufacturer > .swiper-button-next,
.carousel-grid .carousel-container.carousel-manufacturer > .swiper-button-prev {
top: 0 !important;
transform: none !important;
}
/* Produktų karuselė (SmartCarousels) — rodyklės VIRŠ prekių (tik kai rodomos) */
.carousel-grid .carousel-product,
.carousel-grid .carousel-container.carousel-product {
padding-top: 0 !important;
}
@media (min-width: 768px) {
.carousel-grid .carousel-product,
.carousel-grid .carousel-container.carousel-product {
padding-top: calc(var(--jupoja-nav-size) + 12px) !important;
}
}
.carousel-grid .carousel-product > .swiper-button-next,
.carousel-grid .carousel-product > .swiper-button-prev,
.carousel-grid .carousel-container.carousel-product > .swiper-button-next,
.carousel-grid .carousel-container.carousel-product > .swiper-button-prev {
top: 0 !important;
transform: none !important;
}
/* Product tabs — rodyklės tarp skirtukų ir prekių, neuždengia kortelių */
.product-tab-container .product-tab-item-wrapper .product-tab-item.swiper,
.product-tab-container .product-tab-item-wrapper .swiper.product-tab-item {
padding-top: calc(var(--jupoja-nav-size) + 12px) !important;
box-sizing: border-box;
}
.product-tab-container .product-tab-item-wrapper .swiper-button-next,
.product-tab-container .product-tab-item-wrapper .swiper-button-prev {
top: 0 !important;
transform: none !important;
}
.product-tab-container .product-tab-item-wrapper .swiper-button-next {
right: 5px !important;
}
.product-tab-container .product-tab-item-wrapper .swiper-button-prev {
right: calc(5px + var(--jupoja-nav-size) + var(--jupoja-nav-gap)) !important;
}
/* Hero / slider — ta pati kvadrato pora (ne apskritimai) */
.home-page .page-body .slider-grid .swiper-button-next,
.home-page .page-body .slider-grid .swiper-button-prev,
.anywhere-slider .swiper-button-next,
.anywhere-slider .swiper-button-prev {
border-radius: var(--jupoja-nav-radius) !important;
opacity: 1 !important;
}
/* SmartSlider LCP — rezervuoti vietą (mažiau layout shift / render delay) */
.anywhere-slider .slider-picture {
display: block;
width: 100%;
aspect-ratio: 1920 / 700;
overflow: hidden;
background: #f3f4f6;
}
.anywhere-slider .slider-picture a {
display: block;
width: 100%;
height: 100%;
}
.anywhere-slider .slider-picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Subkategorijų swiper — stiliai iš [18n]; pozicija kraštuose */
.sub-category-grid .swiper-button-next,
.sub-category-grid .swiper-button-prev {
border-radius: var(--jupoja-nav-radius) !important;
box-shadow: none !important;
}
/* CMS susijusių prekių navigacija — kvadratai vietoj apskritimų */
.html-cms-article-detail .cms-related-products .cms-related-nav,
.cms-article-detail .cms-related-products .cms-related-nav {
border-radius: var(--jupoja-nav-radius) !important;
border: none !important;
box-shadow: none !important;
}
.html-cms-article-detail .cms-related-products .cms-related-nav--prev,
.cms-article-detail .cms-related-products .cms-related-nav--prev {
right: calc(var(--jupoja-nav-size) + var(--jupoja-nav-gap)) !important;
}
.html-cms-article-detail .cms-related-products .cms-related-nav--next,
.cms-article-detail .cms-related-products .cms-related-nav--next {
right: 0 !important;
}
.html-cms-article-detail .cms-related-products .cms-related-nav::before,
.cms-article-detail .cms-related-products .cms-related-nav::before {
border-color: currentColor !important;
}
.html-cms-article-detail .cms-related-products .cms-related-nav,
.cms-article-detail .cms-related-products .cms-related-nav {
color: var(--jupoja-nav-active-icon) !important;
}
.html-cms-article-detail .cms-related-products .cms-related-nav.swiper-button-disabled,
.html-cms-article-detail .cms-related-products .cms-related-nav:disabled,
.cms-article-detail .cms-related-products .cms-related-nav.swiper-button-disabled,
.cms-article-detail .cms-related-products .cms-related-nav:disabled {
color: var(--jupoja-nav-inactive-icon) !important;
}
/* Dienos pasiūlymai — banerio vidaus rodyklės (kairė/dešinė), ne pora viršuje */
.dealoftheday-leftadd .deals-image .swiper .swiper-button-prev,
.dealoftheday-leftadd .deals-image .swiper .swiper-button-next {
border-radius: var(--jupoja-nav-radius) !important;
height: var(--jupoja-nav-size) !important;
width: var(--jupoja-nav-size) !important;
opacity: 1 !important;
}
.dealoftheday-leftadd .deals-image .swiper .swiper-button-prev {
left: 8px !important;
right: auto !important;
}
.dealoftheday-leftadd .deals-image .swiper .swiper-button-next {
right: 8px !important;
left: auto !important;
}
@media (max-width: 767px) {
:root {
--jupoja-nav-size: 28px;
}
}
/* -------------------------------------------------------------------------- */
/* [22] Pavadinimas ir breadcrumb (kairėje, sulygiuota su .container) */
/* -------------------------------------------------------------------------- */
html:not(.html-home-page) .master-wrapper-content > .breadcrumb,
html:not(.html-home-page) .master-column-wrapper > .breadcrumb {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 14px 10px 12px;
text-align: left;
box-shadow: none;
border-top: 0;
}
@media (min-width: 768px) {
html:not(.html-home-page) .master-wrapper-content > .breadcrumb,
html:not(.html-home-page) .master-column-wrapper > .breadcrumb {
max-width: calc(100% - 30px);
}
}
@media (min-width: 1200px) {
html:not(.html-home-page) .master-wrapper-content > .breadcrumb,
html:not(.html-home-page) .master-column-wrapper > .breadcrumb {
max-width: calc(100% - 80px);
padding-left: 7.5px;
padding-right: 7.5px;
}
}
@media (min-width: 1600px) {
html:not(.html-home-page) .master-wrapper-content > .breadcrumb,
html:not(.html-home-page) .master-column-wrapper > .breadcrumb {
max-width: 1660px;
width: calc(100% - 80px);
}
}
html:not(.html-home-page) .breadcrumb .page-title {
text-align: left;
}
/* PDP: breadcrumb kelias viršuje; H1 — .product-overview-left */
.html-product-details-page .breadcrumb ul {
margin: 0 !important;
}
.html-product-details-page .breadcrumb .page-title h1 {
margin: 0 !important;
}
/* PDP tab antraštės — kritinės taisyklės čia (ne pdp.css), kad nebūtų geltono FOUC
kol užsikrauna customCss-pdp.css. Aktyvus tab: --secondary-color (#ffee00) → tamsus tekstas. */
.html-product-details-page #product-details-tab .ui-tabs-nav .ui-tabs-tab a,
.html-product-details-page #product-details-tab .ui-widget-header .ui-tabs-tab a,
.html-product-details-page #product-details-tab .ui-tabs-nav .ui-tabs-tab.ui-state-active a,
.html-product-details-page #product-details-tab .ui-widget-header .ui-tabs-tab.ui-state-active a,
.html-product-details-page #product-details-tab .ui-tabs-nav .ui-tabs-tab a .pdp-tab-link-heading,
.html-product-details-page #product-details-tab .ui-widget-header .ui-tabs-tab a .pdp-tab-link-heading {
color: var(--jupoja-dark, #434242) !important;
}
.html-product-details-page #product-details-tab .ui-tabs-nav .ui-tabs-tab a .pdp-tab-link-heading,
.html-product-details-page #product-details-tab .ui-widget-header .ui-tabs-tab a .pdp-tab-link-heading {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
font: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: none !important;
}
.html-product-details-page #product-specification > .pdp-tab-heading {
display: none !important;
}
/* Visų PDP tab panelių dublikatinės antraštės — H2 lieka tik skirtuko juostoje */
.html-product-details-page #product-details-tab > .ui-tabs-panel > .pdp-tab-heading,
.html-product-details-page #product-details-tab > div > .pdp-tab-heading,
.html-product-details-page #full-description > .pdp-tab-heading,
.html-product-details-page #product-attachments > .pdp-tab-heading,
.html-product-details-page #product-review > .pdp-tab-heading,
.html-product-details-page #product-tag .product-tags-box > h2.title {
display: none !important;
}
/* Visų puslapių H1 — tamsiausia temos spalva (kaip prekių pavadinimai) */
html:not(.html-home-page) .breadcrumb .page-title h1,
html .breadcrumb .page-title h1,
html .page-title h1,
.page-title h1,
.topic-page .page-title h1,
.account-page .page-title h1,
.checkout-page .page-title h1,
.shopping-cart-page .page-title h1,
.wishlist-page .page-title h1,
.login-page .page-title h1,
.registration-page .page-title h1,
.search-page .page-title h1,
.category-page .page-title h1,
.manufacturer-page .page-title h1,
.product-details-page .page-title h1,
.html-product-details-page .breadcrumb .page-title h1,
.html-not-found-page .breadcrumb .page-title h1,
.not-found-page .page-title h1 {
color: var(--jupoja-dark, #434242) !important;
text-align: left;
font-size: var(--jupoja-fs-page);
line-height: 1.2;
font-weight: var(--jupoja-fw-bold, 700);
margin: 0 0 8px;
}
html:not(.html-home-page) .breadcrumb ul {
text-align: left;
margin: 0;
padding: 0;
}
html:not(.html-home-page) .breadcrumb ul li,
html:not(.html-home-page) .breadcrumb ul li a,
html:not(.html-home-page) .breadcrumb ul li strong.current-item {
font-size: var(--jupoja-fs-helper);
line-height: 1.45;
font-weight: 500;
color: var(--jupoja-gray-dark);
}
html:not(.html-home-page) .breadcrumb ul li a {
text-decoration: none;
}
html:not(.html-home-page) .breadcrumb ul li a:hover {
color: var(--jupoja-blue);
text-decoration: underline;
}
@media (max-width: 767px) {
html:not(.html-home-page) .master-wrapper-content > .breadcrumb,
html:not(.html-home-page) .master-column-wrapper > .breadcrumb {
padding: 10px 10px 8px;
}
html:not(.html-home-page) .breadcrumb .page-title h1 {
font-size: 16px;
line-height: 1.25;
margin-bottom: 6px;
}
/* Mobilus sutrumpintas kelias: … / tėvas / dabartinis (viena eilutė) */
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed {
display: flex;
flex-wrap: nowrap;
align-items: center;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li.bc-mobile-hidden {
display: none !important;
}
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
max-width: none;
}
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li.breadcrumb-ellipsis {
flex: 0 0 auto;
color: var(--jupoja-gray-dark);
cursor: pointer;
user-select: none;
}
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li.breadcrumb-ellipsis .ellipsis-text {
letter-spacing: 0.02em;
}
/* Paskutinis segmentas gali sutrumpėti su … jei netelpa */
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li:last-child {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li:last-child a,
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li:last-child strong.current-item,
html:not(.html-home-page) .breadcrumb ul.breadcrumb-mobile-collapsed > li:last-child span[itemprop="name"] {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/* CloudZoom gaudyklė žemiau ribono (galerijoje) */
.cloud-zoom .mousetrap {
z-index: 900 !important;
}
/* ==========================================================================
TOP MENU CONTROL PANEL (edit only this block)
- SPALVA (colors)
- SRIFTAS (font)
Meniu juosta = footer tono (#5B5B5B); „Prekių katalogas“ — šviesesnis tabas
========================================================================== */
:root {
/* ===== SPALVA (COLORS) ===== */
--top-menu-bg-color: #4A4A4A; /* švelniai tamsesnė juosta */
--top-menu-text-color: #ffffff;
/* Katalogo tabas — skoningai šviesesnis už juostą; hover = ta pati spalva (be geltono „flash“) */
--top-menu-left-button-text-color: #ffffff;
--top-menu-left-button-bg-color: #5C5C5C;
--top-menu-left-button-bg-hover-color: #5C5C5C;
--top-menu-left-button-text-hover-color: #ffffff;
/* ===== SRIFTAS (FONT) ===== */
--top-menu-font-family: var(--jupoja-font-family, "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif);
--top-menu-font-size: 16px; /* dešinės meniu nuorodos */
--top-menu-font-weight: var(--jupoja-fw-medium, 500);
--top-menu-letter-spacing: 0;
--top-menu-line-height: 1.2;
--top-menu-catalog-font-size: 16px; /* Prekių katalogas — kaip svetainės body */
--top-menu-catalog-font-weight: var(--top-menu-font-weight); /* be bold — kaip kitos meniu nuorodos */
}
/* Top bar minimal override (desktop only): light strip + dark readable links */
@media (min-width: 992px) {
.header-menu {
background: var(--top-menu-bg-color) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 48px;
display: flex;
align-items: stretch;
}
/* Konteineris / mega wrapper — stretch per visą juostos aukštį */
.header-menu > .container,
.header-menu > .megamenu-wrapper,
.header-menu .megamenu-wrapper {
display: flex !important;
align-items: stretch !important;
width: 100%;
min-height: 48px;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
}
.header-menu .megamenu-wrapper .header-left-menu-dropdown,
.header-menu .header-left-menu-dropdown {
display: flex !important;
align-items: stretch !important;
align-self: stretch !important;
height: auto !important;
min-height: 100%;
margin: 0 !important;
padding: 0 !important;
}
/* Mega panelė — greitas atsiradimas be „fade + geltonas“ triukšmo */
.header-left-menu-dropdown .mm-navbar.navbar,
.header-left-menu-dropdown .mm-navbar {
transition: none !important;
}
.header-menu .top-menu.notmobile li > a {
color: var(--top-menu-text-color) !important;
font-family: var(--top-menu-font-family) !important;
font-size: var(--top-menu-font-size) !important;
font-weight: var(--top-menu-font-weight) !important;
letter-spacing: var(--top-menu-letter-spacing) !important;
line-height: var(--top-menu-line-height) !important;
}
/* Left catalog button — per visą juostos aukštį; be spalvos hover (meniu atidarymas = feedback) */
.header-left-menu-dropdown .header-left-menu-button,
.header-left-menu-dropdown .header-left-menu-button:link,
.header-left-menu-dropdown .header-left-menu-button:visited,
.header-left-menu-dropdown .header-left-menu-button:hover,
.header-left-menu-dropdown .header-left-menu-button:focus,
.header-left-menu-dropdown:hover .header-left-menu-button,
.header-left-menu-dropdown:focus-within .header-left-menu-button {
color: var(--top-menu-left-button-text-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-color) !important;
background: var(--top-menu-left-button-bg-color) !important;
font-family: var(--top-menu-font-family) !important;
font-size: var(--top-menu-catalog-font-size, 18px) !important;
font-weight: var(--top-menu-catalog-font-weight) !important;
letter-spacing: var(--top-menu-letter-spacing) !important;
line-height: var(--top-menu-line-height) !important;
display: flex !important;
align-items: center !important;
align-self: stretch !important;
box-sizing: border-box !important;
height: 100% !important;
min-height: 48px !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
border: 0 !important;
border-radius: 0 !important;
transition: none !important;
filter: none !important;
}
.header-left-menu-dropdown .header-left-menu-button:hover,
.header-left-menu-dropdown .header-left-menu-button:focus,
.header-left-menu-dropdown:hover .header-left-menu-button,
.header-left-menu-dropdown:focus-within .header-left-menu-button {
background: var(--top-menu-left-button-bg-hover-color) !important;
color: var(--top-menu-left-button-text-hover-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-hover-color) !important;
}
.header-left-menu-dropdown .header-left-menu-button::before,
.header-left-menu-dropdown .header-left-menu-button:hover::before,
.header-left-menu-dropdown .header-left-menu-button:focus::before,
.header-left-menu-dropdown:hover .header-left-menu-button::before {
color: inherit !important;
transition: none !important;
}
/* Grid View: pirmas mega-menu elementas ("Prekiu katalogas") — taip pat full height */
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu {
display: flex !important;
align-items: stretch !important;
min-height: 48px;
height: 100%;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child {
display: flex !important;
align-items: stretch !important;
align-self: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a {
background: var(--top-menu-left-button-bg-color) !important;
color: var(--top-menu-left-button-text-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-color) !important;
font-size: var(--top-menu-catalog-font-size, 18px) !important;
font-weight: var(--top-menu-catalog-font-weight) !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
height: 100% !important;
min-height: 48px !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
border-radius: 0 !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a .category-name,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a .category-name {
font-size: var(--top-menu-catalog-font-size, 18px) !important;
font-weight: var(--top-menu-catalog-font-weight) !important;
color: var(--top-menu-left-button-text-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-color) !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a:hover,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a:focus,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a:hover,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a:focus {
background: var(--top-menu-left-button-bg-hover-color) !important;
color: var(--top-menu-left-button-text-hover-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-hover-color) !important;
transition: none !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a:hover .category-name,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item:first-child > a:focus .category-name,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a:hover .category-name,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li:first-child > a:focus .category-name {
color: var(--top-menu-left-button-text-hover-color) !important;
-webkit-text-fill-color: var(--top-menu-left-button-text-hover-color) !important;
}
/* SmartMegaMenu (Kingdom) top strip links */
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a:link,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a:visited,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a:hover,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a:focus {
color: var(--top-menu-text-color) !important;
-webkit-text-fill-color: var(--top-menu-text-color) !important;
opacity: 1 !important;
visibility: visible !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu.nav-center > .mm-nav-item > a > .category-name {
display: inline-block !important;
color: var(--top-menu-text-color) !important;
-webkit-text-fill-color: var(--top-menu-text-color) !important;
opacity: 1 !important;
visibility: visible !important;
font-family: var(--top-menu-font-family) !important;
font-size: var(--top-menu-font-size) !important;
font-weight: var(--top-menu-font-weight) !important;
letter-spacing: var(--top-menu-letter-spacing) !important;
line-height: var(--top-menu-line-height) !important;
text-shadow: none !important;
}
/* Right header menu links (your provided selector) */
.header-right-menu {
display: flex !important;
align-items: stretch !important;
align-self: stretch !important;
}
.header-right-menu .nav-menu {
display: flex !important;
align-items: stretch !important;
height: 100%;
margin: 0 !important;
}
.header-right-menu .nav-menu .mm-nav-item {
display: flex !important;
align-items: stretch !important;
font-family: var(--top-menu-font-family) !important;
font-weight: var(--top-menu-font-weight) !important;
margin: 0 !important;
}
.header-right-menu .nav-menu .mm-nav-item a,
.header-right-menu .nav-menu .mm-nav-item a:link,
.header-right-menu .nav-menu .mm-nav-item a:visited,
.header-right-menu .nav-menu .mm-nav-item a:hover,
.header-right-menu .nav-menu .mm-nav-item a:focus {
color: var(--top-menu-text-color) !important;
-webkit-text-fill-color: var(--top-menu-text-color) !important;
font-family: var(--top-menu-font-family) !important;
font-size: var(--top-menu-font-size) !important;
font-weight: var(--top-menu-font-weight) !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
min-height: 48px !important;
box-sizing: border-box !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.header-left-menu-dropdown .header-left-menu-button:hover::before,
.header-left-menu-dropdown .header-left-menu-button:focus::before {
color: inherit !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .category-name,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .right-arrow,
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .right-arrow::before {
color: var(--top-menu-text-color) !important;
-webkit-text-fill-color: var(--top-menu-text-color) !important;
opacity: 1 !important;
}
.megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .category-name {
font-family: var(--top-menu-font-family) !important;
font-size: var(--top-menu-font-size) !important;
font-weight: var(--top-menu-font-weight) !important;
letter-spacing: var(--top-menu-letter-spacing) !important;
line-height: var(--top-menu-line-height) !important;
}
/* Keep top bar readable when items grow/wrap */
.header-menu .megamenu-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
row-gap: 0;
min-height: 48px;
}
.header-right-menu .nav-menu {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: stretch !important;
}
.header-right-menu .nav-menu .mm-nav-item a {
padding: 0 14px !important;
height: 100% !important;
min-height: 48px !important;
}
}
/* Tablet/Small desktop tuning */
@media (min-width: 992px) and (max-width: 1199px) {
:root {
--top-menu-font-size: 16px;
--top-menu-catalog-font-size: 16px;
--top-menu-font-weight: var(--jupoja-fw-medium, 500);
}
.header-right-menu .nav-menu .mm-nav-item a {
padding: 0 10px !important;
min-height: 48px !important;
}
}
/* Mobile menu readability */
@media (max-width: 991px) {
.header-menu .top-menu.mobile a,
.header-menu .mobile-topic-link-wrapper .header-link-top a {
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
font-family: var(--jupoja-font-family) !important;
font-size: var(--jupoja-fs-body, 16px) !important;
font-weight: var(--jupoja-fw-medium, 500) !important;
}
}
/* -------------------------------------------------------------------------- */
/* [16] HEADER — top utility links (widget HTML: .header-top-links) */
/* Zona: header_links_before — virš tel. / įsimintų / paskyros (dešinėje) */
/* -------------------------------------------------------------------------- */
.header-top-links-items {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0.5rem 1.5rem;
box-sizing: border-box;
list-style: none;
}
.header-top-links-item {
display: inline-block;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #5B5B5B;
text-decoration: none;
white-space: nowrap;
}
.header-top-links-item:visited {
color: #5B5B5B;
}
.header-top-links-item:hover,
.header-top-links-item:focus {
color: #1B47A0;
text-decoration: underline;
}
/* header_links_before: dvi eilutės dešinėje (nuorodos virš, ikonos apačioje) */
@media (min-width: 768px) {
.header .header-lower .header-lower-right .header-selectors-wrapper {
margin-bottom: 0 !important;
}
.header .header-links ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: flex-end;
gap: 6px 0;
margin: 0;
padding: 0;
position: relative;
}
.header .header-links ul > .header-top-links,
.header .header-links ul > li:has(.header-top-links) {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding: 0 !important;
margin: 0;
box-sizing: border-box;
background: transparent;
border: 0;
list-style: none;
}
.header .header-links ul .header-top-links {
padding: 0;
}
.header .header-links ul .header-top-links-items {
justify-content: flex-end;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
gap: 0.5rem 1.25rem;
}
.header .header-links ul > li:not(:has(.header-top-links)) {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
white-space: nowrap;
}
}
/* ≥992: top nuorodos baltame header'yje virš utilities; logo/paieška = utilities apačia */
@media (min-width: 992px) {
.header .header-links ul {
flex-wrap: wrap;
gap: 6px 0 !important;
align-items: center;
align-content: flex-end;
}
.header .header-links ul > .header-top-links,
.header .header-links ul > li:has(.header-top-links) {
position: static !important;
right: auto;
bottom: auto;
left: auto;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.header .header-links ul > li:has(.header-utilities),
.header .header-links ul > .header-utilities {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.header .header-links ul .header-utilities-items {
min-height: 44px;
align-items: center;
}
.header .header-links ul .header-utilities-item {
align-items: center;
line-height: 1.2;
}
/* Krepšelio 40px ratas — ta pati vertikalė kaip 28px ikonos */
.header .header-links ul .header-utilities-cart.has-items {
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header .header-links ul .header-top-links-items {
gap: 0.4rem 0.9rem;
}
.header .header-links ul .header-top-links-item {
font-size: 12px;
}
}
@media (min-width: 1200px) {
.header .header-links ul .header-top-links-items {
gap: 0.5rem 1.5rem;
}
}
/* Mobilus / planšetė: nerodyti (Kingdom slepia kitus header-links) */
@media (max-width: 991px) {
.header .header-links ul > .header-top-links,
.header .header-links ul > li:has(.header-top-links) {
display: none !important;
}
}
/* Senoji zona header_before (jei dar naudojama) */
.header > .header-top-links {
width: 100%;
margin: 0;
padding: 6px 0;
box-sizing: border-box;
background: #fff;
}
@media (max-width: 767px) {
.header > .header-top-links {
display: none !important;
}
}
/* Mobilus telefonas: logo kairėje šalia meniu, centruotas aukštis */
@media (max-width: 767px) {
.header .header-lower {
position: relative;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 56px;
padding: 14px 15px !important;
}
.header .header-lower .mega-menu-toggle {
position: relative;
z-index: 3;
flex: 0 0 auto;
align-self: center;
}
.header .header-lower .header-logo {
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
flex: 0 1 auto;
width: auto !important;
max-width: min(180px, 52vw) !important;
margin: 0 !important;
z-index: 2;
text-align: left;
align-self: center;
}
.header .header-lower .header-logo a {
display: inline-block;
line-height: 0;
}
.header .header-lower .header-logo img {
max-height: 40px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important;
vertical-align: middle;
}
.header .header-lower .header-lower-right {
margin-left: auto;
position: relative;
z-index: 3;
align-self: center;
}
}
/* [16b] Antraštė — planšetė / mažas desktop: logo + dešinė (kontaktai matomi) */
@media (min-width: 768px) and (max-width: 1399px) {
.header .header-lower .header-logo img {
max-height: 44px !important;
}
.header .header-lower .header-lower-right {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
align-content: center !important;
justify-content: flex-end;
gap: 4px 8px;
min-width: min-content;
max-width: none;
overflow: visible;
flex-shrink: 0;
}
.header .header-lower .header-lower-right .header-selectors-wrapper {
margin: 0 !important;
flex: 0 0 auto;
flex-wrap: nowrap;
}
.header .header-lower .header-links-wrapper {
flex: 0 1 auto;
min-width: min-content;
max-width: 100%;
overflow: visible;
}
.header .header-links ul > li#topcartlink {
display: none !important;
}
}
/* [16c] Antraštės grid — paieška tik tarp logo ir dešinės (auto | 1fr | auto) */
@media (min-width: 768px) {
.header .header-lower {
display: grid !important;
flex-wrap: nowrap !important;
align-items: center;
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
box-sizing: border-box;
min-height: 52px;
overflow: visible !important;
}
/* Kingdom .search-box { max-width: 35% } — neapriboti grid celėje */
.header .header-lower .search-box,
.header .header-lower .store-search-box {
max-width: 100% !important;
}
.header .header-lower .search-box,
.header .header-lower .store-search-box {
justify-self: stretch;
align-self: center;
width: 100% !important;
min-width: 0;
max-width: 100%;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
opacity: 1 !important;
overflow: visible !important;
z-index: 20;
}
.header .header-lower .search-box form,
.header .header-lower .store-search-box form {
display: flex;
width: 100%;
min-width: 0;
max-width: 100%;
}
.header .header-lower .header-lower-right {
justify-self: end;
align-self: center;
margin-left: 0;
min-width: min-content;
max-width: none;
overflow: visible;
flex-shrink: 0;
}
}
/* Planšetė / iPad 768–1199 — 2 eilutės: viršuje logo+kontaktai, apačioje pilna paieška */
@media (min-width: 768px) and (max-width: 1199px) {
.header .header-lower {
grid-template-columns: auto minmax(0, 1fr) minmax(0, auto);
grid-template-rows: auto auto;
column-gap: 10px;
row-gap: 10px;
padding: 10px 16px !important;
align-items: center;
overflow: visible;
}
.header .header-lower .mega-menu-toggle {
grid-column: 1;
grid-row: 1;
}
.header .header-lower .header-logo {
grid-column: 2;
grid-row: 1;
width: auto !important;
max-width: 110px !important;
margin: 0 !important;
justify-self: start;
}
.header .header-lower .header-lower-right {
grid-column: 3;
grid-row: 1;
min-width: 0;
max-width: 100%;
justify-self: end;
}
/* Paieška — visa antraštės plotis, tekstas visada matomas */
.header .header-lower .search-box,
.header .header-lower .store-search-box {
grid-column: 1 / -1;
grid-row: 2;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
overflow: visible !important;
}
.header .header-lower .search-box form,
.header .header-lower .store-search-box form {
display: flex !important;
width: 100% !important;
min-width: 0;
}
.header .header-links ul > li:has(.header-utilities) {
display: block !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
}
.header .header-links ul .header-utilities-items {
flex-wrap: wrap !important;
justify-content: flex-end;
gap: 6px 10px !important;
row-gap: 6px;
}
.header .header-links ul .header-utilities-item {
font-size: 16px !important;
}
.header .header-links ul .header-utilities-item[href^="mailto:"] .header-utilities-label {
max-width: 7rem;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* [16a-mobile] Paieška — atskira eilutė po header-lower (sumuštinis), ≤991px */
@media (max-width: 991px) {
/* Kingdom .search-box { position:fixed; top:0 } — išjungti visur mobiliajame */
.header .search-box,
.header .store-search-box,
.header-mobile-search-row .search-box,
.header-mobile-search-row .store-search-box {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
opacity: 1 !important;
box-shadow: none !important;
}
.header .search-box.open,
.header .store-search-box.open {
transform: none !important;
}
/* header-lower lieka viena eilutė — paieška atskirame bloke */
.header .header-lower {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
grid-template-rows: none !important;
gap: 10px;
}
.header .header-lower .header-logo {
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
grid-column: auto !important;
grid-row: auto !important;
justify-self: auto !important;
flex: 0 1 auto;
align-self: center;
margin: 0 !important;
text-align: left;
}
/* Paieška nebeliko header-lower eilutėje */
.header .header-lower > .search-box,
.header .header-lower > .store-search-box {
display: none !important;
}
.header-mobile-search-row {
display: block;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-height: 0;
overflow: hidden;
background: #fff;
border-bottom: 0 solid #e8ecf1;
box-sizing: border-box;
transition: max-height 0.28s ease, border-bottom-width 0.28s ease;
}
html.search-open .header-mobile-search-row,
.header-mobile-search-row:has(.store-search-box.open) {
max-height: none;
overflow: visible;
border-bottom-width: 1px;
}
.header-mobile-search-row .search-box,
.header-mobile-search-row .store-search-box {
visibility: visible !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 10px 12px !important;
background: #fff !important;
z-index: 102;
pointer-events: auto;
overflow: visible !important;
}
.header-mobile-search-row .search-box form,
.header-mobile-search-row .store-search-box form,
.header-mobile-search-row .search-box-form--enhanced,
.header-mobile-search-row .store-search-box .search-box-form--enhanced {
width: 100%;
margin: 0;
}
.header-mobile-search-row .search-box-form--enhanced .search-box-field,
.header-mobile-search-row .store-search-box .search-box-form--enhanced .search-box-field {
width: 100%;
min-height: 44px;
border-radius: 8px !important;
}
.header-mobile-search-row .search-box-form--enhanced .button-1.search-box-button,
.header-mobile-search-row .store-search-box .search-box-form--enhanced .button-1.search-box-button {
display: none !important;
}
/* Be tamsaus overlay — paieška atsidaro be puslapio užtamsinimo */
html.search-open::after {
display: none !important;
content: none !important;
}
/* Quick search — pilno ekrano panelė po paieškos lauku (ne clip'inama row viduje) */
.header-mobile-search-row .es-category-quicksearch-panel[aria-hidden="false"],
html.search-open .header .es-category-quicksearch-panel[aria-hidden="false"] {
position: fixed !important;
top: var(--jupoja-mobile-search-panel-top, 120px) !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
border-radius: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
z-index: 10150 !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
}
/* Laptop / iPad 992–1199 — tik tipografija ir utilities (grid: 2 eilutės žr. 768–1199) */
@media (min-width: 992px) and (max-width: 1199px) {
.header .header-lower {
min-height: auto;
padding-bottom: 12px !important;
}
.header .header-lower .header-logo {
margin-right: 10px !important;
max-width: 160px;
}
.header .header-lower .header-logo img {
max-height: 46px !important;
}
.header .header-lower .header-lower-right {
flex-shrink: 0 !important;
min-width: min-content;
max-width: none;
position: relative;
z-index: 2;
}
.header .header-lower .header-links-wrapper {
flex: 0 0 auto !important;
flex-shrink: 0 !important;
min-width: min-content !important;
}
.header .header-links ul {
gap: 8px 0;
}
.header .header-links ul > li:has(.header-top-links) {
margin: -4px 0 8px !important;
max-width: 100%;
}
.header .header-links ul .header-top-links-items {
gap: 0.25rem 0.65rem;
flex-wrap: wrap;
justify-content: flex-end;
max-width: 100%;
}
.header .header-links ul .header-top-links-item {
font-size: 14px !important;
}
.header .header-links ul > li:has(.header-utilities) {
display: block !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
}
.header .header-links ul .header-utilities-items {
flex-wrap: wrap !important;
gap: 6px 14px !important;
row-gap: 8px;
justify-content: flex-end;
align-items: center;
max-width: 100%;
}
.header .header-links ul .header-utilities-item {
font-size: 16px !important;
gap: 0.4rem !important;
flex: 0 0 auto;
}
.header .header-links ul .header-utilities-icon .header-utilities-icon-img {
width: 24px !important;
height: 24px !important;
max-width: 24px !important;
max-height: 24px !important;
}
.header .header-links ul .header-utilities-icon {
width: 24px !important;
height: 24px !important;
}
.header .header-links ul .header-utilities-cart.has-items .header-utilities-icon {
width: 36px !important;
height: 36px !important;
}
.header .header-links ul .header-utilities-cart.has-items .header-utilities-icon-img {
width: 18px !important;
height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
}
.header .header-links ul .header-utilities-account.is-loggedin .header-utilities-icon--account {
width: 36px !important;
height: 36px !important;
}
.header .header-links ul .header-utilities-account.is-loggedin .header-utilities-icon-img--active {
width: 36px !important;
height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
.header .header-links ul .header-utilities-item[href^="tel:"] .header-utilities-label,
.header .header-links ul .header-utilities-item.header-utilities-account .header-utilities-label,
.header .header-links ul .header-utilities-item.header-utilities-cart .header-utilities-label {
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
}
.header .header-links ul .header-utilities-item[href^="mailto:"] .header-utilities-label {
max-width: 9rem;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header .header-lower {
padding: 12px 16px !important;
align-items: center;
}
.header .header-lower .header-logo,
.header .header-lower .header-lower-right {
align-self: center;
overflow: visible;
}
}
/* Desktop ≥1200 — logo + paieška vertikaliai per vidurį balto bloko */
@media (min-width: 1200px) {
/* Perrašo Kingdom .row .header-lower { display:flex; flex-wrap:wrap } */
.header .header-lower {
display: grid !important;
flex-wrap: nowrap !important;
grid-template-columns: auto minmax(220px, min(500px, 38vw)) minmax(min-content, max-content);
grid-template-rows: auto;
column-gap: 20px;
row-gap: 0;
align-items: center !important;
padding: 12px 24px 14px !important;
}
.header .header-lower .header-logo {
grid-column: 1;
grid-row: 1;
margin-right: 20px !important;
flex: none !important;
flex-shrink: 0;
max-width: 180px;
align-self: center !important;
line-height: 0;
}
.header .header-lower .header-logo img {
max-height: 44px !important;
width: auto !important;
height: auto !important;
display: block;
}
.header .header-lower .search-box,
.header .header-lower .store-search-box {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
justify-self: start !important;
align-self: center !important;
flex: none !important;
box-sizing: border-box;
overflow: visible !important;
z-index: 20;
}
.header .header-lower .search-box form,
.header .header-lower .store-search-box form {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
align-items: center;
}
.header .header-lower .search-box form input,
.header .header-lower .store-search-box form input {
height: 44px;
}
.header .header-lower .header-lower-right {
grid-column: 3 !important;
grid-row: 1 !important;
width: auto !important;
max-width: min(540px, 50vw);
min-width: min-content;
flex: 0 0 auto !important;
justify-self: end;
align-self: center !important;
overflow: visible;
position: relative;
z-index: 2;
}
.header .header-links-wrapper {
width: auto !important;
max-width: 100%;
min-width: 0;
overflow: visible;
}
.header .header-links ul > li:has(.header-top-links),
.header .header-links ul > li:has(.header-utilities) {
width: 100% !important;
max-width: 100%;
flex: 0 0 100% !important;
}
}
/* 1200–1399 (pvz. 1265px, 1280px) — erdvė dešinėje, pilnas el. paštas */
@media (min-width: 1200px) and (max-width: 1399px) {
.header .header-lower {
grid-template-columns: auto minmax(200px, min(460px, 36vw)) minmax(min-content, max-content) !important;
column-gap: 18px;
}
.header .header-lower .header-logo {
margin-right: 16px !important;
max-width: 170px;
}
.header .header-lower .header-logo img {
max-height: 44px !important;
}
.header .header-lower .search-box,
.header .header-lower .store-search-box {
min-width: 0 !important;
}
.header .header-lower .header-lower-right {
max-width: none;
min-width: min-content;
}
.header .header-links ul .header-top-links-items {
flex-wrap: nowrap;
gap: 0.35rem 0.75rem;
}
.header .header-links ul .header-top-links-item {
font-size: 14px !important;
}
.header .header-links ul .header-utilities-items {
flex-wrap: nowrap !important;
gap: 0.3rem 0.75rem !important;
}
.header .header-links ul .header-utilities-item {
flex: 0 0 auto;
flex-shrink: 0;
}
.header-utilities-item {
font-size: 16px !important;
}
.header-utilities-icon {
width: 26px !important;
height: 26px !important;
}
.header-utilities-icon .header-utilities-icon-img {
width: 26px !important;
height: 26px !important;
max-width: 26px !important;
max-height: 26px !important;
}
.header-utilities-cart.has-items .header-utilities-icon {
width: 40px !important;
height: 40px !important;
}
.header-utilities-cart.has-items .header-utilities-icon-img {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
}
.header-utilities-account.is-loggedin .header-utilities-icon--account {
width: 40px !important;
height: 40px !important;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--active {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
/* Visi utilities tekstai pilni (be „eparduotuve…“) */
.header .header-links ul .header-utilities-item .header-utilities-label {
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
}
}
/* Wide 1400–1599 */
@media (min-width: 1400px) and (max-width: 1599px) {
.header .header-lower {
column-gap: 18px;
}
.header .header-lower .header-logo {
margin-right: 32px !important;
}
.header .header-lower .header-lower-right .header-selectors-wrapper {
margin-bottom: 0;
}
.header .header-lower {
grid-template-columns: auto minmax(240px, min(520px, 34vw)) minmax(min-content, max-content) !important;
}
}
/* XL ≥1600 */
@media (min-width: 1600px) {
.header .header-lower {
column-gap: 24px;
padding: 14px 32px 16px !important;
grid-template-columns: auto minmax(260px, min(540px, 32vw)) minmax(min-content, max-content) !important;
}
.header .header-lower .header-logo {
margin-right: 40px !important;
}
}
/* -------------------------------------------------------------------------- */
/* [19] MOBILE — bottom navigation (matomesnės ikonos, minimalus stilius) */
/* -------------------------------------------------------------------------- */
@media (max-width: 991px) {
.mobile-bottom-navigation {
padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
border-top: 1px solid #e8ecf1;
box-shadow: 0 -3px 14px rgba(17, 24, 39, 0.1);
}
.mobile-bottom-navigation a {
color: #3d4654;
font-size: 11px;
font-weight: 500;
line-height: 1.25;
padding: 6px 6px 4px;
min-width: 56px;
letter-spacing: 0.01em;
-webkit-tap-highlight-color: transparent;
}
.mobile-bottom-navigation a::before {
display: block;
font-size: 23px;
line-height: 1;
margin-bottom: 5px;
color: #1a3568;
-webkit-text-fill-color: #1a3568;
}
.mobile-bottom-navigation a:active,
.mobile-bottom-navigation a:focus-visible {
color: #1a3568;
outline: none;
}
.mobile-bottom-navigation a:active::before,
.mobile-bottom-navigation a:focus-visible::before {
color: var(--primary-color, #28b1e0);
-webkit-text-fill-color: var(--primary-color, #28b1e0);
}
/* Šiek tiek vietos kairėje (slapukų / plūduriuojančių mygtukų neuždengimui) */
.mobile-bottom-navigation a.account,
.mobile-bottom-navigation a.customer-pupup-button {
margin-left: 4px;
}
/* Krepšelis — standartinė outline ikona (tas pats storis kaip user / wishlist / search) */
.mobile-bottom-navigation {
--jupoja-mobile-cart-icon: url("/Themes/Kingdom/Content/img/mobile-nav-cart.svg");
}
.mobile-bottom-navigation a.mobile-cart::before {
content: "" !important;
font-family: none !important;
font-size: 0 !important;
line-height: 0 !important;
display: block;
width: 23px;
height: 23px;
margin: 0 auto 5px;
color: #1a3568;
-webkit-text-fill-color: #1a3568;
background-color: currentColor;
-webkit-mask-image: var(--jupoja-mobile-cart-icon);
mask-image: var(--jupoja-mobile-cart-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
opacity: 1;
}
.mobile-bottom-navigation a.mobile-cart:active::before,
.mobile-bottom-navigation a.mobile-cart:focus-visible::before {
color: var(--primary-color, #28b1e0);
-webkit-text-fill-color: var(--primary-color, #28b1e0);
background-color: currentColor;
}
.mobile-bottom-navigation a.mobile-cart {
position: relative;
}
.mobile-bottom-navigation a.mobile-cart .cart-ammount {
display: none !important;
}
/* Pilnas krepšelis — geltona ikona kaip header (temos akcentas) */
.mobile-bottom-navigation a.mobile-cart.has-items::before {
width: 28px;
height: 28px;
margin-bottom: 4px;
border-radius: 50%;
background-color: var(--jupoja-yellow, #FCDF00);
-webkit-mask-image: none;
mask-image: none;
}
.mobile-bottom-navigation a.mobile-cart.has-items::after {
content: "";
position: absolute;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: 15px;
height: 15px;
pointer-events: none;
background-color: var(--jupoja-black, #000);
-webkit-mask-image: var(--jupoja-mobile-cart-icon);
mask-image: var(--jupoja-mobile-cart-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.mobile-bottom-navigation a.mobile-cart.has-items:active::before,
.mobile-bottom-navigation a.mobile-cart.has-items:focus-visible::before {
background-color: var(--jupoja-yellow, #FCDF00);
}
.mobile-bottom-navigation a.mobile-cart .cart-qty {
display: none !important;
position: absolute;
top: 0;
left: 50%;
transform: translate(8px, -2px);
z-index: 2;
box-sizing: border-box;
min-width: 18px;
height: 18px;
padding: 0 4px;
margin: 0;
border-radius: 999px;
background: var(--jupoja-black, #000);
color: #fff !important;
font-size: 10px;
font-weight: 700;
line-height: 18px;
text-align: center;
pointer-events: none;
box-shadow: 0 0 0 2px #fff;
}
.mobile-bottom-navigation a.mobile-cart.has-items .cart-qty,
.mobile-bottom-navigation a.mobile-cart .cart-qty:not(:empty):not(.is-empty) {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
/* Apatinės „Įsimintos“ — raudona širdelė + kiekio badge */
.mobile-bottom-navigation a.wishlist {
position: relative;
}
.mobile-bottom-navigation a.wishlist.has-items::before {
color: #e11d48 !important;
-webkit-text-fill-color: #e11d48 !important;
}
.mobile-bottom-navigation a.wishlist .wishlist-qty {
display: none !important;
position: absolute;
top: 0;
left: 50%;
transform: translate(8px, -2px);
z-index: 2;
box-sizing: border-box;
min-width: 18px;
height: 18px;
padding: 0 4px;
margin: 0;
border-radius: 999px;
background: var(--jupoja-black, #000);
color: #fff !important;
font-size: 10px;
font-weight: 700;
line-height: 18px;
text-align: center;
pointer-events: none;
box-shadow: 0 0 0 2px #fff;
}
.mobile-bottom-navigation a.wishlist.has-items .wishlist-qty,
.mobile-bottom-navigation a.wishlist .wishlist-qty:not(:empty):not(.is-empty) {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
/* Cookie mygtukas — virš apatinės navigacijos (ne ant „Prisijungti“) */
#cc-preference-update {
bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
left: 12px !important;
z-index: 110 !important;
}
/* Mobilus prisijungusio vartotojo popup — centre, kad neuždengtų cookie mygtukas */
.mobile-bottom-navigation .customer-popup.customer-popup--account {
left: 50%;
right: auto;
bottom: calc(72px + env(safe-area-inset-bottom, 0px));
width: min(320px, calc(100vw - 24px));
max-width: calc(100vw - 24px);
padding: 0;
margin: 0;
border-radius: 10px;
overflow: hidden;
background: #fff;
box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
list-style: none;
z-index: 1002;
transform: translate(-50%, 16px);
}
.mobile-bottom-navigation .customer-popup.customer-popup--account.show {
transform: translate(-50%, 0);
}
.mobile-bottom-navigation .customer-popup.customer-popup--account > li,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__panel {
display: block;
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__card {
background: #fff;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__head {
padding: 18px 16px 14px;
background: #fff;
border-bottom: 0;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__title {
margin: 0;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__label {
display: block;
margin-bottom: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #64748b;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__title strong {
display: block;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.35;
color: var(--jupoja-dark, #434242);
word-break: break-word;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__actions {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 16px 16px;
background: #fff;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action {
display: flex !important;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 14px !important;
border: 0 !important;
border-bottom: 0 !important;
border-radius: 6px;
background: #f3f4f6;
color: var(--jupoja-dark, #434242) !important;
font-family: var(--jupoja-font-family, "Open Sans", sans-serif);
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-align: left;
text-decoration: none !important;
transition: background-color 0.15s ease, color 0.15s ease;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action::before {
display: none !important;
content: none !important;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action:hover,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action:focus,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action:active {
background: #e9ecef;
color: var(--jupoja-dark, #434242) !important;
text-decoration: none !important;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 20px;
line-height: 1;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action-icon .icon {
font-size: 16px;
color: var(--jupoja-dark, #434242) !important;
-webkit-text-fill-color: var(--jupoja-dark, #434242) !important;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action-text {
flex: 1 1 auto;
min-width: 0;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:hover,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:focus,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:active {
background: #fee2e2;
color: #b91c1c !important;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:hover .customer-popup__action-icon .icon,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:focus .customer-popup__action-icon .icon,
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--logout:active .customer-popup__action-icon .icon {
color: #b91c1c !important;
-webkit-text-fill-color: #b91c1c !important;
}
/* Įsimintos — raudona širdelė kai yra prekių (kaip desktop) */
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--wishlist.has-items .customer-popup__action-icon .icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: 0 !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
background-color: var(--jupoja-red, #E31E24);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.mobile-bottom-navigation .customer-popup.customer-popup--account .customer-popup__action--wishlist.has-items .customer-popup__action-icon .icon::before {
content: none !important;
display: none !important;
}
}
/* -------------------------------------------------------------------------- */
/* [17] HEADER — announcement strip (widget HTML: .header-info) */
/* -------------------------------------------------------------------------- */
.header .header-lower {
background: #fff;
}
.header .header-info {
position: relative;
width: 100%;
max-width: none;
margin: 0;
padding: 10px 12px;
box-sizing: border-box;
background: transparent;
border-bottom: 0;
isolation: isolate;
}
.header .header-info::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: #FCDF00;
border-bottom: 0;
z-index: -1;
}
.header-info-items,
.header-info-announcement {
display: block;
width: 100%;
max-width: 1660px;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
color: #000000;
font-size: 15px;
line-height: 1.45;
font-weight: 500;
text-align: center;
}
.header-info-announcement {
margin-bottom: 0;
}
@media (max-width: 767px) {
.header .header-info {
padding: 8px 10px;
}
.header-info-items,
.header-info-announcement {
font-size: 13px;
line-height: 1.4;
padding-left: 8px;
padding-right: 8px;
}
}
/* -------------------------------------------------------------------------- */
/* [16d] HEADER — utilities row (tel., el. paštas, paskyra, krepšelis) */
/* Widget HTML: .header-utilities — zona header_links_after */
/* -------------------------------------------------------------------------- */
.header-utilities-items {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.35rem 1.1rem;
row-gap: 4px;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.header-utilities-item {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 14px;
line-height: 1.25;
font-weight: 400;
color: #1a3568;
text-decoration: none;
white-space: nowrap;
}
.header-utilities-item::before {
content: none !important;
display: none !important;
}
.header-utilities-item:visited {
color: #1a3568;
}
.header-utilities-item:hover,
.header-utilities-item:focus {
color: #1B47A0;
text-decoration: none;
}
.header-utilities-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 28px;
height: 28px;
line-height: 1;
}
.header-utilities-icon-img {
display: block;
width: 28px;
height: 28px;
max-width: 28px;
max-height: 28px;
object-fit: contain;
flex: 0 0 auto;
}
.header-utilities-icon--account {
position: relative;
}
.header-utilities-icon--account .header-utilities-icon-img--active {
display: none;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--default {
display: none;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--active {
display: block;
}
/* Prisijungus — tas pats geltono apskritimo dydis kaip krepšelio (aktyvus vaizdas lieka) */
.header-utilities-account.is-loggedin .header-utilities-icon--account {
width: 42px;
height: 42px;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--active {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
}
.header-utilities-item:hover .header-utilities-icon-img,
.header-utilities-item:focus .header-utilities-icon-img {
opacity: 0.92;
}
.header-utilities-label {
display: inline-block;
}
/* Header krepšelis — tuščias kaip kitos ikonos; su prekėmis — geltonas apskritimas */
.header-utilities-cart {
position: relative;
cursor: pointer;
}
.header-utilities-cart.has-items {
gap: 0.55rem;
color: var(--jupoja-dark, #434242);
}
.header-utilities-cart.has-items:visited,
.header-utilities-cart.has-items:hover,
.header-utilities-cart.has-items:focus {
color: var(--jupoja-dark, #434242);
}
.header-utilities-cart .header-utilities-icon {
position: relative;
}
.header-utilities-cart.has-items .header-utilities-icon {
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--jupoja-yellow, #FCDF00);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.header-utilities-cart.has-items .header-utilities-icon-img {
width: 22px;
height: 22px;
max-width: 22px;
max-height: 22px;
filter: brightness(0);
}
.header-utilities-cart.has-items:hover .header-utilities-icon,
.header-utilities-cart.has-items:focus .header-utilities-icon {
filter: brightness(0.97);
}
.header-utilities-cart.has-items:hover .header-utilities-icon-img,
.header-utilities-cart.has-items:focus .header-utilities-icon-img {
opacity: 1;
filter: brightness(0);
}
.header-utilities-cart.has-items .header-utilities-label {
font-size: var(--jupoja-fs-body, 16px);
font-weight: var(--jupoja-fw-medium, 500);
color: var(--jupoja-dark, #434242);
}
.header-utilities-cart-qty {
display: none;
position: absolute;
top: -3px;
left: 28px;
z-index: 2;
box-sizing: border-box;
min-width: 20px;
height: 20px;
padding: 0 5px;
margin: 0;
border-radius: 999px;
background: var(--jupoja-black, #000);
color: var(--jupoja-white, #fff);
font-size: 11px;
font-weight: var(--jupoja-fw-bold, 700);
line-height: 20px;
text-align: center;
pointer-events: none;
}
.header-utilities-cart-qty:not(:empty):not(.is-empty) {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Paskyros popup (prisijungimas + atsijungimas) — body lygyje (main.js initHeaderAccountPopup) */
#header-login-popup.header-login-popup--body {
position: fixed;
display: block;
list-style: none;
margin: 0;
padding: 0;
width: 380px;
max-width: calc(100vw - 24px);
max-height: calc(100vh - 24px);
overflow-x: hidden;
overflow-y: auto;
background: #fff;
border: 1px solid #e8ecf1;
border-radius: 8px;
box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
opacity: 0;
visibility: hidden;
z-index: 10050;
transition: opacity 0.2s ease, visibility 0.2s ease;
pointer-events: none;
overflow: hidden;
}
#header-login-popup.header-login-popup--body.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#header-login-popup.header-login-popup--body .popup-login-form {
padding: 0;
list-style: none;
}
#header-login-popup.header-login-popup--body .header-login-card,
#header-login-popup.header-login-popup--body .popup-login-form .card {
padding: 0;
margin: 0;
box-shadow: none;
border: 0;
background: #fff;
}
#header-login-popup.header-login-popup--body .returning-wrapper {
padding: 16px 18px 14px;
}
#header-login-popup.header-login-popup--body .header-login-title {
margin: 0 0 14px;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-title strong {
display: block;
font-family: var(--jupoja-font-family, "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #434242 !important;
letter-spacing: 0;
text-align: left;
}
#header-login-popup.header-login-popup--body .form-fields {
display: flex;
flex-direction: column;
gap: 10px;
}
#header-login-popup.header-login-popup--body .header-login-field {
margin: 0;
}
#header-login-popup.header-login-popup--body .header-login-field > label,
#header-login-popup.header-login-popup--body .inputs label {
display: block;
margin: 0 0 4px;
font-size: 12px;
font-weight: 500;
line-height: 1.25;
color: #64748b;
}
#header-login-popup.header-login-popup--body .inputs > label[for=Email]::before,
#header-login-popup.header-login-popup--body .inputs > label[for=Password]::before,
#header-login-popup.header-login-popup--body .inputs > label[for=Username]::before {
display: none !important;
content: none !important;
}
#header-login-popup.header-login-popup--body .header-login-field input.email,
#header-login-popup.header-login-popup--body .header-login-field input.username,
#header-login-popup.header-login-popup--body .header-login-field input.password,
#header-login-popup.header-login-popup--body .login-password-theme input.password {
display: block;
width: 100%;
box-sizing: border-box;
height: 38px;
padding: 8px 36px 8px 10px;
border: 1px solid #e2e8f0;
border-radius: 5px;
background: #fff;
color: #434242;
font-size: 14px;
line-height: 1.25;
box-shadow: none;
transition: border-color 0.15s ease;
}
#header-login-popup.header-login-popup--body .header-login-field input.email:focus,
#header-login-popup.header-login-popup--body .header-login-field input.username:focus,
#header-login-popup.header-login-popup--body .header-login-field input.password:focus,
#header-login-popup.header-login-popup--body .login-password-theme input.password:focus {
border-color: #FCDF00;
outline: none;
}
#header-login-popup.header-login-popup--body .header-login-field input::placeholder,
#header-login-popup.header-login-popup--body .login-password-theme input.password::placeholder {
color: #94a3b8;
opacity: 1;
}
/* Mano paskyra (vidiniai puslapiai) — minimalistinė jupoja stilistika */
.account-page .page-title h1 {
color: #434242;
}
.customer-info-page form {
width: 100%;
max-width: none;
margin: 0;
}
.account-page .page-body {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 4px;
box-shadow: none;
padding: 22px 18px 28px;
}
@media (min-width: 992px) {
.account-page .page-body {
padding: 24px 22px 32px;
}
}
.account-page .fieldset {
padding: 0;
margin: 0 0 18px;
border: 0;
}
.account-page .fieldset + .fieldset {
padding-top: 18px;
border-top: 1px solid #f1f5f9;
}
.account-page .fieldset .title,
.account-page .fieldset .title strong,
.account-page .fieldset .title h2 {
margin: 0 0 14px;
font-size: 16px;
font-weight: 700;
color: #434242;
}
/* Kairė navigacija — kaip articles / D.U.K. šoninis meniu */
@media (min-width: 992px) {
.html-account-page .side-2 {
width: 280px !important;
max-width: 280px;
flex: 0 0 280px;
}
.html-account-page .center-2 {
width: calc(100% - 280px) !important;
max-width: none;
flex: 1 1 auto;
}
}
@media (min-width: 1200px) {
.html-account-page .side-2 {
width: 300px !important;
max-width: 300px;
flex: 0 0 300px;
}
.html-account-page .center-2 {
width: calc(100% - 300px) !important;
}
}
/* Mobilus / planšetė: horizontalus swipe meniu su daugiau erdvės */
@media (max-width: 991px) {
.html-account-page .center-2-row {
display: flex;
flex-direction: column;
}
.html-account-page .side-2 {
position: static !important;
transform: none !important;
top: auto !important;
left: auto !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 0 20px !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
z-index: auto !important;
order: -1;
flex: 0 0 auto;
}
.html-account-page .side-2 .side-2-close {
display: none !important;
}
.html-account-page .side-2 .side-2-wrapper {
height: auto !important;
overflow: visible !important;
padding: 0 !important;
}
.html-account-page .side-2 .block,
.html-account-page .side-2 .block-account-navigation {
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
.html-account-page .center-2 {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 auto;
padding-left: 10px;
padding-right: 10px;
}
.html-account-page .block-account-navigation {
position: relative;
z-index: 40;
margin: 0;
padding: 12px 0 14px;
background: #f5f5f5;
}
.html-account-page .block-account-navigation .title {
display: none;
}
.html-account-page .block-account-navigation .listbox {
padding: 0;
}
.html-account-page .block-account-navigation .list {
--account-nav-gap: 8px;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: var(--account-nav-gap);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding: 2px 12px 6px;
/* slidesPerView 2.2 + spaceBetween — kaip homepage karuselėse */
scrollbar-width: none;
-ms-overflow-style: none;
}
.html-account-page .block-account-navigation .list::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.html-account-page .block-account-navigation .list li {
display: flex;
flex: 0 0 calc((100% - var(--account-nav-gap) * 1.2) / 2.2);
width: calc((100% - var(--account-nav-gap) * 1.2) / 2.2) !important;
max-width: none !important;
min-width: 0;
scroll-snap-align: start;
align-self: stretch;
}
.html-account-page .block-account-navigation .list a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: 100%;
min-width: 0;
max-width: none;
height: 100%;
min-height: 112px;
padding: 12px 8px 14px;
text-align: center;
box-sizing: border-box;
}
.html-account-page .block-account-navigation .list li.active a {
box-shadow: inset 0 -3px 0 var(--jupoja-yellow, #FCDF00);
}
.html-account-page .block-account-navigation .account-nav-icon {
flex: 0 0 auto;
width: 40px;
height: 40px;
}
.html-account-page .block-account-navigation .account-nav-icon svg {
width: 40px;
height: 40px;
}
.html-account-page .block-account-navigation .account-nav-label {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
flex: 1 1 auto;
width: 100%;
min-height: calc(1.3em * 3);
max-height: calc(1.3em * 3);
margin: 0;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
text-align: center;
word-break: break-word;
hyphens: auto;
}
}
@media (max-width: 575px) {
.html-account-page .block-account-navigation {
padding: 10px 0 12px;
}
.html-account-page .block-account-navigation .list {
--account-nav-gap: 6px;
padding: 2px 10px 4px;
}
.html-account-page .block-account-navigation .list a {
min-height: 108px;
padding: 10px 6px 12px;
gap: 6px;
}
.html-account-page .block-account-navigation .account-nav-icon {
width: 36px;
height: 36px;
}
.html-account-page .block-account-navigation .account-nav-icon svg {
width: 36px;
height: 36px;
}
.html-account-page .block-account-navigation .account-nav-label {
font-size: 12px;
min-height: calc(1.3em * 3);
max-height: calc(1.3em * 3);
}
}
.block-account-navigation {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
@media (min-width: 992px) {
.block-account-navigation {
position: sticky;
top: 16px;
}
}
.block-account-navigation .title {
margin: 0 0 12px;
padding: 0;
border: 0;
font-size: var(--jupoja-fs-body, 16px);
font-weight: 700;
line-height: 1.3;
color: var(--jupoja-dark, #434242);
text-decoration: none !important;
}
.block-account-navigation .listbox {
padding: 0;
}
.block-account-navigation .list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.block-account-navigation .list li {
margin: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.block-account-navigation .list a {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 12px;
min-height: 0;
padding: 12px 14px;
border: 1px solid #e5e7eb;
border-radius: 4px;
background: #fff;
color: var(--jupoja-dark, #434242) !important;
text-decoration: none !important;
font-size: var(--jupoja-fs-body, 16px);
font-weight: 700;
letter-spacing: 0.01em;
text-transform: none;
line-height: 1.3;
text-align: left;
transition: background 0.15s ease, border-color 0.15s ease;
position: relative;
box-sizing: border-box;
}
.block-account-navigation .list a:hover,
.block-account-navigation .list a:focus {
background: #f7f8fa;
color: var(--jupoja-dark, #434242) !important;
text-decoration: none !important;
}
.block-account-navigation .list li.active a {
background: #eef0f3 !important;
border-color: #d8dde3;
box-shadow: inset 3px 0 0 var(--jupoja-yellow, #FCDF00);
color: var(--jupoja-dark, #434242) !important;
font-weight: 700;
}
.block-account-navigation .list li.active a::before {
display: none;
content: none;
}
.block-account-navigation .account-nav-icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: var(--jupoja-dark, #434242);
}
.block-account-navigation .account-nav-icon svg {
display: block;
width: 40px;
height: 40px;
}
.block-account-navigation .account-nav-icon .account-nav-accent {
fill: var(--jupoja-yellow, #FCDF00);
}
.block-account-navigation .account-nav-label {
flex: 1 1 auto;
min-width: 0;
text-align: left;
white-space: normal;
}
/* Forma — aiškūs laukai */
.account-page .form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 768px) {
.customer-info-page .form-fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}
.customer-info-page .inputs.date-of-birth,
.customer-info-page .inputs.accept-consent,
.customer-info-page .inputs:has(textarea),
.customer-info-page .inputs:has(.gender),
.customer-info-page .inputs:has(.attributes),
.customer-info-page .inputs:has(.readonly-username) {
grid-column: 1 / -1;
}
}
.account-page .inputs {
margin: 0;
}
.account-page .inputs > label {
display: block;
margin: 0 0 6px;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
color: #64748b;
}
.account-page .inputs > label::before {
display: none !important;
content: none !important;
}
.account-page input[type="text"],
.account-page input[type="email"],
.account-page input[type="tel"],
.account-page input[type="password"],
.account-page select,
.account-page textarea {
width: 100%;
box-sizing: border-box;
height: 44px;
padding: 10px 12px;
border: 1px solid #e2e8f0;
border-radius: 6px;
background: #fff;
color: #434242;
font-size: 15px;
line-height: 1.3;
box-shadow: none;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
.account-page textarea {
height: auto;
min-height: 88px;
resize: vertical;
}
.account-page select {
height: 44px;
}
.account-page input:focus,
.account-page select:focus,
.account-page textarea:focus {
border-color: #FCDF00;
outline: none;
}
.account-page input::placeholder,
.account-page textarea::placeholder {
color: #94a3b8;
opacity: 1;
}
/* Mygtukai */
.account-page .buttons {
margin-top: 18px;
}
.gdpr-tools-page .fieldset .buttons,
.html-gdpt-tools-page .account-page .buttons {
text-align: left;
}
.gdpr-tools-page .fieldset .buttons .button-1,
.html-gdpt-tools-page .account-page .buttons .button-1 {
display: inline-block;
width: auto;
min-width: 160px;
}
.account-page .button-1,
.account-page .button-2 {
border: 0;
background: #FCDF00;
color: #434242;
font-weight: 700;
border-radius: 6px;
padding: 12px 16px;
min-height: 46px;
}
.account-page .button-1:hover,
.account-page .button-2:hover,
.account-page .button-1:focus,
.account-page .button-2:focus {
background: #f2d500;
color: #434242;
}
#header-login-popup.header-login-popup--body .login-password-theme {
position: relative;
}
#header-login-popup.header-login-popup--body .login-password-theme .password-eye {
top: 50%;
right: 10px;
transform: translateY(-50%);
opacity: 0.7;
}
#header-login-popup.header-login-popup--body .inputs.reversed.header-login-options {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
margin-top: 0;
}
#header-login-popup.header-login-popup--body .header-login-remember {
display: inline-flex;
align-items: center;
gap: 6px;
}
#header-login-popup.header-login-popup--body .header-login-remember label {
margin: 0;
font-size: 13px;
font-weight: 400;
color: #434242;
}
#header-login-popup.header-login-popup--body .inputs .forgot-password {
display: block;
width: 100%;
margin: 0 !important;
}
#header-login-popup.header-login-popup--body .inputs .forgot-password a {
color: #1B47A0;
font-size: 13px;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 2px;
}
#header-login-popup.header-login-popup--body .inputs .forgot-password a::before {
display: none !important;
}
#header-login-popup.header-login-popup--body .buttons {
margin-top: 12px;
}
#header-login-popup.header-login-popup--body .login-button,
#header-login-popup.header-login-popup--body .header-login-submit {
display: block;
width: 100%;
min-height: 40px;
padding: 9px 14px;
border: 0;
border-radius: 5px;
background: #FCDF00 !important;
color: #434242 !important;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
cursor: pointer;
box-shadow: none;
transition: background-color 0.15s ease;
}
#header-login-popup.header-login-popup--body .login-button:hover,
#header-login-popup.header-login-popup--body .login-button:focus,
#header-login-popup.header-login-popup--body .header-login-submit:hover,
#header-login-popup.header-login-popup--body .header-login-submit:focus {
background: #f2d500 !important;
color: #434242 !important;
}
#header-login-popup.header-login-popup--body .header-login-divider {
display: flex;
align-items: center;
gap: 10px;
margin: 12px 0 10px;
color: #94a3b8;
font-size: 12px;
line-height: 1;
}
#header-login-popup.header-login-popup--body .header-login-divider::before,
#header-login-popup.header-login-popup--body .header-login-divider::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: #e8ecf1;
}
#header-login-popup.header-login-popup--body .header-login-social {
display: flex;
flex-direction: column;
gap: 8px;
}
#header-login-popup.header-login-popup--body .header-login-social-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 38px;
padding: 8px 12px;
border: 1px solid #e2e8f0;
border-radius: 5px;
background: #fff;
color: #434242;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease;
box-sizing: border-box;
text-decoration: none;
}
#header-login-popup.header-login-popup--body a.header-login-social-btn:hover,
#header-login-popup.header-login-popup--body a.header-login-social-btn:focus,
#header-login-popup.header-login-popup--body .header-login-social-btn:not(:disabled):hover,
#header-login-popup.header-login-popup--body .header-login-social-btn:not(:disabled):focus {
background: #f8fafc;
border-color: #d7dde5;
color: #434242;
text-decoration: none;
}
#header-login-popup.header-login-popup--body a.header-login-social-btn,
#header-login-popup.header-login-popup--body a.header-login-social-btn--facebook,
#header-login-popup.header-login-popup--body a.header-login-social-btn--google {
pointer-events: auto !important;
cursor: pointer !important;
opacity: 1 !important;
}
#header-login-popup.header-login-popup--body .header-login-social-btn .header-login-social-text,
#header-login-popup.header-login-popup--body .header-login-social-btn .header-login-social-icon {
pointer-events: none;
}
#header-login-popup.header-login-popup--body .header-login-social-btn:disabled,
#header-login-popup.header-login-popup--body .header-login-social-btn[aria-disabled="true"] {
opacity: 0.72;
cursor: not-allowed;
}
#header-login-popup.header-login-popup--body .header-login-social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
width: 20px;
height: 20px;
}
#header-login-popup.header-login-popup--body .header-login-register {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #f1f5f9;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-register-title {
display: block;
margin: 0 0 8px;
font-family: var(--jupoja-font-family, "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #434242 !important;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-register-text {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.45;
color: #5b5b5b;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-register-text .login-register-subtitle {
margin: 0 0 6px;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #434242;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-register-text .login-register-subtitle strong {
font-size: inherit !important;
font-weight: inherit !important;
}
#header-login-popup.header-login-popup--body .header-login-register-text .login-register-benefits {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 12px;
line-height: 1.4;
}
#header-login-popup.header-login-popup--body .header-login-register-text .login-register-benefits li {
margin: 0 0 2px;
padding: 0;
text-align: left;
}
#header-login-popup.header-login-popup--body .header-login-register-actions {
display: flex;
flex-direction: column;
gap: 0;
}
#header-login-popup.header-login-popup--body .header-login-guest-btn {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0 0 8px;
padding: 9px 14px;
border: none !important;
border-radius: 5px;
background: var(--jupoja-yellow, #FCDF00) !important;
color: #434242 !important;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
cursor: pointer;
transition: background-color 0.15s ease;
}
#header-login-popup.header-login-popup--body .header-login-guest-btn:hover,
#header-login-popup.header-login-popup--body .header-login-guest-btn:focus {
background: #f0d000 !important;
color: #1a1a1a !important;
}
#header-login-popup.header-login-popup--body .header-login-register-hint,
#header-login-popup.header-login-popup--body .header-ragister-block p {
margin: 0 0 10px;
font-size: 14px;
line-height: 1.4;
color: #64748b;
}
#header-login-popup.header-login-popup--body .header-login-register-btn,
#header-login-popup.header-login-popup--body .header-ragister-block p a {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 9px 14px;
border: 1px solid #d4dae3 !important;
border-radius: 5px;
background: #f3f5f8 !important;
color: #434242 !important;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
#header-login-popup.header-login-popup--body .header-login-register-btn:hover,
#header-login-popup.header-login-popup--body .header-login-register-btn:focus,
#header-login-popup.header-login-popup--body .header-ragister-block p a:hover,
#header-login-popup.header-login-popup--body .header-ragister-block p a:focus {
background: #e9ecef;
color: #434242 !important;
text-decoration: none;
}
#header-login-popup.header-login-popup--body .header-ragister-block p a::before {
display: none !important;
}
#header-login-popup.header-login-popup--body .message-error {
margin-bottom: 12px;
padding: 10px 12px;
border-radius: 5px;
background: #fef2f2;
color: #b91c1c;
font-size: 13px;
line-height: 1.35;
}
#header-login-popup.header-login-popup--body .message-error.validation-summary-errors,
#header-login-popup.header-login-popup--body .message-error:not(:empty) {
display: block !important;
}
#header-login-popup.header-login-popup--body .message-error.validation-summary-valid:empty {
display: none !important;
}
@media (max-width: 767px) {
#header-login-popup.header-login-popup--body {
width: calc(100vw - 20px);
max-width: 380px;
}
#header-login-popup.header-login-popup--body .returning-wrapper,
#header-login-popup.header-login-popup--body .header-account-menu-head {
padding: 18px 16px 16px;
}
#header-login-popup.header-login-popup--body .header-account-menu-actions {
padding: 0 16px 16px;
}
}
/* Prisijungusiam vartotojui — ta pati paskyros popup stilistika */
#header-login-popup.header-login-popup--body.header-account-menu > li {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
#header-login-popup.header-login-popup--body .header-account-menu-panel,
#header-login-popup.header-login-popup--body .header-account-menu-card {
background: #fff;
}
#header-login-popup.header-login-popup--body .header-account-menu-head {
padding: 22px 22px 18px;
background: #fff;
}
#header-login-popup.header-login-popup--body .header-account-menu-title {
margin: 0;
}
#header-login-popup.header-login-popup--body .header-account-menu-label {
display: block;
margin-bottom: 4px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #64748b;
}
#header-login-popup.header-login-popup--body .header-account-menu-title strong {
display: block;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.35;
color: #434242;
word-break: break-word;
}
#header-login-popup.header-login-popup--body .header-account-menu-actions {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 22px 22px;
background: #fff;
}
#header-login-popup.header-login-popup--body .header-account-menu-action {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
box-sizing: border-box;
padding: 12px 16px;
border-radius: 6px;
background: #f3f4f6;
color: #434242 !important;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease;
}
#header-login-popup.header-login-popup--body .header-account-menu-action::before {
display: none !important;
}
#header-login-popup.header-login-popup--body .header-account-menu-action:hover,
#header-login-popup.header-login-popup--body .header-account-menu-action:focus {
background: #e9ecef;
color: #434242 !important;
text-decoration: none;
}
#header-login-popup.header-login-popup--body .header-account-menu-action-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
line-height: 1;
}
#header-login-popup.header-login-popup--body .header-account-menu-action-icon .icon {
font-size: 16px;
color: #434242 !important;
-webkit-text-fill-color: #434242 !important;
}
#header-login-popup.header-login-popup--body .header-account-menu-action-text {
flex: 0 1 auto;
min-width: 0;
}
#header-login-popup.header-login-popup--body .header-account-menu-action--logout:hover,
#header-login-popup.header-login-popup--body .header-account-menu-action--logout:focus {
background: #fee2e2;
color: #b91c1c !important;
}
#header-login-popup.header-login-popup--body .header-account-menu-action--logout:hover .header-account-menu-action-icon .icon,
#header-login-popup.header-login-popup--body .header-account-menu-action--logout:focus .header-account-menu-action-icon .icon {
color: #b91c1c !important;
-webkit-text-fill-color: #b91c1c !important;
}
/* Įsimintos — kai yra prekių: pilnavidurė raudona širdelė */
#header-login-popup .header-account-menu-action--wishlist.has-items .header-account-menu-action-icon .icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
font-size: 0 !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
background-color: var(--jupoja-red, #E31E24);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
#header-login-popup .header-account-menu-action--wishlist.has-items .header-account-menu-action-icon .icon::before {
content: none !important;
display: none !important;
}
@media (min-width: 768px) {
/* Paslėpti standartinius Kingdom HeaderLinks (tel., wishlist, paskyra) — ne #topcartlink, ne .user-account (popup) */
.header .header-links ul > li:not(:has(.header-top-links)):not(:has(.header-utilities)):not(#topcartlink):not(.dropdown.user-account) {
display: none !important;
visibility: hidden !important;
position: absolute !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
/* Kingdom prisijungimo popup lieka DOM'e, bet standartinė paskyros nuoroda paslėpta */
.header .header-links ul > li.dropdown.user-account {
display: block !important;
visibility: visible !important;
position: static !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
pointer-events: none !important;
border: 0 !important;
}
.header .header-links ul > li.dropdown.user-account > a {
display: none !important;
}
.header .header-links ul > li.dropdown.user-account .login-form-popup {
pointer-events: none;
}
.header .header-links ul > .header-utilities,
.header .header-links ul > li:has(.header-utilities) {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding: 0 !important;
margin: 0;
box-sizing: border-box;
background: transparent;
border: 0;
list-style: none;
}
.header .header-links ul > li:has(.header-utilities) {
display: block !important;
visibility: visible !important;
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
}
.header .header-links ul .header-utilities {
padding: 0;
width: auto;
max-width: none;
}
.header .header-links ul .header-utilities-items {
width: auto;
max-width: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header .header-links ul .header-utilities-items {
flex-wrap: wrap;
}
.header-utilities-items {
gap: 0.25rem 0.65rem;
}
.header-utilities-item {
font-size: 12px;
}
.header-utilities-icon {
width: 26px;
height: 26px;
}
.header-utilities-icon .header-utilities-icon-img {
width: 26px;
height: 26px;
max-width: 26px;
max-height: 26px;
}
.header-utilities-cart.has-items .header-utilities-icon {
width: 36px;
height: 36px;
}
.header-utilities-cart.has-items .header-utilities-icon-img {
width: 18px;
height: 18px;
max-width: 18px;
max-height: 18px;
}
.header-utilities-account.is-loggedin .header-utilities-icon--account {
width: 36px;
height: 36px;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--active {
width: 36px;
height: 36px;
max-width: 36px;
max-height: 36px;
}
.header-utilities-cart-qty {
left: 24px;
top: -2px;
min-width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
}
.header-utilities-item .header-utilities-label {
max-width: 9.5rem;
overflow: hidden;
text-overflow: ellipsis;
}
.header-utilities-item[href^="mailto:"] .header-utilities-label {
max-width: 7.5rem;
}
}
@media (min-width: 992px) {
.header .header-links ul > li:has(.header-utilities),
.header .header-links ul > .header-utilities {
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
}
.header .header-links ul .header-utilities-items {
flex-wrap: nowrap !important;
flex-shrink: 0;
}
.header .header-links ul .header-utilities-item {
flex: 0 0 auto;
flex-shrink: 0;
}
.header-utilities-items {
gap: 0.4rem 1.35rem;
}
.header-utilities-item {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.header-utilities-items {
gap: 0.45rem 1.65rem;
}
}
@media (min-width: 1600px) {
.header-utilities-items {
gap: 0.5rem 1.85rem;
}
}
/* Tikras mobilus ≤767 — mobile-bottom-navigation, ne header-utilities */
@media (max-width: 767px) {
.header .header-links ul > .header-utilities,
.header .header-links ul > li:has(.header-utilities) {
display: none !important;
}
}
/* [16i] override: nerodyti senų , kai aktyvus .header-utilities */
@media (min-width: 768px) and (max-width: 1399px) {
.header .header-links ul > li:not(:has(.header-top-links)):not(:has(.header-utilities)):not(#topcartlink):not(.dropdown.user-account) {
display: none !important;
}
}
/* [16e] Papildomas šoninis krepšelis (Kingdom #topcartlink) — desktop */
@media (min-width: 992px) {
.header .header-links ul > li#topcartlink {
display: list-item !important;
visibility: visible !important;
position: fixed !important;
top: 58% !important;
right: 0 !important;
transform: translateY(-50%) !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
max-width: none !important;
overflow: visible !important;
pointer-events: auto !important;
z-index: 90 !important;
list-style: none !important;
}
.header .header-links ul > li#topcartlink a.ico-cart {
display: block !important;
position: relative;
font-size: 0 !important;
line-height: 0 !important;
text-decoration: none !important;
color: transparent !important;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
border-radius: 6px 0 0 6px;
overflow: visible;
background: transparent;
}
.header .header-links ul > li#topcartlink a.ico-cart::before {
content: "\e94f";
font-family: "icomoon" !important;
font-size: 26px;
line-height: 1;
color: var(--jupoja-yellow, #FCDF00);
background: var(--jupoja-dark, #434242);
padding: 14px 18px 12px;
margin: 0;
border-radius: 6px 0 0 0;
width: 100%;
box-sizing: border-box;
text-align: center;
display: block;
}
.header .header-links ul > li#topcartlink a.ico-cart .cart-label {
display: none !important;
}
.header .header-links ul > li#topcartlink a.ico-cart .cart-ammount {
display: block !important;
font-size: 13px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
line-height: 1.2 !important;
background: var(--jupoja-yellow, #FCDF00);
color: var(--jupoja-black, #000);
text-align: center;
padding: 6px 10px;
border-radius: 0 0 0 6px;
min-width: 62px;
box-sizing: border-box;
}
.header .header-links ul > li#topcartlink a.ico-cart .cart-qty {
position: absolute;
top: 0;
left: 0;
transform: translate(-40%, -40%);
display: flex !important;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 5px;
box-sizing: border-box;
background: var(--jupoja-yellow, #FCDF00);
color: var(--jupoja-black, #000) !important;
border: 0;
border-radius: 999px;
font-size: 11px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
line-height: 1 !important;
z-index: 2;
}
}
@media (max-width: 991px) {
.header .header-links ul > li#topcartlink {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
/* -------------------------------------------------------------------------- */
/* [16g] Flyout krepšelis — header dropdown su prekėmis (nuotrauka, pavadinimas, kiekis) */
/* -------------------------------------------------------------------------- */
/* Be slide/fade animacijų — paspaudi = iškart matosi / dingsta */
.flyout-cart,
body.flyout-cart-open .flyout-cart,
body:not(.flyout-cart-open) .flyout-cart {
transition: none !important;
animation: none !important;
}
body.flyout-cart-open::after,
body:not(.flyout-cart-open)::after {
transition: none !important;
animation: none !important;
}
/* Tikras overlay — body::after nepatikimai gauna click (overflow:hidden + stopPropagation po juo) */
#flyout-cart-backdrop {
display: none;
position: fixed;
inset: 0;
z-index: 10030;
background: rgba(0, 0, 0, 0.45);
pointer-events: auto;
cursor: pointer;
}
#flyout-cart-backdrop.is-visible {
display: block;
}
body.flyout-cart-open::after,
body.flyout-cart-open.flyout-cart-mode-drawer::after,
body.flyout-cart-open.flyout-cart-mode-dropdown::after {
display: none !important;
content: none !important;
pointer-events: none !important;
background: none !important;
}
body:not(.flyout-cart-open) .flyout-cart {
box-shadow: none !important;
transform: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
}
body.flyout-cart-open .flyout-cart {
visibility: visible !important;
pointer-events: auto !important;
opacity: 1 !important;
transform: none !important;
}
/* Drawer visada virš backdrop (desktop + mobile) — kitaip overlay blokuoja mygtukus */
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart {
z-index: 10050 !important;
pointer-events: auto !important;
}
/* Bendras mini-krepšelio turinys (desktop + mobile) */
.flyout-cart .mini-shopping-cart {
display: flex !important;
flex-direction: column !important;
height: auto !important;
max-height: inherit;
background: #fff;
}
.flyout-cart .mini-shopping-cart > div {
width: 100%;
}
.flyout-cart .count {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
background: #fff !important;
color: var(--jupoja-dark, #434242) !important;
border-bottom: 1px solid #f0f2f5;
padding: 10px 12px !important;
position: relative;
}
.flyout-cart .count .flyout-cart-heading {
display: inline-flex;
align-items: center;
gap: 10px;
min-width: 0;
flex: 1 1 auto;
}
.flyout-cart .count .flyout-cart-heading-icon {
display: none;
flex: 0 0 auto;
width: 22px;
height: 22px;
color: var(--jupoja-black, #000);
line-height: 0;
}
.flyout-cart .count .flyout-cart-heading-icon svg {
display: block;
width: 100%;
height: 100%;
}
.flyout-cart .count .flyout-cart-title,
.flyout-cart .count a:not(.close-flyout-cart) {
font-size: 15px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
text-decoration: none !important;
line-height: 1.2;
}
.flyout-cart .count a i {
display: none !important;
}
.flyout-cart .count .close-flyout-cart {
position: static !important;
float: none !important;
transform: none !important;
font-size: 20px !important;
font-weight: 300 !important;
line-height: 1;
color: #94a3b8 !important;
text-decoration: none !important;
padding: 0 2px;
}
.flyout-cart-empty {
padding: 20px 14px;
text-align: center;
color: var(--jupoja-gray-dark, #5B5B5B);
font-size: 13px;
}
/* Prekių sąrašas — 3 prekės be scroll; nuo 4-osios — juosta */
.flyout-cart .items,
.flyout-cart .mini-shopping-cart .items {
--jupoja-flyout-item-h: 152px;
height: auto !important;
max-height: calc(3 * var(--jupoja-flyout-item-h)) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
flex: 0 1 auto !important;
background: #fff;
scrollbar-gutter: auto;
}
.flyout-cart .items .item,
.flyout-cart .mini-shopping-cart .items .item {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr);
column-gap: 12px;
row-gap: 0;
align-items: start;
position: relative;
padding: 12px 14px !important;
margin: 0 !important;
border-bottom: 1px solid #f3f4f6 !important;
background: #fff !important;
text-align: left !important;
}
.flyout-cart .items .item:last-child,
.flyout-cart .mini-shopping-cart .items .item:last-child {
border-bottom: none !important;
}
.flyout-cart .items .item:nth-child(even),
.flyout-cart .mini-shopping-cart .items .item:nth-child(even) {
background: #fff !important;
}
.flyout-cart .items .item .picture,
.flyout-cart .mini-shopping-cart .items .item .picture {
width: 88px !important;
max-width: 88px !important;
height: 88px !important;
padding: 0 !important;
margin: 0 !important;
flex: none !important;
}
.flyout-cart .items .item .picture a,
.flyout-cart .mini-shopping-cart .items .item .picture a {
display: flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
border: 1px solid #eef2f6;
border-radius: 6px;
overflow: hidden;
background: #fff;
}
.flyout-cart .items .item .picture img,
.flyout-cart .mini-shopping-cart .items .item .picture img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.flyout-cart .items .item .picture .picture-placeholder {
background: #fff;
}
.flyout-cart .items .item .product,
.flyout-cart .mini-shopping-cart .items .item .product {
width: auto !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 28px 0 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px;
justify-content: flex-start !important;
position: relative;
}
.flyout-cart .items .item .product .name,
.flyout-cart .mini-shopping-cart .items .item .product .name {
width: auto !important;
max-width: 100%;
font-size: 14px !important;
line-height: 1.35 !important;
margin: 0 !important;
}
.flyout-cart .items .item .product .name a,
.flyout-cart .mini-shopping-cart .items .item .product .name a,
.flyout-cart .items .item .product a {
font-size: 14px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
text-decoration: none !important;
line-height: 1.35 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
pointer-events: auto !important;
cursor: pointer;
}
.flyout-cart .items .item .picture a.flyout-product-link,
.flyout-cart .items .item .product .name a.flyout-product-link {
pointer-events: auto !important;
cursor: pointer;
}
.flyout-cart .items .item .product .name a.flyout-product-link:hover {
color: var(--jupoja-red, #E31E24) !important;
text-decoration: underline !important;
}
.flyout-cart .items .item .product .attributes {
width: auto !important;
font-size: 11px;
line-height: 1.25;
color: #94a3b8;
}
.flyout-cart .flyout-item-pricing {
margin: 0;
}
.flyout-cart .flyout-item-price-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
}
.flyout-cart .flyout-item-qty-mult {
font-size: 16px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
line-height: 1.2 !important;
}
.flyout-cart .flyout-item-qty-x {
font-size: 15px;
font-weight: 500;
color: #94a3b8;
line-height: 1;
}
.flyout-cart .flyout-item-old-price {
font-size: 15px !important;
font-weight: 500 !important;
color: #94a3b8 !important;
text-decoration: line-through;
line-height: 1.2 !important;
}
.flyout-cart .flyout-item-actions {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-top: 2px;
flex-wrap: nowrap;
max-width: 100%;
}
.flyout-cart .flyout-item-meta {
display: none !important;
}
.flyout-cart .flyout-item-qty {
color: var(--jupoja-dark, #434242);
font-weight: var(--jupoja-fw-medium, 500);
}
.flyout-cart .items .item .product .price,
.flyout-cart .mini-shopping-cart .items .item .product .price,
.flyout-cart .price {
position: static !important;
right: auto !important;
top: auto !important;
transform: none !important;
margin: 0 !important;
font-size: inherit !important;
color: inherit !important;
font-weight: inherit !important;
}
.flyout-cart .items .item .product .price .price-text,
.flyout-cart .price-text {
display: none !important;
}
.flyout-cart .flyout-item-price,
.flyout-cart .items .item .product .price span,
.flyout-cart .mini-shopping-cart .items .item .product .price span {
font-size: 18px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-red, #E31E24) !important;
line-height: 1.2 !important;
}
.flyout-cart .price-qty-wrapper {
display: none !important;
}
/* Horizontalus kiekio stepperis — kompaktiškas, bet patogus */
.flyout-cart .qty-wrapper,
.flyout-cart .items .item .product .qty-wrapper,
.flyout-cart .qty-wrapper.flyout-qty-stepper {
display: inline-flex !important;
flex-direction: row !important;
align-items: stretch !important;
position: relative !important;
flex: 0 0 auto;
width: auto !important;
min-width: 92px;
max-width: 100%;
height: 32px !important;
margin: 0 !important;
border: 1px solid #e2e8f0 !important;
border-radius: 5px !important;
background: #fff !important;
overflow: hidden;
box-shadow: none !important;
vertical-align: top;
}
.flyout-cart .qty-wrapper .qty-input,
.flyout-cart .items .item .product .qty-wrapper .qty-input {
order: 2;
flex: 1 1 auto;
width: 30px !important;
min-width: 28px;
max-width: 40px;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 2px !important;
border: 0 !important;
border-left: 1px solid #e8ecf1 !important;
border-right: 1px solid #e8ecf1 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #fff !important;
text-align: center !important;
font-size: 13px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
line-height: 30px !important;
outline: 0;
position: relative;
z-index: 0;
}
.flyout-cart .qty-wrapper .qty-button,
.flyout-cart .items .item .product .qty-wrapper .qty-button {
position: static !important;
top: auto !important;
bottom: auto !important;
flex: 0 0 30px;
width: 30px !important;
min-width: 30px;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: #f8fafc !important;
color: var(--jupoja-dark, #434242) !important;
line-height: 1 !important;
cursor: pointer;
display: flex !important;
align-items: center;
justify-content: center;
z-index: 2;
transform: none !important;
}
.flyout-cart .qty-wrapper .qty-button.plus {
order: 3;
border-left: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
}
.flyout-cart .qty-wrapper .qty-button.minus {
order: 1;
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
}
.flyout-cart .qty-wrapper .qty-button .icon,
.flyout-cart .qty-wrapper .qty-button .icon:before {
font-size: 11px !important;
line-height: 1 !important;
color: var(--jupoja-dark, #434242) !important;
pointer-events: none;
}
.flyout-cart .qty-wrapper .qty-button:hover {
background: #eef2f6 !important;
}
.flyout-cart .qty-wrapper .qty-button:active {
background: #e2e8f0 !important;
}
.advance-cart-added .flyout-cart .qty-wrapper.flyout-qty-stepper .qty-input {
padding-left: 2px !important;
padding-right: 2px !important;
max-width: none !important;
font-size: 13px !important;
box-shadow: none !important;
}
.flyout-cart .remove-btn,
.flyout-cart .flyout-remove-btn {
position: absolute !important;
top: 0;
right: 0;
flex: 0 0 auto;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
border: 0 !important;
background: transparent !important;
font-size: 0 !important;
cursor: pointer;
color: #94a3b8;
opacity: 1;
display: inline-flex !important;
align-items: center;
justify-content: center;
z-index: 3;
}
.flyout-cart .remove-btn svg,
.flyout-cart .flyout-remove-btn svg {
display: block;
width: 16px;
height: 16px;
pointer-events: none;
}
.flyout-cart .remove-btn::before,
.flyout-cart .flyout-remove-btn::before {
content: none !important;
display: none !important;
}
.flyout-cart .remove-btn:hover,
.flyout-cart .flyout-remove-btn:hover {
color: var(--jupoja-red, #E31E24);
}
.flyout-cart .flyoutcart-footer,
.flyout-cart .mini-shopping-cart .flyoutcart-footer {
position: static !important;
left: auto !important;
bottom: auto !important;
width: 100% !important;
margin: 0 !important;
padding: 10px 12px 12px !important;
background: #fff !important;
border-top: none !important;
flex: 0 0 auto;
}
.flyout-cart .flyoutcart-footer .totals {
display: flex;
align-items: baseline;
justify-content: flex-end;
flex-wrap: wrap;
gap: 4px 6px;
width: 100%;
margin: 0 0 10px !important;
padding: 0 !important;
background: transparent !important;
border-top: none !important;
text-align: right;
font-size: 16px;
font-weight: var(--jupoja-fw-medium, 500);
line-height: 1.25;
color: var(--jupoja-dark, #434242);
}
.flyout-cart .flyoutcart-footer .totals .totals-label {
font-size: 16px;
font-weight: var(--jupoja-fw-medium, 500);
line-height: 1.25;
}
.flyout-cart .flyoutcart-footer .totals strong,
.flyout-cart .flyoutcart-footer .totals #miniCartSubTotal {
font-size: 18px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
color: var(--jupoja-dark, #434242) !important;
line-height: 1.25 !important;
}
.flyout-cart .flyoutcart-footer .buttons {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
width: 100% !important;
background: transparent !important;
}
.flyout-cart .flyoutcart-footer .buttons:hover {
background: transparent !important;
}
.flyout-cart .flyoutcart-footer .buttons button,
.flyout-cart .flyoutcart-footer .buttons button:not(:only-child),
.flyout-cart .flyoutcart-footer .buttons button[type=button] {
width: 100% !important;
height: auto !important;
min-height: 38px;
margin: 0 !important;
padding: 9px 12px !important;
border: 0 !important;
border-radius: 4px !important;
font-size: 14px !important;
font-weight: var(--jupoja-fw-bold, 700) !important;
line-height: 1.2 !important;
text-transform: none !important;
}
.flyout-cart .flyoutcart-footer .buttons button.checkout-button {
order: -1;
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-black, #000) !important;
}
.flyout-cart .flyoutcart-footer .buttons button.checkout-button:hover {
filter: brightness(0.97);
background: var(--jupoja-yellow, #FCDF00) !important;
color: var(--jupoja-black, #000) !important;
}
.flyout-cart .flyoutcart-footer .buttons button.cart-button {
background: #f0f1f3 !important;
color: var(--jupoja-black, #000) !important;
}
.flyout-cart .flyoutcart-footer .buttons button.cart-button:hover {
background: #e6e7ea !important;
color: var(--jupoja-black, #000) !important;
}
@media (min-width: 992px) {
/* Header dropdown — be overlay */
body.flyout-cart-open.flyout-cart-mode-dropdown {
overflow: visible;
}
body.flyout-cart-open.flyout-cart-mode-dropdown::after {
display: none !important;
content: none !important;
}
body:not(.flyout-cart-open) .flyout-cart {
transform: none !important;
}
body.flyout-cart-open.flyout-cart-mode-dropdown .flyout-cart,
.flyout-cart.flyout-cart--dropdown {
position: fixed !important;
top: auto;
right: 16px;
left: auto;
width: 320px !important;
max-width: calc(100vw - 24px);
height: auto !important;
max-height: min(72vh, 520px);
transform: none !important;
border: 1px solid #e8ecf1;
border-radius: 6px;
background: #fff;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
overflow: hidden;
z-index: 10040 !important;
}
/* Šoninis krepšelis — pilno aukščio drawer dešinėje */
body.flyout-cart-open.flyout-cart-mode-drawer {
overflow: hidden;
}
body.flyout-cart-open.flyout-cart-mode-drawer::after {
display: none !important;
content: none !important;
pointer-events: none !important;
background: none !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: 400px !important;
max-width: min(400px, 100vw) !important;
height: 100% !important;
max-height: none !important;
transform: none !important;
border: none !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: -10px 0 32px rgba(15, 23, 42, 0.18) !important;
overflow: hidden !important;
z-index: 10050 !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
max-height: none !important;
min-height: 0 !important;
overflow: hidden !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count {
background: var(--jupoja-yellow, #FCDF00) !important;
border-bottom: none !important;
padding: 14px 16px !important;
min-height: 52px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count .flyout-cart-heading-icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count .flyout-cart-title,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count a:not(.close-flyout-cart) {
font-size: 16px !important;
color: var(--jupoja-black, #000) !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count .close-flyout-cart {
color: var(--jupoja-dark, #434242) !important;
font-size: 24px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items {
flex: 1 1 auto !important;
min-height: 0 !important;
max-height: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item {
grid-template-columns: 104px minmax(0, 1fr);
padding: 16px 18px !important;
border-bottom: 1px solid #f0f2f5 !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item:last-child,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item:last-child {
border-bottom: none !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item .picture,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item .picture {
width: 104px !important;
max-width: 104px !important;
height: 104px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item .picture a,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item .picture a {
width: 104px;
height: 104px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item .product .name a,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item .product .name a {
font-size: 15px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper.flyout-qty-stepper {
min-width: 96px;
height: 34px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper .qty-button {
flex: 0 0 32px;
width: 32px !important;
min-width: 32px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper .qty-input {
line-height: 32px !important;
font-size: 13px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .flyoutcart-footer {
margin-top: auto !important;
padding: 14px 16px 18px !important;
border-top: 1px solid #e8ecf1 !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals {
margin-bottom: 12px !important;
font-size: 16px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals strong,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals #miniCartSubTotal {
font-size: 18px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .buttons {
gap: 8px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .buttons button {
min-height: 44px;
border-radius: 6px !important;
font-size: 15px !important;
}
}
@media (max-width: 991px) {
/* Filtrai + mega meniu — toks pat plotis kaip šoninis krepšelis */
.side-2,
.header-menu {
width: var(--jupoja-mobile-drawer-width) !important;
max-width: var(--jupoja-mobile-drawer-width) !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer {
overflow: hidden;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: var(--jupoja-mobile-drawer-width) !important;
max-width: var(--jupoja-mobile-drawer-width) !important;
height: 100% !important;
max-height: none !important;
z-index: 10050 !important;
pointer-events: auto !important;
background: #fff !important;
box-shadow: -10px 0 32px rgba(15, 23, 42, 0.18) !important;
overflow: hidden !important;
}
body.flyout-cart-open .flyout-cart {
height: 100% !important;
max-height: none;
z-index: 10050 !important;
pointer-events: auto !important;
}
body.flyout-cart-open .flyout-cart .mini-shopping-cart {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}
body.flyout-cart-open .flyout-cart .items {
flex: 1 1 auto !important;
min-height: 0 !important;
max-height: none !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count {
background: var(--jupoja-yellow, #FCDF00) !important;
border-bottom: none !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item {
grid-template-columns: 96px minmax(0, 1fr);
padding: 14px 16px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item .picture,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item .picture {
width: 96px !important;
max-width: 96px !important;
height: 96px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .items .item .picture a,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .items .item .picture a {
width: 96px;
height: 96px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper.flyout-qty-stepper {
min-width: 96px;
height: 34px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper .qty-button {
flex: 0 0 32px;
width: 32px !important;
min-width: 32px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .qty-wrapper .qty-input {
line-height: 32px !important;
font-size: 13px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .count .flyout-cart-heading-icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .mini-shopping-cart .flyoutcart-footer {
flex: 0 0 auto !important;
position: relative;
z-index: 2;
pointer-events: auto !important;
background: #fff !important;
padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
border-top: 1px solid #e8ecf1 !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals {
margin-bottom: 14px !important;
font-size: 17px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals .totals-label {
font-size: 17px;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals strong,
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .totals #miniCartSubTotal {
font-size: 19px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .buttons {
gap: 12px !important;
}
body.flyout-cart-open.flyout-cart-mode-drawer .flyout-cart .flyoutcart-footer .buttons button,
body.flyout-cart-open .flyout-cart .flyoutcart-footer .buttons button,
body.flyout-cart-open .flyout-cart .flyoutcart-footer .buttons button[type=button] {
pointer-events: auto !important;
position: relative;
z-index: 2;
min-height: 56px !important;
height: 56px !important;
padding: 14px 16px !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
-webkit-tap-highlight-color: transparent;
}
}
/* -------------------------------------------------------------------------- */
/* [16h] HEADER — palengvinimas, erdvė (desktop); paieška → plugin CSS */
/* -------------------------------------------------------------------------- */
@media (min-width: 992px) {
.header .header-lower {
padding: 14px 22px !important;
min-height: 68px;
}
/* Logo — švelniai didesnis, brand proporcija */
.header .header-lower .header-logo {
max-width: 180px;
}
.header .header-lower .header-logo img {
max-height: 48px !important;
width: auto;
height: auto;
}
.header .header-links ul {
gap: 12px 0 !important;
}
.header .header-links ul .header-top-links-items {
gap: 0.45rem 1.6rem;
}
.header .header-links ul .header-top-links-item {
font-size: 14px !important;
}
.header .header-links ul .header-utilities-items {
gap: 0.45rem 1.1rem !important;
}
/* Tel. / el. paštas / paskyra / krepšelis — 16px */
.header .header-links ul .header-utilities-item,
.header .header-links ul .header-utilities-item .header-utilities-label,
.header-utilities-item,
.header-utilities-label {
font-size: 16px !important;
line-height: 1.35 !important;
}
}
/* Utilities — lengvesnė tipografija */
.header-utilities-items {
gap: 0.45rem 1.3rem;
row-gap: 10px;
}
.header-utilities-item {
gap: 0.5rem;
color: #334155;
line-height: 1.35;
}
.header-utilities-icon {
width: 28px;
height: 28px;
}
.header-utilities-icon .header-utilities-icon-img {
width: 28px;
height: 28px;
max-width: 28px;
max-height: 28px;
}
.header-utilities-cart.has-items .header-utilities-icon {
width: 42px;
height: 42px;
}
.header-utilities-cart.has-items .header-utilities-icon-img {
width: 22px;
height: 22px;
max-width: 22px;
max-height: 22px;
}
.header-utilities-account.is-loggedin .header-utilities-icon--account {
width: 42px;
height: 42px;
}
.header-utilities-account.is-loggedin .header-utilities-icon-img--active {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
}
/* -------------------------------------------------------------------------- */
/* [18] CMS date/search hide - moved to Plugins/FoxNetSoft.CMSManager/Styles/cms-articles-jupoja.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [20] FOOTER — tamsus e-commerce išdėstymas (Kingdom override) */
/* -------------------------------------------------------------------------- */
.footer.footer--jupoja {
--footer-bg: #5B5B5B;
--footer-accent: #FCDF00;
--footer-text: #ffffff;
--footer-muted: #cccccc;
--footer-line: rgba(255, 255, 255, 0.18);
background: var(--footer-bg) !important;
color: var(--footer-text);
font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif;
margin-top: 0;
}
.footer.footer--jupoja .footer__inner {
/* Tas pats plotis kaip Kingdom .container / header / Prekių katalogas */
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) {
.footer.footer--jupoja .footer__inner {
max-width: calc(100% - 30px);
}
}
@media (min-width: 1200px) {
.footer.footer--jupoja .footer__inner {
max-width: calc(100% - 80px);
padding-left: 7.5px;
padding-right: 7.5px;
}
}
@media (min-width: 1600px) {
.footer.footer--jupoja .footer__inner {
max-width: 1660px;
width: calc(100% - 80px);
padding-left: 7.5px;
padding-right: 7.5px;
}
}
/* Kingdom numatytų flex/grid taisyklių atstatymas — 2 zonos: brand | nuorodos */
.footer.footer--jupoja .footer-upper,
.footer.footer--jupoja .footer__grid {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 40px 56px !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 44px 0 32px !important;
}
.footer.footer--jupoja .footer-block,
.footer.footer--jupoja .footer__col {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
padding-top: 0 !important;
}
/* 1 stulpelis: prekės ženklas + naujienlaiškis; social — nuorodų eilėje */
.footer.footer--jupoja .footer__col--brand {
flex: 0 1 280px;
min-width: 240px;
max-width: 300px;
}
.footer.footer--jupoja .footer__col--links .footer__col--social,
.footer.footer--jupoja .footer__link-col.footer__col--social {
flex: 0 0 auto;
min-width: 188px;
max-width: 220px;
width: auto !important;
}
.footer.footer--jupoja .footer__logo-link {
display: inline-block;
margin-bottom: 20px;
}
.footer.footer--jupoja .footer-logo {
display: block;
width: auto;
max-width: 180px;
height: auto;
margin: 0;
}
/* Antraštės — vienodos nuorodų stulpeliams */
.footer.footer--jupoja .footer__col-title,
.footer.footer--jupoja .footer__heading,
.footer.footer--jupoja .newsletter .title,
.footer.footer--jupoja .footer-menu__title,
.footer.footer--jupoja .footer-menu__toggle {
color: var(--footer-text) !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
text-align: left !important;
min-height: 20px;
}
.footer.footer--jupoja .footer-block.contact-us .title,
.footer.footer--jupoja .footer-block.contact-us .title strong {
margin: 0 !important;
padding: 0 !important;
font: inherit !important;
}
/* Naujienlaiškis — viena eilutė, be Subscribe/Unsubscribe (footer UX) */
.footer.footer--jupoja .newsletter {
margin: 0 0 4px;
}
.footer.footer--jupoja .newsletter .options {
display: none !important;
}
.footer.footer--jupoja .newsletter-subscribe {
margin: 0;
}
/* Naujienlaiškis — kaip header paieška (pilka kvadratinė ikona, hover geltona), ikona el. paštas */
.footer.footer--jupoja .newsletter-email {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 8px;
position: static !important;
width: 100%;
max-width: 100%;
}
.footer.footer--jupoja .newsletter-email input[type="email"],
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-text {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
height: 44px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 1px solid #d4dae3 !important;
border-radius: 5px !important;
box-shadow: none !important;
background: #fff !important;
color: #434242 !important;
font-size: 14px !important;
box-sizing: border-box;
transition: border-color 0.2s ease;
}
.footer.footer--jupoja .newsletter-email input[type="email"]:hover,
.footer.footer--jupoja .newsletter-email input[type="email"]:focus,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-text:hover,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-text:focus {
border-color: #FCDF00 !important;
outline: none !important;
box-shadow: none !important;
}
.footer.footer--jupoja .newsletter-email .button-1,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button {
position: static !important;
top: auto !important;
right: auto !important;
flex: 0 0 44px;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 0 !important;
line-height: 1;
background: var(--jupoja-white) !important;
background-color: var(--jupoja-white) !important;
border: 1px solid #d4dae3 !important;
border-radius: 5px !important;
box-shadow: none !important;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.footer.footer--jupoja .newsletter-email .button-1::before,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button::before {
content: "\e91a" !important;
font-family: "icomoon" !important;
font-size: 17px !important;
line-height: 1 !important;
color: var(--jupoja-dark) !important;
display: block !important;
}
.footer.footer--jupoja .newsletter-email .button-1:hover,
.footer.footer--jupoja .newsletter-email .button-1:focus,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button:hover,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button:focus {
background: var(--jupoja-dark) !important;
background-color: var(--jupoja-dark) !important;
border-color: var(--jupoja-dark) !important;
}
.footer.footer--jupoja .newsletter-email .button-1:hover::before,
.footer.footer--jupoja .newsletter-email .button-1:focus::before,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button:hover::before,
.footer.footer--jupoja .newsletter-email .newsletter-subscribe-button:focus::before {
color: var(--jupoja-white) !important;
}
.footer.footer--jupoja .newsletter-validation,
.footer.footer--jupoja .newsletter-result {
font-size: 12px;
margin-top: 6px;
color: var(--footer-muted);
}
/* Social — neutralūs kvadratai (ne konkuruoja su CTA) */
.footer.footer--jupoja .footer__social {
margin-top: 22px;
}
.footer.footer--jupoja .footer__social .networks {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: nowrap;
gap: 8px;
width: max-content;
max-width: 100%;
}
.footer.footer--jupoja .footer__social .networks li {
margin: 0 !important;
}
.footer.footer--jupoja .footer__social .networks li.twitter,
.footer.footer--jupoja .footer__social .networks li.rss {
display: none !important;
}
.footer.footer--jupoja .footer__social .networks li {
display: inline-block;
vertical-align: middle;
}
.footer.footer--jupoja .footer__social .networks li a {
display: flex !important;
align-items: center;
justify-content: center;
width: 36px !important;
height: 36px !important;
border-radius: 0 !important;
background: transparent !important;
color: transparent !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
text-decoration: none !important;
overflow: hidden;
white-space: nowrap;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer.footer--jupoja .footer__social .networks li a:hover {
background: transparent !important;
color: transparent !important;
text-decoration: none !important;
opacity: 0.88;
transform: translateY(-1px);
}
/* Social ikonos — custom PNG (geltona + juoda) */
.footer.footer--jupoja .footer__social .networks li a::before {
content: "";
display: block;
width: 36px;
height: 36px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.footer.footer--jupoja .footer__social .networks li.facebook a::before {
background-image: url("../images/footer/footer-icon-facebook.png");
}
.footer.footer--jupoja .footer__social .networks li.youtube a::before {
background-image: url("../images/footer/footer-icon-youtube.png");
}
.footer.footer--jupoja .footer__social .networks li.instagram a::before {
background-image: url("../images/footer/footer-icon-instagram.png");
}
.footer.footer--jupoja .footer__social .networks li.linkedin a::before {
background-image: url("../images/footer/footer-icon-linkedin.png");
}
.footer.footer--jupoja .footer__social .networks li.linkedin a[aria-disabled="true"] {
cursor: default;
opacity: 0.92;
}
.footer.footer--jupoja .footer__social .networks li.linkedin a[aria-disabled="true"]:hover {
opacity: 0.92;
transform: none;
}
.footer.footer--jupoja .footer__social .networks li.pinterest a::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: url("../images/pinterest-p.svg") center center no-repeat;
background-size: contain;
}
/* Nuorodų zona: Contact Us + meniu — viena eilutė, vienodos antraštės */
.footer.footer--jupoja .footer__col--links {
flex: 1 1 0;
min-width: 0;
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 28px 40px !important;
}
.footer.footer--jupoja .footer__link-col,
.footer.footer--jupoja .footer__col--links .footer-menu {
flex: 0 1 210px;
min-width: 180px;
max-width: 260px;
}
.footer.footer--jupoja .footer-block.contact-us {
margin: 0 !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer__link-list,
.footer.footer--jupoja .footer-block.contact-us .contact {
margin: 0;
padding: 0;
list-style: none;
}
.footer.footer--jupoja .footer__link-list p,
.footer.footer--jupoja .footer-block.contact-us .contact p,
.footer.footer--jupoja .footer__link-list li,
.footer.footer--jupoja .footer-block.contact-us .contact li,
.footer.footer--jupoja .footer__link-list div,
.footer.footer--jupoja .footer-block.contact-us .contact div {
color: var(--footer-muted) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
margin: 0 0 9px !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer__link-list > *:last-child,
.footer.footer--jupoja .footer-block.contact-us .contact > *:last-child {
margin-bottom: 0 !important;
}
.footer.footer--jupoja .footer__link-list a,
.footer.footer--jupoja .footer-block.contact-us .contact a {
color: var(--footer-muted) !important;
text-decoration: none;
}
.footer.footer--jupoja .footer__link-list a:hover,
.footer.footer--jupoja .footer-block.contact-us .contact a:hover {
color: var(--footer-accent) !important;
}
/* Kontaktų tekstas — etiketės bold, aiškūs tarpai */
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text {
font-size: 14px;
line-height: 1.55;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text p {
margin: 0 0 11px !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text p:last-child {
margin-bottom: 0 !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text .footer__contact-company {
margin-bottom: 14px !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text .footer__contact-company strong {
font-size: 15px;
font-weight: 700;
color: var(--footer-text);
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text strong {
font-weight: 700;
color: var(--footer-text);
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a {
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a[href^="tel:"] {
pointer-events: auto !important;
cursor: pointer;
position: relative;
z-index: 1;
-webkit-tap-highlight-color: rgba(255, 238, 0, 0.35);
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a:hover,
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a:focus-visible {
color: var(--footer-accent) !important;
text-decoration: underline;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text .footer__contact-iban {
font-weight: 500;
font-variant-numeric: tabular-nums;
letter-spacing: 0.03em;
word-break: break-all;
}
.footer.footer--jupoja .footer__col--links .footer-navigation {
display: contents !important;
}
.footer.footer--jupoja .footer__col--links .footer-menu {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.footer.footer--jupoja .footer-menu__list {
background: transparent !important;
list-style: none;
margin: 0;
padding: 0 !important;
}
.footer.footer--jupoja .footer-menu__item {
display: block;
padding: 0 !important;
margin: 0 0 9px !important;
line-height: 1.45;
text-align: left !important;
}
.footer.footer--jupoja .footer-menu__item a {
color: var(--footer-muted) !important;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.footer.footer--jupoja .footer-menu__item a:hover {
color: var(--footer-accent) !important;
}
/* Vidurinė SEO juosta — įmonės aprašymas */
.footer.footer--jupoja .footer-middle,
.footer.footer--jupoja .footer__about {
border-top: 1px solid var(--footer-line);
padding: 24px 0 28px;
color: var(--footer-muted);
font-size: 14px;
line-height: 1.65;
}
.footer.footer--jupoja .footer__about-inner {
max-width: 100%;
}
.footer.footer--jupoja .footer__about-title {
margin: 0 0 12px;
color: var(--footer-text);
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.footer.footer--jupoja .footer__about-text {
margin: 0 0 10px;
color: var(--footer-muted);
}
.footer.footer--jupoja .footer__about-text p,
.footer.footer--jupoja .footer__about-text div {
margin: 0 0 10px;
color: inherit;
}
.footer.footer--jupoja .footer__about-text.is-collapsed {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
}
.footer.footer--jupoja .footer__about-text:not(.is-collapsed) {
display: block;
overflow: visible;
}
.footer.footer--jupoja .footer__about-toggle {
margin: 0;
padding: 0;
border: 0;
background: none;
color: var(--footer-accent);
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
text-decoration: none;
}
.footer.footer--jupoja .footer__about-toggle:hover,
.footer.footer--jupoja .footer__about-toggle:focus-visible {
color: #fff200;
outline: none;
text-decoration: underline;
}
.footer.footer--jupoja .footer__about-widgets:empty {
display: none;
}
.footer.footer--jupoja .footer__about-widgets:not(:empty) {
margin-top: 14px;
padding-top: 0;
border-top: 0;
}
.footer.footer--jupoja .footer-middle a:not(.footer__about-toggle),
.footer.footer--jupoja .footer__about-widgets a {
color: var(--footer-accent);
font-weight: 600;
}
/* Apatinė juosta — copyright | mokėjimai (viena linija viršuje) */
.footer.footer--jupoja .footer-lower,
.footer.footer--jupoja .footer__bar {
border-top: 1px solid var(--footer-line);
background: var(--footer-bg) !important;
padding: 14px 0 18px !important;
}
.footer.footer--jupoja .footer-middle {
border-bottom: 0;
padding-bottom: 20px;
}
.footer.footer--jupoja .footer-lower-container,
.footer.footer--jupoja .footer__bar-inner {
max-width: none;
padding: 0;
}
.footer.footer--jupoja .footer-lower-contents,
.footer.footer--jupoja .footer__bar-row {
display: flex !important;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 12px 28px;
text-align: left !important;
}
.footer.footer--jupoja .footer-lower .footer-lower-contents > div {
margin-bottom: 0 !important;
}
.footer.footer--jupoja .footer-lower-container .theme-selector {
margin-top: 10px;
}
.footer.footer--jupoja .footer-lower-left,
.footer.footer--jupoja .footer__legal {
flex: 1 1 auto;
min-width: 0;
max-width: 58%;
text-align: left !important;
}
.footer.footer--jupoja .footer-copyrights,
.footer.footer--jupoja .footer__legal p {
margin: 0;
font-size: 12px;
line-height: 1.55;
color: var(--footer-muted);
}
.footer.footer--jupoja .footer-disclaimer,
.footer.footer--jupoja .footer-powered-by,
.footer.footer--jupoja .footer-tax-shipping {
color: inherit;
}
.footer.footer--jupoja .footer-powered-by a {
color: inherit;
text-decoration: underline;
}
.footer.footer--jupoja .footer-powered-by a:hover {
color: var(--footer-accent);
}
.footer.footer--jupoja .footer-designed-by {
margin: 6px 0 0;
font-size: 11px;
opacity: 0.55;
}
.footer.footer--jupoja .footer-lower-right,
.footer.footer--jupoja .footer__payments {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px 12px;
flex: 0 0 auto;
margin-left: auto;
max-width: none;
text-align: right !important;
}
.footer.footer--jupoja .footer-cards-label {
font-size: 13px;
color: var(--footer-text);
white-space: nowrap;
}
.footer.footer--jupoja .footer-payment-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px 6px;
margin: 0;
padding: 0;
list-style: none;
}
.footer.footer--jupoja .footer-payment-logos li {
margin: 0;
padding: 0;
line-height: 0;
border-radius: 4px;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer.footer--jupoja .footer-payment-logos li:hover {
transform: translateY(-1px);
opacity: 1;
}
.footer.footer--jupoja .footer-payment-logos img {
display: block;
height: 24px;
width: auto;
max-width: 72px;
border-radius: 4px;
object-fit: contain;
opacity: 0.92;
}
.footer.footer--jupoja .footer-payment-logos li:hover img {
opacity: 1;
}
.footer.footer--jupoja #go-to-top {
background: var(--footer-accent);
color: #434242;
}
/* Planšetė + desktop ≥768 — brand | nuorodos (+ social kaip meniu stulpelis) */
@media (min-width: 768px) {
.footer.footer--jupoja .footer-upper.footer__grid {
display: grid !important;
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
grid-template-rows: auto;
align-items: start;
column-gap: 40px !important;
row-gap: 0 !important;
flex-wrap: nowrap !important;
}
.footer.footer--jupoja .footer__col--brand {
grid-column: 1;
grid-row: 1;
align-self: start;
}
.footer.footer--jupoja .footer__col--links {
grid-column: 2;
grid-row: 1;
align-self: start;
}
.footer.footer--jupoja .footer__col--links .footer__col--social,
.footer.footer--jupoja .footer__link-col.footer__col--social {
flex: 0 0 auto;
min-width: 188px;
max-width: 220px;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer__col--links .footer__social {
margin-top: 0;
padding-top: 0;
border-top: 0;
text-align: left;
}
.footer.footer--jupoja .footer-block,
.footer.footer--jupoja .footer__col {
width: auto !important;
}
.footer.footer--jupoja .footer-menu__toggle {
pointer-events: none;
cursor: default;
}
.footer.footer--jupoja .footer-menu__toggle::after {
display: none !important;
}
.footer.footer--jupoja .footer__col--links .footer-menu {
display: grid !important;
grid-template-rows: min-content 1fr !important;
}
.footer.footer--jupoja .footer-menu .footer-menu__list {
display: block !important;
height: auto !important;
visibility: visible !important;
overflow: visible !important;
background: transparent !important;
}
.footer.footer--jupoja .footer-block.contact-us .contact {
display: block !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__col-title::after {
display: none !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__col-title {
padding: 0 !important;
margin: 0 0 12px !important;
cursor: default;
}
/* Kingdom accordion rėmeliai — neplanšetiniam footer */
.footer.footer--jupoja .footer-navigation .footer-menu__title {
border: 0 !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer-upper .footer-block > div.newsletter,
.footer.footer--jupoja .footer-upper .footer-block > div.social,
.footer.footer--jupoja .footer__col--brand .newsletter,
.footer.footer--jupoja .footer__col--links .footer__social {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: left !important;
}
}
/* Planšetė / iPad 768–1199 — brand | nuorodos (+ social eilėje) */
@media (min-width: 768px) and (max-width: 1199px) {
.footer.footer--jupoja .footer-upper,
.footer.footer--jupoja .footer__grid {
display: grid !important;
grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
grid-template-rows: auto;
align-items: start !important;
justify-content: stretch !important;
flex-wrap: nowrap !important;
gap: 28px 28px !important;
padding: 36px 0 28px !important;
width: 100% !important;
}
.footer.footer--jupoja .footer__col--brand {
grid-column: 1;
grid-row: 1;
flex: none !important;
min-width: 0;
max-width: none;
width: auto !important;
border-bottom: 0 !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer__col--links {
grid-column: 2;
grid-row: 1;
flex: none !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
align-items: start;
justify-content: stretch !important;
gap: 20px 28px !important;
width: 100% !important;
min-width: 0;
padding: 0 !important;
border-bottom: 0 !important;
}
.footer.footer--jupoja .footer__col--links .footer__col--social,
.footer.footer--jupoja .footer__link-col.footer__col--social {
width: auto !important;
min-width: 188px;
max-width: 220px;
padding: 0 !important;
}
.footer.footer--jupoja .footer__col--links .footer-navigation {
display: contents !important;
}
.footer.footer--jupoja .footer__link-col,
.footer.footer--jupoja .footer__col--links .footer-menu {
flex: none !important;
min-width: 0;
max-width: none;
width: auto !important;
border-bottom: 0 !important;
padding: 0 !important;
}
.footer.footer--jupoja .footer-menu__title,
.footer.footer--jupoja .footer-menu__toggle {
padding: 0 !important;
margin: 0 0 12px !important;
border: 0 !important;
}
.footer.footer--jupoja .footer-menu__list {
padding: 0 !important;
}
.footer.footer--jupoja .footer-menu__item {
padding-inline: 0 !important;
}
.footer.footer--jupoja .footer-lower-contents,
.footer.footer--jupoja .footer__bar-row {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.footer.footer--jupoja .footer-lower-left,
.footer.footer--jupoja .footer__legal {
max-width: 52%;
}
.footer.footer--jupoja .footer-lower-right,
.footer.footer--jupoja .footer__payments {
margin-left: auto;
justify-content: flex-end;
text-align: right !important;
}
}
/* iPad landscape / platesnis planšetės 992–1199 — daugiau stulpelių */
@media (min-width: 992px) and (max-width: 1199px) {
.footer.footer--jupoja .footer-upper,
.footer.footer--jupoja .footer__grid {
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
gap: 32px 32px !important;
}
.footer.footer--jupoja .footer__col--links {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 24px 32px !important;
}
}
/* Mobilas ≤767 — Senukai stiliaus baltas accordion + tamsus brand/apačia */
@media (max-width: 767px) {
.footer.footer--jupoja {
--footer-mobile-accordion-bg: #ffffff;
--footer-mobile-accordion-text: #434242;
--footer-mobile-accordion-muted: #4b5563;
--footer-mobile-accordion-line: #F5F5F5;
padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}
.footer.footer--jupoja .footer__inner {
padding: 0;
max-width: none !important;
width: 100% !important;
}
/* Kingdom .footer .footer-upper = container padding — accordion per visą plotį */
.footer.footer--jupoja .footer-upper,
.footer.footer--jupoja .footer__grid {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
/* —— 1. Brand (tamsus fonas) —— */
.footer.footer--jupoja .footer__col--brand {
flex: 0 0 auto;
width: 100%;
min-width: 0;
max-width: 100%;
padding: 20px 16px 22px !important;
border-bottom: 0;
}
.footer.footer--jupoja .footer__logo-link {
margin-bottom: 16px;
}
.footer.footer--jupoja .footer__col--brand .newsletter {
margin-bottom: 0;
}
.footer.footer--jupoja .footer__col--brand .newsletter .title,
.footer.footer--jupoja .footer__col--brand .newsletter .title strong {
margin: 0 0 12px !important;
font-size: 15px !important;
}
.footer.footer--jupoja .footer__col--brand .newsletter-email {
width: 100%;
max-width: 100%;
}
.footer.footer--jupoja .footer__col--brand .newsletter-email input[type="email"],
.footer.footer--jupoja .footer__col--brand .newsletter-email .newsletter-subscribe-text {
flex: 1 1 0;
min-width: 0;
width: 100%;
font-size: 16px !important;
}
.footer.footer--jupoja .footer__col--brand .newsletter-email input::placeholder {
font-size: 14px;
color: #6b7280;
}
/* —— 2. Baltas accordion — per visą ekrano plotį (Senukai) —— */
.footer.footer--jupoja .footer__col--links {
display: block !important;
flex: none !important;
flex-wrap: nowrap !important;
align-self: stretch !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 0 !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0 !important;
gap: 0 !important;
background: var(--footer-mobile-accordion-bg);
color: var(--footer-mobile-accordion-text);
border-top: 0;
box-sizing: border-box;
}
.footer.footer--jupoja .footer__col--links .footer-navigation {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.footer.footer--jupoja .footer__link-col:not(.footer__col--social),
.footer.footer--jupoja .footer__col--links .footer-menu {
display: block !important;
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid var(--footer-mobile-accordion-line);
overflow: hidden;
background: var(--footer-mobile-accordion-bg);
box-sizing: border-box;
}
.footer.footer--jupoja .footer__col--links .footer-menu:last-child {
border-bottom: 0;
}
/* —— 3. Social po accordion (tamsus fonas) —— */
.footer.footer--jupoja .footer__col--links .footer__col--social,
.footer.footer--jupoja .footer__link-col.footer__col--social {
flex: none !important;
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 20px 16px 22px !important;
background: var(--footer-bg) !important;
border-top: 1px solid var(--footer-line);
border-bottom: 0 !important;
overflow: visible;
box-sizing: border-box;
}
.footer.footer--jupoja .footer__col--links .footer__col--social .footer__social,
.footer.footer--jupoja .footer__col--social .footer__social {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.footer.footer--jupoja .footer__col--links .footer__col--social .footer__heading,
.footer.footer--jupoja .footer__col--social .footer__heading,
.footer.footer--jupoja .footer__col--links .footer__col--social .footer__col-title {
margin-bottom: 12px !important;
color: var(--footer-text) !important;
}
.footer.footer--jupoja .footer__col--links .footer__col--social .footer__social .networks,
.footer.footer--jupoja .footer__col--social .footer__social .networks {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.footer.footer--jupoja .footer__col--links .footer__col--social .footer__social .networks li,
.footer.footer--jupoja .footer__col--social .footer__social .networks li {
margin: 0 !important;
}
.footer.footer--jupoja .footer-navigation .footer-menu__title {
border: 0 !important;
}
/* Accordion antraštės — juodos, bold, chevron dešinėje */
.footer.footer--jupoja .footer-menu__title,
.footer.footer--jupoja .footer-menu__toggle,
.footer.footer--jupoja .footer-block.contact-us .footer__col-title {
width: 100%;
margin: 0 !important;
padding: 18px 48px 18px 20px !important;
min-height: 56px;
box-sizing: border-box;
display: flex !important;
align-items: center;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--footer-mobile-accordion-text) !important;
cursor: pointer;
position: relative;
pointer-events: auto !important;
border: 0 !important;
background: var(--footer-mobile-accordion-bg) !important;
text-align: left !important;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.footer.footer--jupoja .footer-menu__toggle::after,
.footer.footer--jupoja .footer-block.contact-us .footer__col-title::after {
content: "\e943" !important;
font-family: "icomoon" !important;
font-style: normal;
font-weight: 500;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: block !important;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 12px !important;
color: var(--footer-mobile-accordion-text) !important;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none !important;
}
.footer.footer--jupoja .footer-menu__toggle[aria-expanded="true"]::after,
.footer.footer--jupoja .footer-block.contact-us .footer__col-title.ui-state-active::after {
content: "\e939" !important;
}
/* Suskleista — visiškai paslėpta */
.footer.footer--jupoja .footer__col--links .footer-menu .footer-menu__list {
display: none;
margin: 0;
padding: 0;
overflow: hidden;
background: var(--footer-mobile-accordion-bg) !important;
visibility: hidden;
}
.footer.footer--jupoja .footer__col--links .footer-menu.footer-menu--active .footer-menu__list {
display: block;
visibility: visible;
padding: 0 20px 18px !important;
border-bottom: 0;
}
.footer.footer--jupoja .footer-menu__item {
margin: 0 0 12px !important;
padding: 0 !important;
line-height: 1.45;
}
.footer.footer--jupoja .footer-menu__item:last-child {
margin-bottom: 0 !important;
}
.footer.footer--jupoja .footer-menu__item a {
display: block;
padding: 2px 0;
font-size: 15px !important;
font-weight: 400 !important;
color: var(--footer-mobile-accordion-muted) !important;
}
.footer.footer--jupoja .footer-menu__item a:hover,
.footer.footer--jupoja .footer-menu__item a:focus-visible {
color: var(--footer-mobile-accordion-text) !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__col-title:not(.ui-state-active) + .contact,
.footer.footer--jupoja .footer-block.contact-us .footer__col-title:not(.ui-state-active) + .footer__link-list {
display: none !important;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}
.footer.footer--jupoja .footer-block.contact-us .footer__col-title.ui-state-active + .contact,
.footer.footer--jupoja .footer-block.contact-us .footer__col-title.ui-state-active + .footer__link-list {
display: block !important;
visibility: visible;
padding: 0 20px 18px !important;
background: var(--footer-mobile-accordion-bg);
}
.footer.footer--jupoja .footer-block.contact-us .contact p,
.footer.footer--jupoja .footer-block.contact-us .contact li,
.footer.footer--jupoja .footer-block.contact-us .contact div {
color: var(--footer-mobile-accordion-muted) !important;
font-size: 15px !important;
font-weight: 400 !important;
margin-bottom: 10px !important;
}
.footer.footer--jupoja .footer-block.contact-us .contact a {
color: var(--footer-mobile-accordion-muted) !important;
}
.footer.footer--jupoja .footer-block.contact-us .contact a:hover {
color: var(--footer-mobile-accordion-text) !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text .footer__contact-company strong,
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text strong {
color: var(--footer-mobile-accordion-text) !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a {
color: var(--footer-mobile-accordion-muted) !important;
font-weight: 600;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a[href^="tel:"] {
display: inline-block;
min-height: 44px;
line-height: 44px;
padding: 0 2px;
pointer-events: auto !important;
touch-action: manipulation;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text a:hover {
color: var(--footer-mobile-accordion-text) !important;
}
.footer.footer--jupoja .footer-block.contact-us .footer__contact-text .footer__contact-iban {
color: var(--footer-mobile-accordion-muted);
}
/* —— 4. Apie + apatinė juosta (tamsus fonas) —— */
.footer.footer--jupoja .footer-middle,
.footer.footer--jupoja .footer__about {
padding: 18px 16px 16px;
font-size: 13px;
line-height: 1.6;
border-top: 1px solid var(--footer-line);
border-bottom: 0;
text-align: left;
}
.footer.footer--jupoja .footer__about-inner {
margin-left: 0;
margin-right: 0;
text-align: left;
}
.footer.footer--jupoja .footer__about-title {
font-size: 15px;
margin-bottom: 8px;
text-align: left;
}
.footer.footer--jupoja .footer__about-text,
.footer.footer--jupoja .footer__about-text p,
.footer.footer--jupoja .footer__about-text div {
text-align: left;
}
.footer.footer--jupoja .footer__about-toggle {
display: inline-block;
text-align: left;
}
.footer.footer--jupoja .footer__about-text.is-collapsed {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.footer.footer--jupoja .footer-lower,
.footer.footer--jupoja .footer__bar {
padding: 10px 16px 8px !important;
}
.footer.footer--jupoja .footer-lower-container,
.footer.footer--jupoja .footer__bar-inner {
padding: 0;
}
.footer.footer--jupoja .footer-lower-contents,
.footer.footer--jupoja .footer__bar-row {
flex-direction: column !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 12px !important;
min-height: 0 !important;
height: auto !important;
}
.footer.footer--jupoja .footer-lower-left,
.footer.footer--jupoja .footer__legal {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
text-align: left !important;
}
.footer.footer--jupoja .footer-lower-right,
.footer.footer--jupoja .footer__payments {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
margin-left: 0 !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
text-align: right !important;
gap: 8px 10px !important;
}
.footer.footer--jupoja .footer-lower .footer-lower-contents > div {
margin-bottom: 0 !important;
}
.footer.footer--jupoja .footer-designed-by {
margin-top: 4px;
}
.footer.footer--jupoja .footer-cards-label {
margin: 0;
font-size: 12px;
display: inline-block;
width: auto;
white-space: nowrap;
}
.footer.footer--jupoja .footer-lower-container .theme-selector {
margin-top: 6px;
}
.footer.footer--jupoja .footer-copyrights,
.footer.footer--jupoja .footer__legal p {
font-size: 11px;
line-height: 1.5;
text-align: left;
}
.footer.footer--jupoja .footer-payment-logos {
justify-content: flex-end;
gap: 4px 5px;
}
.footer.footer--jupoja .footer-payment-logos img {
height: 22px;
}
.footer.footer--jupoja #go-to-top {
bottom: calc(72px + env(safe-area-inset-bottom, 0px));
}
}
/* ==========================================================================
[lojalumas] Lojalumo programa PLIUS (.lojalumas-mm)
========================================================================== */
/* Page Builder — Lojalumo programa PLIUS (.lojalumas-mm)
Įklijuokite į šio puslapio Page Builder CSS lauką.
HTML — lojalumas.html
Paveikslėliai: /Themes/Kingdom/Content/images/lojalumas/ */
/* Pilno pločio layout — kaip kontaktų puslapyje (be Kingdom .topic-page dėžutės) */
html .center-1 .topic-page:has(.lojalumas-mm),
html .center-2 .topic-page:has(.lojalumas-mm) {
box-shadow: none;
border-radius: 0;
margin: 0;
padding: 0;
background: transparent;
max-width: none;
min-height: 0;
}
.html-topic-page .topic-page:has(.lojalumas-mm) .page-body {
padding: 0;
}
.html-topic-page .topic-page:has(.lojalumas-mm) .topic-block-title {
display: none;
}
.lojalumas-mm .gjs-row {
display: block;
padding: 0;
margin: 0;
width: 100%;
}
.lojalumas-mm .gjs-cell {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
.lojalumas-mm {
--lj-accent: #FCDF00;
--lj-accent-soft: #FFFBD4;
--lj-text: #434242;
--lj-muted: #5B5B5B;
--lj-border: #F5F5F5;
--lj-link: #1B47A0;
--lj-bg: #fff;
--lj-radius: 4px;
width: 100%;
overflow-x: clip;
font-family: "Open Sans", "Noto Sans", "Segoe UI", Arial, sans-serif;
color: var(--lj-text);
line-height: 1.65;
font-size: 15px;
}
.lojalumas-mm *,
.lojalumas-mm *::before,
.lojalumas-mm *::after {
box-sizing: border-box;
}
/* Kingdom .container plotis */
.lojalumas-mm .container-mm {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) {
.lojalumas-mm .container-mm {
max-width: calc(100% - 30px);
}
}
@media (min-width: 1200px) {
.lojalumas-mm .container-mm {
max-width: calc(100% - 80px);
padding-left: 7.5px;
padding-right: 7.5px;
}
}
@media (min-width: 1600px) {
.lojalumas-mm .container-mm {
max-width: 1660px;
width: calc(100% - 80px);
padding-left: 7.5px;
padding-right: 7.5px;
}
}
.lojalumas-mm__title {
margin: 0 0 28px;
padding: 0 0 22px;
font-size: var(--jupoja-fs-page, 36px);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
text-align: left;
line-height: 1.2;
color: var(--lj-text);
border-bottom: 2px solid var(--lj-accent);
}
.lojalumas-mm__section {
margin-bottom: 40px;
}
.lojalumas-mm__section-title {
margin: 0 0 18px;
padding: 0 0 14px;
font-size: var(--jupoja-fs-section, 30px);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--lj-text);
line-height: 1.3;
border-bottom: 2px solid var(--lj-accent);
}
.lojalumas-mm__subsection {
margin: 32px 0;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
}
.lojalumas-mm__subsection-title {
margin: 0 0 14px;
font-size: 1.05rem;
font-weight: 700;
color: var(--lj-link);
line-height: 1.35;
}
.lojalumas-mm__list {
margin: 0;
padding-left: 1.35rem;
}
.lojalumas-mm__list > li {
margin-bottom: 14px;
padding-left: 0.25rem;
}
.lojalumas-mm__list > li:last-child {
margin-bottom: 0;
}
.lojalumas-mm__clause-list {
list-style: none;
margin: 14px 0 0;
padding: 0;
}
.lojalumas-mm__clause-list > li {
margin-bottom: 12px;
padding-left: 0;
}
.lojalumas-mm__clause-list--nested {
margin-top: 10px;
padding-left: 1.25rem;
}
.lojalumas-mm__clause-num {
font-weight: 700;
margin-right: 0.2em;
}
.lojalumas-mm p {
margin: 0 0 14px;
}
.lojalumas-mm p:last-child {
margin-bottom: 0;
}
.lojalumas-mm a {
color: var(--lj-link);
font-weight: 600;
text-decoration: none;
word-break: break-word;
}
.lojalumas-mm a:hover {
text-decoration: underline;
}
.lojalumas-mm strong {
font-weight: 700;
}
.lojalumas-mm__note {
margin: 20px 0 0;
padding: 14px 16px;
background: var(--lj-accent-soft);
border-left: 4px solid var(--lj-accent);
border-radius: 0 var(--lj-radius) var(--lj-radius) 0;
font-size: 0.95rem;
line-height: 1.55;
}
.lojalumas-mm__note--alert {
background: #fff8f8;
border-left-color: #E31E24;
}
.lojalumas-mm__badge {
display: inline-block;
padding: 2px 8px;
border-radius: var(--lj-radius);
background: var(--lj-accent);
color: var(--lj-text);
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
vertical-align: middle;
}
.lojalumas-mm__price {
margin: 12px 0 0;
font-size: 1.05rem;
font-weight: 700;
color: var(--lj-text);
}
.lojalumas-mm__map {
position: relative;
width: 100%;
margin: 16px 0;
border: 1px solid var(--lj-border);
border-radius: var(--lj-radius);
overflow: hidden;
background: #eef1f4;
}
.lojalumas-mm__map iframe {
display: block;
width: 100%;
height: 420px;
border: 0;
}
.lojalumas-mm__table-wrap {
width: 100%;
margin: 16px 0;
overflow-x: auto;
border: 1px solid var(--lj-border);
border-radius: var(--lj-radius);
-webkit-overflow-scrolling: touch;
}
.lojalumas-mm__table {
width: 100%;
min-width: 480px;
border-collapse: collapse;
font-size: 0.92rem;
background: var(--lj-bg);
}
.lojalumas-mm__table th,
.lojalumas-mm__table td {
padding: 12px 14px;
border-bottom: 1px solid var(--lj-border);
text-align: center;
vertical-align: middle;
}
.lojalumas-mm__table th {
background: #f5f5f5;
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--lj-text);
}
.lojalumas-mm__table tbody tr:last-child td {
border-bottom: 0;
}
.lojalumas-mm__table tbody tr:hover td {
background: #fafafa;
}
.lojalumas-mm__table-caption {
margin: 0 0 10px;
font-size: 0.9rem;
color: var(--lj-muted);
font-style: italic;
}
.lojalumas-mm__divider {
margin: 36px 0;
border: 0;
border-top: 1px solid var(--lj-border);
}
.lojalumas-mm__hero,
.lojalumas-mm__visual {
width: 100%;
max-width: 100%;
margin: 0;
border-radius: var(--lj-radius);
overflow: hidden;
border: 1px solid var(--lj-border);
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.lojalumas-mm__hero {
margin-bottom: 36px;
max-width: 889px;
}
.lojalumas-mm__hero img,
.lojalumas-mm__visual img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
}
.lojalumas-mm__visual-row {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin: 0 0 28px;
}
.lojalumas-mm__visual-row .lojalumas-mm__visual,
.lojalumas-mm__visual-row .lojalumas-mm__visual--photo {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
}
@media (min-width: 768px) {
.lojalumas-mm__visual-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
}
.lojalumas-mm__split {
display: grid;
grid-template-columns: minmax(0, 48%) minmax(0, 1fr);
gap: 24px 32px;
align-items: start;
margin: 0 0 8px;
}
.lojalumas-mm__split--media-right {
grid-template-columns: minmax(0, 1fr) minmax(0, 48%);
}
.lojalumas-mm__split--media-right .lojalumas-mm__visual {
grid-column: 2;
grid-row: 1;
}
.lojalumas-mm__split--media-right .lojalumas-mm__split-body {
grid-column: 1;
grid-row: 1;
}
.lojalumas-mm__split--contact {
grid-template-columns: minmax(0, 1fr) minmax(0, 48%);
align-items: center;
}
.lojalumas-mm__split-body {
min-width: 0;
}
.lojalumas-mm__split-body .lojalumas-mm__list:first-child {
margin-top: 0;
}
.lojalumas-mm__split .lojalumas-mm__visual {
max-width: 100%;
}
.lojalumas-mm__contact-links {
font-size: 1.05rem;
font-weight: 600;
}
.lojalumas-mm__contact-visual {
margin: 0;
max-width: 100%;
}
.lojalumas-mm__benefits {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 24px 0 8px;
padding: 0;
list-style: none;
}
.lojalumas-mm__benefits > li {
margin: 0;
padding: 14px 16px;
background: var(--lj-accent-soft);
border-left: 4px solid var(--lj-accent);
border-radius: 0 var(--lj-radius) var(--lj-radius) 0;
font-size: 0.95rem;
font-weight: 600;
}
.lojalumas-mm__def-list {
margin: 0;
padding: 0;
list-style: none;
}
.lojalumas-mm__def-list > li {
margin: 0 0 14px;
padding: 0 0 14px;
border-bottom: 1px solid var(--lj-border);
}
.lojalumas-mm__def-list > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.lojalumas-mm__def-term {
display: block;
font-weight: 700;
margin-bottom: 4px;
color: var(--lj-link);
}
.lojalumas-mm__levels-caption {
margin: 12px 0 0;
font-size: 0.9rem;
color: var(--lj-muted);
font-style: italic;
}
@media (max-width: 1024px) {
.lojalumas-mm__benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lojalumas-mm__split,
.lojalumas-mm__split--media-right,
.lojalumas-mm__split--contact {
grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
gap: 20px 24px;
}
.lojalumas-mm__split--media-right {
grid-template-columns: minmax(0, 1fr) minmax(0, 42%);
}
}
@media (max-width: 900px) {
.lojalumas-mm__split,
.lojalumas-mm__split--media-right,
.lojalumas-mm__split--contact {
grid-template-columns: 1fr;
gap: 20px;
}
.lojalumas-mm__split--media-right .lojalumas-mm__visual,
.lojalumas-mm__split--media-right .lojalumas-mm__split-body {
grid-column: auto;
grid-row: auto;
}
.lojalumas-mm__split--media-right .lojalumas-mm__visual {
order: -1;
}
.lojalumas-mm__hero {
max-width: 100%;
}
}
@media (max-width: 768px) {
.lojalumas-mm__benefits {
grid-template-columns: 1fr;
}
.lojalumas-mm__section {
margin-bottom: 32px;
}
.lojalumas-mm__visual-row {
gap: 16px;
margin-bottom: 24px;
}
}
@media (max-width: 600px) {
.lojalumas-mm {
font-size: 14px;
}
.lojalumas-mm .container-mm {
padding-left: 12px;
padding-right: 12px;
}
.lojalumas-mm__title {
margin-bottom: 20px;
padding-bottom: 16px;
letter-spacing: 0.04em;
}
.lojalumas-mm__section-title {
padding-bottom: 12px;
font-size: clamp(16px, 4.5vw, 20px);
}
.lojalumas-mm__list {
padding-left: 1.1rem;
}
.lojalumas-mm__subsection {
margin: 24px 0;
}
.lojalumas-mm__map iframe {
height: 280px;
}
.lojalumas-mm__table {
min-width: 360px;
font-size: 0.85rem;
}
.lojalumas-mm__table th,
.lojalumas-mm__table td {
padding: 8px 6px;
font-size: 0.8rem;
}
.lojalumas-mm__contact-links {
font-size: 1rem;
}
.lojalumas-mm__benefits > li {
padding: 12px 14px;
font-size: 0.9rem;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [21] PDP delivery - moved to customCss-pdp.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [23] PDP cart wrapper - moved to customCss-pdp.css */
/* -------------------------------------------------------------------------- */
/* [15f] Globalūs pirkimo CTA — temos geltona (#FCDF00) + tamsus tekstas */
/* -------------------------------------------------------------------------- */
.product-item .add-info .buynow-btn,
.product-item .add-info .buynow-btn.button-2,
.product-item .add-info .product-box-add-to-cart-button,
.add-to-cart .add-to-cart-button,
.product-cart-wrapper .add-to-cart-button,
.buynow-btn.add-to-cart-checkout-button,
.checkout-button.button-1,
.cart-footer .checkout-button,
.order-summary-content .checkout-button,
.shopping-cart-page .common-buttons .checkout-button {
background: var(--jupoja-yellow) !important;
border-color: var(--jupoja-yellow) !important;
color: var(--jupoja-black) !important;
font-weight: 700 !important;
}
.product-item .add-info .buynow-btn:hover,
.product-item .add-info .buynow-btn:focus,
.product-item .add-info .product-box-add-to-cart-button:hover,
.product-item .add-info .product-box-add-to-cart-button:focus,
.add-to-cart .add-to-cart-button:hover,
.add-to-cart .add-to-cart-button:focus,
.product-cart-wrapper .add-to-cart-button:hover,
.product-cart-wrapper .add-to-cart-button:focus,
.buynow-btn.add-to-cart-checkout-button:hover,
.buynow-btn.add-to-cart-checkout-button:focus,
.checkout-button.button-1:hover,
.checkout-button.button-1:focus,
.cart-footer .checkout-button:hover,
.order-summary-content .checkout-button:hover,
.shopping-cart-page .common-buttons .checkout-button:hover {
background: var(--jupoja-dark) !important;
border-color: var(--jupoja-dark) !important;
color: var(--jupoja-white) !important;
}
.product-item:hover .add-info .buynow-btn:not(:hover):not(:focus),
.product-item:hover .add-info .product-box-add-to-cart-button:not(:hover):not(:focus) {
background: var(--jupoja-yellow) !important;
border-color: var(--jupoja-yellow) !important;
color: var(--jupoja-black) !important;
}
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button,
.shopping-cart-page .common-buttons .continue-shopping-button {
background: var(--jupoja-white) !important;
border: 2px solid var(--jupoja-yellow) !important;
color: var(--jupoja-dark) !important;
font-weight: 700 !important;
font-size: 14px;
line-height: 1.35;
padding: 12px 20px 12px 44px;
border-radius: 4px;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button::before,
.shopping-cart-page .common-buttons .continue-shopping-button::before {
color: var(--jupoja-dark) !important;
opacity: 1;
}
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button:hover,
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button:focus,
.shopping-cart-page .common-buttons .continue-shopping-button:hover,
.shopping-cart-page .common-buttons .continue-shopping-button:focus {
background: var(--jupoja-dark) !important;
border-color: var(--jupoja-dark) !important;
color: var(--jupoja-white) !important;
}
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button:hover::before,
.html-shopping-cart-page .order-summary-content .common-buttons .continue-shopping-button:focus::before,
.shopping-cart-page .common-buttons .continue-shopping-button:hover::before,
.shopping-cart-page .common-buttons .continue-shopping-button:focus::before {
color: var(--jupoja-white) !important;
}
.html-shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button,
.shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button,
.html-shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button,
.shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button {
background: var(--jupoja-white) !important;
border: 2px solid var(--jupoja-yellow) !important;
color: var(--jupoja-dark) !important;
font-weight: 700 !important;
border-radius: 4px !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.html-shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button:hover,
.html-shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button:focus,
.shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button:hover,
.shopping-cart-page .cart-options .coupon-box .apply-discount-coupon-code-button:focus,
.html-shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button:hover,
.html-shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button:focus,
.shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button:hover,
.shopping-cart-page .cart-collaterals .coupon-box .apply-discount-coupon-code-button:focus {
background: var(--jupoja-dark) !important;
border-color: var(--jupoja-dark) !important;
color: var(--jupoja-white) !important;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [10b] Cart page - moved to customCss-checkout.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [25] PDP attributes - moved to customCss-pdp.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [24] PDP sticky bar - moved to customCss-pdp.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [10d]-[10f] OPC checkout - moved to customCss-checkout.css */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* [12b] Info Page Builder — slepiame temos H1 + breadcrumb */
/* (pavadinimas yra widget HTML: .*-mm__title) */
/* -------------------------------------------------------------------------- */
html.html-topic-page:has(.prekiu-pristatymas-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.prekiu-pristatymas-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.grazinimas-garantija-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.grazinimas-garantija-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.privatumo-politika-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.privatumo-politika-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.projektine-prekyba-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.projektine-prekyba-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.lojalumas-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.lojalumas-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.faq-page-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.faq-page-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.faq-ans-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.faq-ans-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.leidiniai-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.leidiniai-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.stores-contacts-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.stores-contacts-mm) .master-column-wrapper > .breadcrumb,
html.html-topic-page:has(.info-page-mm) .master-wrapper-content > .breadcrumb,
html.html-topic-page:has(.info-page-mm) .master-column-wrapper > .breadcrumb {
display: none !important;
}
/* [12c] FAQ / DUK hub — plotis + hero (Page Builder .faq-page-mm) */
/* -------------------------------------------------------------------------- */
html .center-1 .topic-page:has(.faq-page-mm),
html .center-2 .topic-page:has(.faq-page-mm) {
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
max-width: none !important;
width: 100% !important;
}
.html-topic-page .topic-page:has(.faq-page-mm) .page-body {
padding: 0 !important;
}
.html-topic-page .topic-page:has(.faq-page-mm) .topic-block-title,
.html-topic-page .topic-page:has(.faq-page-mm) .page-title {
display: none !important;
}
.faq-page-mm {
width: 100% !important;
max-width: none !important;
}
.faq-page-mm__inner {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.faq-page-mm__inner {
max-width: calc(100% - 30px) !important;
}
}
@media (min-width: 1200px) {
.faq-page-mm__inner {
max-width: calc(100% - 80px) !important;
padding-left: 7.5px;
padding-right: 7.5px;
}
}
@media (min-width: 1600px) {
.faq-page-mm__inner {
max-width: 1660px !important;
width: calc(100% - 80px) !important;
}
}
.faq-page-mm__hero {
position: relative;
overflow: hidden;
background: #434242;
}
.faq-page-mm__hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
pointer-events: none;
}
.faq-page-mm__hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(rgba(67, 66, 66, 0.72), rgba(40, 40, 40, 0.78));
pointer-events: none;
}
.faq-page-mm__hero-inner {
position: relative;
z-index: 2;
}
/* -------------------------------------------------------------------------- */
/* [12d] FAQ / DUK atsakymai — /duk-atsakymai (.faq-ans-mm) */
/* -------------------------------------------------------------------------- */
html .center-1 .topic-page:has(.faq-ans-mm),
html .center-2 .topic-page:has(.faq-ans-mm) {
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
max-width: none !important;
width: 100% !important;
}
.html-topic-page .topic-page:has(.faq-ans-mm) .page-body {
padding: 0 !important;
}
.html-topic-page .topic-page:has(.faq-ans-mm) .topic-block-title,
.html-topic-page .topic-page:has(.faq-ans-mm) .page-title {
display: none !important;
}
.faq-ans-mm {
width: 100% !important;
max-width: none !important;
}
.faq-ans-mm__inner {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.faq-ans-mm__inner {
max-width: calc(100% - 30px) !important;
}
}
@media (min-width: 1200px) {
.faq-ans-mm__inner {
max-width: calc(100% - 80px) !important;
}
}
@media (min-width: 1600px) {
.faq-ans-mm__inner {
max-width: 1660px !important;
width: calc(100% - 80px) !important;
}
}
/* Atsakymai visada išskleisti (lengviau redaguoti Page Builder) */
html .faq-ans-mm .faq-ans-mm__card-excerpt,
html .faq-ans-mm .faq-ans-mm__more {
display: none !important;
}
html .faq-ans-mm .faq-ans-mm__card-body {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* Mobile accordion: atsakymai po pasirinkta kategorija */
@media (max-width: 991px) {
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__layout {
display: block !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__main.is-mobile-empty {
display: none !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__sidebar {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__sidebar > li {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__nav-link.is-active {
border-radius: 4px 4px 0 0 !important;
border-bottom-color: transparent !important;
box-shadow: inset 3px 0 0 #1B47A0 !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__sidebar .faq-ans-mm__section {
margin: 0 0 4px !important;
padding: 14px 12px 16px !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-top: 0 !important;
border-radius: 0 0 4px 4px !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__sidebar .faq-ans-mm__section-head {
display: none !important;
}
html .faq-ans-mm.is-mobile-accordion .faq-ans-mm__sidebar .faq-ans-mm__grid {
grid-template-columns: 1fr !important;
}
}
/* -------------------------------------------------------------------------- */
/* [12e] FAQ hub — 3 kortelės eilėje + didesnės ikonos (Senukai stilius) */
/* -------------------------------------------------------------------------- */
html .faq-page-mm .faq-page-mm__cats {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
}
@media (min-width: 700px) {
html .faq-page-mm .faq-page-mm__cats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px !important;
}
}
@media (min-width: 1100px) {
html .faq-page-mm .faq-page-mm__cats {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
}
}
html .faq-page-mm .faq-page-mm__cat {
padding: 32px 28px 24px !important;
border-radius: 6px !important;
align-items: stretch !important;
}
html .faq-page-mm .faq-page-mm__cat-icon {
width: 72px !important;
height: 72px !important;
margin: 0 auto 18px !important;
justify-content: center !important;
}
html .faq-page-mm .faq-page-mm__cat-icon svg {
width: 64px !important;
height: 64px !important;
}
html .faq-page-mm .faq-page-mm__cat-title {
text-align: center !important;
margin-bottom: 20px !important;
}
html .faq-page-mm .faq-page-mm__q-mark {
width: 26px !important;
height: 26px !important;
font-size: 14px !important;
}
/* -------------------------------------------------------------------------- */
/* Prekių kortelių pavadinimai — centre VISUR (karuselės, katalogas, tabai, related) */
/* -------------------------------------------------------------------------- */
.product-item .details .product-title,
.product-item .details .product-title a,
.product-item .add-info .product-title,
.product-item .add-info .product-title a,
.product-grid .item-box .product-item .details .product-title,
.product-grid .item-box .product-item .details .product-title a,
.product-list .item-box .product-item .details .product-title,
.product-list .item-box .product-item .details .product-title a,
.related-products-grid .product-item .details .product-title,
.related-products-grid .product-item .details .product-title a,
.also-purchased-products-grid .product-item .details .product-title,
.also-purchased-products-grid .product-item .details .product-title a,
.cross-sell-products .product-item .details .product-title,
.cross-sell-products .product-item .details .product-title a,
.cms-related-products .product-item .details .product-title,
.cms-related-products .product-item .details .product-title a {
text-align: center !important;
}
/* Buvusi kaina kortelėse — šiek tiek didesnė (13 → 15) */
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-label,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .pdp-purchase-card__price-amount,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-price,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .old-product-price,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .non-discounted-price,
.product-item .add-info .catalog-card__prices .pdp-purchase-card__price-col--old .price-unit-info,
.product-item .add-info .prices .old-price {
font-size: var(--jupoja-card-old-price-fs, 15px) !important;
}