/* RINKO dizainas v2.1 — one palette and type system for the whole shop.
   Everything is scoped to body.rk-v2 (added by the RINKO dizainas plugin) and works through WoodMart's and
   Elementor's own CSS variables where they exist, so theme updates keep working and "off" restores the old look.
   2026-09-28 refinement after design review: off-white instead of beige, richer charcoal-navy, muted terracotta CTA,
   prices in charcoal (red only for sale prices), no top utility bar, borderless cards, 8 px corners.
   Contrast (WCAG AA): white on CTA #b0513a 5.1:1 · ink #172332 on #fafaf8 15:1 · text #454f59 8:1 · sale red 6.5:1. */

body.rk-v2 {
  --rk-ink: #172332; --rk-ink-2: #22324a; --rk-brand: #2f6480;
  --rk-cta: #b0513a; --rk-cta-hover: #99432f;
  --rk-amber: #e0a33b; --rk-amber-soft: #fbf1dc;
  --rk-bg: #fafaf8; --rk-bg-2: #f1f2ef; --rk-line: #e7e8e4;
  --rk-text: #454f59; --rk-muted: #6b7580; --rk-price: #172332; --rk-sale: #b3261e; --rk-green: #1c7a45;
  --rk-radius: 14px; --rk-btn-radius: 8px;
  --rk-shadow-hover: 0 12px 32px rgba(23, 35, 50, .10), 0 2px 6px rgba(23, 35, 50, .06);
  --rk-serif: "DM Serif Display", Georgia, "Times New Roman", serif;

  /* WoodMart */
  --wd-primary-color: var(--rk-cta);
  --wd-alternative-color: var(--rk-brand);
  --wd-link-color: var(--rk-brand);
  --wd-link-color-hover: var(--rk-ink);
  --wd-text-color: var(--rk-text);
  --wd-title-color: var(--rk-ink);
  --wd-entities-title-color: var(--rk-ink);
  --wd-entities-title-color-hover: var(--rk-brand);
  --wd-widget-title-color: var(--rk-ink);
  --btn-accented-bgcolor: var(--rk-cta);
  --btn-accented-bgcolor-hover: var(--rk-cta-hover);
  --btn-accented-brd-radius: var(--rk-btn-radius);
  --btn-default-bgcolor: #fff;
  --btn-default-bgcolor-hover: var(--rk-bg-2);
  --btn-default-color: var(--rk-ink);
  --btn-default-color-hover: var(--rk-ink);
  --btn-default-brd-radius: var(--rk-btn-radius);
  --btn-transform: none; /* Lithuanian is not written in Title Case */
  /* Elementor global colours: were never set, so Elementor's default light blue #6EC1E4 leaked into the footer */
  --e-global-color-primary: var(--rk-cta);
  --e-global-color-secondary: var(--rk-ink);
  --e-global-color-text: var(--rk-text);
  --e-global-color-accent: var(--rk-amber);
  --wd-top-bar-h: .00001px; --wd-top-bar-sm-h: .00001px; --wd-top-bar-sticky-h: .00001px; --wd-top-bar-brd-w: .00001px;
  /* WoodMart sums these on :root, where the top bar still counts 40 + 1 px; redeclared here so they recompute without it.
     Otherwise the sticky header reserves 201 px for a 161 px header: a 40 px empty band above the free-delivery bar. */
  --wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
  --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w));
  --wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w));
  --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w));
  --wd-header-el-transform: none;
  --wd-form-brd-radius: var(--rk-btn-radius); /* fields: 8 px like the buttons (theme default 30 px pills) */
  background-color: var(--rk-bg);
  color: var(--rk-text);
}
body.rk-v2 :is(.wd-page-content, .main-page-wrapper, .website-wrapper) { background-color: var(--rk-bg); }

/* Closed off-canvas panels (mobile menu, mini cart, login) are white, visible and parked with their edge exactly on
   the screen edge; at fractional Windows scaling a 1 px sliver shows as a white line along the dark footer/header.
   Hidden while closed; the visibility switch waits for WoodMart's .5 s slide so closing still animates. */
body.rk-v2 .wd-side-hidden:not(.wd-opened) { visibility: hidden; transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear .5s; }

/* ---------------------------------------------------------------- type */
body.rk-v2 :is(h1.entry-title, .wd-woo-page-title .title, .page-title .title, .wd-el-title .title, .elementor-widget-wd_title .title) {
  font-family: var(--rk-serif); font-weight: 400; color: var(--rk-ink); letter-spacing: -.01em;
}
body.rk-v2 .wd-entities-title, body.rk-v2 .wd-entities-title a { color: var(--rk-ink); font-weight: 500; }

/* ---------------------------------------------------------------- header: no utility bar (its links are all in the footer), bigger search */
body.rk-v2 .whb-top-bar { display: none !important; }
body.rk-v2 .whb-general-header { background-color: var(--rk-ink) !important; }
body.rk-v2 .whb-general-header .searchform input[type="text"] { min-height: 48px; background: #fff; border-color: transparent; color: var(--rk-ink); font-size: 15px; }
body.rk-v2 .whb-general-header .searchform .searchsubmit { background-color: var(--rk-cta); color: #fff; }
body.rk-v2 .wd-header-cart .wd-cart-number, body.rk-v2 .wd-tools-count { background-color: var(--rk-amber); color: var(--rk-ink); }
body.rk-v2 .whb-general-header :is(.wd-header-my-account, .wd-tools-element:not(.wd-header-cart)) > a { color: #fff; }
body.rk-v2 .whb-header-bottom { background-color: #fff !important; border-bottom: 1px solid var(--rk-line); }
body.rk-v2 .whb-header-bottom .wd-nav-main > li > a { color: var(--rk-ink); font-weight: 600; letter-spacing: .02em; }
body.rk-v2 .whb-header-bottom .wd-nav-main > li:hover > a, body.rk-v2 .whb-header-bottom .wd-nav-main > li.current-menu-item > a { color: var(--rk-cta); }
body.rk-v2 .free-shipping-banner { background: var(--rk-amber-soft); color: var(--rk-ink); border-color: #f1e2c1; letter-spacing: .04em; box-shadow: none; }

/* ---------------------------------------------------------------- product cards: borderless, soft shadow on hover */
body.rk-v2 .wd-product .wd-product-wrapper {
  background: #fff; border: 0; border-radius: var(--rk-radius); box-shadow: none;
  transition: box-shadow .25s ease, transform .25s ease;
}
@media (hover: hover) {
  body.rk-v2 .wd-product:hover .wd-product-wrapper { box-shadow: var(--rk-shadow-hover); transform: translateY(-3px); }
}
body.rk-v2 .wd-product .price, body.rk-v2 .wd-product .price .amount, body.rk-v2 .summary .price .amount { color: var(--rk-price); font-weight: 700; }
body.rk-v2 .wd-product .price ins .amount, body.rk-v2 .summary .price ins .amount { color: var(--rk-sale); }
body.rk-v2 .wd-product .price del .amount, body.rk-v2 .summary .price del .amount { color: #99a1a8; font-weight: 400; }
body.rk-v2 :is(.price > .amount, .price > .woocommerce-Price-amount, .order-total .amount) { color: var(--rk-price); }
body.rk-v2 .price ins .amount { color: var(--rk-sale); }
body.rk-v2 .wd-free-progress-bar .amount { color: var(--rk-cta); }
body.rk-v2 .woocommerce-price-suffix { color: var(--rk-muted); font-size: .78em; font-weight: 400; }
body.rk-v2 .product-labels .product-label.onsale { background-color: var(--rk-amber); color: var(--rk-ink); font-weight: 700; }
body.rk-v2 .product-labels .product-label.new { background-color: var(--rk-brand); color: #fff; }
body.rk-v2 :is(.wd-product-stock.in-stock, .stock.in-stock, p.stock.in-stock) { color: var(--rk-green) !important; }
body.rk-v2 .wd-product .wd-add-btn .button, body.rk-v2 .wd-product .add_to_cart_button { border-radius: var(--rk-btn-radius); }

/* phones: price and "su PVM" on a tidy two-line layout instead of an accidental wrap */
@media (max-width: 767px) {
  body.rk-v2 .wd-product .price { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; column-gap: 6px; row-gap: 0; }
  body.rk-v2 .wd-product .price .woocommerce-price-suffix { flex-basis: 100%; text-align: center; font-size: 11px; line-height: 1.3; }
}

/* ---------------------------------------------------------------- buttons */
body.rk-v2 :is(.single_add_to_cart_button, .checkout-button, .wd-buy-now-btn, #place_order) { border-radius: var(--rk-btn-radius) !important; font-weight: 700; letter-spacing: .01em; transition: background-color .2s, transform .2s, box-shadow .2s; }
body.rk-v2 :is(.single_add_to_cart_button, .checkout-button, #place_order):hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(176, 81, 58, .25); }
body.rk-v2 .wd-sticky-btn .single_add_to_cart_button { background-color: var(--rk-cta); }

/* ---------------------------------------------------------------- product page */
/* delivery & returns card (container 8f68869 holding four one-line list widgets): one white card with a small heading,
   rows split by hairlines, icons in soft amber circles (same tone as the free-delivery bar), delivery time in bold */
body.rk-v2.single-product .elementor-element-8f68869 { background: #fff; border: 1px solid var(--rk-line) !important; border-radius: var(--rk-radius) !important; padding: 22px 24px 10px !important; box-shadow: 0 1px 2px rgba(23, 35, 50, .04); }
body.rk-v2.single-product .elementor-element-8f68869 { display: flex; flex-direction: column; }
body.rk-v2.single-product .elementor-element-8f68869::before { content: "Pristatymas ir grąžinimas"; display: block; flex: none; position: static !important; inset: auto; width: auto; height: auto; background: none !important; opacity: 1 !important; border: 0; mix-blend-mode: normal; margin: 0 0 4px; font-family: var(--rk-serif); font-size: 19px; line-height: 1.2; color: var(--rk-ink); }
/* (Elementor makes container ::before an absolute overlay; reset above) */
/* each row sits in its own container with padding and gaps: flattened so the rows are evenly spaced */
body.rk-v2.single-product .elementor-element-8f68869 .e-con { --gap: 0px; --row-gap: 0px; --column-gap: 0px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; gap: 0; padding: 0; margin: 0; min-height: 0; }
body.rk-v2.single-product .elementor-element-f5452ee { display: none; } /* divider between the lists */
body.rk-v2.single-product .e-con:has(> .elementor-element-57bb599) { width: 100%; --width: 100%; } /* was half width on phones */
body.rk-v2.single-product :is(.elementor-element-57bb599, .elementor-element-fd61d08, .elementor-element-4369fea, .elementor-element-9ea01e3) { width: 100%; max-width: 100%; flex: 1 1 100%; margin: 0 !important; }
body.rk-v2.single-product :is(.elementor-element-57bb599, .elementor-element-fd61d08, .elementor-element-4369fea, .elementor-element-9ea01e3) .wd-list { width: 100%; margin: 0; }
body.rk-v2.single-product :is(.elementor-element-57bb599, .elementor-element-fd61d08, .elementor-element-4369fea, .elementor-element-9ea01e3) .wd-list > li {
  display: flex; align-items: center; gap: 14px; width: 100%; margin: 0; padding: 13px 0; background: none; border-radius: 0;
  border-top: 1px solid var(--rk-line); font-size: 14.5px; font-weight: 500; line-height: 1.4; color: var(--rk-ink);
}
body.rk-v2.single-product .elementor-element-57bb599 .wd-list > li { border-top: 0; }
body.rk-v2.single-product :is(.elementor-element-57bb599, .elementor-element-fd61d08, .elementor-element-4369fea, .elementor-element-9ea01e3) .wd-icon {
  display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; margin: 0; border-radius: 50%; background: var(--rk-amber-soft);
}
/* the icons are pink SVG files: shown in charcoal */
body.rk-v2.single-product :is(.elementor-element-57bb599, .elementor-element-fd61d08, .elementor-element-4369fea, .elementor-element-9ea01e3) .wd-icon img { width: 20px; height: 20px; filter: grayscale(1) brightness(.3); }
body.rk-v2.single-product .elementor-element-57bb599 .rk-dd { font-weight: 700; }
@media (max-width: 767px) { body.rk-v2.single-product .elementor-element-8f68869 { padding: 18px 18px 6px !important; } }
/* reviews: the form opens from one button (rinko-design.php); fields with the same 8 px corners as the rest */
body.rk-v2.single-product .rk-review-toggle { display: inline-flex; align-items: center; min-height: 44px; margin: 14px 0 4px; padding: 0 22px; border: 1.5px solid var(--rk-ink); border-radius: var(--rk-btn-radius); background: #fff; color: var(--rk-ink); font: inherit; font-weight: 600; cursor: pointer; transition: background-color .15s, color .15s; }
body.rk-v2.single-product .rk-review-toggle:hover { background: var(--rk-ink); color: #fff; }
body.rk-v2.single-product #review_form :is(input[type=text], input[type=email], textarea) { border-radius: var(--rk-btn-radius); }
/* "Pirkti dabar": charcoal outline next to the terracotta "Į krepšelį" (Customizer CSS forces pink with !important) */
body.rk-v2.single-product .wd-buy-now-btn { background: #fff !important; color: var(--rk-ink) !important; border: 1.5px solid var(--rk-ink) !important; border-radius: var(--rk-btn-radius) !important; }
body.rk-v2.single-product .wd-buy-now-btn:hover { background: var(--rk-ink) !important; color: #fff !important; }

/* ---------------------------------------------------------------- homepage */
body.rk-v2 .rh-card::after { background: linear-gradient(to top, rgba(12, 20, 30, .84) 0%, rgba(12, 20, 30, .44) 42%, rgba(12, 20, 30, 0) 72%); }
body.rk-v2 .rh-d::after { background: linear-gradient(to right, rgba(12, 20, 30, .84) 0%, rgba(12, 20, 30, .40) 38%, rgba(12, 20, 30, 0) 64%); }
body.rk-v2 :is(.rh-eye, .rs-eye) { color: var(--rk-amber) !important; }
body.rk-v2 .rh-btn { background: #fff; color: var(--rk-ink); border-radius: var(--rk-btn-radius); }
body.rk-v2 .rh-card:hover .rh-btn { background: var(--rk-cta); color: #fff; }
body.rk-v2 .rs-btn { background: #fff !important; color: var(--rk-ink) !important; border-radius: var(--rk-btn-radius) !important; }
body.rk-v2 .rh-card img, body.rk-v2 .rs-card img { animation: rk-settle 7s ease-out both; } /* slow settle-in of the hero photos */
@keyframes rk-settle { from { transform: scale(1.06); } to { transform: scale(1); } }
body.rk-v2 .rt-bar { background: #fff; border-color: var(--rk-line); }
body.rk-v2 .wd-tabs-header .tabs-name::after, body.rk-v2 .wd-el-title.element-title::after { background-color: var(--rk-cta) !important; }
body.rk-v2 :is(.rk-about, .rk-pop) .rk-eye { color: var(--rk-cta) !important; }
body.rk-v2 .elementor-17 .elementor-element-9da93bb { background-color: transparent !important; }
body.rk-v2 .wd-banner .banner-subtitle, body.rk-v2 .wd-banner .wd-banner-subtitle { color: var(--rk-amber) !important; }
/* category cards replace the text pills (same links; shortcode [rinko_popular_categories]) */
body.rk-v2 .rk-pop:has(.rk-cats) .rk-pop-list { display: none; }

/* ---------------------------------------------------------------- checkout (classic form): calmer fields, distinct order summary */
body.rk-v2.woocommerce-checkout .woocommerce form .form-row :is(input.input-text, select, textarea) { min-height: 44px; border-radius: var(--rk-btn-radius); }
body.rk-v2.woocommerce-checkout .woocommerce-checkout-review-order,
body.rk-v2.woocommerce-checkout #order_review { background: #fff; border: 1px solid var(--rk-line); border-radius: var(--rk-radius); padding: 20px; }
body.rk-v2.woocommerce-checkout :is(#order_review_heading, .woocommerce-billing-fields > h3, .woocommerce-additional-fields > h3) { font-family: var(--rk-serif); font-weight: 400; color: var(--rk-ink); }
/* sums in charcoal like all prices (the theme paints them terracotta through the primary colour) */
body.rk-v2.woocommerce-checkout .woocommerce-checkout-review-order-table :is(.cart-subtotal, .woocommerce-shipping-totals) .amount,
body.rk-v2.woocommerce-cart :is(.cart_totals .cart-subtotal, .cart_totals .woocommerce-shipping-totals, .woocommerce-cart-form .product-subtotal) .amount { color: var(--rk-ink); }
/* country field: same 8 px corners and height as the other fields (select2 was a pill) */
body.rk-v2.woocommerce-checkout .select2-container .select2-selection--single { border-radius: var(--rk-btn-radius); min-height: 44px; }
/* delivery options as selectable rows: radio first, left-aligned, selected row outlined */
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) tr.woocommerce-shipping-totals > th:empty { display: none; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) tr.woocommerce-shipping-totals > td { text-align: left; padding-left: 0; padding-right: 0; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method { margin: 0; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method > li { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; padding: 12px 14px; border: 1px solid var(--rk-line); border-radius: var(--rk-btn-radius); background: #fff; text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method > li:has(input:checked) { border-color: var(--rk-ink); background: var(--rk-bg); box-shadow: inset 0 0 0 1px var(--rk-ink); }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method > li > input { order: 0; margin: 0; flex: none; accent-color: var(--rk-ink); width: 18px; height: 18px; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method > li > label { order: 1; flex: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin: 0; cursor: pointer; color: var(--rk-ink); }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method .dpd-carrier-icon-image-holder { margin-left: auto; line-height: 0; }
body.rk-v2:is(.woocommerce-checkout, .woocommerce-cart) #shipping_method .dpd-carrier-icon-image-holder img { max-height: 22px; width: auto; }

/* ---------------------------------------------------------------- cart, account, search */
body.rk-v2 .whb-header { --wd-form-brd-radius: 30px; } /* header search stays a pill */
body.rk-v2:is(.woocommerce-cart, .woocommerce-account) :is(.cart_totals > h2, .cross-sells > h2, .wd-login-title) { font-family: var(--rk-serif); font-weight: 400; color: var(--rk-ink); text-transform: none; letter-spacing: -.005em; }
/* coupon: a secondary action, so an outline (the terracotta button stays for "Tęsti atsiskaitymą") */
body.rk-v2.woocommerce-cart .coupon :is(button, .button) { background: #fff !important; color: var(--rk-ink) !important; border: 1.5px solid var(--rk-ink) !important; border-radius: var(--rk-btn-radius) !important; box-shadow: none !important; }
body.rk-v2.woocommerce-cart .coupon :is(button, .button):hover { background: var(--rk-ink) !important; color: #fff !important; }
body.rk-v2.woocommerce-cart #shipping_method > li:has(input[value^="pickup_location"]) { display: none; } /* Customizer hides pickup in the cart (chosen at checkout) */
body.rk-v2.woocommerce-cart :is(.cart-totals-inner > h2, .wd-products-element .wd-el-title) { font-family: var(--rk-serif); font-weight: 400; color: var(--rk-ink); text-transform: none; }
body.rk-v2.woocommerce-account .col-register-text .btn { background: #fff; color: var(--rk-ink); border: 1.5px solid var(--rk-ink); border-radius: var(--rk-btn-radius); }
body.rk-v2.woocommerce-account .col-register-text .btn:hover { background: var(--rk-ink); color: #fff; }
/* search results: the shop template's top-level category carousel ("-naujausios-", "Pristatymas per 1 d.d.") has
   nothing to do with the query and pushed the results a full screen down on phones; category pages keep theirs */
body.rk-v2.search .elementor-widget:has(> .elementor-widget-container > .wd-cats-element) { display: none; }

/* cookie banner: palette colours, both choices equally easy to press (same size, only the colour differs) */
body.rk-v2 #rinko-cc .rinko-cc-btn { border-radius: var(--rk-btn-radius); font-weight: 600; }
body.rk-v2 #rinko-cc .rinko-cc-accept { background: var(--rk-ink); color: #fff; }
body.rk-v2 #rinko-cc .rinko-cc-reject { background: #fff; color: var(--rk-ink); border: 1.5px solid var(--rk-ink); }
body.rk-v2 #rinko-cc a { color: var(--rk-brand); }

/* ---------------------------------------------------------------- footer */
body.rk-v2 .footer-container { background-color: var(--rk-ink); color: #c9d2da; }
body.rk-v2 .footer-container .main-footer { padding-top: 56px; }
body.rk-v2 .footer-container :is(.wd-el-title .title, .wd-toggle .wd-toggle-title, .elementor-heading-title, .title) { color: #fff !important; font-family: var(--rk-serif); font-weight: 400; }
body.rk-v2 .footer-container a { color: #dce3e9; }
body.rk-v2 .footer-container a:hover { color: var(--rk-amber); }
body.rk-v2 .footer-container :is(p, li, span) { color: #c9d2da; }
/* links: clickable only where the text is (they were full-column-width blocks) */
body.rk-v2 .footer-container :is(.wd-sub-menu, .menu, ul) > li > a { display: inline-flex; width: auto; max-width: 100%; }
body.rk-v2 .footer-container .wd-negative-gap.mailchimp-with-bg, body.rk-v2 .footer-container .elementor-element-2338bb5 { background-color: rgba(255, 255, 255, .06) !important; border-radius: var(--rk-radius); }
body.rk-v2 .footer-container .mc4wp-form input[type="email"] { background: #fff; border-color: transparent; border-radius: var(--rk-btn-radius); }
body.rk-v2 .footer-container .mc4wp-form :is(input[type="submit"], button) { background-color: var(--rk-cta) !important; color: #fff !important; border-radius: var(--rk-btn-radius) !important; }
body.rk-v2 .footer-container .rf-row { border-top: 0; padding-top: 12px; } /* the short stray divider line */
body.rk-v2 .footer-container .rf-label { color: #9fb0bc; }
body.rk-v2 .footer-container .rf-chip { border-color: transparent; }
body.rk-v2 .footer-container .rf-chip img { filter: grayscale(1); opacity: .8; transition: filter .2s, opacity .2s; }
body.rk-v2 .footer-container .rf-chip:hover img { filter: none; opacity: 1; }
body.rk-v2 .footer-container .rf-contact { color: #b9c4cd; }
body.rk-v2 .footer-container .rf-contact a { color: #fff; }
body.rk-v2 .footer-container .rf-seller { color: #93a3af; }
body.rk-v2 :is(.wd-copyrights, .copyrights-wrapper) { background-color: #111b27; color: #93a3af; border-top-color: rgba(255, 255, 255, .08); }

@media (prefers-reduced-motion: reduce) {
  body.rk-v2 .rh-card img, body.rk-v2 .rs-card img { animation: none; }
  body.rk-v2 .wd-product .wd-product-wrapper, body.rk-v2 :is(.single_add_to_cart_button, .checkout-button, #place_order) { transition: none; }
}

/* ---------------------------------------------------------------- popular categories as picture cards */
body.rk-v2 .elementor-element-rkpop01:has(.rk-cats) .rk-pop-list { display: none; }
body.rk-v2 .rk-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin: 6px 0 10px; }
body.rk-v2 .rk-cat { display: flex; flex-direction: column; gap: 8px; padding: 10px 10px 12px; background: #fff; border-radius: var(--rk-radius); text-decoration: none; color: var(--rk-ink); transition: box-shadow .25s, transform .25s; }
body.rk-v2 .rk-cat-img { display: block; aspect-ratio: 1; border-radius: 10px; background: var(--rk-bg-2); overflow: hidden; }
body.rk-v2 .rk-cat-img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s ease; }
body.rk-v2 .rk-cat-name { font-size: 14px; font-weight: 600; line-height: 1.3; text-align: center; color: var(--rk-ink); }
@media (hover: hover) {
  body.rk-v2 .rk-cat:hover { box-shadow: var(--rk-shadow-hover); transform: translateY(-2px); }
  body.rk-v2 .rk-cat:hover .rk-cat-img img { transform: scale(1.05); }
}
@media (max-width: 767px) {
  /* two swipeable rows instead of a very long grid */
  body.rk-v2 .rk-cats { grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: 132px; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
  body.rk-v2 .rk-cat { scroll-snap-align: start; padding: 8px 8px 10px; }
  body.rk-v2 .rk-cat-name { font-size: 13px; }
}