/* Agrowtek shop pages (J2Commerce 6): product list, product page, cart, checkout.
   Loaded AFTER J2Commerce's own stylesheet. Everything is scoped under .j2commerce. No external requests. */

.j2commerce { --shop-line: #d9dcda; --shop-soft: #f6f7f6; --shop-ink: #1d1d1d; --shop-leaf: #66bb6a; --shop-leaf-text: #2e7d32; --shop-dark: #303030; }
.j2commerce { padding-block: clamp(24px, 4vw, 56px); width: min(100% - 2 * var(--gap, 24px), 1200px); margin-inline: auto; }
.j2commerce h1, .j2commerce h2, .j2commerce h3 { font-family: var(--font-head, inherit); letter-spacing: -.012em; line-height: 1.15; }
.j2commerce h1 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); margin-bottom: .6em; }
.j2commerce .page-header { border: 0; margin: 0 0 1rem; padding: 0; }
.j2commerce .j2commerce-category-title { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.j2commerce a { color: var(--shop-leaf-text); }
.j2commerce a:hover { color: var(--shop-dark); }
.j2commerce .container { width: 100%; max-width: none; padding-inline: 0; }
.j2commerce .fs-xs { font-size: .8125rem; }

/* Buttons: same look as the rest of the site */
.j2commerce .btn { font-family: var(--font-head, inherit); letter-spacing: .01em; line-height: 1.1; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .45em; }
.j2commerce .btn-sm { min-height: 38px; padding: .45rem .8rem; }
.j2commerce .btn-primary { --bs-btn-color: #10260f; --bs-btn-hover-color: #10260f; --bs-btn-active-color: #10260f; --bs-btn-bg: #66bb6a; --bs-btn-border-color: #66bb6a; --bs-btn-hover-bg: #7ccb80; --bs-btn-hover-border-color: #7ccb80; --bs-btn-active-bg: #5aa85e; --bs-btn-active-border-color: #5aa85e; }
.j2commerce .btn-outline-primary { --bs-btn-color: #2e7d32; --bs-btn-border-color: #2e7d32; --bs-btn-hover-bg: #2e7d32; --bs-btn-hover-border-color: #2e7d32; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #256628; --bs-btn-active-color: #fff; }
.j2commerce .btn-success { --bs-btn-bg: #2e7d32; --bs-btn-border-color: #2e7d32; --bs-btn-hover-bg: #256628; --bs-btn-hover-border-color: #256628; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; }
.j2commerce .btn-link { color: var(--shop-leaf-text); text-decoration: underline; min-height: 0; }
.j2commerce :focus-visible { outline: 3px solid var(--shop-leaf); outline-offset: 2px; }

/* ---- Descriptions that were written for the old site (shown in tabs or an accordion) ---- */
.j2commerce-single-product :is(.tab-content, .accordion-body) img { display: inline-block !important; vertical-align: middle; max-width: 100%; height: auto; }
.j2commerce-single-product :is(.tab-content, .accordion-body) img[src*="icon"] { margin-right: .4rem; }
.j2commerce-single-product :is(.tab-content, .accordion-body) :is(h1, h2) { font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important; margin: 1.6em 0 .5em; letter-spacing: -.01em; }
.j2commerce-single-product :is(.tab-content, .accordion-body) :is(h3, h4) { font-size: 1.2rem !important; margin: 1.3em 0 .4em; }
.j2commerce-single-product :is(.tab-content, .accordion-body) p { margin-bottom: .9rem; }
.j2commerce-single-product :is(.tab-content, .accordion-body) iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: .5rem; }
.j2commerce-single-product :is(.tab-content, .accordion-body) table { margin-bottom: 1rem; max-width: 100%; }
.j2commerce-single-product :is(.tab-content, .accordion-body) :is(td, th) { padding: .4rem .6rem; vertical-align: top; }
.j2commerce-single-product .nav-tabs { border-bottom: 2px solid var(--shop-line); gap: .25rem; margin-bottom: 1rem; }
.j2commerce-single-product .nav-tabs .nav-link { font-family: var(--font-head, inherit); font-weight: 700; color: var(--shop-ink); border: 0; border-bottom: 3px solid transparent; border-radius: 0; }
.j2commerce-single-product .nav-tabs .nav-link.active { color: var(--shop-leaf-text); border-bottom-color: var(--shop-leaf); background: transparent; }

/* ---- Category landing page (Product Categories View). Markup: .col > .j2commerce-category-card > h2.j2commerce-category-title > a, span.badge.bg-secondary, ul.j2commerce-category-children ---- */
.j2commerce-categories .j2commerce-category-grid { --bs-gutter-y: 2.25rem; margin-top: .5rem; }
.j2commerce .j2commerce-category-card { padding-top: .25rem; }
.j2commerce .j2commerce-category-card .j2commerce-category-title { font-family: var(--font-head, inherit); font-size: clamp(1.25rem, 2vw, 1.6rem) !important; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; margin: 0 0 .6rem !important; padding-bottom: .5rem !important; border-bottom: 3px solid var(--shop-leaf); }
.j2commerce .j2commerce-category-card .j2commerce-category-title a { color: var(--shop-ink) !important; text-decoration: none !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
.j2commerce .j2commerce-category-card .j2commerce-category-title a:hover { color: var(--shop-leaf-text) !important; }
.j2commerce .j2commerce-category-card .badge.bg-secondary { background: #eaf4ea !important; color: var(--shop-leaf-text) !important; border-radius: 999px; padding: .2rem .7rem; font-size: .8rem; font-weight: 600; }
.j2commerce .j2commerce-category-children { margin-top: .6rem !important; }
.j2commerce .j2commerce-category-children li { padding: .3rem 0 !important; border-bottom: 1px solid #eceeec; font-size: .95rem; }
.j2commerce .j2commerce-category-children li:last-child { border-bottom: 0; }
.j2commerce .j2commerce-category-children a.j2commerce-category-child-link { color: var(--shop-ink) !important; text-decoration: none !important; white-space: normal !important; }
.j2commerce .j2commerce-category-children a.j2commerce-category-child-link:hover { color: var(--shop-leaf-text) !important; text-decoration: underline !important; }
.j2commerce .j2commerce-category-children .text-body-secondary { color: #6a706c !important; margin-left: .25rem; }

/* ---- Product list: cards ---- */
.j2commerce .j2commerce-products-row { --bs-gutter-x: 1.25rem; --bs-gutter-y: 1.25rem; }
.j2commerce .j2commerce-product-item { background: #fff; border: 1px solid var(--shop-line); border-radius: .75rem; padding: 14px 14px 16px; transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease; }
.j2commerce .j2commerce-product-item:hover { border-color: #b8c3ba; box-shadow: 0 10px 24px rgba(0, 0, 0, .08); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .j2commerce .j2commerce-product-item, .j2commerce .j2commerce-product-item:hover { transition: none; transform: none; } }
.j2commerce .j2commerce-product-item .j2commerce-product-image { background: var(--shop-soft); border-radius: .5rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 12px !important; }
.j2commerce .j2commerce-product-item .j2commerce-product-image a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.j2commerce .j2commerce-product-item .j2commerce-product-image img { width: 100%; height: 100%; object-fit: contain; border: 0 !important; mix-blend-mode: multiply; padding: 8px; }
.j2commerce .j2commerce-product-title { font-family: var(--font-head, inherit); font-size: 1.05rem !important; font-weight: 700; line-height: 1.25; margin: 0 0 .6rem; min-height: 2.5em; }
.j2commerce .j2commerce-product-title a { color: var(--shop-ink); text-decoration: none; }
.j2commerce .j2commerce-product-title a:hover { color: var(--shop-leaf-text); text-decoration: underline; }
.j2commerce .j2commerce-product-item .j2commerce-price-sku-container { margin-bottom: .9rem !important; margin-top: auto; }
.j2commerce .j2commerce-product-price-container .sale-price, .j2commerce .product-price-container .sale-price { color: var(--shop-ink); font-variant-numeric: tabular-nums; font-family: var(--font-head, inherit); }
.j2commerce .j2commerce-product-item .sku, .j2commerce .j2commerce-product-sku { font-size: .8rem; color: #5c5c5c; }
.j2commerce .j2commerce-addtocart-form .btn { width: 100%; }
.j2commerce .j2commerce-product-item .input-group { flex-wrap: nowrap; }
.j2commerce .j2commerce-product-item .input-group .qty-input { flex: 0 0 68px; width: 68px; max-width: 68px; padding-inline: .25rem; text-align: center; }
.j2commerce .j2commerce-add-to-cart .qty-input, .j2commerce .j2commerce-add-to-cart input[name="product_qty"] { text-align: center; }
.j2commerce .badge.text-bg-info { background: #303030 !important; color: #fff !important; }
.j2commerce .j2commerce-out-of-stock { background: #e3e5e3; border-color: #e3e5e3; color: #5c5c5c; }

/* The collapsed options line on a card lists every option group (and writes "Sensor Probess"). Show a plain label instead. */
.j2commerce .j2commerce-options-button { font-size: 0 !important; display: inline-flex; align-items: center; gap: .4rem; text-decoration: none !important; min-height: 0; padding: .35rem 0 !important; }
.j2commerce .j2commerce-options-button::before { content: "Choose options"; font-size: .95rem; font-weight: 600; font-family: var(--font-head, inherit); color: var(--shop-leaf-text); }
.j2commerce .j2commerce-options-button .fs-xs { font-size: .8rem !important; }
.j2commerce .j2commerce-options-summary { font-size: 0; }
.j2commerce .j2commerce-options-summary::before { content: "Choose options"; font-size: .95rem; color: var(--shop-leaf-text); }

/* sort bar + filters */
.j2commerce .j2commerce-sidebar-filters-container { margin-top: .25rem; }
.j2commerce .filter-accordion .accordion-item { background: transparent; border-color: var(--shop-line); }
.j2commerce .filter-accordion .accordion-button { background: transparent; box-shadow: none; padding-inline: 0; font-family: var(--font-head, inherit); }
.j2commerce .filter-accordion .accordion-button:not(.collapsed) { color: var(--shop-ink); background: transparent; }
.j2commerce .filter-accordion .accordion-body { padding-inline: 0; }
.j2commerce .form-select, .j2commerce .form-control { min-height: 44px; }
.j2commerce .form-check-input:checked { background-color: #2e7d32; border-color: #2e7d32; }
.j2commerce .pagination { --bs-pagination-border-radius: .5rem; gap: 4px; justify-content: center; }
.j2commerce .page-link { border-radius: .5rem; min-width: 40px; text-align: center; }
.j2commerce .page-item.active .page-link { background: #303030; border-color: #303030; color: #fff; }

/* ---- Product page ---- */
.j2commerce-single-product .product-title { font-size: clamp(1.7rem, 3vw, 2.4rem); text-transform: none !important; }
.j2commerce-single-product .j2c-product-detail-media { padding-bottom: 1rem; }
.j2commerce-single-product .j2commerce-product-image .swiper-slide { display: flex; align-items: center; justify-content: center; background: var(--shop-soft); border-radius: .75rem; min-height: 320px; }
.j2commerce-single-product .j2commerce-product-image img { max-height: 520px; width: auto; max-width: 100%; margin-inline: auto; mix-blend-mode: multiply; }
.j2commerce-single-product .product-price-container { font-family: var(--font-head, inherit); }
.j2commerce-single-product .product-price-container .sale-price { font-size: 2rem; }
.j2commerce-single-product .j2commerce-addtocart-form { background: var(--shop-soft); border: 1px solid var(--shop-line); border-radius: .75rem; padding: 1rem 1.1rem 1.1rem; }
.j2commerce-single-product .j2commerce-addtocart-form .form-label, .j2commerce-single-product .j2commerce-addtocart-form label { font-weight: 600; }
.j2commerce-single-product .j2commerce-add-to-cart { align-items: stretch; gap: .75rem; }
.j2commerce-single-product .j2commerce-add-to-cart .btn { min-height: 48px; flex: 1 1 200px; }
.j2commerce-single-product .accordion { --bs-accordion-border-color: var(--shop-line); }
.j2commerce-single-product .accordion-button { font-family: var(--font-head, inherit); font-size: 1.15rem; }
.j2commerce-single-product .accordion-body table { width: 100%; }
.j2commerce-single-product .accordion-body img { max-width: 100%; height: auto; }
.j2commerce-single-product .accordion-body .table, .j2commerce-single-product .accordion-body table { border-color: var(--shop-line); }
/* The product photo must stay inside its column (the slide was wider than the column and got cropped) */
.j2commerce-single-product .j2commerce-product-image .swiper { max-width: 100%; overflow: hidden; border-radius: .75rem; }
.j2commerce-single-product .j2commerce-product-image .swiper-slide { width: 100% !important; }
.j2commerce-single-product .j2commerce-product-image .swiper-slide img:not(.zoomImg) { width: 100% !important; height: auto !important; max-width: 100% !important; max-height: 540px !important; object-fit: contain !important; }
/* The photo frame is square with object-fit: cover (cuts the sides off a wide picture): show the whole product instead */
.j2commerce-single-product .j2commerce-product-image :is(.ratio, .swiper-slide, a) { background: var(--shop-soft); border-radius: .75rem; }
.j2commerce .j2commerce-product-image img:not(.zoomImg), .j2commerce-single-product img.object-fit-cover:not(.zoomImg) { object-fit: contain !important; aspect-ratio: auto !important; }
/* swiper arrows: the icon font J2Commerce expects is not loaded, so draw simple arrows */
.j2commerce .btn-prev .si-chevron-left::before, .j2commerce .btn-next .si-chevron-right::before { font-family: var(--font-head, inherit); font-weight: 700; }
.j2commerce .btn-prev .si-chevron-left::before { content: "\2039"; }
.j2commerce .btn-next .si-chevron-right::before { content: "\203A"; }
.j2commerce .btn-icon { width: 2.5rem; height: 2.5rem; padding: 0; min-height: 0; border-radius: 50%; }
.j2commerce .si-shopping-cart { display: none; }

/* ---- Cart ---- */
.j2commerce th { text-align: left; }
.j2commerce th.text-end, .j2commerce td.text-end { text-align: right; }
.j2commerce th.text-center, .j2commerce td.text-center { text-align: center; }
.j2commerce .j2commerce-cart-table { --bs-table-bg: transparent; }
.j2commerce .j2commerce-cart-table thead th { font-family: var(--font-head, inherit); font-size: .85rem; text-transform: uppercase; letter-spacing: .06em; color: #5c5c5c; border-bottom: 2px solid var(--shop-ink); }
.j2commerce .j2commerce-cart-table tbody tr { border-bottom: 1px solid var(--shop-line); }
.j2commerce .cart-product-name a { color: var(--shop-ink); text-decoration: none; }
.j2commerce .cart-product-name a:hover { text-decoration: underline; }
.j2commerce .cart-totals-block { background: var(--shop-soft); border: 1px solid var(--shop-line); border-radius: .75rem; padding: 1.1rem 1.25rem 1.25rem; }
.j2commerce .cart-totals-block h3 { font-size: 1.25rem; }
.j2commerce .cart-footer { --bs-table-bg: transparent; margin-bottom: 0; }
.j2commerce .cart-footer th, .j2commerce .cart-footer td { padding: .55rem .25rem; }
.j2commerce .cart-footer tr:last-child th, .j2commerce .cart-footer tr:last-child td { font-weight: 700; font-size: 1.15rem; }
.j2commerce .j2commerce-qty-controls .input-group { border-radius: .5rem; overflow: hidden; background: #fff; }
.j2commerce .j2commerce-qty-controls input { max-width: 56px; text-align: center; border: 0; }

/* ---- Small screens ---- */
@media (max-width: 575.98px) {
  .j2commerce { padding-block: 20px; }
  .j2commerce .j2commerce-product-item .j2commerce-product-image { aspect-ratio: 16 / 10; }
  .j2commerce .j2commerce-product-title { min-height: 0; }
  .j2commerce-single-product .product-price-container .sale-price { font-size: 1.7rem; }
}

/* Button labels: J2Commerce capitalises every word ("Add To Cart"); use sentence case */
.j2commerce .j2commerce-cart-button-label, .j2commerce .j2commerce-cart-button { text-transform: none !important; }

/* ---- Product page photo. Real markup: .product-gallery-main.swiper > .swiper-slide > img.j2commerce-product-main-image[width=800][height=800] ---- */
.j2commerce .product-gallery-main { border-radius: .75rem; background: var(--shop-soft); }
.j2commerce .product-gallery-main .swiper-slide { display: flex; align-items: center; justify-content: center; background: var(--shop-soft); min-height: 280px; }
.j2commerce .product-gallery-main img.j2commerce-product-main-image { width: 100% !important; height: auto !important; max-height: 560px; aspect-ratio: auto !important; object-fit: contain !important; display: block; margin: 0 auto; }
.j2commerce .product-gallery-main .product-zoom-icon { z-index: 2; }
.j2commerce .product-gallery-thumbs img { object-fit: contain; background: var(--shop-soft); border-radius: .375rem; }

/* ---- Descriptions written for the old site: <div class="row"><div class="icon2"><img></div><div>text</div></div>.
   Bootstrap's .row forces every child to 100% width, which stacks the icon above its text. Lay these rows out as icon + text. ---- */
.j2commerce .product-ldesc .row { display: flex; flex-wrap: nowrap; align-items: center; gap: .7rem; margin: 0 0 .55rem; --bs-gutter-x: 0; --bs-gutter-y: 0; }
.j2commerce .product-ldesc .row > * { width: auto; max-width: 100%; flex: 0 1 auto; padding: 0; margin: 0; }
.j2commerce .product-ldesc .icon2 { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; min-width: 32px; }
.j2commerce .product-ldesc .icon2 img { display: block; max-height: 36px; width: auto; }
.j2commerce .product-ldesc img { display: inline-block; max-width: 100%; height: auto; border: 0; }
.j2commerce .product-ldesc h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important; margin: 1.6em 0 .5em; }
.j2commerce .product-ldesc h3, .j2commerce .product-ldesc h4 { font-size: 1.2rem !important; margin: 1.3em 0 .4em; }
.j2commerce .product-ldesc iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: .5rem; }
.j2commerce .product-ldesc ul { padding-left: 1.25rem; }
.j2commerce .product-ldesc li { margin-bottom: .25rem; }
.j2commerce .product-add-to-cart-group { display: flex; gap: .75rem; align-items: stretch; }
.j2commerce .product-add-to-cart-group .count-input { display: flex; align-items: center; border: 1px solid #b9bdba; border-radius: .5rem; background: #fff; }
.j2commerce .product-add-to-cart-group .j2commerce-qty-input { width: 52px; text-align: center; }
.j2commerce .product-add-to-cart-group .btn-icon { min-height: 0; width: 40px; padding: 0; }
.j2commerce .product-add-to-cart-group .j2commerce-cart-button { min-height: 52px; font-size: 1.05rem; }

/* ---- Product page layout: title above the photo, and no empty stock/brand row ----
   Real markup: .row.j2c-product-detail-row > .col-lg-6.j2c-product-detail-media + .col-lg-6.j2c-product-detail-info
   (h1.product-title, .sku-price-container, .stock-brand-container, .product-sdesc, form) */
.j2commerce-single-product .j2c-product-detail-row { display: grid !important; grid-template-columns: minmax(0, 1fr); column-gap: clamp(1.5rem, 4vw, 3.5rem); row-gap: 0; margin-inline: 0 !important; --bs-gutter-x: 0; --bs-gutter-y: 0; }
.j2commerce-single-product .j2c-product-detail-row > .col-lg-6 { width: auto; max-width: none; flex: none; padding: 0; margin: 0; }
.j2commerce-single-product .j2c-product-detail-info { display: contents; }
.j2commerce-single-product .j2c-product-detail-info > * { grid-column: 1; min-width: 0; }
.j2commerce-single-product .j2c-product-detail-info > h1.product-title { grid-row: 1; grid-column: 1 / -1; margin: 0 0 1.25rem; }
.j2commerce-single-product .j2c-product-detail-media { grid-row: 2; grid-column: 1; margin-bottom: 1.25rem; }
@media (min-width: 992px) {
  .j2commerce-single-product .j2c-product-detail-row { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto auto 1fr; }
  .j2commerce-single-product .j2c-product-detail-info > * { grid-column: 2; }
  .j2commerce-single-product .j2c-product-detail-info > h1.product-title { grid-column: 1 / -1; }
  .j2commerce-single-product .j2c-product-detail-media { grid-row: 2 / 6; align-self: start; margin-bottom: 0; }
}
/* Hide the stock/brand row when nothing is in it, and tighten the spacing around the price line */
.j2commerce-single-product .stock-brand-container:not(:has(.col-lg-6 *)) { display: none; }
.j2commerce-single-product .sku-price-container { margin-bottom: .35rem !important; }
.j2commerce-single-product .sku-price-container .j2commerce-product-price-container { margin-bottom: 0 !important; }
.j2commerce-single-product .product-sdesc { margin-bottom: 1.25rem !important; }

/* ---- The site's header menu uses the class name .nav and turns it into a hidden, absolutely positioned dropdown below 980px.
   J2Commerce uses .nav for product tabs and category lists, so undo the header rules inside the shop pages. ---- */
.j2commerce .nav { position: static !important; inset: auto !important; margin-left: 0 !important; background: transparent !important; border: 0 !important; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; }
@media (max-width: 980px) {
  .j2commerce .nav { display: flex !important; flex-direction: row; }
  .j2commerce .nav.flex-column { flex-direction: column !important; }
}
.j2commerce .nav-tabs { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; }
.j2commerce .nav-tabs .nav-link { white-space: nowrap; }

/* ---- Product photo zoom (0.3.9). J2Commerce's zoom (zoom-vanilla.js) moves the photo into body > .zoom-img-wrap and only
   puts it back after a 'transitionend' event. The site's reduced-motion rule (* { transition: none !important }) and a missing
   zoom stylesheet both stop that event, leaving the photo stuck enlarged with the zoom-out cursor. Keep a (very short) transition
   on the zoom elements in every case, and supply the zoom styles in case J2Commerce's are not loaded. ---- */
.zoom-img, .zoom-img-wrap { position: relative; z-index: 666; transition: transform .3s ease; }
img.zoom-img { cursor: zoom-out; }
.zoom-overlay { cursor: zoom-out; z-index: 420; background: #fff; position: fixed; inset: 0; opacity: 0; transition: opacity .3s; }
.zoom-overlay-open .zoom-overlay { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .zoom-img, .zoom-img-wrap { transition: transform .01s linear !important; }
  .zoom-overlay { transition: none !important; }
}

/* 0.3.25 category landing page: each card only as tall as its own content (no equal-height gaps on phones), laid out
   as a grid: 3 columns on desktop, 2 on tablets, 1 on phones. "View products" link for cards without sub-categories. */
.j2commerce .j2commerce-category-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto;
  align-items: start; gap: 2.25rem clamp(1.25rem, 3vw, 2rem); margin: .5rem 0 2rem !important; }
.j2commerce .j2commerce-category-grid > .col { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; flex: none !important; height: auto !important; }
.j2commerce .j2commerce-category-grid .j2commerce-category-card { height: auto !important; min-height: 0 !important; }
@media (max-width: 991px) { .j2commerce .j2commerce-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .j2commerce .j2commerce-category-grid { grid-template-columns: 1fr; gap: 1.75rem; } }
.j2commerce .agk-cat-view { display: flex; width: max-content; align-items: center; gap: .3em; margin-top: .75rem; font-weight: 600; color: var(--shop-leaf-text) !important; text-decoration: none !important; }
.j2commerce .agk-cat-view:hover { text-decoration: underline !important; }