/* The product page. Values from docs/design/html/Product.html (1440) and ProductMobile.html (390). */

.pdp-page{padding-top:20px;padding-bottom:56px}
.pdp{display:flex;flex-direction:column;gap:32px}
.pdp__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.pdp__media{display:flex;flex-direction:column;gap:16px;min-width:0}

/* ---------- Gallery ---------- */
/* The big picture, under it the thumbnails in one row with arrows, about six in view (Denis, 16.10.2026, as on eMAG). */
.gallery{display:flex;flex-direction:column;gap:12px;min-width:0}
.gallery__strip{position:relative}
.gallery__thumbs{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}
.gallery__thumb{flex:0 0 calc((100% - 50px) / 6);aspect-ratio:1/1;scroll-snap-align:start;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.gallery__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(27,30,60,.16)}
.gallery__arrow[hidden]{display:none}
.gallery__arrow--prev{left:-12px}
.gallery__arrow--next{right:-12px}
.gallery__arrow:hover{border-color:var(--navy)}
.gallery__thumb[aria-current]{border:2px solid var(--navy)}
.gallery__thumb img{width:100%;height:100%;object-fit:contain}
.gallery__stage{position:relative;aspect-ratio:1/1;border-radius:var(--radius-big);background:var(--tone-card,#fff);border:1px solid var(--line);overflow:hidden}
.gallery__slides{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.gallery__slides::-webkit-scrollbar,.gallery__thumbs::-webkit-scrollbar,.zoom__slides::-webkit-scrollbar{display:none}
.gallery__slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}
.gallery__link{display:block;width:100%;height:100%;cursor:zoom-in}
.gallery__img{width:100%;height:100%;object-fit:contain}
.gallery__slide--empty{color:var(--tone-fg,var(--muted))}
/* A video (0.17.5): after the pictures — dark, a play mark; it plays in place on a tap. */
.gallery__video{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1B1E3C;color:#fff}
.gallery__play{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff}
.gallery__play svg{fill:#fff}
.gallery__video:hover .gallery__play{background:rgba(255,255,255,.28)}
.gallery__video iframe,.gallery__video video{display:block;width:100%;height:100%;border:0;background:#000}
.gallery__thumb--video{display:flex;align-items:center;justify-content:center;background:#1B1E3C;color:#fff}
.gallery__badge{top:18px;left:18px;padding:7px 12px;font-size:15px}
.gallery__count{position:absolute;bottom:24px;left:20px;font-size:13px;font-weight:800;color:var(--ink-2)}
.gallery__dots{display:none}
.gallery__zoom{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:0;border-radius:12px;background:#fff;color:var(--navy);font-weight:800;font-size:14px;box-shadow:0 1px 3px rgba(27,30,60,.12)}
.gallery__zoom[hidden]{display:none}
.gallery__fav{display:none}
/* 0.17.1: ‹ › over the picture (V2Product). */
.gallery__step{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(27,30,60,.15)}
.gallery__step:hover{color:var(--accent)}
.gallery__step--prev{left:16px}
.gallery__step--next{right:16px}
.gallery__fav[aria-pressed="true"]{color:var(--accent)}
.gallery__fav[aria-pressed="true"] path{fill:currentColor}

/* Full screen */
.zoom{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(27,30,60,.96);color:#fff}
.zoom::backdrop{background:rgba(27,30,60,.6)}
html.is-zoomed{overflow:hidden}
.zoom__slides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.zoom__slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:56px 72px}
.zoom__slide img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:12px}
.zoom__close{position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--navy)}
.zoom__nav{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:#fff;color:var(--navy)}
.zoom__nav--prev{left:12px}
.zoom__nav--next{right:12px}
.zoom__count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-weight:800;font-size:14px}

/* "Накратко" */
.pdp-short{display:flex;flex-direction:column;gap:12px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.pdp-short__title{font-size:17px;font-weight:800}
.pdp-short__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.pdp-short__list li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.4;color:var(--ink-2)}
.pdp-short__list .icon{margin-top:1px;color:var(--green)}

/* ---------- Buy box ---------- */
/* v2 0.14.0 (V2Product): the brand as a chip, the title, the stars and „Код:“ in one row, the age and a safety sign as chips. */
.pdp__buy{display:flex;flex-direction:column;gap:16px;min-width:0}
.pdp-head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand brand" "last last" "title title" "rating code" "chips chips";align-items:center;column-gap:10px;row-gap:14px;margin:0}
.pdp-head>*{min-width:0}
.pdp__brand{grid-area:brand;justify-self:start;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;background:#EEF0FA;font-weight:800;font-size:14px;color:var(--navy)}
.pdp__brand:hover{background:#E1E4F4;color:var(--navy)}
.pdp__last{grid-area:last}
.pdp__title{grid-area:title;font-family:var(--display);font-weight:700;font-size:28px;line-height:1.25;text-wrap:balance}
.pdp__rating{grid-area:rating;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--muted)}
.pdp__rating .stars{font-size:18px;letter-spacing:1px}
.pdp__rating b{color:var(--ink)}
.pdp__rating-n{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.pdp__code{grid-area:code;font-size:15px;font-weight:700;color:var(--muted)}
.pdp-head.has-rating .pdp__code::before{content:"·";margin-right:10px}
.pdp-head:not(.has-rating) .pdp__code{grid-column:1/-1}
/* 0.19.0 (V2BuyBoxCalm): the age and the warning a row of text with their icons, not chips. */
.pdp-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:6px 16px;margin:-6px 0 0}
.pdp-chip{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:700;font-size:15px;line-height:1.35}
.pdp-chip .icon{flex-shrink:0;width:16px;height:16px}
.pdp-chip--yellow .icon{color:#B7791F}
.pdp-chip--red .icon{color:var(--accent-dark)}

/* 0.19.0 (Denis — V2BuyBoxCalm, variant Б „Една карта за покупка“): one white card from the price to the heart, the
   promotion a thin strip at its top; red only the price, the −% and the button, green only the stock and the free delivery. */
.pdp-card{display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 24px rgba(27,30,60,.06);overflow:hidden}
.pdp-card__body{display:flex;flex-direction:column;gap:18px;padding:20px 22px 22px}
.pdp-card__line{height:1px;background:var(--line)}
.pdp-price{display:flex;flex-direction:column;gap:6px}
.pdp-price__main{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.pdp-price__amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;font-family:var(--display);font-weight:700;font-size:38px;line-height:1.1;color:var(--ink)}
.pdp-price__amount ins{order:1;text-decoration:none;color:var(--accent)}
.pdp-price__amount del{order:2;font-family:var(--text);font-size:18px;font-weight:700;color:var(--muted)}
.pdp-price__lowest-value{font-weight:700}
.pdp .screen-reader-text,.buybar .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pdp-price__amount>span[aria-hidden]{color:var(--ink)}
.pdp-price__save{padding:3px 10px;border-radius:999px;background:#FDECEC;color:var(--accent-dark);font-weight:800;font-size:14px}
.pdp-price__lowest{flex-basis:100%;margin-top:2px;font-size:13px;font-weight:600;line-height:1.4;color:var(--muted)}
.pdp-row{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;line-height:1.4;color:var(--ink-2)}
.pdp-row__icon{display:flex;flex-shrink:0;color:var(--muted)}
.pdp-price .pdp-row:first-of-type{margin-top:6px}
.pdp-price__lowest del{font-weight:700;text-decoration:none}
/* The promotion's card (0.9.18; v2: after the price card): red, yellow for „Тотална разпродажба“; the code's line under it. */
/* The promotion's strip (0.19.0): „Есенни −6% · до петък, 31.10 … виж всички 24“; yellow for the clearance. */
.pdp-promo{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#FDF1F1;color:var(--accent-dark);font-size:14px;font-weight:800;line-height:1.4}
.pdp-promo>.icon{flex-shrink:0}
.pdp-promo__text{flex:1;min-width:0}
.pdp-promo__name{font-weight:800}
.pdp-promo__all{flex-shrink:0;color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px}
.pdp-promo--clearance{background:#FFF6D6;color:#6B4700}
.pdp-promo--clearance .pdp-promo__all{color:#6B4700}
.pdp-code__code{font-weight:800;color:var(--ink)}
/* B2B: "Цена на дребно" small, "Вашата цена" big (the plugin's markup). */
.pdp-price .crocoland-b2b-prices{display:flex;flex-direction:column;gap:6px}
.pdp-price .crocoland-b2b-retail{font-family:var(--text);font-size:15px;font-weight:600;color:var(--muted)}
.pdp-price .crocoland-b2b-own strong{display:flex;flex-direction:column;gap:2px;font-family:var(--text);font-size:14px;font-weight:800;color:var(--green-dark)}
.pdp-price .crocoland-b2b-own strong>.amount,.pdp-price .crocoland-b2b-own strong>span:not(.screen-reader-text){font-family:var(--display);font-size:32px;font-weight:700;color:var(--ink)}

/* WooCommerce's form: variations, quantity, the button and what plugins put around them. */
.pdp__buy p.stock{display:none}
.pdp__buy form.cart{display:flex;flex-direction:column;gap:18px;margin:0}
.pdp__buy table.variations{display:block;border:0;margin:0}
.pdp__buy table.variations tbody,.pdp__buy table.variations tr{display:flex;flex-direction:column;gap:10px}
.pdp__buy table.variations tbody{gap:16px}
.pdp__buy table.variations th,.pdp__buy table.variations td{display:block;padding:0;text-align:left}
.pdp__buy table.variations label{font-size:15px;font-weight:800}
.pdp-opts__chosen{font-weight:700;color:var(--ink-2)}
/* "Избери цвят" (0.9.5): a row without a value when "Добави в количката" is pressed. */
.pdp__buy table.variations tr.is-missing .pdp-opt:not([aria-checked="true"]){border-color:var(--accent);animation:pdp-ask .8s 2}
.pdp__buy table.variations tr.is-missing label{color:var(--accent-dark)}
@keyframes pdp-ask{50%{box-shadow:0 0 0 4px rgba(227,6,20,.2)}}
.pdp-ask{display:flex;align-items:center;gap:6px;margin:8px 0 0;color:var(--accent-dark);font-weight:800;font-size:14px}
.pdp-ask::before{content:"!";display:inline-grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;line-height:1}
.pdp-ask--combo{margin:0}
/* ThemeHigh's " : лилаво" in the label ("Show selected variation name"): the theme writes the choice once. */
.js .variations tr:has(.pdp-opts) .variation_name_label{display:none}
/* The buttons come with the page (inc/product.php, 0.22.8). With JavaScript (html.js, set in <head> before
   anything is drawn) they show and the select is hidden from the first paint; without it the select shows. */
.pdp__buy .variations select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-weight:700}
.js .variations select.pdp-select{position:absolute!important;width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
html:not(.js) .pdp-opts{display:none}
.pdp-opts{display:flex;flex-wrap:wrap;gap:8px}
.pdp-opt{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:#fff;color:var(--ink);font-weight:800;font-size:15px}
.pdp-opts--colours .pdp-opt{padding-left:12px}
.pdp-opt:hover{border-color:var(--navy)}
.pdp-opt[aria-checked="true"]{border:2px solid var(--navy);background:#EEF0FA;padding-left:11px;padding-right:15px}
.pdp-opts:not(.pdp-opts--colours):not(.pdp-opts--pics) .pdp-opt[aria-checked="true"]{padding-left:15px}
.pdp-opt.is-off{opacity:.45;text-decoration:line-through}
.pdp-opt__img{width:30px;height:30px;margin-left:-4px;border-radius:8px;object-fit:cover}
/* The variations' own pictures (0.15.0, Denis): 44 px on the left, the name beside; the chosen one framed (as all). */
.pdp-opts--pics .pdp-opt{height:auto;min-height:56px;padding:5px 14px 5px 5px;gap:10px;text-align:left;line-height:1.2}
.pdp-opts--pics .pdp-opt[aria-checked="true"]{padding:4px 13px 4px 4px}
.pdp-opt__pic{flex-shrink:0;width:44px;height:44px;border-radius:9px;object-fit:contain;background:#fff}
/* Product Variation Swatches (ThemeHigh) draws the values again under the theme's buttons: only its select stays (product.js works it). */
.js .thwvsf_fields:has(>.pdp-opts)>:not(select):not(.pdp-opts):not(.pdp-ask):not(script){display:none!important}
.pdp-opt__dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px rgba(27,30,60,.15)}
.pdp__buy .reset_variations{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--muted);text-decoration:underline}
.pdp__buy .reset_variations[style*="hidden"]{display:none}
.pdp__buy .single_variation:empty,.pdp__buy .single_variation[style*="none"]{display:none}
.pdp__buy .single_variation_wrap{display:flex;flex-direction:column}
.pdp__buy .woocommerce-variation-description:not(:empty){margin-bottom:12px}
.pdp__buy .woocommerce-variation-price,.pdp__buy .woocommerce-variation-availability{display:none}
.pdp__buy .woocommerce-variation-description{font-size:15px;color:var(--ink-2)}
.pdp__buy .woocommerce-variation-description p{margin:0}

/* TBI: its line under the price, under a line (v2, 0.14.0; product.js fills it); its own black button is not shown, only
   pressed by „Изчисли вноска“. */
.pdp-tbi[hidden]{display:none}
.pdp-tbi__text{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;min-width:0}
.pdp-tbi__label[hidden]{display:none}
.pdp-tbi__amount{font-weight:800;color:var(--ink)}
.pdp-tbi__sep{margin:0 2px}
.pdp-tbi [data-tbi-max]::before{content:"·";margin-right:5px}
.pdp-tbi__more{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pdp-tbi__more:hover{color:var(--accent-dark)}
.pdp__buy #tbi_button_container,.pdp__buy [class^="tbi_button_container"]{display:none!important}

/* One row: quantity and the button; "Добави в любими" under them; anything else a plugin adds goes on its own line. */
.pdp__buy form.cart:not(.variations_form),.pdp__buy .woocommerce-variation-add-to-cart{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px}
.pdp__buy form.cart:not(.variations_form)>*,.pdp__buy .woocommerce-variation-add-to-cart>*{flex:0 0 100%}
/* The quantity on the left of "Добави в количката", on one line, for a simple product too (Denis, 16.10.2026: it was a row of its own, the rule above won by specificity). */
.pdp__buy form.cart .quantity,.pdp__buy form.cart .single_add_to_cart_button{flex:0 0 auto}
/* Whatever a plugin puts after the button comes after "Добави в любими". */
.pdp__buy .single_add_to_cart_button~:not(.pdp__fav){order:1}
.pdp__buy form.cart .single_add_to_cart_button{flex:1 1 200px}
.pdp__buy .quantity{display:flex;align-items:center;height:58px;border:1px solid var(--line-2);border-radius:var(--radius-control);background:#fff}
.pdp__buy .quantity .qty{width:44px;height:100%;border:0;background:none;text-align:center;font-size:18px;font-weight:800;color:var(--ink);-moz-appearance:textfield}
.pdp__buy .quantity .qty::-webkit-inner-spin-button,.pdp__buy .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pdp__buy .quantity label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.qty-step{width:48px;height:100%;border:0;background:none;color:var(--navy);font-size:22px;font-weight:800}
html:not(.js) .pdp__buy .qty-step{display:none} /* drawn with the page (0.22.8); they need product.js */
/* A trader's pack (product.js): the cartons' field over the pieces' one, which the form still sends; the words under the button. */
.pdp-pack{display:inline-flex;padding:4px 10px;border-radius:999px;background:#E6F5EB;color:var(--green-dark);font-size:14px;font-weight:800;line-height:1.35}
.pdp__buy .quantity.is-pack .qty{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;opacity:0;pointer-events:none}
.pdp__buy .quantity{position:relative}
/* One left in stock: WooCommerce's quantity is a hidden field — no empty box beside the button (0.19.0). */
.pdp__buy .quantity:has(>input[type=hidden]){display:none}
.pdp__buy .quantity .qty-packs{width:44px;height:100%;border:0;background:none;text-align:center;font:inherit;font-size:18px;font-weight:800;color:var(--ink);-moz-appearance:textfield}
.pdp__buy .quantity .qty-packs::-webkit-inner-spin-button,.pdp__buy .quantity .qty-packs::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pdp__buy form.cart .pdp-pack-total{order:0;margin:-2px 0 0;font-size:14px;font-weight:700;color:var(--ink-2)}
.pdp__buy .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 20px;border:0;border-radius:var(--radius-control);background:var(--accent);color:#fff;font-weight:800;font-size:17px;cursor:pointer}
.pdp__buy .single_add_to_cart_button::before{content:"";width:22px;height:22px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11L21 7H6.5 M9 20a1.5 1.5 0 1 0 .01 0 M18 20a1.5 1.5 0 1 0 .01 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11L21 7H6.5 M9 20a1.5 1.5 0 1 0 .01 0 M18 20a1.5 1.5 0 1 0 .01 0'/%3E%3C/svg%3E") center/contain no-repeat}
.pdp__buy .single_add_to_cart_button:hover{background:var(--accent-dark)}
.pdp__buy .single_add_to_cart_button.disabled{opacity:.55;cursor:not-allowed}
.pdp__buy .single_add_to_cart_button.is-loading{opacity:.7;pointer-events:none}
/* „Любими“ beside „Добави в количката“ (v2, 0.14.0, V2Product): quantity · the button · the heart. */
.pdp__buy form.cart .pdp__fav{flex:0 0 auto}
.pdp__fav{display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;padding:0;border:1px solid var(--line-2);border-radius:14px;background:#fff;color:var(--navy)}
.pdp__fav .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pdp__buy .single_add_to_cart_button [data-pdp-sum]{font-weight:700;opacity:.85}
.pdp__buy .single_add_to_cart_button [data-pdp-sum][hidden]{display:none}
.pdp__fav:hover{border-color:var(--navy)}
.pdp__fav[aria-pressed="true"]{border-color:var(--accent);color:var(--accent-dark)}
.pdp__fav[aria-pressed="true"] path{fill:currentColor}
.pdp__fav-row{display:flex}
.pdp-alert{padding:10px 14px;border-radius:12px;background:#FDECEC;color:var(--accent-dark);font-weight:700;font-size:14px}

/* Under the card (0.19.0, V2BuyBoxCalm): a list without boxes — the date and the stock, the free delivery, returns and
   payment, the phone. Until 0.19.0 a light green box, two small cards and a line of its own. */
.pdp-facts{display:flex;flex-direction:column;gap:12px;margin:0;padding:4px 2px 0;list-style:none}
.pdp-fact{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:700;line-height:1.4;color:var(--ink-2)}
.pdp-fact__icon{display:flex;flex-shrink:0;margin-top:1px;color:var(--muted)}
.pdp-fact__icon.is-green,.pdp-fact.is-green .pdp-fact__icon{color:var(--green-dark)}
.pdp-fact__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pdp-fact__line{min-width:0}
.pdp-fact__sub{font-size:14px;font-weight:600;color:var(--muted)}
.pdp-fact__sub b{font-weight:600}
.pdp-fact__muted{font-weight:600;color:var(--muted)}
.pdp-fact a{font-weight:800;color:var(--navy)}
.pdp-ship .pdp-ship__top{color:var(--ink)}
.pdp-ship__date[hidden]{display:none}
.pdp-ship__stock{color:var(--green-dark)}
.pdp-ship__stock::before{content:"●";margin-right:4px}
.pdp-ship.is-backorder .pdp-ship__stock{color:var(--navy)}
.pdp-ship.is-out .pdp-fact__icon,.pdp-ship.is-out .pdp-ship__stock{color:var(--accent-dark)}
.pdp-ship.is-out .pdp-ship__stock::before{content:none}
.pdp-ship__free{font-weight:700;color:var(--ink-2)}
.pdp-fact.is-green .pdp-ship__free{color:var(--green-dark)}

/* ---------- Sections (v2, 0.14.0, V2Product) ---------- */
/* The bar: white across the page's width (its background and lines are a border image that reaches past the page's
   margins without widening it), it stays at the top; the links on the left, the product in small on the right. */
.pdp-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;min-height:72px;background:#fff;border-image:linear-gradient(#fff 0 0) fill 0/0/0 100vmax;box-shadow:0 1px 0 var(--line),0 -1px 0 var(--line)}
.pdp-nav::before{content:"";position:absolute;inset:-1px 0;border-block:1px solid var(--line);border-image:linear-gradient(var(--line) 0 0) 1 0/1px 0/0 100vmax;pointer-events:none}
.admin-bar .pdp-nav{top:32px}
.pdp-nav__links{display:flex;align-self:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}
.pdp-nav__links::-webkit-scrollbar{display:none}
.pdp-nav__links a{display:flex;align-items:center;gap:6px;padding:0 16px;font-weight:700;font-size:15px;color:var(--ink-2);white-space:nowrap}
.pdp-nav__links a:hover{color:var(--ink)}
.pdp-nav__links a[aria-current]{font-weight:800;color:var(--ink);box-shadow:inset 0 -3px 0 var(--navy)}
.pdp-nav__n{padding:1px 8px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-size:13px;font-weight:800}
.pdp-nav__buy{display:flex;align-items:center;gap:10px;margin-left:auto;padding-left:16px;min-width:0}
.pdp-nav__img{flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;background:var(--ground)}
.pdp-nav__img img{width:100%;height:100%;object-fit:contain}
.pdp-nav__info{display:flex;flex-direction:column;min-width:0;line-height:1.2;margin-right:6px}
.pdp-nav__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0;font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);white-space:nowrap}
.pdp-nav__price ins{order:-1;text-decoration:none;color:var(--accent)}
.pdp-nav__price del{font-family:var(--text);font-size:13px;font-weight:700;color:var(--muted)}
.pdp-nav__price .crocoland-b2b-retail{display:none!important}
.pdp-nav__price .crocoland-b2b-own strong{font-size:0}
.pdp-nav__price .crocoland-b2b-own strong .amount{font-family:var(--display);font-size:18px;color:var(--ink)}
.pdp-nav__sub{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdp-nav__choice:not(:empty)::after{content:" · "}
.pdp-nav__add{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-size:16px}
@media (max-width:1279px){.pdp-nav__img,.pdp-nav__sub{display:none}}

.pdp-sections{display:flex;flex-direction:column;gap:24px}
.pdp-sections__body{display:flex;flex-direction:column;gap:24px}
.pdp-sec{position:relative;scroll-margin-top:96px}
.admin-bar .pdp-sec{scroll-margin-top:128px}
.pdp-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.pdp-pair--wide{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.pdp-pair--one{grid-template-columns:minmax(0,1fr)}
.pdp-pair>.pdp-sec>.pdp-sec__fold{height:100%}
.pdp-sec__fold{display:flex;flex-direction:column;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:22px}
.pdp-sec__head{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:default}
.pdp-sec__head::-webkit-details-marker{display:none}
.pdp-sec__head>.icon,.pdp-sec__peek{display:none}
.pdp-sec__title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;font-family:var(--display);font-weight:700;font-size:22px;line-height:1.3}
.pdp-sec__count{display:none}
.pdp-sec__note{font-family:var(--text);font-weight:700;font-size:15px;color:var(--muted)}
.pdp-sec__body{display:flex;flex:1;flex-direction:column;gap:16px;margin-top:16px}
.pdp-desc__text{font-size:16px;line-height:1.65;color:var(--ink-2)}
.pdp-desc__text>*+*{margin-top:12px}
.pdp-desc__text h2,.pdp-desc__text h3,.pdp-desc__text h4{margin-top:20px;font-size:17px;font-weight:800;color:var(--ink)}
.pdp-desc__text ul,.pdp-desc__text ol{padding-left:22px;list-style:disc}.pdp-desc__text ol{list-style:decimal} /* № 120: „Стъпки:“ and a numbered list numbered (until 0.22.6 dots) */
.pdp-desc__text img{border-radius:12px}
.pdp-desc__more{align-self:flex-start;padding:0;border:0;background:none;font-weight:800;font-size:14px;color:var(--navy);text-decoration:underline}
.pdp-warning{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:#FFF4DB;color:#6B4700;font-size:15px;font-weight:700;line-height:1.5}
.pdp-warning .icon{flex-shrink:0;margin-top:1px}

/* The description in boxes (0.9.19; v2 0.14.0: the cards of V2Product). */
.bx-short{display:flex;flex-direction:column;gap:16px}
.bx-short__text{font-size:16px;line-height:1.65;color:var(--ink-2)}
.bx-short__text p{margin:0}
.bx-more>summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;list-style:none;cursor:pointer;font-weight:800;font-size:15px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.bx-more>summary::-webkit-details-marker{display:none}
.bx-more[open]>summary{display:none}
.bx-more__body{font-size:16px;line-height:1.65;color:var(--ink-2)}
.bx-more__body>*+*{margin-top:12px}
.bx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bx-fact{display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#F7F8FB}
.bx-fact__ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#E6F5EB;color:var(--green-dark);margin-bottom:8px}
.bx-fact--parts .bx-fact__ic{background:#E8F0FC;color:#1F5FBF}
.bx-fact--power .bx-fact__ic{background:#FFF4DB;color:#A35E00}
.bx-fact--size .bx-fact__ic,.bx-fact--scale .bx-fact__ic{background:#F0ECFB;color:#5B3FB5}
.bx-fact--volume .bx-fact__ic{background:#E5F4F7;color:#11708A}
.bx-fact--load .bx-fact__ic,.bx-fact--weight .bx-fact__ic{background:#E3F4EE;color:#16705A}
.bx-fact small{font-size:13px;font-weight:700;color:var(--muted)}
.bx-fact b{font-size:16px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.bx-tick{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#E6F5EB;color:var(--green-dark)}
.bx-why{display:flex;flex-direction:column;gap:14px}
.bx-why li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;font-weight:600;color:var(--ink)}
.bx-why b{color:var(--ink)}
.js .bx-x{display:none}
.js .is-all .bx-x{display:flex}
.js .is-all .bx-spec.bx-x{display:grid}
.bx-all{align-self:flex-start;padding:0;border:0;background:none;font-weight:800;font-size:14px;color:var(--navy);text-decoration:underline;cursor:pointer}
.bx-all--button{margin-top:auto;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border:2px solid var(--navy);border-radius:12px;background:#fff;font-size:15px;text-decoration:none}
.bx-all--button:hover{background:#EEF0FA}
.bx-specs-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.bx-specs-wrap--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bx-specs-wrap .bx-specs--rest{grid-column:1/-1}
.bx-specs{display:flex;flex-direction:column;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bx-spec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:13px 18px;font-size:15px;line-height:1.4}
.bx-spec:nth-child(odd){background:#F7F8FB}
.bx-spec dt{font-weight:700;color:var(--muted)}
.bx-spec dd{margin:0;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.bx-spec dd.bx-spec__one{grid-column:1/-1}
.bx-box{display:flex;flex-direction:column;gap:8px}
.bx-box li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:15px;font-weight:700;color:var(--ink-2);line-height:1.45}
.bx-box li>span:nth-child(2){flex:1}
.bx-box__n{flex-shrink:0;padding:2px 8px;border-radius:8px;background:var(--ground);font-size:13px;color:var(--ink)}
.bx-box__total{padding:10px 14px;border-radius:12px;background:#E6F5EB;color:var(--green-text-ground);font-weight:800;font-size:14px}
.bx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:0;list-style:none}
.bx-steps--many{grid-template-columns:repeat(3,minmax(0,1fr))}
.bx-steps li{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--ground);font-size:14px;line-height:1.5;color:var(--ink-2)}
.bx-steps b{font-size:15px;color:var(--ink)}
.bx-steps__n{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:900;font-size:13px}
.bx-signs{padding:0;list-style:none}
.bx-fold{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bx-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;background:#F7F8FB;list-style:none;cursor:pointer;font-weight:800;font-size:16px}
.bx-fold>summary::-webkit-details-marker{display:none}
.bx-fold__n{font-weight:700;color:var(--muted)}
.bx-fold>summary .icon{flex-shrink:0;transition:transform .2s}
.bx-fold[open]>summary .icon{transform:rotate(180deg)}
.bx-warn{margin:0;padding:4px 18px 8px;list-style:none}
.bx-warn li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;font-size:15px;line-height:1.45;color:var(--ink)}
.bx-warn li+li{border-top:1px solid var(--line)}
.bx-warn .icon{flex-shrink:0;margin-top:2px;color:#8A5A00}
.pdp-sec .bx-tips>.pdp-sec__head{cursor:pointer}
.pdp-sec .bx-tips>.pdp-sec__head .icon{display:block;transition:transform .2s}
.pdp-sec .bx-tips[open]>.pdp-sec__head .icon{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.bx-fold>summary .icon,.pdp-sec .bx-tips>.pdp-sec__head .icon{transition:none}}

/* „Доставка и връщане“: three rows with an icon; alone, side by side. */
.pdp-terms{display:flex;flex-direction:column;margin-top:-6px}
.pdp-term{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.pdp-term:last-child{padding-bottom:0}
.pdp-term__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px}
.pdp-term__icon.is-green{background:#E6F5EB;color:var(--green-dark)}
.pdp-term__icon.is-blue{background:#E8F1FB;color:#1D5BA8}
.pdp-term__icon.is-red{background:#FDECEC;color:var(--accent-dark)}
.pdp-term__text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.pdp-term__text b{font-size:16px;color:var(--ink)}
.pdp-term__text a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.pdp-terms--wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:0}
.pdp-terms--wide .pdp-term{padding:0;border:0}

/* Specifications without boxes: WooCommerce's table, every other row grey. */
.woocommerce-product-attributes{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px}
.woocommerce-product-attributes tr:nth-child(odd){background:#F7F8FB}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{width:50%;padding:13px 18px;text-align:left;vertical-align:top}
.woocommerce-product-attributes th{font-weight:700;color:var(--muted)}
.woocommerce-product-attributes td{font-weight:800;color:var(--ink)}
.woocommerce-product-attributes td p{margin:0}
.woocommerce-product-attributes a{color:inherit}

/* WooCommerce's own review form (without the panel). */
.stars--big{font-size:22px;letter-spacing:2px}
.pdp-reviews__invite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px 24px;border-radius:16px;background:var(--ground)}
.pdp-reviews__invite--more{padding:0;background:none}
.pdp-reviews__write summary{list-style:none;height:50px;padding:0 24px;border-radius:var(--radius-control)}
.pdp-reviews__write summary::-webkit-details-marker{display:none}
.pdp-reviews__write[open]{flex:0 0 100%}
.pdp-reviews__write[open] summary{display:none}
#review_form .comment-reply-title{display:block;margin-bottom:12px;font-size:17px;font-weight:800}
#review_form .comment-form{display:flex;flex-direction:column;gap:12px}
#review_form p{margin:0}
#review_form label{display:block;margin-bottom:4px;font-size:14px;font-weight:700}
#review_form input[type=text],#review_form input[type=email],#review_form textarea,#review_form select{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit}
#review_form .form-submit .submit{height:50px;padding:0 28px;border-radius:var(--radius-control)}
.star-rating{position:relative;width:5.4em;height:1em;overflow:hidden;font-size:14px;line-height:1;letter-spacing:.1em}
.star-rating::before{content:"★★★★★";position:absolute;top:0;left:0;color:#C3C8D8}
.star-rating span{position:absolute;top:0;left:0;padding-top:1.5em;overflow:hidden}
.star-rating span::before{content:"★★★★★";position:absolute;top:0;left:0;color:#F5B301}

/* „Въпроси и отговори“ (0.14.0): „Задай въпрос“ top right, the answered questions in two columns. */
.qa{display:flex;flex-direction:column;gap:20px}
.qa__ask>summary{list-style:none;cursor:pointer}
.qa__ask>summary::-webkit-details-marker{display:none}
.qa__ask-button{position:absolute;top:22px;right:32px;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-width:2px}
.qa__ask[open]>.qa__ask-button{background:#EEF0FA}
.qa__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#F7F8FB}
.qa__field{display:flex;flex-direction:column;gap:6px;margin:0}
.qa__field--wide,.qa__send,.qa__form>.qa__note{grid-column:1/-1}
.qa__field label{font-size:15px;font-weight:800}
.qa__req{color:var(--accent-dark)}
.qa__field input,.qa__field textarea{width:100%;padding:12px 14px;border:2px solid #D5D9E6;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}
.qa__field textarea{resize:vertical;min-height:96px}
.qa__field input:focus,.qa__field textarea:focus{border-color:var(--navy);outline:0}
.qa__send{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}
.qa__send .button{height:50px;padding:0 24px}
.qa__hint{font-size:14px;color:var(--muted)}
.qa__note{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 16px;border-radius:14px;font-size:15px;line-height:1.5}
.qa__note .icon{flex-shrink:0;margin-top:2px}
.qa__note.is-ok{background:#E6F5EB;color:var(--green-text-ground)}
.qa__note.is-error{background:#FDECEC;color:var(--accent-dark);font-weight:700}
.qa__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.qa__item{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;scroll-margin-top:128px}
.qa__q,.qa__a{display:flex;gap:12px;margin:0}
.qa__a{padding:14px 16px;border-radius:14px;background:#E6F5EB}
.qa__mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:#EEF0FA;color:var(--navy);font-family:var(--display);font-weight:700;font-size:14px}
.qa__a .qa__mark{background:var(--green-dark);color:#fff}
.qa__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.qa__q b{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.qa__who{font-size:14px;color:var(--muted)}
.qa__from{font-size:14px;color:var(--green-dark)}
.qa__text{font-size:15px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.qa__empty{margin:0;font-size:16px;color:var(--muted)}

/* „Върви добре с“ (0.14.0) and „Подобни продукти“ (six in a row), up-sells */
.pdp-more{display:flex;flex-direction:column;gap:18px}
.pdp-more__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pdp-more__head--note{justify-content:flex-start;flex-wrap:wrap;gap:4px 14px}
.pdp-more__title{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.3}
.pdp-more__note{font-size:15px;color:var(--muted)}
.pdp-more__all{font-weight:800;font-size:15px;text-decoration:underline}
.pdp-more__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.goes__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
/* One row on a computer: 4 (№ 112; 3 at 1024–1359 until 0.22.1); the phone swipes through all of them. */
@media (min-width:1024px){.goes__list>li:nth-child(n+5){display:none}}
@media (min-width:1024px) and (max-width:1359px){
	.pdp-more__list{grid-template-columns:repeat(4,minmax(0,1fr))}
	.related .pdp-more__list>li:nth-child(n+5){display:none}
}
/* № 112 (0.22.1, „1. Витрина“ — Denis, 30.10.2026): the title and its category on the left, „Виж всички ›“ on the
   right; a card: the picture square on white with a line under it, „Последни N“ on it, the name on two lines, the
   price and a round „+“ 40 px (navy ring, filled on hover; ✓ once added, and it stays — theme.js, .is-added; № 112:
   no „Добавено в количката“ window, „✓ Добавено · Количка (N)“ at the bottom for 2 s). */
.goes__head{align-items:baseline}
.goes__titles{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0}
.goes__all{flex:none;white-space:nowrap}
.goes-tile{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.goes-tile__img{display:grid;place-items:center;aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--line)}
.goes-tile__img img{display:block;width:72%;height:78%;object-fit:contain}
.goes-tile__low{position:absolute;left:10px;top:10px;padding:2px 9px;border-radius:999px;background:#FFF3D6;color:#7A5200;font-size:11.5px;font-weight:900;line-height:1.5}
.goes-tile__body{display:flex;flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px}
.goes-tile__name{display:-webkit-box;min-height:2.7em;overflow:hidden;font-weight:700;font-size:14.5px;line-height:1.35;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.goes-tile__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;margin-top:auto}
.goes-tile__row>.goes-tile__add{margin-left:auto} /* a price too long for the row: „+“ under it, on the right — never over it */
.goes-tile__price{display:flex;flex:0 1 auto;flex-direction:column;width:auto;min-width:0;margin:0;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.25;color:var(--navy)}
.goes-tile__price ins{order:-1;text-decoration:none;color:var(--accent)}
.goes-tile__price del{font-family:var(--text);font-size:12px;font-weight:700;color:var(--muted)}
.goes-tile__add{display:grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid var(--navy);border-radius:50%;background:#fff;color:var(--navy)}
.goes-tile__add:hover,.goes-tile__add:focus-visible{background:var(--navy);color:#fff}
.goes-tile__add.is-loading{opacity:.6;pointer-events:none}
.goes-tile__done{display:none}
.goes-tile__add.is-added{border-color:var(--green-dark);background:var(--green-dark);color:#fff}
.goes-tile__add.is-added .goes-tile__plus{display:none}
.goes-tile__add.is-added .goes-tile__done{display:grid}
.goes-tile__plus,.goes-tile__done{place-items:center}
.goes-tile__plus{display:grid}

/* The phone's bar */
.buybar{display:none}


@media (max-width:1023px){
	.pdp-page{padding-top:12px;padding-bottom:28px}
	.pdp{gap:18px}
	/* One column, in the phone's order: gallery, buy box, delivery, "Накратко". */
	.pdp__top{display:flex;flex-direction:column;align-items:stretch;gap:18px}
	.pdp__media,.pdp__buy{display:contents}
	.gallery{order:-1}
	.pdp-facts{order:1}
	.pdp-short{order:2}
	/* v2 0.14.0 (V2ProductMobile): the picture as a card in the page's margins, the thumbnails under it, „1 / 6“ on the right. */
	.gallery{display:flex;flex-direction:column;gap:10px}
	.gallery__stage{border-radius:20px;border:0}
	.gallery__strip{display:block}
	.gallery__thumb{flex-basis:calc((100% - 40px) / 6);border-radius:12px}
	.gallery__arrow{display:none!important}
	.gallery__badge{top:12px;left:12px;padding:5px 10px;font-size:13px}
	.gallery__count{bottom:12px;right:12px;left:auto;padding:4px 10px;border-radius:999px;background:rgba(27,30,60,.8);color:#fff;font-size:13px}
	.gallery__fav{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy)}
	.gallery__dots{display:none}
	.gallery__step{display:none}
	.zoom__slide{padding:64px 8px}
	.zoom__nav{display:none}

	/* The brand (underlined) and the code over the title; the stars under it; the chips. */
	.pdp-head{grid-template-areas:"brand code" "last last" "title title" "rating rating" "chips chips";row-gap:10px;column-gap:8px}
	.pdp-head:not(:has(.pdp__brand)) .pdp__code{grid-column:1/-1}
	/* Beside the brand, never across it (0.15.0: a product without reviews took the computer's grid-column:1/-1 and „Код“ lay over the brand). */
	.pdp-head:has(.pdp__brand) .pdp__code{grid-column:2}
	.pdp__brand{height:auto;padding:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:2px}
	.pdp__brand:hover{background:none}
	.pdp__brand .icon{display:none}
	.pdp__code{font-size:13px}
	.pdp-head.has-rating .pdp__code::before{content:none}
	.pdp__brand+.pdp__code::before{content:"·"!important;margin-right:8px}
	.pdp__title{font-size:20px;line-height:1.3}
	.pdp__rating{font-size:14px;gap:6px}
	.pdp__rating .stars{font-size:16px}
	.pdp-chip{font-size:14px}
	.pdp-card__body{gap:16px;padding:16px}
	.pdp-promo{padding:10px 16px;font-size:13px}
	.pdp-price__main{gap:6px 10px}
	.pdp-price__amount{font-size:30px;gap:4px 10px}
	.pdp-price__amount del{font-size:16px}
	.pdp-price__lowest{order:1}
	.pdp-price__save{order:2;font-size:13px;padding:4px 10px}
	.pdp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.pdp-opt{height:48px;padding:0 12px}
	/* The buy box keeps its quantity and „Добави в количката“ (0.15.0, Denis: as eMAG — the bar at the bottom comes
	   only once this button is out of view); the heart is on the picture and in the bar. Until 0.15.0 the phone added
	   only from the bar and the buy box had no button. */
	.pdp__buy form.cart .pdp__fav{display:none}
	.pdp__buy form.cart .pdp-pack-total{align-self:center;flex:1 1 0;font-size:13px}
	.pdp__buy .single_add_to_cart_button{height:52px;padding:0 12px;gap:8px;font-size:16px;white-space:nowrap}
	.pdp__buy .single_add_to_cart_button::before{width:20px;height:20px}

	.pdp-fact{font-size:14px}
	.pdp-fact__sub{font-size:13px}
	.pdp-short{padding:0;border:0;background:none}
	.pdp-short__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.pdp-short__list{grid-template-columns:minmax(0,1fr)}

	/* The sections: one card of blocks that open (V2ProductMobile), no bar (the phone's bar at the bottom adds). */
	.pdp-nav{display:none}
	.pdp-sections{gap:28px}
	.pdp-sections__body{gap:0;padding:0 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
	.pdp-pair,.pdp-pair--wide,.pdp-pair--even{display:block}
	.pdp-sec+.pdp-sec,.pdp-pair+.pdp-sec,.pdp-sec+.pdp-pair,.pdp-pair+.pdp-pair,.pdp-pair .pdp-sec+.pdp-sec{border-top:1px solid var(--line)}
	.pdp-sec__fold{display:block;padding:0;border:0;border-radius:0;background:none}
	.pdp-sec__head{gap:8px;min-height:56px;cursor:pointer}
	.pdp-sec__head>.icon{display:block;flex-shrink:0;transition:transform .2s}
	.pdp-sec__fold[open] .pdp-sec__head>.icon{transform:rotate(180deg)}
	.pdp-sec__title{flex:1;display:block;font-family:var(--text);font-weight:800;font-size:16px}
	.pdp-sec__count{display:inline;font-weight:700;color:var(--muted)}
	.pdp-sec__note{display:none}
	.pdp-sec__fold:not([open]) .pdp-sec__peek{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800}
	.pdp-sec__peek .stars{font-size:14px}
	.pdp-sec__peek--warn{color:#8A5A00}
	.pdp-sec__body{margin-top:0;padding-bottom:16px;gap:12px}
	.pdp-desc__text{font-size:15px;line-height:1.6}
	.pdp-desc.is-clamped .pdp-desc__text{max-height:16em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)} /* № 120: ~10 lines (until 0.22.6 180 px) */
	.pdp-warning{padding:12px;font-size:14px;line-height:1.45}
	.bx-short__text{font-size:15px;line-height:1.6}
	.bx-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.bx-fact{padding:12px;border-radius:14px}
	.bx-fact__ic{width:34px;height:34px;border-radius:10px;margin-bottom:6px}
	.bx-fact small{font-size:12px}
	.bx-fact b{font-size:14px}
	.bx-why li{font-size:15px}
	.bx-all--button{margin-top:4px}
	.bx-specs-wrap,.bx-specs-wrap--two{grid-template-columns:minmax(0,1fr);gap:0}
	.bx-specs-wrap--two .bx-specs+.bx-specs{border-top:0;border-top-left-radius:0;border-top-right-radius:0}
	.bx-specs-wrap--two .bx-specs:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}
	.bx-spec{gap:10px;padding:10px 12px;font-size:14px}
	.bx-steps,.bx-steps--many{grid-template-columns:minmax(0,1fr)}
	.bx-steps li{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}
	.bx-steps li>span:last-child{flex-basis:100%}
	.bx-fold>summary{font-size:15px;min-height:48px;padding:0 14px}
	.bx-warn{padding:2px 14px 6px}
	.bx-warn li{font-size:14px}
	.pdp-terms,.pdp-terms--wide{display:flex;flex-direction:column;gap:0;margin-top:0}
	.pdp-terms--wide .pdp-term,.pdp-term{padding:12px 0;border:0}
	.pdp-term+.pdp-term{border-top:1px solid var(--line)}
	.pdp-term:first-child{padding-top:0}
	.pdp-term__icon{width:38px;height:38px;border-radius:10px}
	.pdp-term__text{font-size:14px}
	.pdp-term__text b{font-size:15px}
	.pdp-reviews__invite{padding:16px}
	.pdp-reviews__write summary{width:100%}
	.qa__ask-button{position:static;width:100%;justify-content:center}
	.qa__form{grid-template-columns:minmax(0,1fr);padding:14px}
	.qa__list{grid-template-columns:minmax(0,1fr);gap:12px}
	.qa__item{padding:14px;gap:10px}
	.qa__a{padding:12px}
	.qa__q b{font-size:15px}

	/* „Върви добре с“ and „Подобни продукти“: rows to swipe (V2ProductMobile: cards 164 px, the whole card). */
	.pdp-more{gap:12px}
	.pdp-more__head--note{flex-direction:column;gap:2px}
	.pdp-more__title{font-size:19px}
	.pdp-more__note{font-size:14px}
	.pdp-more__list,.goes__list{display:flex;gap:10px;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scroll-snap-type:x proximity;scroll-padding:0 var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain}
	.pdp-more__list::-webkit-scrollbar,.goes__list::-webkit-scrollbar{display:none}
	.pdp-more__list>li{display:flex;flex:0 0 164px;scroll-snap-align:start}
	.goes__item{display:flex;flex-direction:column;flex:0 0 164px;gap:0;padding:0;border-radius:16px;overflow:hidden;scroll-snap-align:start}
	.goes__img{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
	.goes__body{flex:1;padding:10px 12px 12px}
	.goes__name{min-height:38px;font-size:14px}
	.goes__stock{font-size:12px}
	.goes__price{margin-top:auto;font-size:16px}
	/* № 112: the head stays one row — the title (its category under it) and „Виж всички ›“; the cards swipe, snapping. */
	.goes__head{align-items:flex-start}
	.goes__titles{flex-direction:column;gap:2px}
	.goes__list--tiles{gap:12px;scroll-snap-type:x mandatory}
	.goes-tile{flex:0 0 180px;border-radius:18px;scroll-snap-align:start}

	/* The bar instead of the bottom navigation (0.15.0, V2ProductMobile — Denis, as eMAG's): no price; the heart 52 × 52
	   and „Добави в количката“, 52 high. Shown only while the buy box's button is out of view (product.js, .is-shown).
	   overflow:hidden: what does not fit is cut, never wider than the screen (a phone would widen the page for it). */
	/* № 111 (0.22.1, „Лентите с действие“): it floats as the navigation does — 12 px from the sides and the bottom (+ the
	   safe area), round 22 px, a thin border and a shadow, 8 px inside; the heart and the button as they were. */
	.buybar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:8px;overflow:hidden;padding:8px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 24px rgba(36,39,90,.16);transform:translateY(calc(100% + 48px + env(safe-area-inset-bottom)));visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
	.buybar.is-shown{transform:none;visibility:visible;transition:transform .2s ease}
	.buybar__fav{flex:0 0 52px;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;color:var(--navy)}
	.buybar__fav[aria-pressed="true"]{color:var(--accent)}
	.buybar__fav[aria-pressed="true"] path{fill:currentColor}
	.buybar__button{flex:1;min-width:0;height:52px;border-radius:14px;font-size:16px;gap:8px;overflow:hidden;white-space:nowrap}
	.buybar__button>span{overflow:hidden;text-overflow:ellipsis}
	.buybar__button>.buybar__sum{flex:none;overflow:visible;font-weight:700;opacity:.85}
	/* With the sum (0.19.0) the words and the sum fit at 360–390 px: a little less room around them. */
	.buybar__button:has(>.buybar__sum:not([hidden])){gap:6px;padding:0 10px;font-size:15px}
	@media (max-width:374px){.buybar__button:has(>.buybar__sum:not([hidden])){gap:4px;padding:0 8px;font-size:14px}.buybar__button:has(>.buybar__sum:not([hidden])) .icon{width:18px;height:18px}}
	.buybar__sum[hidden]{display:none}
	.buybar__button.is-done{background:var(--green-dark);border-color:var(--green-dark)}
	.buybar__button--out,.buybar__button--out:hover{background:var(--line);border-color:var(--line);color:var(--muted);cursor:not-allowed}
	.site-footer{padding-bottom:var(--bottom-bar,84px)}
}

@media (max-width:767px){
	/* 0.17.1 (V2ProductMobile): with more pictures each is its own card and the next peeks on the right. */
	.gallery--more .gallery__stage{aspect-ratio:auto;margin:0 -16px;border-radius:0;background:none}
	.gallery--more .gallery__slides{gap:8px;padding:0 16px;scroll-padding:0 16px}
	.gallery--more .gallery__slide{flex:0 0 calc(100% - 32px);aspect-ratio:1/1;border-radius:20px;background:var(--tone-card,#fff);overflow:hidden}
	.gallery--more .gallery__badge{left:28px}
	.gallery--more .gallery__fav{right:54px}
	.gallery--more .gallery__count{right:60px}
	.pdp-page{padding-left:16px;padding-right:16px}
	.pdp-more__list{margin:0 -16px;padding:0 16px 4px}
	/* № 112: two and a half cards to see (the list runs from the screen's edge to its edge, 16 px in). */
	.goes-tile{flex-basis:calc((100% + 16px - 2 * 12px) / 2.5)}
	.goes-tile__low{left:8px;top:8px;padding:1px 8px;font-size:11px}
	.goes-tile__body{gap:6px;padding:10px 8px 12px}
	.goes-tile__row{column-gap:4px}
	.goes-tile__name{font-size:13px}
	.goes-tile__price{font-size:14px}
	.goes-tile__add{position:relative;width:34px;height:34px}
	/* a finger's 44 px around the 34 px ring (sized, not inset: in the grid the centred ::after shrank to nothing) */
	.goes-tile__add::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
}

/* A finger's 44px (0.8.3; touch screens only): "виж повече", "Всички в …", the sections' heads. Last, so it wins. */
@media (pointer:coarse){
	.pdp__rating{padding-block:12px;margin-block:-12px}
	.pdp__brand{position:relative}
	.pdp__brand::before{content:"";position:absolute;top:-12px;right:-4px;bottom:-12px;left:-4px}
	.pdp-tbi__more{padding-block:12px;margin-block:-10px -12px}
	.pdp-more__all{padding-block:12px;margin-block:-12px}
	.pdp-sec__head{min-height:44px}
	.pdp-desc__more{padding-block:12px;margin-block:-12px}
	.pdp-fact__sub a{display:inline-block;padding:12px 2px;margin:-12px -2px}
	.woocommerce-product-attributes-item__value a{display:inline-block;padding-block:12px;margin-block:-12px}
	.gallery__arrow::after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}
}

/* "Последни бройки" over the title (0.8.7, inc/clearance.php). */
.pdp__last{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.pdp__last-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--ink);color:var(--last,#FFC629);font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.pdp__last-tag-left{font-weight:800;font-size:14px;color:var(--accent-dark)}

/* The reviews (v2, 0.14.0, V2Product): the summary on the left (the average, the bars, „Напиши отзив“), the chips and
   the reviews on the right; three at first. Until 0.14.0 (0.9.16) the bars filtered, with an order and „% позитивни“. */
.rvw__grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:start}
.rvw__sum{display:flex;flex-direction:column;gap:18px}
.rvw__avg{display:flex;align-items:center;gap:16px;margin:0}
.rvw__avg>b{font-family:var(--display);font-weight:700;font-size:56px;line-height:1;color:var(--ink)}
.rvw__avg-side{display:flex;flex-direction:column;gap:4px}
.rvw__count{font-size:15px;font-weight:700;color:var(--muted)}
.rvw__bars{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.rvw__bar{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink-2)}
.rvw__track{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.rvw__track i{display:block;height:100%;border-radius:4px;background:#F2B01E}
.rvw__k{text-align:right}
.rvw__rate{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;border-width:2px;font-size:16px}
.rvw__about{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.rvw__empty{display:flex;flex-direction:column;gap:4px;margin:0}
.rvw__empty b{font-size:17px}.rvw__empty span{font-size:15px;line-height:1.5;color:var(--muted)}
.rvw__main{display:flex;flex-direction:column;gap:22px;min-width:0}
.rvw__chips{display:flex;flex-wrap:wrap;gap:8px}
.rvw__chip{height:42px;padding:0 16px;border:1px solid #D5D9E6;border-radius:999px;background:#fff;font:inherit;font-weight:800;font-size:14px;color:var(--navy);cursor:pointer}
.rvw__chip:hover{border-color:var(--navy)}
.rvw__chip[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.rvw__list{display:flex;flex-direction:column;gap:22px;margin:0;padding:0;list-style:none}
.rvw__item{display:flex;flex-direction:column;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.rvw__item:last-child{padding-bottom:0;border-bottom:0}
.rvw__item[hidden],.is-folded .rvw__item.is-more{display:none}
.rvw__who{display:flex;align-items:center;gap:12px}
.rvw__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%}
.rvw__avatar.is-violet{background:#F3EEFB;color:#5B3B9A}
.rvw__avatar.is-blue{background:#E8F1FB;color:#1D5BA8}
.rvw__avatar.is-sand{background:#FFF4DB;color:#8A5A00}
.rvw__avatar.is-green{background:#E6F5EB;color:var(--green-dark)}
.rvw__name{display:flex;flex-direction:column;gap:2px;min-width:0}
.rvw__name b{font-size:15px}
.rvw__ver{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--green-dark)}
.rvw__who time{margin-left:auto;font-size:14px;color:var(--muted)}
.rvw__top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;color:var(--muted)}
.rvw__top .stars{font-size:17px;letter-spacing:1px}
.rvw__t{font-size:16px;font-weight:800;color:var(--ink)}
.rvw__text{margin:0;font-size:16px;line-height:1.6;color:var(--ink-2);overflow-wrap:anywhere}
.rvw__reply{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding:14px 16px;border-radius:14px;background:var(--ground)}
.rvw__reply p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rvw__reply-head{display:flex;align-items:center;gap:10px}
.rvw__reply-head b{font-size:15px;color:var(--ink)}
.rvw__reply-head time{font-size:13px;color:var(--muted)}
.rvw__c{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-family:var(--display);font-weight:700;font-size:13px}
.rvw__all{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-width:1px;font-size:15px}
.rvw__all[hidden]{display:none}
@media (max-width:1023px){
	.rvw__grid{grid-template-columns:minmax(0,1fr);gap:20px}
	.rvw__sum{gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
	.rvw__avg>b{font-size:44px}
	.rvw__rate{width:100%}
	.rvw__main{gap:16px}
	.rvw__list{gap:16px}
	.rvw__item{padding-bottom:16px}
	.rvw__text{font-size:15px}
	.rvw__all{width:100%;justify-content:center}
}

/* ---------- „Добави към него“: the add-ons above the button (crocoland-options, inc/addons.php, 0.9.23) ---------- */
/* „Добави към него — по желание“ (0.19.0, V2BuyBoxCalm): the ticks in one box, a line between them, the chosen one
   light grey with its fields open in place. Until 0.19.0 a box each, the chosen one with a dark frame. */
.pdp-addons{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.pdp-addons__title{float:left;width:100%;margin:0;padding:0;font-size:15px;font-weight:800;color:var(--ink)}
.pdp-addons__opt{font-weight:600;color:var(--muted)}
.pdp-addons__box{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:14px;background:#fff;overflow:hidden}
.pdp-addon{background:#fff}
.pdp-addon+.pdp-addon{border-top:1px solid var(--line)}
.pdp-addon.is-on{background:#F7F8FB}
.pdp-addon__row{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 16px;cursor:pointer}
.pdp-addon__row input[type=checkbox]{flex:none;width:22px;height:22px;margin:0;accent-color:var(--navy)}
.pdp-addon__img{flex:none;width:28px;height:28px;object-fit:contain;border-radius:6px;background:var(--ground)}
.pdp-addon__icon{display:flex;flex:none;color:var(--muted)}
.pdp-addon__name{flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.3}
.pdp-addon.is-on .pdp-addon__name{font-weight:800}
.pdp-addon__price{flex:none;font-weight:800;white-space:nowrap;color:var(--ink-2)}
.pdp-addon.is-on .pdp-addon__price{color:var(--ink)}
.pdp-addon__price del{display:none}
.pdp-addon__price ins{text-decoration:none}
.pdp-addon .addon-fields{padding:4px 16px 14px 50px}
.js .pdp-addon:not(.is-on) .addon-fields{display:none}
@media (prefers-reduced-motion:reduce){.pdp-addon,.buybar,.buybar.is-shown{transition:none}}
@media (max-width:767px){
	.pdp-addon__row{gap:10px;padding:8px 12px}
	.pdp-addon .addon-fields{padding:0 12px 12px}
}

/* „Купи в комплект“ (inc/bundles.php). A computer (0.19.0, Denis — V2BundleVariants, variant В „Тих ред“): one row
   across the page under the buy box, above the tabs, that opens in place; until 0.19.0 a card under the photos (0.18.0).
   A phone: one row after the buy box's card (V2ProductMobile) that opens the sheet (main.css .ksheet). */
.pdp-bline{border:1px solid var(--line);border-radius:16px;background:#fff}
.pdp-bline__row{display:flex;align-items:center;gap:16px;padding:16px 20px}
.pdp-bline__row[hidden],.pdp-bline__open[hidden]{display:none}
.pdp-bline__imgs{display:flex;flex-shrink:0}
.pdp-bline__thumb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #fff;border-radius:12px;background:var(--ground);overflow:hidden}
.pdp-bline__thumb+.pdp-bline__thumb{margin-left:-12px}
.pdp-bline__thumb img,.pdp-bline__img img{width:100%;height:100%;object-fit:contain}
.pdp-bline__text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.pdp-bline__title{font-size:16px;font-weight:800;color:var(--ink)}
.pdp-bline__sum{font-size:14px;font-weight:600;color:var(--ink-2)}
.pdp-bline__sum b{font-weight:800;color:var(--ink)}
.pdp-bline__sum s{font-weight:600;color:var(--muted)}
.pdp-bline__save{font-weight:800;color:var(--green-dark)}
.pdp-bline__see,.pdp-bline__hide{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-weight:800;font-size:15px;color:var(--ink);cursor:pointer}
.pdp-bline__see:hover,.pdp-bline__hide:hover{border-color:var(--navy)}
.pdp-bline__hide{height:40px;padding:0 12px;font-size:14px}
.pdp-bline__add{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:48px;padding:0 22px;border:2px solid var(--accent);border-radius:12px;background:#fff;color:var(--accent);font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.pdp-bline__add:hover{background:var(--accent);color:#fff}
.pdp-bline__open{display:flex;flex-direction:column;gap:16px;padding:16px 20px 18px}
.pdp-bline__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pdp-bline__h{margin:0;font-family:var(--text);font-size:17px;font-weight:800;color:var(--ink)}
.pdp-bline__h:focus{outline:none}
.pdp-bline__more{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.pdp-bline__head .bundle-pct+.pdp-bline__hide{margin-left:auto}
.pdp-bline__parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:0 0 16px;list-style:none;border-bottom:1px solid var(--line)}
.pdp-bline__part{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}
.pdp-bline__img{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--ground);overflow:hidden}
.pdp-bline__ptext{display:flex;flex-direction:column;gap:4px;min-width:0}
.pdp-bline__pname{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}
.pdp-bline__pname a{color:inherit}
.pdp-bline__pname a:hover{color:var(--accent-dark)}
.pdp-bline__pname small{font-size:13px;font-weight:600;color:var(--muted)}
.pdp-bline .bundle-choice select{height:32px;font-size:13px}
.pdp-bline__price{font-size:15px;font-weight:800;white-space:nowrap}
.pdp-bline__foot{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.pdp-bline__foot .pdp-bline__sum{font-size:15px}
.pdp-bline__foot .pdp-bline__sum b{font-family:var(--display);font-weight:700;font-size:24px}
.pdp-bundle-row{display:none}
/* A narrow computer (1024–1279): the parts two to a row. */
@media (min-width:1024px) and (max-width:1279px){
	.pdp-bline__parts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pdp-bline__row{flex-wrap:wrap}
	.pdp-bline__text{flex-basis:calc(100% - 200px)}
}
@media (max-width:1023px){
	.pdp-bline{display:none}
	.pdp-bundle-row{order:1;display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit;text-align:left;color:var(--ink)}
	html:not(.js) .pdp-bundle-row{display:none}
	.pdp-bundle-row__imgs{display:flex;flex-shrink:0}
	.pdp-bundle-row__img{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #fff;border-radius:10px;background:var(--ground);overflow:hidden}
	.pdp-bundle-row__img+.pdp-bundle-row__img{margin-left:-12px}
	.pdp-bundle-row__img img{width:100%;height:100%;object-fit:contain}
	.pdp-bundle-row__text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
	.pdp-bundle-row__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}
	.pdp-bundle-row__title .bundle-pct{padding:2px 8px;font-size:12px}
	.pdp-bundle-row__sub{font-size:13px;font-weight:700;line-height:1.35;color:var(--muted)}
	.pdp-bundle-row__sub b{color:var(--green-dark)}
	.pdp-bundle-row>.icon{color:var(--navy)}
}