/* Product page layer shared by every kit (inc/pdp.php, assets/pdp.js). Only preset tokens; kits restyle in kit.css. */
.single-product .summary>*+.sr-pdp-flags{margin-top:4px}
.sr-pdp-flags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.sr-pdp-flag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:var(--sr-radius-btn,999px);background:var(--sr-surface);color:var(--sr-ink);font:600 12px/1 var(--sr-body-font);letter-spacing:.01em}
.sr-pdp-flag--sale{background:var(--sr-signal);color:var(--sr-on-signal)}
.sr-pdp-flag--best{background:var(--sr-accent);color:var(--sr-on-accent)}
.sr-pdp-flag--best::before{content:"★";font-size:11px}
.sr-pdp-flag--low{background:color-mix(in srgb,#c2410c 12%,var(--sr-canvas));color:color-mix(in srgb,#c2410c 82%,var(--sr-ink))}
.sr-pdp-flag--low::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:sr-pulse 1.6s ease-in-out infinite}
.sr-pdp-flag--soldout{background:var(--sr-ink);color:var(--sr-canvas)}
@keyframes sr-pulse{50%{opacity:.35}}

.sr-pdp-rating{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 0;color:var(--sr-ink);font-size:14px;text-decoration:none}
.sr-pdp-rating .sr-stars{font-size:14px}
.sr-pdp-rating strong{font-weight:650}
.sr-pdp-rating span:last-child{color:var(--sr-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}
.sr-pdp-rating:hover span:last-child{color:var(--sr-ink)}
.sr-pdp-rating--none{color:var(--sr-muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}

.sr-pdp-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:16px 0 0}
.single-product .summary .sr-pdp-price p.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;color:var(--sr-ink);font:650 clamp(26px,2.3vw,34px)/1.05 var(--sr-heading-font);letter-spacing:-.02em}
.single-product .summary .sr-pdp-price p.price ins{order:-1;text-decoration:none;background:none;color:inherit;font:inherit}
.single-product .summary .sr-pdp-price p.price del{color:var(--sr-muted);font:400 17px/1 var(--sr-body-font);opacity:1;text-decoration-thickness:1px}
/* A variable product on sale (inc/pdp.php storeruler_pdp_price_html): "₺849,90 and up", then the struck regular price. */
.single-product .summary .sr-pdp-price p.price .sr-pdp-more{order:-1;color:var(--sr-muted);font:500 15px/1 var(--sr-body-font);letter-spacing:0}
.sr-pdp-off{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:var(--sr-radius-btn,999px);background:var(--sr-signal);color:var(--sr-on-signal);font:700 13px/1 var(--sr-body-font)}
.sr-pdp-save{flex-basis:100%;color:var(--sr-positive,var(--sr-ink));font-size:14px;font-weight:600}
.sr-pdp-save .amount{color:inherit}
.sr-pdp-off[hidden],.sr-pdp-save[hidden]{display:none}
.sr-pdp-ref{flex-basis:100%;margin:0;color:var(--sr-muted);font:400 13px/1.45 var(--sr-body-font)}
.sr-pdp-ref .amount{color:var(--sr-ink);font-weight:600}
/* A description heading that nearly repeats the product's name (inc/pdp.php storeruler_pdp_description_lead()). */
.sr-pdp-desc-lead{margin:0 0 12px;color:var(--sr-muted);font:600 14px/1.45 var(--sr-body-font)}
.sr-pdp-ref__period{display:block}
.sr-pdp-ref[hidden]{display:none}
.sr-pdp-drop{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 10px;border-radius:var(--sr-radius-sm,6px);background:color-mix(in srgb,var(--sr-positive,#2f7a3a) 12%,var(--sr-canvas));color:var(--sr-positive,var(--sr-ink));font-size:13px;font-weight:600}
.sr-pdp-drop::before{content:"↓"}
.single-product .summary .woocommerce-variation-price{display:none}

/* Options */
.single-product .summary .sr-opt-head{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}
.sr-opt-value{margin-left:6px;font-weight:400;color:var(--sr-muted)}
.sr-pdp-guide{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:var(--sr-ink);font:500 13px/1.2 var(--sr-body-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sr-pdp-guide svg{flex:none}
.sr-pdp-guide.is-standalone{margin:4px 0 14px}
.single-product .summary .sr-option-chips:has(.sr-chip-color){gap:6px;margin-left:-6px}
.single-product .summary .sr-option-chips .sr-option-chip.sr-chip-color{position:relative;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border:0;border-radius:50%;background:none;font-size:0;color:transparent}
.single-product .summary .sr-option-chips .sr-chip-color::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--sw-img,none) center/cover,var(--sw,var(--sr-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sr-ink) 22%,transparent);transition:box-shadow .2s}
.single-product .summary .sr-option-chips .sr-chip-color:hover::before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sr-ink) 22%,transparent),0 0 0 3px var(--sr-canvas),0 0 0 4px var(--sr-line)}
.single-product .summary .sr-option-chips .sr-chip-color[aria-pressed="true"]{background:none}
.single-product .summary .sr-option-chips .sr-chip-color[aria-pressed="true"]::before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sr-ink) 22%,transparent),0 0 0 3px var(--sr-canvas),0 0 0 5px var(--sr-ink)}
.single-product .summary .sr-option-chips .sr-chip-color:disabled{opacity:.4;text-decoration:none;border:0}
/* Colours as the variation's own photos (every colour has one): small portrait tiles, the chosen one ringed. The photo
   sits on a layer of its own, so a kit's chip colours (hover, chosen) never cover it. */
.single-product .summary .sr-option-chips.has-photos{gap:10px;margin-left:0}
.single-product .summary .sr-option-chips .sr-option-chip.sr-chip-photo{position:relative;width:56px;min-width:56px;height:70px;min-height:70px;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:0!important;color:transparent!important;box-shadow:none!important;transition:box-shadow .2s}
.single-product .summary .sr-option-chips .sr-chip-photo::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sw-img,none) center/cover var(--sr-surface,#eee);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sr-ink) 14%,transparent)}
.single-product .summary .sr-option-chips .sr-chip-photo:not(:disabled):hover{box-shadow:0 0 0 2px var(--sr-canvas),0 0 0 3px color-mix(in srgb,var(--sr-ink) 35%,transparent)!important}
.single-product .summary .sr-option-chips .sr-chip-photo[aria-pressed="true"]{box-shadow:0 0 0 2px var(--sr-canvas),0 0 0 4px var(--sr-ink)!important}
.single-product .summary .sr-option-chips .sr-chip-photo:disabled{opacity:.45}
.single-product .summary .sr-option-chips .sr-chip-photo:disabled::after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:1.5px;background:var(--sr-ink);transform:rotate(38deg)}
@media (max-width:600px){.single-product .summary .sr-option-chips .sr-option-chip.sr-chip-photo{width:52px;min-width:52px;height:65px;min-height:65px}}
.single-product .summary .sr-option-chips .sr-chip-color:disabled::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1.5px;background:var(--sr-ink);transform:rotate(45deg)}
.single-product .summary form.cart.sr-attention .variations{animation:sr-attention 1.4s ease}
@keyframes sr-attention{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.single-product .summary form.cart.sr-attention .variations{animation:none;outline:2px solid var(--sr-signal);outline-offset:8px}.sr-pdp-flag--low::before{animation:none}}

/* Purchase row: quantity + add to cart, "Buy now" under them */
.single-product .summary form.cart:not(.variations_form):not(.grouped_form),.single-product .summary .woocommerce-variation-add-to-cart{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:10px}
/* WooCommerce's clearfix pseudo-elements would take a grid's first cell (pushing the quantity aside, or opening a gap
   above the options); nothing floats inside these forms any more */
.single-product .summary form.cart::before,.single-product .summary form.cart::after,.single-product .summary .woocommerce-variation-add-to-cart::before,.single-product .summary .woocommerce-variation-add-to-cart::after{content:none!important;display:none!important}
.single-product .summary form.cart .single_add_to_cart_button{width:100%;min-height:56px;margin:0!important;float:none!important}
.single-product .summary form.cart .sr-buy-now{grid-column:1/-1;min-height:52px;border:1.5px solid var(--sr-ink)!important;background:transparent!important;color:var(--sr-ink)!important;box-shadow:none!important}
.single-product .summary form.cart .sr-buy-now:not(.disabled):hover{background:var(--sr-ink)!important;color:var(--sr-canvas)!important}
.single-product .summary form.cart .sr-buy-now.disabled{opacity:.45}
.single-product .summary form.cart .quantity{float:none!important;margin:0!important}
.single-product .summary .quantity.sr-qty{display:inline-flex;align-items:stretch;min-height:56px;border:1px solid var(--sr-line);border-radius:var(--sr-radius-btn,var(--sr-radius-sm,8px));background:var(--sr-canvas);overflow:hidden}
.single-product .summary .quantity.sr-qty input.qty{width:44px;min-height:0;height:auto;padding:0;border:0!important;background:none;color:var(--sr-ink);font:600 16px/1 var(--sr-body-font);text-align:center;-moz-appearance:textfield;appearance:textfield;box-shadow:none}
.single-product .summary .quantity.sr-qty input.qty::-webkit-inner-spin-button,.single-product .summary .quantity.sr-qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sr-qty-btn{display:grid;place-items:center;width:44px;padding:0;border:0;background:none;color:var(--sr-ink);cursor:pointer}
.sr-qty-btn:disabled{opacity:.3;cursor:default}
.sr-qty-btn:not(:disabled):hover{background:var(--sr-surface)}
.single-product .summary p.stock{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:500}
.single-product .summary p.stock.in-stock{color:var(--sr-positive,var(--sr-ink))}
.single-product .summary p.stock.in-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}
.single-product .summary p.stock.out-of-stock{color:color-mix(in srgb,#b42318 85%,var(--sr-ink))}
.sr-buy-line--ask a{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sr-buy-line [data-sr-eta-text]{font-weight:650}

/* Shipping & returns tab */
/* Product information as an accordion (woocommerce/single-product/tabs/tabs.php): the base for kits that do not draw their
   own (the marketplace kits showed a bare ▶ "Shipping & returns", a live store, 27 Oct 2026). Kits' own rules win. */
.sr-acc__item{border-top:1px solid var(--sr-line)}
.sr-acc__item:last-child{border-bottom:1px solid var(--sr-line)}
.sr-acc__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 0;list-style:none;cursor:pointer;color:var(--sr-ink);font-size:15px;font-weight:600;line-height:1.3}
.sr-acc__summary::-webkit-details-marker{display:none}
.sr-acc__summary::marker{content:""}
.sr-acc__mark{position:relative;flex:none;width:14px;height:14px;color:var(--sr-ink)}
.sr-acc__mark::before,.sr-acc__mark::after{content:"";position:absolute;left:0;top:50%;width:14px;height:1.5px;margin-top:-.75px;border-radius:1px;background:currentColor;transition:transform .2s}
.sr-acc__mark::after{transform:rotate(90deg)}
.sr-acc__item[open]>.sr-acc__summary .sr-acc__mark::after{transform:rotate(0)}
.sr-acc__body{padding:0 0 18px}
/* Shipping & returns: one row per fact under full-width hairlines, the icon in a soft disc of the kit's accent; where the
   panel is wide (a sheet under the product, not a buy-box column) the facts pair up in two columns. The policy pages are
   chips. */
.sr-acc__item--sr_shipping>.sr-acc__body{container-type:inline-size}
.sr-pdp-facts,.sr-acc__body .sr-pdp-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none}
.sr-pdp-facts li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:12px 0;border-top:1px solid var(--sr-line)}
.sr-pdp-facts li:first-child{border-top:0;padding-top:4px}
.sr-pdp-facts svg{box-sizing:content-box;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--sr-accent,var(--sr-ink)) 10%,transparent);color:var(--sr-accent,var(--sr-ink))}
.sr-pdp-facts strong{display:block;margin-bottom:1px;color:var(--sr-ink);font-size:15px;font-weight:650}
.sr-pdp-facts span{color:var(--sr-muted);font-size:14px;line-height:1.5}
.sr-pdp-facts span a{color:var(--sr-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@container (min-width:640px){
  .sr-pdp-facts,.sr-acc__body .sr-pdp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-pdp-facts li:nth-child(2){border-top:0;padding-top:4px}
  .sr-pdp-facts li:nth-child(even){padding-left:28px}
  .sr-pdp-facts li:nth-child(odd){padding-right:28px}
}
.sr-pdp-facts__more{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.sr-pdp-facts__link{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px 0 14px;border:1px solid var(--sr-line);border-radius:999px;color:var(--sr-ink);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .2s}
.sr-pdp-facts__link:hover{border-color:currentColor}
.sr-pdp-facts__link svg{flex:none}

/* Section headings below the buy box */
.sr-pdp-h2,.single-product .related>h2,.single-product .upsells>h2,.single-product .sr-pdp-best>h2{margin:0;color:var(--sr-ink);font:650 clamp(26px,2.6vw,40px)/1.05 var(--sr-heading-font);letter-spacing:-.02em}

/* Complete the look: assets/pdp-set.css, linked right before the section (inc/pdp.php) */

/* Reviews */
.sr-pdp-reviews{clear:both;display:grid;gap:28px;margin:clamp(48px,6vw,88px) 0 0;padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--sr-line)}
.sr-pdp-reviews__summary{display:grid;align-content:start;gap:16px}
.sr-pdp-reviews__score{display:flex;align-items:center;gap:16px;margin:0}
.sr-pdp-reviews__score strong{color:var(--sr-ink);font:650 64px/.9 var(--sr-heading-font);letter-spacing:-.04em}
.sr-pdp-reviews__score>span{display:grid;gap:6px;color:var(--sr-muted);font-size:14px}
.sr-pdp-reviews__score .sr-stars{font-size:18px}
.sr-pdp-dist{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--sr-muted)}
.sr-pdp-dist li{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px}
.sr-pdp-dist__bar{height:6px;border-radius:6px;background:var(--sr-surface);overflow:hidden}
.sr-pdp-dist__bar i{display:block;height:100%;border-radius:inherit;background:var(--sr-star,var(--sr-signal))}
.sr-pdp-dist li span:last-child{text-align:right}
.sr-pdp-reviews__empty{margin:0;color:var(--sr-muted);max-width:36ch}
.sr-pdp-reviews__write{justify-self:start}
.sr-pdp-reviews__all{display:none} /* shown by kits that cap the list at four reviews (Atölye) */
.sr-pdp-reviews__card,.sr-pdp-reviews__actions{display:contents} /* wrappers a kit may lay out (Atölye: score card, actions beside the title) */
.sr-pdp-reviews .sr-rv-pending{grid-column:1/-1;flex-basis:100%}
.sr-pdp-reviews__list #reviews>#comments>h2,.sr-pdp-reviews__list .woocommerce-Reviews-title{display:none}
.sr-pdp-reviews__list ol.commentlist{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.sr-pdp-reviews__list ol.commentlist li.review{margin:0;padding:20px;border:1px solid var(--sr-line);border-radius:var(--sr-radius,12px);background:var(--sr-canvas)}
.sr-pdp-reviews__list .comment_container{display:block}
.sr-pdp-reviews__list .comment_container img.avatar{display:none}
.sr-pdp-reviews__list .comment-text{margin:0!important;padding:0!important;border:0!important}
.sr-pdp-reviews__list .comment-text .star-rating{float:none!important;margin:0 0 10px}
.sr-pdp-reviews__list .comment-text .description p{margin:8px 0 0;color:var(--sr-ink);line-height:1.55}
.sr-pdp-reviews__list .comment-text .meta{margin:0;color:var(--sr-muted);font-size:13px}
.sr-pdp-reviews__list .comment-text .meta strong{color:var(--sr-ink)}
.sr-pdp-reviews__list .woocommerce-review__verified{color:var(--sr-positive,var(--sr-ink));font-style:normal}
.sr-pdp-reviews__list ol.commentlist ul.children{margin:12px 0 0;padding:14px;border-radius:var(--sr-radius-sm,8px);background:var(--sr-surface);list-style:none}
@media (min-width:1001px){.sr-pdp-reviews{grid-template-columns:320px minmax(0,1fr);gap:56px}.sr-pdp-reviews__summary{position:sticky;top:calc(var(--sr-header-h,72px) + 24px)}.sr-pdp-reviews__list ol.commentlist{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Rails: up-sells and related products */
.sr-pdp-rail{position:relative;clear:both;margin-top:clamp(48px,6vw,88px)}
.sr-pdp-rail>section{margin:0!important;padding:0!important}
.sr-pdp-rail>section>h2{margin-bottom:24px!important;padding-right:110px}
.sr-pdp-rail__arrows{position:absolute;top:0;right:0;display:flex;gap:8px;z-index:2}
.sr-pdp-rail__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--sr-line);border-radius:50%;background:var(--sr-canvas);color:var(--sr-ink);cursor:pointer;transition:background-color .2s,border-color .2s}
.sr-pdp-rail__arrow:not(:disabled,[aria-disabled="true"]):hover{border-color:var(--sr-ink)}
/* A rail that fits shows no arrows; an arrow at its end rests (assets/kit.js) */
[data-sr-rail].is-static :is(.sr-pdp-rail__arrows,.sr-home-reviews__arrows){display:none}
:is(.sr-pdp-rail__arrow,.sr-home-reviews__arrow):is(:disabled,[aria-disabled="true"]){opacity:.35;cursor:default}
html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100% - 3 * 20px) / 4);gap:20px!important;margin:0!important;padding:0 0 4px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
/* Recommendations laid out as a grid (e.g. inside a Design studio layout): five a row on wide screens, and a short
   last row is left out rather than shown half empty */
@media (min-width:1280px){html body.storeruler-theme.single-product :is(section.related,section.upsells,section.sr-pdp-best) ul.products:not([data-sr-rail-track]){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}html body.storeruler-theme.single-product :is(section.related,section.upsells,section.sr-pdp-best) ul.products:not([data-sr-rail-track])>li{width:auto!important;margin:0!important;float:none!important}html body.storeruler-theme.single-product :is(section.related,section.upsells,section.sr-pdp-best) ul.products:not([data-sr-rail-track])>li:nth-child(5n+1):nth-child(n+6):nth-last-child(-n+4),html body.storeruler-theme.single-product :is(section.related,section.upsells,section.sr-pdp-best) ul.products:not([data-sr-rail-track])>li:nth-child(5n+1):nth-child(n+6):nth-last-child(-n+4)~li{display:none!important}}
@media (min-width:1280px){html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]{grid-auto-columns:calc((100% - 4 * 20px) / 5)}html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]:not(:has(>li:nth-child(5))){grid-auto-columns:calc((100% - 3 * 20px) / 4)}}
html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]::-webkit-scrollbar{display:none}
html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]>li{width:auto!important;margin:0!important;float:none!important;scroll-snap-align:start}
html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]::before,html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]::after{display:none}
@media (max-width:1000px){html body.storeruler-theme .sr-pdp-rail ul.products[data-sr-rail-track]{grid-auto-columns:calc((100% - 12px) / 2.25);gap:12px!important}.sr-pdp-rail__arrows{display:none}.sr-pdp-rail>section>h2{padding-right:0}}

/* Recently viewed */
.sr-pdp-recent{clear:both;margin-top:clamp(48px,6vw,88px)}
.sr-pdp-recent[hidden]{display:none}
.sr-pdp-recent__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;margin:20px 0 0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.sr-pdp-recent__list .sr-recent__item a{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px;border:1px solid var(--sr-line);border-radius:var(--sr-radius,12px);color:var(--sr-ink);text-decoration:none}
.sr-pdp-recent__list .sr-recent__item img{grid-row:1/3;width:64px;height:64px;border-radius:var(--sr-radius-sm,8px);object-fit:cover}
.sr-pdp-recent__list .sr-recent__name{align-self:end;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-pdp-recent__list .sr-recent__price{align-self:start;color:var(--sr-muted);font-size:13px}

/* Sticky purchase bar */
.sr-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sr-canvas) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--sr-line);box-shadow:0 -10px 30px rgb(0 0 0 / .08);animation:sr-rise .32s cubic-bezier(.2,.8,.2,1)}
.sr-sticky-buy[hidden]{display:none}
.sr-sticky-buy__in{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}
.sr-sticky-buy__img{flex:none;width:48px;height:48px;border-radius:var(--sr-radius-sm,8px);object-fit:cover;background:var(--sr-surface)}
.sr-sticky-buy__text{display:grid;gap:2px;min-width:0;flex:1}
.sr-sticky-buy__name{color:var(--sr-ink);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-sticky-buy__meta{display:flex;gap:8px;align-items:baseline;min-width:0;color:var(--sr-muted);font-size:13px;white-space:nowrap;overflow:hidden}
.sr-sticky-buy__price{color:var(--sr-ink);font-weight:650}
.sr-sticky-buy__price del{color:var(--sr-muted);font-weight:400}
.sr-sticky-buy__price ins{text-decoration:none}
.sr-sticky-buy__choice{overflow:hidden;text-overflow:ellipsis}
.sr-sticky-buy__btn{flex:none;min-height:48px;padding:0 22px!important;white-space:nowrap}
body.sr-has-sticky-buy{padding-bottom:76px}
@keyframes sr-rise{from{transform:translateY(100%)}}
@media (max-width:520px){.sr-sticky-buy__img{display:none}.sr-sticky-buy__btn{padding:0 16px!important}}
@media (prefers-reduced-motion:reduce){.sr-sticky-buy{animation:none}}

/* Size guide dialog */
.sr-dialog{width:min(760px,calc(100% - 32px));max-height:min(86vh,900px);padding:0;border:0;border-radius:var(--sr-radius-lg,16px);background:var(--sr-canvas);color:var(--sr-ink);box-shadow:0 30px 80px rgb(0 0 0 / .25)}
.sr-dialog::backdrop{background:rgb(0 0 0 / .45);backdrop-filter:blur(2px)}
.sr-dialog__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--sr-canvas);border-bottom:1px solid var(--sr-line)}
.sr-dialog__head h2{margin:0;font:650 22px/1.2 var(--sr-heading-font)}
.sr-dialog__close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--sr-surface);color:var(--sr-ink);cursor:pointer}
.sr-dialog__body{padding:20px 24px 28px;overflow:auto}
.sr-dialog__body table{width:100%;border-collapse:collapse;font-size:14px}
.sr-dialog__body th,.sr-dialog__body td{padding:10px 12px;border-bottom:1px solid var(--sr-line);text-align:left}

/* Gallery position */
.single-product .woocommerce-product-gallery{position:relative}
.sr-gallery-count{position:absolute;right:14px;bottom:14px;z-index:3;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--sr-canvas) 88%,transparent);color:var(--sr-ink);font:600 12px/1 var(--sr-body-font);font-variant-numeric:tabular-nums;pointer-events:none}
.single-product .woocommerce-product-gallery:has(.flex-control-thumbs) .sr-gallery-count{bottom:auto;top:14px;right:64px}

/* Gallery arrows (WooCommerce's slider) */
.single-product .woocommerce-product-gallery .flex-direction-nav{position:absolute;left:0;right:0;top:0;height:0;margin:0;padding:0;list-style:none;z-index:3}
.single-product .woocommerce-product-gallery .flex-direction-nav a{position:absolute;top:var(--sr-arrow-top,40vh);display:flex;align-items:center;justify-content:center;overflow:hidden;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:color-mix(in srgb,var(--sr-canvas) 90%,transparent);color:transparent;font-size:0;text-decoration:none;box-shadow:0 6px 20px rgb(0 0 0 / .08);opacity:0;transition:opacity .2s}
.single-product .woocommerce-product-gallery:hover .flex-direction-nav a,.single-product .woocommerce-product-gallery .flex-direction-nav a:focus-visible{opacity:1}
.single-product .woocommerce-product-gallery .flex-direction-nav a::before{content:"";width:10px;height:10px;border:solid var(--sr-ink);border-width:0 0 2px 2px;transform:translateX(3px) rotate(45deg)}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev{left:14px}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next{right:14px}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next::before{transform:translateX(-3px) rotate(-135deg)}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-disabled{opacity:0!important;pointer-events:none}
@media (hover:none){.single-product .woocommerce-product-gallery .flex-direction-nav{display:none}}
/* Phones and tablets (assets/pdp.js nativeGallery): the photos in a native scroll-snap row. A swipe follows the finger and
   settles on the next photo, a vertical scroll is never held; thumbnails, dots, arrows and counter keep the slider names. */
.woocommerce-product-gallery.sr-gallery-native .flex-viewport{position:relative;overflow:hidden}
.woocommerce-product-gallery.sr-gallery-native .woocommerce-product-gallery__wrapper{display:flex!important;align-items:flex-start;width:auto!important;max-width:none;margin:0!important;padding:0;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important}
.woocommerce-product-gallery.sr-gallery-native .woocommerce-product-gallery__wrapper::-webkit-scrollbar{display:none}
.woocommerce-product-gallery.sr-gallery-native .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image{display:block!important;flex:0 0 100%;width:100%!important;max-width:100%;margin:0!important;float:none!important;scroll-snap-align:start;scroll-snap-stop:always}
.sr-pdp-reviews__list #reviews{display:block!important}
.sr-pdp-reviews__list #review_form_wrapper{margin-top:20px}
.sr-pdp-reviews__list ol.commentlist::before,.sr-pdp-reviews__list ol.commentlist::after{display:none!important}
.sr-pdp-set+.sr-pdp-reviews,.sr-pdp-reviews{padding-top:clamp(28px,3vw,44px)}
/* Buy box rhythm */
html body.storeruler-theme.single-product .summary .product_title{margin-bottom:0}
html body.storeruler-theme.single-product .summary .woocommerce-product-details__short-description{margin:0}
html body.storeruler-theme.single-product .summary .woocommerce-product-details__short-description>:last-child{margin-bottom:0}
html body.storeruler-theme.single-product .summary table.variations{margin:0 0 18px}
html body.storeruler-theme.single-product .summary table.variations tr{gap:10px;margin:0 0 18px}
html body.storeruler-theme.single-product .summary table.variations tr:last-child{margin-bottom:0}
html body.storeruler-theme.single-product .summary table.variations th,html body.storeruler-theme.single-product .summary table.variations td{padding:0}
html body.storeruler-theme.single-product .summary table.variations td.value{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
html body.storeruler-theme.single-product .summary .reset_variations{margin:0;font-size:13px;color:var(--sr-muted)}
html body.storeruler-theme.single-product .summary form.cart .single_add_to_cart_button{width:100%!important;max-width:none!important;justify-self:stretch;border-radius:var(--sr-radius-btn,var(--sr-radius-sm,0px))!important}
/* Sections below the buy box always span the whole product area (kits lay the product out as a grid), a Design studio
   row holding one too */
.single-product div.product>:is(.sr-pdp-set,.sr-pdp-reviews,.sr-pdp-store-reviews,.sr-pdp-rail,.sr-pdp-recent,.related,.upsells,.sr-built-section:has(>:is(.sr-pdp-rail,.related,.upsells))){grid-column:1/-1;width:100%;max-width:100%;min-width:0}
html body.storeruler-theme .sr-pdp-reviews__list ol.commentlist li.review :is(.comment_container,.comment-text){display:block!important;grid-template-columns:none!important}
/* Desktop: the purchase bar becomes a product bar under the header, with section links */
.sr-sticky-buy__nav{display:none}
@media (min-width:1001px){
  .sr-sticky-buy{top:var(--sr-sticky-top,0px);bottom:auto;padding:10px 24px;border-top:0;border-bottom:1px solid var(--sr-line);box-shadow:0 12px 30px rgb(0 0 0 / .06);animation-name:sr-drop}
  .sr-sticky-buy__in{max-width:1560px}
  .sr-sticky-buy__nav{display:flex;order:2;gap:4px;margin:0 auto;padding:0 12px}
  .sr-sticky-buy__nav a{padding:10px 14px;border-radius:999px;color:var(--sr-muted);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
  .sr-sticky-buy__nav a:hover{color:var(--sr-ink)}
  .sr-sticky-buy__nav a.is-current{background:var(--sr-surface);color:var(--sr-ink)}
  .sr-sticky-buy__img{order:0}
  .sr-sticky-buy__text{order:1;flex:0 1 280px}
  .sr-sticky-buy__btn{order:3}
  body.sr-has-sticky-buy{padding-bottom:0}
}
@keyframes sr-drop{from{transform:translateY(-100%);opacity:0}}
.single-product :is(.woocommerce-tabs,[data-sr-set],#sr-reviews,section.related,section.sr-pdp-best){scroll-margin-top:calc(var(--sr-sticky-top,0px) + 96px)}
/* Review cards: initials */
.sr-pdp-reviews__list .meta.has-avatar{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center}
.sr-pdp-reviews__list .meta.has-avatar>:not(.sr-avatar){grid-column:2}
.sr-avatar{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sr-surface);color:var(--sr-ink);font:650 14px/1 var(--sr-body-font)}
.sr-pdp-reviews__list .meta .woocommerce-review__dash{display:none}
.sr-pdp-reviews__list .meta time{font-size:12px}

/* A sold-out option shows on its own box, in every kit (owner, 27 Oct 2026: a line of text under the boxes was missed): a
   paler box with a thin diagonal line on the theme's own layer (::after; kits paint the box's background, which hid the
   line), the colour dot faded under the same line. Not choosable (aria-disabled) unless the store offers a back-in-stock
   alert for it (assets/atelier-commerce.js). The same look on the quick view (components.css) and the set sheet (pdp-set.css). */
html body .sr-option-chips .sr-option-chip:is(.is-soldout,:disabled){position:relative;text-decoration:none!important}
html body .sr-option-chips .sr-option-chip:is(.is-soldout,:disabled):not(.sr-chip-color){border-color:color-mix(in srgb,var(--sr-ink) 12%,var(--sr-canvas,#fff))!important;background:var(--sr-canvas,#fff)!important;color:color-mix(in srgb,var(--sr-ink) 38%,var(--sr-canvas,#fff))!important;opacity:1!important}
html body .sr-option-chips .sr-option-chip:is(.is-soldout,:disabled)::after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - .75px),color-mix(in srgb,var(--sr-ink) 42%,transparent) calc(50% - .75px),color-mix(in srgb,var(--sr-ink) 42%,transparent) calc(50% + .75px),transparent calc(50% + .75px));transform:none;pointer-events:none}
html body .sr-option-chips .sr-option-chip.sr-chip-color:is(.is-soldout,:disabled){opacity:1!important}
html body .sr-option-chips .sr-option-chip.sr-chip-color:is(.is-soldout,:disabled)::before{opacity:.45}
html body .sr-option-chips .sr-option-chip.sr-chip-color:is(.is-soldout,:disabled)::after{inset:6px;border-radius:50%}
html body .sr-option-chips .sr-option-chip:is([aria-disabled=true],:disabled){cursor:not-allowed!important}
/* Chosen to ask for a back-in-stock alert: still marked as chosen. */
html body .sr-option-chips .sr-option-chip.is-soldout[aria-pressed=true]:not(.sr-chip-color){border-color:var(--sr-ink)!important;color:var(--sr-ink)!important}
.sr-sticky-buy.is-soldout .sr-sticky-buy__btn{background:var(--sr-canvas)!important;color:var(--sr-ink)!important;box-shadow:inset 0 0 0 1.5px var(--sr-ink)!important}
.sr-sticky-buy__btn:disabled{opacity:.55;cursor:not-allowed}

/* StoreRuler back-in-stock box (plugin markup, StockAlerts::form) */
.storesuit-stock-alert{display:grid;gap:12px;margin:14px 0 4px;padding:18px;border:1px solid var(--sr-line);border-radius:var(--sr-radius,12px);background:var(--sr-surface);color:var(--sr-ink);font-size:14px;line-height:1.45;text-align:left}
.storesuit-stock-alert__title{margin:0;font-weight:650;font-size:15px}
.storesuit-stock-alert__field{display:grid;gap:6px;margin:0;color:var(--sr-muted);font-size:13px}
.storesuit-stock-alert__field input{width:100%;max-width:none;min-height:48px;margin:0;padding:0 14px;border:1px solid var(--sr-line);border-radius:var(--sr-radius-sm,8px);background:var(--sr-canvas);color:var(--sr-ink);font:500 15px/1.2 var(--sr-body-font);box-sizing:border-box}
.storesuit-stock-alert__field input:focus-visible{outline:2px solid var(--sr-ink);outline-offset:1px}
.storesuit-stock-alert__consent{display:flex;align-items:flex-start;gap:10px;margin:0;color:var(--sr-muted);font-size:13px;cursor:pointer}
.storesuit-stock-alert__consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--sr-ink)}
.storesuit-stock-alert .button{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0!important}
.storesuit-stock-alert__status{margin:0;font-size:13px;font-weight:600}
.storesuit-stock-alert__status:empty{display:none}
.storesuit-stock-alert__hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}

/* Reviews: WooCommerce's own "no reviews" line and the form's disclosure duplicate the section's summary and button */
.sr-pdp-reviews__list .woocommerce-noreviews,.sr-pdp-reviews .sr-review-compose>summary{display:none}
/* No reviews yet: one compact band (title, invitation, button); the form opens under it */
.sr-pdp-reviews:has(.sr-pdp-reviews__empty){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
.sr-pdp-reviews:has(.sr-pdp-reviews__empty) .sr-pdp-reviews__summary{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;padding:clamp(20px,3vw,32px);border-radius:var(--sr-radius,14px);background:var(--sr-surface)}
.sr-pdp-reviews:has(.sr-pdp-reviews__empty) .sr-pdp-h2{margin:0}
.sr-pdp-reviews:has(.sr-pdp-reviews__empty) .sr-pdp-reviews__empty{flex:1 1 320px;margin:0;color:var(--sr-muted)}
.sr-pdp-reviews:has(.sr-pdp-reviews__empty) .sr-pdp-reviews__write{margin:0!important}
.sr-pdp-reviews:has(.sr-pdp-reviews__empty) .sr-pdp-reviews__list:not(:has(details[open])){display:none}
/* A rail WooCommerce left empty (no up-sells) shows nothing, not just its arrows */
.sr-pdp-rail:not(:has(li)){display:none}

/* Brand above the title (WooCommerce Brands) */
.sr-pdp-brand{margin:0;font:600 12px/1.3 var(--sr-body-font);letter-spacing:.08em;text-transform:uppercase}
.sr-pdp-brand a{color:var(--sr-ink);text-decoration:none}.sr-pdp-brand a:hover{text-decoration:underline}

/* Lower product page: the store's reviews (unreviewed products), best sellers, explore categories (inc/pdp.php) */
.sr-pdp-store-reviews{clear:both;grid-column:1/-1;width:100%;min-width:0;margin-top:clamp(48px,6vw,88px);padding-inline:0!important}
.sr-pdp-explore{clear:both}
.sr-pdp-rail--explore{margin-top:clamp(48px,6vw,88px)}
.sr-pdp-explore .sr-pdp-h2{margin:0 0 20px}
.sr-pdp-explore__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,calc((100% - 5 * 16px) / 6));gap:16px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sr-pdp-explore__list::-webkit-scrollbar{display:none}
.sr-pdp-explore__list>li{scroll-snap-align:start}
.sr-pdp-explore__item{display:grid;gap:6px;color:var(--sr-ink);text-decoration:none}
.sr-pdp-explore__img{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border-radius:var(--sr-radius,14px);background:var(--sr-surface)}
.sr-pdp-explore__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sr-pdp-explore__item:hover .sr-pdp-explore__img img{transform:scale(1.04)}
.sr-pdp-explore__img b{font:600 34px/1 var(--sr-heading-font);color:var(--sr-muted)}
.sr-pdp-explore__name{font-weight:600;font-size:15px;line-height:1.3}
.sr-pdp-explore__count{color:var(--sr-muted);font-size:13px}
@media (max-width:720px){.sr-pdp-explore__list{grid-auto-columns:42%}}
@media (prefers-reduced-motion:reduce){.sr-pdp-explore__img img{transition:none}}
.single-product .summary :is(form.cart:not(.variations_form):not(.grouped_form),.woocommerce-variation-add-to-cart) .quantity:not(:has(input:not([type=hidden]))){display:none!important}
.single-product .summary :is(form.cart:not(.variations_form):not(.grouped_form),.woocommerce-variation-add-to-cart):not(:has(> .quantity:not([style*="none"]) input:not([type=hidden]))) .single_add_to_cart_button{grid-column:1/-1}
/* "Order on WhatsApp" (inc/whatsapp-order.php): under Add to cart / Buy now, the same height, a soft WhatsApp-green field */
.sr-wa-order-wrap,.single-product .summary .sr-wa-order-wrap{margin:8px 0 0!important}
.single-product form.cart:has(+.sr-wa-order-wrap){margin-bottom:0!important}
.sr-wa-order{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 20px;border-radius:var(--sr-radius-button,999px);background:color-mix(in srgb,#25d366 12%,var(--sr-canvas,#fff));color:var(--sr-ink);font-weight:600;font-size:15px;text-decoration:none;transition:background .15s ease}
.sr-wa-order:hover,.sr-wa-order:focus-visible{background:color-mix(in srgb,#25d366 22%,var(--sr-canvas,#fff));color:var(--sr-ink)}
.sr-wa-order svg{flex:none;width:20px;height:20px;color:#128c4a}
.sr-kit-atolye .sr-wa-order{border-radius:999px}
/* Contact lines among the delivery details: "Order on WhatsApp" (line style) and "Ask the seller" read as links */
.sr-buy-link{display:inline-flex;align-items:center;gap:10px;color:var(--sr-ink);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}
.sr-buy-link:hover{text-decoration-color:currentColor}
.sr-buy-link svg{flex:none;width:20px;height:20px}
.sr-buy-link--wa svg{color:#128c4a}
.sr-buy-line--wa .sr-buy-link{color:#0f7a40}
/* Sold-out options under the pickers (inc/pdp.php): quiet, server-rendered; read by screen readers only once the option
   boxes show it themselves (assets/atelier-commerce.js), seen without them (no JavaScript, a plugin's own pickers). */
html body.storeruler-theme.single-product .summary .sr-pdp-soldout{margin:-8px 0 18px;font-size:.8125rem;line-height:1.5;color:var(--sr-muted)}
/* Every option sold out (inc/pdp.php): "Sold out" over the options, no add-to-cart button under them. */
html body.storeruler-theme.single-product .summary .sr-pdp-allsold{margin:0 0 16px;padding:12px 14px;border:1px solid var(--sr-line);border-radius:var(--sr-radius-sm,6px);background:var(--sr-bg)}
html body.storeruler-theme.single-product .summary .sr-pdp-allsold .stock{margin:0;font-weight:700;color:var(--sr-ink)}
html body.storeruler-theme.single-product .summary .sr-pdp-allsold__note{margin:4px 0 0;font-size:.8125rem;line-height:1.5;color:var(--sr-muted)}
html body.storeruler-theme.single-product .summary .sr-pdp-allsold+form.variations_form :is(.woocommerce-variation-add-to-cart,.sr-buy-now,.sr-pdp-buy-now){display:none!important}
html body.storeruler-theme.single-product .summary:has(.sr-option-chips) .sr-pdp-soldout{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sr-buy-line[hidden]{display:none!important}
/* A line that is one link (Ask the seller, WhatsApp) spans the icon column of kits that lay buy lines out as a grid. */
.sr-buy-line>a:only-child{grid-column:1/-1}

/* Product information sheet (woocommerce/single-product/tabs/tabs.php, the "tabs" style): the description and the
   specifications side by side and always open, other tabs as an accordion below. Lifted over WooCommerce's and the kits'
   tab rules by the .sr-pinfo class. */
.woocommerce div.product .woocommerce-tabs.sr-pinfo{margin:clamp(40px,5vw,72px) 0 0;padding:0}
/* In a Design studio layout the sheet sits in its section box: that box spans the product grid as the bare tabs do. */
.sr-commerce>div.product>.sr-built-section:has(>.woocommerce-tabs.sr-pinfo){grid-column:1/-1}
.sr-pinfo__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;padding-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--sr-line)}
.sr-pinfo__grid[data-parts="1"]{grid-template-columns:minmax(0,1fr)}
.woocommerce div.product .sr-pinfo .sr-pinfo__part{margin:0;padding:0;max-width:none}
.woocommerce div.product .sr-pinfo .sr-pinfo__title{margin:0 0 20px}
.sr-pinfo__part--description{max-width:70ch;font-size:16px;line-height:1.7;color:var(--sr-ink)}
.sr-pinfo__part--description>*:first-child{margin-top:0}
.sr-pinfo__part--description p{margin:0 0 1em}
.sr-pinfo__part--description :is(h3,h4){margin:1.6em 0 .5em;font-size:17px;line-height:1.35}
.sr-pinfo__part--description ul{display:grid;gap:10px;margin:0 0 1.2em;padding:0;list-style:none}
.woocommerce div.product .sr-pinfo__part--description ul li{margin:0;list-style:none}
.sr-pinfo__part--description ul li{position:relative;padding-left:28px}
.sr-pinfo__part--description ul li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;margin:0;border:0;border-radius:0;transform:none;background:var(--sr-ink,currentColor);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%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='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.sr-pinfo__part--description img{max-width:100%;height:auto;border-radius:var(--sr-radius)}
/* The specifications: one row per attribute under full-width hairlines, the name small and muted, the value strong. Where
   the part is wide enough the attributes pair up in two columns, each name above its value; the categories (a long list
   of links) keep a whole row. The markup stays WooCommerce's table (each row reads its name, then its value); only its
   boxes are laid out as a grid. Kits' own table looks (a panel behind the names) give way here. */
.sr-pinfo__part--additional_information{container-type:inline-size}
.woocommerce div.product .sr-pinfo table.shop_attributes{display:block;width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--sr-line);border-radius:0;background:none;font-size:15px;overflow:visible}
.woocommerce div.product .sr-pinfo table.shop_attributes tbody{display:grid;grid-template-columns:minmax(0,1fr)}
.woocommerce div.product .sr-pinfo table.shop_attributes tr{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--sr-line);background:none}
.woocommerce div.product .sr-pinfo table.shop_attributes :is(th,td){display:block;width:auto;padding:0;border:0;background:none!important;line-height:1.45;text-align:left;vertical-align:baseline}
.woocommerce div.product .sr-pinfo table.shop_attributes th{color:var(--sr-muted);font-size:13.5px;font-weight:500}
.woocommerce div.product .sr-pinfo table.shop_attributes td{color:var(--sr-ink);font-weight:600;font-style:normal}
@container (min-width:460px){
  .woocommerce div.product .sr-pinfo table.shop_attributes tbody{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce div.product .sr-pinfo table.shop_attributes tr{grid-template-columns:minmax(0,1fr);align-content:start;gap:3px;padding:14px 0}
  .woocommerce div.product .sr-pinfo table.shop_attributes tr:nth-child(odd){padding-right:24px}
  .woocommerce div.product .sr-pinfo table.shop_attributes tr:nth-child(even){padding-left:24px}
  .woocommerce div.product .sr-pinfo table.shop_attributes tr:is(.woocommerce-product-attributes-item--sr_categories,:nth-child(odd):last-child,:nth-child(odd):has(+.woocommerce-product-attributes-item--sr_categories)){grid-column:1/-1;padding-left:0;padding-right:0}
}
.woocommerce div.product .sr-pinfo table.shop_attributes td p{margin:0;padding:0}
.woocommerce div.product .sr-pinfo table.shop_attributes td a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sr-pinfo__more{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--sr-line)}
@media (max-width:900px){
  .sr-pinfo__grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .sr-pinfo__part--description{font-size:15.5px}
}

/* The lower product page (information, related products, the set, reviews, rails) keeps one rhythm: each block's own top
   margin. On wide screens the product grid's row gap would add to it (about 140 px between blocks); the gallery and the buy
   box share the first row, so no gap is lost. Atolye spaces its own lower page. */
@media (min-width:1001px){
  body.single-product:not(.sr-kit-atolye) .sr-commerce>div.product{row-gap:0}
}