/* BNW compact product card (all product cards: home, collections, search, recommendations, kit finder).
   - Add to cart becomes a round cart button at the end of the price row (always visible, every screen size).
   - Title, rating and price align left so the button has a clear place; the full-width button row is gone.
   - "Compare" stays: on phones it is the compare icon on the image; on desktop the compare checkbox sits in the price row.
   - Product labels share the badge row on the image with the discount badge, so they never overlap. */

product-item:has(> .block-product-card){position:relative}

/* Text block */
.block-product-card .product-card__info:not(.product-card__info--overlay){gap:6px;padding-top:10px;text-align:start}
.block-product-card .product-card__title,
.block-product-card .product-card__title *{text-align:start}
.block-product-card .ssr-plugin-comment-product-card-star-block{justify-content:flex-start !important;margin:0 !important;text-align:start}
.block-product-card .product-card__info .ssr-plugin-comment-product-card-star-block .product-plugin-comment-rate-star,
.block-product-card .product-plugin-comment-rate-star{justify-content:flex-start !important;margin:0 !important}
.block-product-card .product-card__price{display:flex;align-items:center;justify-content:flex-start;min-height:36px;margin:0 !important;padding-inline-end:44px;text-align:start}
.block-product-card .product-card__price .product-price{justify-content:flex-start}

/* Round add-to-cart button in the price row */
product-item > .product-card__mobile-atc{display:block !important;position:absolute;inset-inline-end:0;inset-block-end:0;width:36px;z-index:3;margin:0}
product-item > .product-card__mobile-atc theme-product-form,
product-item > .product-card__mobile-atc theme-quick-add-modal,
product-item > .product-card__mobile-atc details{width:36px}
product-item .product-card__mobile-atc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px !important;height:36px;min-height:36px;padding:0 !important;border-radius:999px !important;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .14);transition:transform .15s ease,box-shadow .2s ease}
product-item .product-card__mobile-atc-btn::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--bnw-card-cart-icon) center / contain no-repeat;mask:var(--bnw-card-cart-icon) center / contain no-repeat}
product-item .product-card__mobile-atc-btn.loading::before{opacity:0}
product-item .product-card__mobile-atc-label{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
product-item .product-card__mobile-atc-btn--soldout{box-shadow:none}
@media (hover:hover){product-item .product-card__mobile-atc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(0 0 0 / .2)}}
:root{--bnw-card-cart-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-.9 11.2a1.5 1.5 0 0 1-1.5 1.3H7.9a1.5 1.5 0 0 1-1.5-1.3z'/%3E%3Cpath d='M9 10.5V7a3 3 0 0 1 6 0v3.5'/%3E%3C/svg%3E")}

/* One framed card: image, label, title, rating, price, compare and add to cart sit inside the same white card */
product-item:has(> .block-product-card){height:100%;box-sizing:border-box;background:#fff;border:1px solid #ebe5db;border-radius:12px;padding:10px 10px 12px;transition:border-color .2s ease,box-shadow .2s ease}
@media (hover:hover){product-item:has(> .block-product-card):hover{border-color:#d9cfbf;box-shadow:0 6px 18px rgb(43 33 24 / .08)}}
product-item > .block-product-card{flex:1 1 auto;height:100%}
.block-product-card .product-card__image-wrapper{border-radius:8px;overflow:hidden}
/* Image area: warm linen tone that matches the card border and spec strip; multiply blends white or grey photo backgrounds into it */
.block-product-card .product-card__image,
.block-product-card .product-card__image .media{background-color:#f5f0e8 !important}
.block-product-card .product-card__image img{mix-blend-mode:multiply}
.block-product-card .product-card__info:not(.product-card__info--overlay){flex:1 1 auto;padding-inline:2px}
.block-product-card .product-card__price{margin-top:auto !important}
product-item > .product-card__mobile-atc{inset-inline-end:10px;inset-block-end:12px}
@media (max-width:959px){product-item:has(> .block-product-card){padding:8px 8px 10px;border-radius:10px}product-item > .product-card__mobile-atc{inset-inline-end:8px;inset-block-end:10px}}

/* The hover "Add to cart" bar on the image is replaced by the always-visible button */
.block-product-card .product-card__hover-cart{display:none !important}

/* Product labels: same row as the discount badge, never under the wishlist / compare icons */
.block-product-card .product-card__badges{max-width:calc(100% - 52px);row-gap:4px}
.block-product-card .product-card__badge-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#2b2118}
.block-product-card .product-card__badge-label--new,
.block-product-card .product-card__badge-new{color:#fff;background:#3e5440}
.block-product-card .product-card__badge-label--best-seller,
.block-product-card .product-card__badge-bestseller{color:#fff;background:#b7791f}
.block-product-card .product-card__badge-label--hot{background:#c2410c}

/* Product specs (theme.product_icons: difficulty, pieces, build time) - one tidy strip under the image.
   Items keep their natural width (no "..." truncation). They spread across the strip when they fit and
   scroll sideways on one line when a long value (e.g. "10 à 12 heures") needs more room. */
.block-product-card .product-card__extras{padding:8px 0 0 !important;margin:0 !important;min-width:0}
.block-product-card theme-product-icons{display:block;width:100%;min-width:0;margin:0 !important;padding:0 !important}
.block-product-card theme-product-icons::before,
.block-product-card theme-product-icons::after{content:none !important;display:none !important}
.block-product-card .product-card__icons{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between;grid-template-columns:none !important;gap:0 !important;overflow-x:auto !important;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:0 !important;background:#faf7f2;border-radius:8px;padding:7px 2px !important;margin:0 !important;scroll-snap-type:none !important}
.block-product-card .product-card__icons::-webkit-scrollbar{display:none}
.block-product-card .product-card__icons-item{flex:0 0 auto !important;min-width:0 !important;max-width:none !important;width:auto !important;grid-column:auto !important;padding:0 8px !important;border:0 !important;gap:5px !important;align-items:center;white-space:nowrap;line-height:1.2}
.block-product-card .product-card__icons-item + .product-card__icons-item{border-inline-start:1px solid #e6dfd3 !important}
.block-product-card .product-card__icons-item:nth-child(n+4){display:none !important}
.block-product-card .product-card__icons-icon,
.block-product-card .product-card__icons-icon img{width:14px !important;height:14px !important;min-width:14px}
.block-product-card .product-card__icons-text{min-width:0}
.block-product-card .product-card__icons-value{display:block;font-size:12px !important;font-weight:500 !important;white-space:nowrap}
.block-product-card .product-card__icons-label{display:none !important}
@media (max-width:959px){
  .block-product-card .product-card__extras{padding-top:6px !important}
  .block-product-card .product-card__icons{padding:6px 0 !important}
  .block-product-card .product-card__icons-item{padding:0 6px !important;gap:4px !important}
  .block-product-card .product-card__icons-value{font-size:11px !important}
  .block-product-card .product-card__icons-icon,
  .block-product-card .product-card__icons-icon img{width:13px !important;height:13px !important;min-width:13px}
}

@media (max-width:959px){
  /* Compare: the icon on the image is the phone entry point; the checkbox row is removed */
  .block-product-card .bnw-compare-pill{display:none !important}
  /* Fewer icons over the photo on phones: wishlist + compare only */
  .block-product-card .product-card__hover-actions .quickview_button,
  .block-product-card .product-card__hover-actions theme-quick-add-modal{display:none !important}
  .block-product-card .product-card__hover-actions{gap:6px}

  /* Phones: small icons pushed into the image corner, light backgrounds, smaller labels - more of the photo shows */
  .block-product-card .product-card__hover-actions{top:4px !important;inset-inline-end:4px !important;gap:4px}
  .block-product-card .product-card__hover-actions .product-card__icon-btn{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px;padding:0 !important;background:rgb(255 255 255 / .82) !important;box-shadow:none}
  .block-product-card .product-card__hover-actions .wishlist_button__trigger{width:28px;height:28px;padding:0;background:transparent !important}
  .block-product-card .product-card__hover-actions .product-card__icon-btn svg{width:15px !important;height:15px !important}
  .block-product-card .product-card__badges{top:6px !important;inset-inline-start:6px !important;max-width:calc(100% - 40px);gap:3px}
  .block-product-card .product-card__badge{font-size:10px !important;padding:4px 6px !important;letter-spacing:.02em}

  /* Phones: smaller, calmer text so title, rating and price read at a glance in a two-column grid */
  .block-product-card .product-card__info:not(.product-card__info--overlay){gap:4px;padding-top:8px}
  .block-product-card .product-card__title,
  .block-product-card .product-card__title a{font-size:14px !important;line-height:1.35 !important;font-weight:600 !important}
  .block-product-card .product-card__title{height:calc(2 * 1.35em) !important;min-height:0 !important;max-height:calc(2 * 1.35em);overflow:hidden}
  .block-product-card .product-card__price .product-price{flex-wrap:wrap;column-gap:6px;row-gap:0;line-height:1.2}
  .block-product-card .product-card__price .product-price__item{font-size:15px !important}
  .block-product-card .product-card__price .product-price__item--compare{font-size:12px !important}
  .block-product-card .product-plugin-comment-rate-star{font-size:12px !important}
  .block-product-card .product-plugin-comment-rate-star svg{width:13px !important;height:13px !important}
}
@media (min-width:960px){
  /* Desktop: compare checkbox sits in the price row, between the price and the cart button */
  .block-product-card .bnw-compare-pill{position:absolute;inset-inline-end:46px;inset-block-end:8px;margin:0 !important;z-index:2}
  .block-product-card .product-card__price{padding-inline-end:150px}
}