/* Barex single product page — "G · Pirkimo blokas" (design canvas a8c78d8f, 2026-08-25). Same monochrome V4 language as cart/checkout: #131313, hairlines #e3e3e0, quiet #fafaf9, mute #8d8d88, radius 0, tabular-nums. Every rule is scoped to body.barex-product-v2 — flag off, nothing here matches. Loaded after barex-shop.css (the upsell card). */ /* ---------- page frame ---------- */ .barex-product-v2 #container.container-single-product > #content { padding-top: 0; } .barex-product-v2 .barex-product { max-width: 1360px; margin: 0 auto; padding: 24px 0 0; } .barex-product-v2 .barex-product-top { display: grid; grid-template-columns: 560px minmax(0, 1fr); gap: 56px; align-items: start; } @media (max-width: 1200px) { .barex-product-v2 .barex-product-top { grid-template-columns: 44% minmax(0, 1fr); gap: 40px; } } @media (max-width: 860px) { .barex-product-v2 .barex-product-top { grid-template-columns: minmax(0, 1fr); gap: 20px; } } /* ---------- media: the theme's gallery, framed like today ---------- */ .barex-product-v2 .barex-product-media .product-gallery { margin: 0; } .barex-product-v2 .barex-product-media .woocommerce-product-gallery__wrapper { position: relative; border: 1px solid #e3e3e0; background: #fff; } /* the theme's badge block (custom badge + sale/rule badge) is position:absolute; the figure is its containing block now, so it sits inside the image, top-left */ .barex-product-v2 .barex-product-media .wtbx-badges { position: absolute; top: 16px; left: 16px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .barex-product-v2 .barex-product-media .wtbx-badges .onsale { position: static; margin: 0; border-radius: 0 !important; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px; line-height: 1.4; min-width: 0; min-height: 0; } .barex-product-v2 .barex-product-media .wtbx-product-badge { border-radius: 0 !important; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px; } /* ---------- summary ---------- */ .barex-product-v2 .barex-product-summary { display: flex; flex-direction: column; gap: 18px; color: #1b1b1b; text-align: left; } .barex-product-v2 .barex-reviews, .barex-product-v2 .barex-upsells { text-align: left; } .barex-product-v2 .barex-product-summary > * { margin: 0; } .barex-product-v2 .barex-product-crumbs { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .barex-product-v2 .barex-product-crumbs .woocommerce-breadcrumb { margin: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8d8d88; font-weight: 400 !important; } .barex-product-v2 .barex-product-crumbs .woocommerce-breadcrumb a { color: #8d8d88; } .barex-product-v2 .barex-product-crumbs .woocommerce-product-rating { margin: 0; display: flex; align-items: center; gap: 8px; } .barex-product-v2 .barex-product-crumbs .woocommerce-review-link { font-size: 12px; color: #8d8d88; text-decoration: underline; text-underline-offset: 2px; } /* brand line = the eyebrow */ .barex-product-v2 .pwb-single-product-brands { margin: 0 0 -12px !important; padding: 0 !important; clear: none !important; font-family: Roboto, ui-sans-serif, system-ui, sans-serif !important; font-size: 11px !important; letter-spacing: .1em; text-transform: uppercase; color: #131313; font-weight: 500; } .barex-product-v2 .pwb-single-product-brands a { color: #131313; } .barex-product-v2 .pwb-text-before-brands-links { display: none; } .barex-product-v2 .barex-product-summary .product_title { margin: 0; font-size: 38px; line-height: 1.1; letter-spacing: -.01em; color: #131313; font-weight: 500 !important; font-family: 'SilkSerif-Med', 'SilkSerif-Reg', Georgia, serif !important; } /* hair-type tags: quiet chips, where they always were */ .barex-product-v2 .barex-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: -6px; } .barex-product-v2 .barex-tag { display: inline-block; padding: 4px 10px; border: 1px solid #e3e3e0; background: #fff; font-size: 11.5px; color: #8d8d88; line-height: 1.3; } .barex-product-v2 .barex-tag:hover { color: #131313; border-color: #131313; } /* professionals-only */ .barex-product-v2 .barex-buy.barex-buy-pro { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 16px; } .barex-product-v2 .barex-buy-pro-text { font-size: 16px; font-weight: 500; color: #131313; } .barex-product-v2 .barex-buy-pro-link { font-size: 12.5px; color: #8d8d88; text-decoration: underline; text-underline-offset: 2px; } .barex-product-v2 .barex-product-summary .product_subtitle { margin: -8px 0 0; color: #8d8d88; font-weight: 400; } .barex-product-v2 .woocommerce-product-details__short-description { font-size: 14px; line-height: 1.6; max-width: 600px; } .barex-product-v2 .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } /* ---------- the purchase block ---------- */ .barex-product-v2 .barex-buy { display: flex; flex-direction: column; gap: 16px; padding: 22px; background: #fafaf9; max-width: 600px; } .barex-product-v2 .barex-buy > * { margin: 0; } .barex-product-v2 .barex-buy [itemprop="offers"] { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .barex-product-v2 .barex-buy p.price { margin: 0; font-size: 23px; font-weight: 600; letter-spacing: -.01em; color: #131313; line-height: 1.2; font-variant-numeric: tabular-nums; } .barex-product-v2 .barex-buy p.price del { opacity: 1; color: #b4b3ae; font-weight: 400; font-size: 16px; } .barex-product-v2 .barex-buy p.price ins { text-decoration: none; background: none; } /* B2B (profesionalas): B2BKing prints retail-text, retail-price, b2b-text, b2b-price as four flat spans. Prof. kaina becomes the main line; Pirkėjo kaina the small grey one — no saving percentage (owner 2026-08-25: extra B2B discounts would make it misleading). The global Additional CSS hides the retail spans everywhere but body.single-product, which we still are. */ .barex-product-v2 .barex-buy p.price:has(.b2bking_b2b_price_price) { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 2px; } /* the trade label grows to fill its line, so the retail pair wraps to a second line, left-aligned */ .barex-product-v2 .barex-buy p.price .b2bking_b2b_price_text { order: 2; font-size: 12.5px !important; font-weight: 500; color: #131313; } .barex-product-v2 .barex-buy p.price .barex-price-retail { order: 3; flex-basis: 100%; display: flex; gap: 6px; align-items: baseline; } .barex-product-v2 .barex-buy p.price .b2bking_b2b_price_price { order: 1; font-size: 23px !important; font-weight: 600; color: #131313; } /* a discounted trade price: old value struck, new one beside it (Woo's del/ins) */ .barex-product-v2 .barex-buy p.price .b2bking_b2b_price_price del { font-size: 15px; color: #b4b3ae; text-decoration: line-through; margin-right: 6px; } .barex-product-v2 .barex-buy p.price .b2bking_retail_price_text { order: 3; font-size: 12.5px !important; font-weight: 400; color: #8d8d88 !important; } .barex-product-v2 .barex-buy p.price .b2bking_retail_price_price { order: 4; font-size: 12.5px !important; font-weight: 400; color: #8d8d88 !important; text-decoration: none; } .barex-product-v2 .barex-buy p.price .b2bking_retail_price_price br { display: none; } /* the stock line Woo prints for simple products / selected variations */ .barex-product-v2 .barex-buy .stock { margin: 0; font-size: 12.5px; color: #1b1b1b; display: inline-flex; align-items: center; gap: 8px; } .barex-product-v2 .barex-buy .stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2e7d4f; flex: none; } .barex-product-v2 .barex-buy .stock.out-of-stock::before { background: #a4392e; } .barex-product-v2 .barex-buy .stock.barex-stock-low::before { background: #d9a400; } .barex-product-v2 .barex-buy [itemprop="offers"] > p.stock { margin-left: auto; } /* the variations form */ .barex-product-v2 .barex-buy form.cart { margin: 0; display: flex; flex-direction: column; gap: 14px; } .barex-product-v2 .barex-buy table.variations { margin: 0; border: 0; display: block; } .barex-product-v2 .barex-buy table.variations tbody { display: flex; flex-direction: column; gap: 10px; } .barex-product-v2 .barex-buy table.variations tr { display: flex; align-items: center; gap: 12px; } .barex-product-v2 .barex-buy table.variations td, .barex-product-v2 .barex-buy table.variations th { padding: 0; border: 0; background: none; vertical-align: middle; display: block; } .barex-product-v2 .barex-buy table.variations th.label { flex: 0 0 90px; white-space: nowrap; text-align: left; } .barex-product-v2 .barex-buy table.variations td.value { flex: 1 1 auto; display: flex; align-items: center; } .barex-product-v2 .barex-buy table.variations label { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #8d8d88; font-weight: 500; } .barex-product-v2 .barex-buy table.variations select { height: 44px; border: 1px solid #d8d7d2; border-radius: 0; background: #fff; padding: 0 12px; font-size: 13.5px; min-width: 200px; } .barex-product-v2 .barex-buy .reset_variations { font-size: 11.5px; color: #8d8d88; margin-left: 10px; } /* pills (js) — the select row is hidden once the pills exist, never removed */ .barex-product-v2 .barex-buy table.variations.barex-has-pills { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .barex-product-v2 .barex-vars { display: flex; flex-direction: column; gap: 10px; } .barex-product-v2 .barex-vars-label { display: flex; gap: 8px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #8d8d88; font-weight: 500; } .barex-product-v2 .barex-vars-label b { font-weight: 500; color: #1b1b1b; letter-spacing: 0; text-transform: none; font-size: 12px; } .barex-product-v2 .barex-vars-label { align-items: baseline; } .barex-product-v2 .barex-vars-stock { margin-left: auto; letter-spacing: 0; text-transform: none; font-size: 12.5px; color: #1b1b1b; font-weight: 400; display: inline-flex; align-items: center; gap: 8px; } .barex-product-v2 .barex-vars-stock:not(:empty)::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2e7d4f; flex: none; } .barex-product-v2 .barex-vars-stock.out-of-stock::before { background: #a4392e; } .barex-product-v2 .barex-vars-stock.barex-stock-low::before { background: #d9a400; } .barex-product-v2 .barex-buy form.barex-pills-on .woocommerce-variation-availability { display: none; } .barex-product-v2 .barex-var.is-pro { color: #b4b3ae; cursor: not-allowed; background: #fafaf9; } .barex-product-v2 .barex-var.is-pro .barex-var-price { color: #b4b3ae; } .barex-product-v2 .barex-vars-list { display: flex; flex-wrap: wrap; gap: 8px; } .barex-product-v2 .barex-var { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 96px; padding: 9px 14px; margin: 0; border: 1px solid #d8d7d2; background: #fff; color: #1b1b1b; border-radius: 0; cursor: pointer; font: inherit; line-height: 1.3; transition: border-color .15s ease, background .15s ease, color .15s ease; } .barex-product-v2 .barex-var-name { font-size: 13px; font-weight: 500; } .barex-product-v2 .barex-var-price { font-size: 11px; color: #8d8d88; font-variant-numeric: tabular-nums; } .barex-product-v2 .barex-var:hover { border-color: #131313; } .barex-product-v2 .barex-var.is-active { border-color: #131313; background: #131313; color: #fff; } .barex-product-v2 .barex-var.is-active .barex-var-price { color: #cfcfcb; } .barex-product-v2 .barex-var.is-out { color: #b4b3ae; border-style: dashed; } .barex-product-v2 .barex-var.is-out .barex-var-name { text-decoration: line-through; } .barex-product-v2 .barex-var:focus-visible { outline: 2px solid #131313; outline-offset: 2px; } /* EXPERIMENT: pills on the price row. Price left; label (+ selected + stock) and pills right. */ /* A grid, not flex: the B2B price is two lines wrapped inside p.price, and as a flex item its max-content width is both lines laid end to end — wide enough to push the pills off the row. */ .barex-product-v2 .barex-buy.barex-buy-vars-inline [itemprop="offers"] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: start; column-gap: 16px; row-gap: 10px; } .barex-product-v2 .barex-buy.barex-buy-vars-inline [itemprop="offers"] > p.price { grid-column: 1; grid-row: 1; } .barex-product-v2 .barex-buy.barex-buy-vars-inline [itemprop="offers"] > p.stock { grid-column: 1 / -1; } .barex-product-v2 .barex-buy .barex-vars-inline { grid-column: 2; grid-row: 1 / span 2; align-items: flex-end; gap: 8px; } .barex-product-v2 .barex-buy .barex-vars-inline .barex-vars-list { justify-content: flex-end; } /* the label row lives under the price now, left column */ .barex-product-v2 .barex-buy .barex-vars-label-inline { grid-column: 1; grid-row: 2; align-self: end; } .barex-product-v2 .barex-buy .barex-vars-label-inline .barex-vars-stock { margin-left: 6px; } @media (max-width: 600px) { .barex-product-v2 .barex-buy.barex-buy-vars-inline [itemprop="offers"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; } .barex-product-v2 .barex-buy .barex-vars-label-inline { grid-row: 2; } .barex-product-v2 .barex-buy .barex-vars-inline { grid-column: 1; grid-row: 3; align-items: flex-start; } .barex-product-v2 .barex-buy .barex-vars-inline .barex-vars-list { justify-content: flex-start; } } /* the selected variation's own price/stock line, printed by Woo under the pills */ .barex-product-v2 .barex-buy .woocommerce-variation.single_variation { margin: 0; } .barex-product-v2 .barex-buy .woocommerce-variation-price { display: none; } /* the block's price shows the range; the pill shows the price */ .barex-product-v2 .barex-buy .woocommerce-variation-availability .stock { margin: 0; } .barex-product-v2 .barex-buy .woocommerce-variation-description p:last-child { margin: 0; } /* qty + buttons: one row */ .barex-product-v2 .barex-buy .woocommerce-variation-add-to-cart, .barex-product-v2 .barex-buy form.cart:not(.variations_form) { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; justify-content: flex-start !important; gap: 10px; text-align: left; margin: 0 !important; padding: 0 !important; width: 100%; } .barex-product-v2 .barex-buy form.cart:not(.variations_form) > *:not(.quantity):not(.single_add_to_cart_button):not(.barex-buy-now) { flex-basis: 100%; } .barex-product-v2 .barex-buy .woocommerce-variation-add-to-cart > *:not(.quantity):not(.single_add_to_cart_button):not(.barex-buy-now) { flex-basis: 100%; } .barex-product-v2 .barex-buy .simple-product-attributes-before-cart { margin: 0 !important; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #8d8d88; font-weight: 500; text-align: left; } .barex-product-v2 .barex-buy .simple-product-attributes-before-cart strong { color: #8d8d88; font-weight: 500; } .barex-product-v2 .barex-buy .simple-product-attributes-before-cart .simple-product-attribute-item { display: flex; gap: 8px; } .barex-product-v2 .barex-buy .simple-product-attributes-before-cart { display: flex; align-items: baseline; gap: 12px; } .barex-product-v2 .barex-buy .simple-product-attributes-before-cart > p.stock { margin-left: 8px; letter-spacing: 0; text-transform: none; font-weight: 400; } /* Scape's quantity widget: input + absolutely positioned plus/minus. Pinned: minus left, plus right, the number in the middle. */ .barex-product-v2 .barex-buy .quantity.wtbx-quantity { position: relative; display: inline-block; width: 120px; height: 48px; border: 1px solid #d8d7d2; background: #fff; margin: 0 !important; float: none; border-radius: 0; flex: none; } .barex-product-v2 .barex-buy .quantity .wtbx-quantity-change { position: absolute; top: 0; bottom: 0; width: 40px; height: auto; margin: 0; display: flex; align-items: center; justify-content: center; color: #8d8d88; cursor: pointer; font-size: 16px; line-height: 1; border: 0; background: none; transform: none; } .barex-product-v2 .barex-buy .quantity .wtbx-quantity-change.minus { left: 0; right: auto; } .barex-product-v2 .barex-buy .quantity .wtbx-quantity-change.plus { right: 0; left: auto; } .barex-product-v2 .barex-buy .quantity input.qty { position: absolute; left: 40px; top: 0; width: 40px; height: 100%; border: 0; background: none; text-align: center; font-size: 14px; font-weight: 500; padding: 0; margin: 0; font-variant-numeric: tabular-nums; -moz-appearance: textfield; box-shadow: none; line-height: 46px; } .barex-product-v2 .barex-buy .quantity input.qty::-webkit-inner-spin-button, .barex-product-v2 .barex-buy .quantity input.qty::-webkit-outer-spin-button { -webkit-appearance: none; } .barex-product-v2 .barex-buy .single_add_to_cart_button { flex: 1 1 auto; height: 48px; min-width: 180px; margin: 0; padding: 0 22px !important; border-radius: 0 !important; background: #131313 !important; color: #fff !important; border: 1px solid #131313 !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; line-height: 46px !important; box-shadow: none !important; transition: background .15s ease; } .barex-product-v2 .barex-buy .single_add_to_cart_button:hover { background: #000 !important; } .barex-product-v2 .barex-buy .single_add_to_cart_button.disabled, .barex-product-v2 .barex-buy .single_add_to_cart_button:disabled { opacity: .35; cursor: not-allowed; } .barex-product-v2 .barex-buy .single_add_to_cart_button::before, .barex-product-v2 .barex-buy .single_add_to_cart_button::after { display: none; } /* !important against the theme's global button rule (pill radius, #121212 fill) */ .barex-product-v2 .barex-buy button.barex-buy-now { flex: 0 0 auto; height: 48px !important; margin: 0; padding: 0 22px !important; border-radius: 0 !important; background: #fff !important; color: #131313 !important; border: 1px solid #131313 !important; font: inherit; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .02em; line-height: 46px !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; transition: background .15s ease, color .15s ease; } .barex-product-v2 .barex-buy button.barex-buy-now:hover { background: #131313 !important; color: #fff !important; } .barex-product-v2 .barex-buy button.barex-buy-now:disabled { opacity: .35; cursor: not-allowed; background: #fff !important; color: #131313 !important; } /* trust line: the cart's component, left-aligned here */ .barex-product-v2 .barex-buy .bcart-trust { justify-content: flex-start; margin-top: 0; padding-top: 4px; } /* B2BKing / Smart Coupons extras that land after the button keep full width */ .barex-product-v2 .barex-buy .b2bking_tiered_pricing_table, .barex-product-v2 .barex-buy .b2bking_custom_information_table, .barex-product-v2 .barex-buy .b2bking_quote_button_container, .barex-product-v2 .barex-buy .wt_sc_store_credit_purchase_form { flex-basis: 100%; } .barex-product-v2 .available_coupons_with_product { margin: 0; } /* ---------- the three collapsibles ---------- */ .barex-product-v2 .barex-details { display: flex; flex-direction: column; border-bottom: 1px solid #e3e3e0; max-width: 600px; } .barex-product-v2 .barex-details-item { border-top: 1px solid #e3e3e0; } .barex-product-v2 .barex-details-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 54px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 500; color: #1b1b1b; } .barex-product-v2 .barex-details-summary::-webkit-details-marker { display: none; } .barex-product-v2 .barex-details-chev { color: #8d8d88; transition: transform .2s ease; flex: none; } .barex-product-v2 .barex-details-item[open] .barex-details-chev { transform: rotate(180deg); } .barex-product-v2 .barex-details-body { padding: 0 0 18px; font-size: 13.5px; line-height: 1.6; color: #1b1b1b; } .barex-product-v2 .barex-details-body p:last-child { margin-bottom: 0; } .barex-product-v2 .barex-details-ing { color: #8d8d88; font-size: 12.5px; } .barex-product-v2 .barex-facts { margin: 0; display: flex; flex-direction: column; } .barex-product-v2 .barex-facts-row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; padding: 8px 0; border-top: 1px solid #eeeeec; font-size: 13px; } .barex-product-v2 .barex-facts-row:first-child { border-top: 0; padding-top: 0; } .barex-product-v2 .barex-facts dt { color: #8d8d88; font-weight: 400; margin: 0; } .barex-product-v2 .barex-facts dd { margin: 0; } .barex-product-v2 .barex-facts dd a { color: #1b1b1b; text-decoration: underline; text-underline-offset: 2px; } /* ---------- reviews: a section ---------- */ .barex-product-v2 .barex-reviews { margin: 56px 0 0; } .barex-product-v2 .barex-reviews-tabs { display: flex; gap: 28px; border-bottom: 1px solid #e3e3e0; margin-bottom: 24px; } /* the tab is an h2 (a real section heading for screen readers / outline); reset the theme heading look (!important on the weight: Customizer Additional CSS has h1,h2,h3{font-weight:400!important}) */ .barex-product-v2 .barex-reviews-tab { margin: 0; padding: 0 2px 12px; margin-bottom: -1px; font-family: inherit; font-size: 14px; font-weight: 500 !important; line-height: 1.5; letter-spacing: 0; text-transform: none; border-bottom: 2px solid #131313; color: #1b1b1b; } .barex-product-v2 .barex-reviews-count { color: #8d8d88; font-weight: 400; font-variant-numeric: tabular-nums; } .barex-product-v2 .barex-reviews #reviews .wtbx-col-md-6 { width: 100%; float: none; padding: 0; } .barex-product-v2 .barex-reviews #reviews { display: grid; grid-template-columns: 320px minmax(0, 1fr); column-gap: 56px; row-gap: 12px; align-items: start; } @media (max-width: 860px) { .barex-product-v2 .barex-reviews #reviews { grid-template-columns: minmax(0, 1fr); gap: 24px; } } .barex-product-v2 .barex-reviews #comments { display: contents; } .barex-product-v2 .barex-reviews .barexit-rating-summary { grid-column: 1; grid-row: 1; margin: 0; border: 0; padding: 0; } .barex-product-v2 .barex-reviews .woocommerce-Reviews-title { display: none; } .barex-product-v2 .barex-reviews .commentlist, .barex-product-v2 .barex-reviews .woocommerce-noreviews { grid-column: 2; grid-row: 1; } .barex-product-v2 .barex-reviews .woocommerce-pagination { grid-column: 2; } .barex-product-v2 .barex-reviews #review_form_wrapper, .barex-product-v2 .barex-reviews .woocommerce-verification-required { grid-column: 2; grid-row: 2; margin: 0; padding-top: 16px; font-size: 12.5px; color: #8d8d88; font-weight: 400; } @media (max-width: 860px) { .barex-product-v2 .barex-reviews .barexit-rating-summary, .barex-product-v2 .barex-reviews .commentlist, .barex-product-v2 .barex-reviews .woocommerce-noreviews, .barex-product-v2 .barex-reviews .woocommerce-pagination, .barex-product-v2 .barex-reviews #review_form_wrapper, .barex-product-v2 .barex-reviews .woocommerce-verification-required { grid-column: 1; grid-row: auto; } } /* empty state: our overview + invitation; the template's own "no reviews" line is hidden and the form/verification line it prints lines up under the card (column 2) */ .barex-product-v2 .barex-reviews-empty { display: grid; grid-template-columns: 320px minmax(0, 1fr); column-gap: 56px; align-items: start; margin-bottom: 12px; } .barex-product-v2 .barex-reviews-empty-overview { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .barex-product-v2 .barex-reviews-empty-stars { display: inline-flex; gap: 2px; color: #b4b3ae; } .barex-product-v2 .barex-reviews-empty-label { font-size: 13px; color: #8d8d88; } .barex-product-v2 .barex-reviews-empty-card { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: #fafaf9; } .barex-product-v2 .barex-reviews-empty-title { font-size: 14px; font-weight: 500; color: #131313; } .barex-product-v2 .barex-reviews-empty-text { font-size: 13.5px; line-height: 1.55; color: #1b1b1b; max-width: 520px; } .barex-product-v2 .barex-reviews.is-empty .woocommerce-noreviews, .barex-product-v2 .barex-reviews.is-empty .woocommerce-verification-required { display: none; } .barex-product-v2 .barex-reviews.is-empty #reviews { display: block; margin-left: 376px; } .barex-product-v2 .barex-reviews.is-empty .woocommerce-verification-required, .barex-product-v2 .barex-reviews.is-empty #review_form_wrapper { padding-top: 0; } @media (max-width: 860px) { .barex-product-v2 .barex-reviews-empty { grid-template-columns: minmax(0, 1fr); row-gap: 16px; } .barex-product-v2 .barex-reviews.is-empty #reviews { margin-left: 0; } } /* the star/number collision: no
    marker, explicit grid per review */ .barex-product-v2 .barex-reviews ol.commentlist { list-style: none; margin: 0; padding: 0; } .barex-product-v2 .barex-reviews ol.commentlist > li { margin: 0; padding: 0; } .barex-product-v2 .barex-reviews .comment_container { display: block; padding: 0; } /* each review is a card: stars + date on the first row, name + verified, then the text. js/barex-product.js moves the