/* P2: the stock product card (blocks/product-card/*, product-image/-title/-price) restyled to the theme's .pc2 card.
   Loaded by the card block and the collection / search sections. Wrappers the stock markup adds around the card
   ({{#product_item}} element, our .ca-slot grid cell / editor wrapper) do not take part in the layout, so every
   existing .pc2 grid rule keeps working on the card itself. */
.ca-slot,.ca-pi{display:contents}
ul.info-grid,ul.ca-recs-grid{list-style:none;margin:0;padding:0}
.info-grid.grid{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;width:auto}
theme-product-card.pc2{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0}
theme-product-card.pc2>.pc-in{flex:1 1 auto;width:100%}
/* image: the stock image wrapper fills the card frame like the old .pc-img */
.pc2 .pc-img{padding:0;border-style:none;box-shadow:none;border-radius:0}
.pc2 .pc-img>a{display:none}
.pc2 .pc-img .block-product-image__image-wrapper{aspect-ratio:auto;height:100%;background:none;border-radius:0}
.pc2 .pc-img .block-product-image__image-wrapper>.block-product-image__image{position:absolute;inset:0}
.pc2 .pc-img .block-product-image__image-wrapper[style*="--op"] img{object-position:var(--op)}
.pc2 .pc-img .block-product-image__layer-wrapper:empty{display:none}
/* info: the stock info block is our .pc-b body */
.pc2 .block-product-card-info.pc-b{display:block;width:auto;row-gap:0}
/* narrow cards (pages.css @container max-width:240px): the body is a flex column there, so the title and the price row
   margins do not collapse (live: 10px + 10px above the divider) */
@container (max-width:240px){.pc2 .block-product-card-info.pc-b{display:flex;flex-direction:column}}
.pc2 .block-product-title.pc-n{padding:0;background:none}
.pc2 .block-product-title.pc-n span{display:inline;-webkit-line-clamp:none}
.pc2 .pc-r .block-product-price{display:inline}
/* quick add: the stock button wears the old .add pill; its icon is hidden, the stock spinner shows while adding */
.pc2 .pc-r theme-product-form,.pc2 .pc-r theme-quick-add-modal{display:contents}
.pc2 .pc-r form{display:contents}
/* colours, size and type come from the .pc2 .add rules in pages.css (which now also name .ca-add); here only what
   the stock _quick-add.css sets differently (40px round white icon button) */
.pc2 .ca-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;border:0;cursor:pointer;list-style:none}
.pc2 .ca-add::-webkit-details-marker{display:none}
.pc2 .ca-add .icon-quick-add{display:none}
.pc2 .ca-add .loading--rotator,.pc2 .ca-add .icon-loading{display:none;width:16px;height:16px;margin:0;color:currentColor}
.pc2 .ca-add .loading--rotator svg{width:16px;height:16px}
.pc2 .ca-add.loading .loading--rotator,.pc2 .ca-add.loading .icon-loading{display:block}
.pc2 .ca-add.loading .ca-add-t{opacity:.6}
.pc2 .ca-add:disabled{cursor:default}
.pc2 .ca-add.ca-sold{opacity:.5;cursor:not-allowed}
.info-grid .pc2{min-width:0}

/* ============ stock facets (components/facets/*) in the collection and search grids, restyled to the old
   .info-fx look: a bar with the count (left) and sorting (right), a 200px filter column, results on the right.
   Desktop (>= 960px, the stock facets breakpoint) uses the stock desktop form; below it the stock mobile form
   (filter drawer + sort sheet). ============ */
.t-info .facets-loading{background:#1d1c1b;color:#dea414}
.t-info .info-fx-wrap{position:relative}
/* <theme-main-collection-products> is an inline custom element: as a block, its .info-body padding (64px top, 120px
   bottom) spaces the toolbar and the pagination like the old section */
.t-info theme-main-collection-products.info-body{display:block}
@media (min-width:960px){
  .t-info .info-fx-wrap.has-f{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:32px;align-items:start}
  .t-info .info-fx-wrap .facets-desktop,.t-info .info-fx-wrap .facets-desktop>.facets-filtering{display:contents}
  .t-info .facets-sorting-wrapper{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px 24px;padding:0 0 24px;margin:0 0 32px;border-bottom:1px solid rgba(241,238,231,.1)}
  .t-info .info-fx-wrap.has-f .facets-filtering__filters{grid-column:1;grid-row:2 / span 2;display:block}
  .t-info .info-fx-wrap.has-f .facets-filtering__active{grid-column:2;grid-row:2;display:flex}
  .t-info .info-fx-wrap.has-f #ResultsContainer{grid-column:2;grid-row:3}
  .t-info .info-fx-wrap:not(.has-s) .facets-filtering__filters{grid-row:1 / span 3}
  .t-info .info-fx-wrap:not(.has-s) .facets-filtering__active{grid-row:1}
  .t-info .info-fx-wrap:not(.has-s) #ResultsContainer{grid-row:2}
}
/* count */
.t-info .facets-count{margin:0;font:800 calc(12px * var(--fs-b))/calc(16px * var(--fs-b)) var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(241,238,231,.7)}
/* sorting: the stock dropdown, drawn like the old select */
.t-info .facets-sorting{position:relative}
.t-info .facets-sorting__summary{display:flex;align-items:center;gap:12px;padding:0;cursor:pointer;list-style:none;font:400 calc(15px * var(--fs-b))/calc(22px * var(--fs-b)) var(--f-body);color:#f1eee7}
.t-info .facets-sorting__summary::-webkit-details-marker{display:none}
/* P2b: as live: "SORT BY" small uppercase label (no colon), a 46px select (16/24 text), 32px under the bar, and no
   empty active-filters row (it added 24px above the grid) */
.t-info .facets-sorting__label{font:800 calc(12px * var(--fs-b))/calc(16px * var(--fs-b)) var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(241,238,231,.7)}
.t-info .facets-sorting__colon{display:none}
.t-info .facets-sorting__summary span.body-font-bold{font-size:calc(16px * var(--fs-b));line-height:calc(24px * var(--fs-b))}
.t-info .facets-layout-vertical .facets-sorting-wrapper,.t-info .info-fx-wrap .facets-sorting-wrapper{margin-block-end:32px}
.t-info .info-fx-wrap .facets-filtering__active:not(:has(.facets-filtering__active-button)){display:none}
.t-info .facets-sorting__summary span.body-font-bold{min-width:200px;padding:10px 40px 10px 14px;background:#1d1c1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23dea414' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid rgba(241,238,231,.18);font-weight:400}
.t-info .facets-sorting__details[open] .facets-sorting__summary span.body-font-bold{border-color:#dea414;border-bottom-color:#dea414}
.t-info .facets-sorting__summary svg.icon-arrow-thin{display:none}
.t-info .facets-sorting__summary:focus-visible span{outline:2px solid #dea414;outline-offset:2px}
.t-info .facets-sorting__content{z-index:20;right:0;left:auto;width:auto;min-width:240px;padding:8px 0;gap:0;background:#1d1c1b;border:1px solid rgba(241,238,231,.18);border-radius:0;color:#f1eee7}
.t-info .facets-sorting__content label{padding:10px 16px;cursor:pointer;font:400 calc(15px * var(--fs-b))/calc(22px * var(--fs-b)) var(--f-body)}
.t-info .facets-sorting__content label:hover{color:#dea414}
.t-info .facets-sorting__content input:checked~span{border:0;color:#dea414}
.t-info .facets-sorting__content svg{color:#dea414}
/* filter groups: the old .info-fx-g */
.t-info .facets-filtering__filters theme-collapse{display:block;border-bottom:1px solid rgba(241,238,231,.1);padding:16px 0}
.t-info .facets-filtering__filters theme-collapse:first-child{padding-top:0}
.t-info .facets-filtering__details{border:0}
.t-info .facets-filtering__summary{display:flex;justify-content:space-between;align-items:center;padding:0;cursor:pointer;list-style:none;color:#f1eee7}
.t-info .facets-filtering__summary::-webkit-details-marker{display:none}
.t-info .facets-filtering__summary span{font:600 calc(17px * var(--fs-h))/calc(24px * var(--fs-h)) var(--f-head);text-transform:uppercase}
.t-info .facets-filtering__summary svg{display:none}
.t-info .facets-filtering__summary::after{content:"+";color:#dea414;font:800 20px/1 var(--f-body)}
.t-info .facets-filtering__details[open] .facets-filtering__summary::after{content:"\2013"}
.t-info .info-fx-wrap .facets-filtering__content{position:relative;inset:auto;width:100%;max-height:none;margin:16px 0 0;padding:0;overflow:visible;background:none;border:0;border-radius:0;color:#f1eee7}
.t-info .info-fx-wrap .facets-filtering__content-header{display:none}
.t-info .info-fx-wrap .facets-filtering__content-header~fieldset{padding:0;border:0}
.t-info .facets-filtering__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:320px;overflow:auto}
.t-info .facets-filtering__list>li{padding:0}
.t-info .facets-filtering__checkbox-wrapper{align-items:center;gap:10px;font:400 calc(15px * var(--fs-b))/calc(22px * var(--fs-b)) var(--f-body);color:#f1eee7}
.t-info .facets-filtering__checkbox-wrapper>span:nth-of-type(1){gap:10px;text-transform:capitalize;font:inherit}
.t-info .facets-filtering__checkbox-wrapper>span:nth-of-type(1)::before{width:18px;height:18px;border:1px solid rgba(241,238,231,.4);background:#1d1c1b}
.t-info .facets-filtering__checkbox-wrapper input:checked~span:nth-of-type(1)::before{background:#dea414;border-color:#dea414;box-shadow:inset 0 0 0 3px #1d1c1b}
.t-info .facets-filtering__checkbox-wrapper>span:nth-of-type(2){font-size:calc(12px * var(--fs-b))}
.t-info .facets-filtering__checkbox-wrapper.disabled{opacity:.4}
.t-info .facets-filtering__checkbox-wrapper:focus-within>span:nth-of-type(1)::before{outline:2px solid #dea414;outline-offset:2px}
/* price range */
.t-info .price-range-input .field{background:#1d1c1b;border:1px solid rgba(241,238,231,.18);color:#f1eee7}
.t-info .price-range-input .field::after{display:none}
.t-info .price-range-input .field__input{background:none;color:#f1eee7}
.t-info .price-range-slider .price-range-track{background:rgba(241,238,231,.18)}
.t-info .price-range-slider .price-range-bar,.t-info .price-range-slider .price-range-dot{background:#dea414}
/* active filters: the old pills */
.t-info .facets-filtering__active{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 24px}
.t-info .facets-filtering__active:not(:has(.facets-filtering__active-button)){display:none}
.t-info .facets-filtering__active-buttons{display:flex;flex-wrap:wrap;gap:8px 12px}
.t-info a.facets-filtering__active-button{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(241,238,231,.18);border-radius:0;background:none;color:#f1eee7;font:600 calc(13px * var(--fs-b))/1 var(--f-body)}
.t-info a.facets-filtering__active-button:hover{border-color:#dea414}
.t-info .facets-filtering__active-button-inner{gap:8px}
.t-info .facets-filtering__active-button-inner svg{width:10px;height:10px;color:#dea414}
.t-info a.facets-filtering__active-clear-all{color:#f1eee7;font:800 calc(12px * var(--fs-b))/calc(16px * var(--fs-b)) var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
/* mobile (stock mobile form): filter button + sort, then the drawer */
@media (max-width:959px){
  .t-info .facets-mobile-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:0 0 16px;margin:0 0 24px;border-bottom:1px solid rgba(241,238,231,.1);background:none}
  .t-info .facets-mobile__modals{display:flex;flex:1;gap:16px;justify-content:space-between}
  .t-info .facets-mobile__modals>*{flex:0 0 auto}
  .t-info .facets-mobile__modals summary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(241,238,231,.18);color:#f1eee7;font:800 calc(13px * var(--fs-b))/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;list-style:none}
  .t-info .facets-mobile__modals summary::-webkit-details-marker{display:none}
  .t-info .facets-mobile__modals summary svg{width:14px;height:14px;color:#dea414}
  .t-info .facets-mobile .facets-count.page-width{flex-basis:100%;padding:0;max-width:none}
  .t-info .facets-filtering__modal-content{background:#151515;color:#f1eee7}
  .t-info .facets-mobile .facets-filtering__modal-header{font:600 calc(22px * var(--fs-h))/1 var(--f-head);text-transform:uppercase;border-bottom:1px solid rgba(241,238,231,.1)}
  .t-info .facets-mobile .facets-filtering__modal-close{width:40px;height:40px;background:transparent;border:1px solid rgba(241,238,231,.18);color:#f1eee7}
  .t-info .facets-mobile .facets-sorting__content{background:#151515;color:#f1eee7}
  .t-info .facets-filtering__submenu-button-group .button,.t-info .facets-filtering__submenu-button-group a{border-radius:0}
  .t-info .facets-filtering__submenu-button-group button[name="confirm"]{background:#dea414;color:#151515;border:0;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
}
/* stock pagination (components/pagination/standard), drawn like the old .info-pag */
.t-info .pagination-standard{justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:56px}
.t-info .pagination-standard__parts-wrapper,.t-info .pagination-standard__parts{gap:8px;margin:0;padding:0;list-style:none}
.t-info .pagination-standard__indicator{padding:0;border:0}
.t-info .pagination-standard a,.t-info .pagination-standard span.pagination-standard__indicator-text{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 10px;border:1px solid rgba(241,238,231,.18);color:#f1eee7;font:800 calc(13px * var(--fs-b))/1 var(--f-body)}
.t-info .pagination-standard__indicator.is-text span.pagination-standard__indicator-text{border-color:transparent}
.t-info .pagination-standard__indicator.active,.t-info .pagination-standard__indicator.active .pagination-standard__indicator-text{border-block-end:0}
.t-info .pagination-standard__indicator.active span.pagination-standard__indicator-text{background:#dea414;border-color:#dea414;color:#151515}
.t-info .pagination-standard__button{width:auto;height:40px;border-radius:0;background:none;color:#f1eee7}
.t-info .pagination-standard__button svg{width:16px;height:8px;color:currentColor}
.t-info .pagination-simple{margin-top:56px}
.t-info .infinite-scroll-button-element.btn{margin-top:40px}
@media (max-width:959px){.t-info .info-fx-wrap.has-f{display:block}}
.pc2 a.ca-add{text-decoration:none}
@media (max-width:959px){
  .t-info .facets-mobile-inner{width:auto;margin-inline:0}
  .t-info .facets-mobile__modals{padding:0;margin:0;border:0;min-width:0}
  .t-info .facets-mobile__modals>*:first-child{border:0}
  .t-info .facets-mobile__modals>*{min-width:0}
  .t-info .facets-mobile .facets-sorting__summary span.body-font-bold{min-width:0;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 36px 9px 12px}
  .t-info .facets-mobile .facets-sorting__summary svg{display:none}
}
@media (max-width:959px){
  .t-info .facets-mobile__modals .facets-sorting__summary{padding:0;border:0;letter-spacing:.16em}
  .t-info .facets-mobile__modals>theme-modal{flex:0 1 auto}
}
/* P2b pagination as live: the empty stock "parts" list takes no gap (boxes start at the grid edge), and the next/prev
   buttons show the old gold line arrow (drawn with a mask; the stock chevron svg stays in the markup, hidden) */
.t-info .pagination-standard__parts:not(:has(li)){display:none}
.t-info .pagination-standard a.pagination-standard__button{color:#dea414;display:inline-grid;place-items:center}
.t-info .pagination-standard__button svg{display:none}
.t-info .pagination-standard__button::before{content:"";width:16px;height:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M0 4h14M11 1l3 3-3 3' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center/16px 8px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M0 4h14M11 1l3 3-3 3' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center/16px 8px no-repeat}
.t-info .pagination-standard__button--previous::before{transform:scaleX(-1)}
/* P2b filter column as live (.info-fx-g): 24px group titles without the stock summary padding, one divider colour,
   price boxes 46px tall in two equal columns. The stock price slider has no setting to switch it off, so it stays
   (restyled: gold bar and dots under the boxes). */
.t-info .facets-layout-vertical .facets-filtering__filters theme-collapse:not(:last-child){border-block-end:1px solid rgba(241,238,231,.1)}
.t-info .facets-filtering__filters .facets-filtering__summary{padding:0;min-height:0}
.t-info .facets-filtering__summary span.body-font-bold{--sort-body-font-weight:300;--sort-body-font-weight-bold:600}
.t-info .info-fx-wrap .price-range-input,.t-info .facets-mobile .price-range-input{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:0 0 16px}
.t-info .info-fx-wrap .price-range-input .line,.t-info .facets-mobile .price-range-input .line{display:none}
.t-info .info-fx-wrap .price-range-input .field,.t-info .facets-mobile .price-range-input .field{height:46px;min-width:0;padding:10px 12px;gap:4px;border-radius:0}
/* the boxes show the amount only, as live (the currency symbol made "120.00" overflow the 94px box) */
.t-info .info-fx-wrap .price-range-input .field-currency,.t-info .facets-mobile .price-range-input .field-currency{display:none}
.t-info .info-fx-wrap .price-range-input .field__input,.t-info .facets-mobile .price-range-input .field__input{min-width:0;width:100%;font:400 calc(16px * var(--fs-b))/calc(24px * var(--fs-b)) var(--f-body)}
.t-info .info-fx-wrap .price-range-input .field:focus-within,.t-info .facets-mobile .price-range-input .field:focus-within{border-color:#dea414}
/* P2b mobile toolbar as live: a plain "FILTER" button (stock icon and result count hidden; the count still shows
   under the bar), and the sort as the old 220px select (normal case, 16/24 text, 46px tall) */
@media (max-width:959px){
  .t-info .facets-mobile__modals .facets-filtering summary svg,.t-info .facets-mobile__modals .facets-filtering summary>.js-action{display:none}
  .t-info .facets-mobile .facets-sorting__summary{letter-spacing:normal;text-transform:none}
  .t-info .facets-mobile .facets-filtering__active:not(:has(.facets-filtering__active-button)){display:none}
  .t-info .facets-mobile-inner>.facets-mobile__modals{width:100%}
  .t-info .facets-mobile .facets-sorting__summary span.body-font-bold{--sort-body-font-weight:100;--sort-body-font-weight-bold:400;width:220px;max-width:calc(100vw - 170px);padding:10px 40px 10px 14px;font-size:calc(16px * var(--fs-b));line-height:calc(24px * var(--fs-b));letter-spacing:normal;text-transform:none}
}
/* P2b mobile filter drawer as live (.info-fx-panel): 343px panel, groups open (open_filters) with the column's
   dividers, and the stock footer drawn as one full-width cream APPLY button right under the groups (its result count
   and "Clear all" are hidden there; "Clear all" stays in the active-filter row of the page) */
@media (max-width:959px){
  .t-info .facets-mobile .facets-filtering__modal-content{width:343px;max-width:calc(100vw - 32px);overflow-y:auto}
  .t-info .facets-mobile .facets-filtering__modal-header{margin:0 20px 8px;padding:20px 0;border-bottom:1px solid rgba(241,238,231,.1)}
  .t-info .facets-mobile .facets-filtering__modal-header .body-font-bold{--sort-body-font-weight:300;--sort-body-font-weight-bold:600;padding:0}
  .t-info .facets-mobile .facets-filtering__modal-close svg{width:12px;height:12px}
  .t-info .facets-mobile .facets-filtering__modal-close svg path{stroke:currentColor;stroke-width:2.6}
  .t-info .facets-mobile .facets-filtering__modal-body{display:block;overflow:visible;height:auto}
  .t-info .facets-mobile .facets-filtering__modal-body>div:first-child{padding:0 20px}
  .t-info .facets-mobile .facets-filtering__modal-body theme-collapse{display:block;padding:16px 0;border-bottom:1px solid rgba(241,238,231,.1)}
  .t-info .facets-mobile .facets-filtering__modal-body theme-collapse:first-child{padding-top:0}
  .t-info .facets-mobile .facets-filtering__modal-body .facets-filtering__details{padding:0;border:0}
  .t-info .facets-mobile .facets-filtering__modal-body .facets-filtering__summary{padding:0;min-height:0}
  .t-info .facets-mobile .facets-filtering__modal-body .facets-filtering__content{position:relative;inset:auto;width:100%;max-height:none;margin:16px 0 0;padding:0;overflow:visible;background:none;border:0;transform:none;visibility:visible}
  .t-info .facets-mobile .facets-filtering__modal-body .facets-filtering__content-header{display:none}
  .t-info .facets-mobile .facets-filtering__modal-body fieldset{padding:0;margin:0;border:0}
  .t-info .facets-mobile .facets-filtering__submenu-button-group{position:static;display:block;margin:0 20px;padding:24px 0 24px;border:0;background:none}
  .t-info .facets-mobile .facets-filtering__submenu-button-group>.facets-count,.t-info .facets-mobile .facets-filtering__submenu-button-group>theme-facets-remove{display:none}
  .t-info .facets-mobile .facets-filtering__submenu-button-group button[name="confirm"]{display:block;width:100%;height:44px;padding:14px 24px;background:#f1eee7;color:#151515;font:800 calc(14px * var(--fs-b))/calc(16px * var(--fs-b)) var(--f-body);letter-spacing:.16em;text-transform:uppercase}
}