/* BlokWoonWereld E-commerce 2027 — isolated design layer */
:root{--bww-ink:#211f1b;--bww-soft:#f6f2eb;--bww-card:#fff;--bww-gold:#b58a43;--bww-line:#e8e0d5;--bww-muted:#716b62;--bww-radius:18px;--bww-shadow:0 10px 35px rgba(41,34,25,.08)}
.bww-prolight{background:#f8f6f2!important;color:var(--bww-ink)!important;font-family:inherit!important;padding:0 0 56px!important}
.bww-prolight *{box-sizing:border-box}
.bww-prolight-wrap{width:min(1480px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:22px 0 0!important}
.bww-prolight-hero{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;min-height:430px!important;background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:var(--bww-shadow)!important;margin:0 0 28px!important}
.bww-prolight-hero-copy{padding:58px 56px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}
.bww-prolight-kicker{font-size:12px!important;letter-spacing:.14em!important;font-weight:800!important;color:var(--bww-gold)!important;margin-bottom:13px!important}
.bww-prolight-hero h1{font-size:clamp(34px,3.1vw,58px)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0 0 18px!important;max-width:620px!important;color:var(--bww-ink)!important}
.bww-prolight-hero p{font-size:17px!important;line-height:1.65!important;color:var(--bww-muted)!important;max-width:570px!important;margin:0 0 28px!important}
.bww-prolight-btn{display:inline-flex!important;align-items:center!important;min-height:50px!important;padding:0 24px!important;background:var(--bww-ink)!important;color:#fff!important;border-radius:10px!important;text-decoration:none!important;font-weight:750!important}
.bww-prolight-promises{display:flex!important;flex-wrap:wrap!important;gap:18px 26px!important;margin-top:30px!important;font-size:12px!important;font-weight:650!important;color:#514b43!important}
.bww-prolight-hero-art{position:relative!important;min-height:430px!important;background:#ded6c9!important;overflow:hidden!important}
.bww-prolight-hero-slides,.bww-prolight-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.bww-prolight-hero-slide{background-size:cover!important;background-position:center!important;opacity:0!important;transition:opacity .6s ease!important}
.bww-prolight-hero-slide.is-active{opacity:1!important}
.bww-prolight-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,22,18,.02),rgba(25,22,18,.18))}
.bww-prolight-hero-art>strong{position:absolute!important;right:36px!important;bottom:32px!important;z-index:2!important;color:#fff!important;font-size:25px!important;line-height:1.2!important;text-align:right!important;text-shadow:0 2px 14px rgba(0,0,0,.28)!important}

/* Department storefront */
.bww-prolight-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 34px!important;padding:0!important}
.bww-prolight-cats>a{position:relative!important;display:block!important;min-width:0!important;height:260px!important;border:0!important;border-radius:var(--bww-radius)!important;overflow:hidden!important;background:#ddd!important;box-shadow:0 4px 18px rgba(35,29,21,.08)!important;text-decoration:none!important;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease!important}
.bww-prolight-cats>a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(35,29,21,.13)!important}
.bww-prolight-cat-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;margin:0!important}
.bww-prolight-cat-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(20,18,15,.72) 100%)}
.bww-prolight-cat-img img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
.bww-prolight-cat-img i{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;background:#e8e0d4!important;color:#a17b3d!important;font-size:38px!important}
.bww-prolight-cats>a>strong{position:absolute!important;left:22px!important;right:22px!important;bottom:20px!important;z-index:2!important;color:#fff!important;font-size:21px!important;line-height:1.15!important;text-shadow:0 2px 10px rgba(0,0,0,.3)!important}

.bww-store-breadcrumbs{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:10px 0 12px!important;font-size:13px!important;color:var(--bww-muted)!important}
.bww-store-breadcrumbs a{color:#8c6a34!important;text-decoration:none!important}.bww-store-breadcrumbs strong{color:var(--bww-ink)!important}
.bww-prolight-backbar{margin:0 0 18px!important}.bww-prolight-backshop,.bww-prolight-levelback{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 13px!important;border:1px solid var(--bww-line)!important;border-radius:9px!important;background:#fff!important;color:var(--bww-ink)!important;text-decoration:none!important;font-weight:650!important}

/* Category layer */
.bww-store-subcats{background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:20px!important;padding:28px!important;margin:0 0 28px!important;box-shadow:0 4px 20px rgba(35,29,21,.04)!important;overflow:hidden!important}
.bww-store-sectionhead{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:20px!important}.bww-store-sectionhead span{font-size:11px!important;letter-spacing:.12em!important;color:var(--bww-gold)!important;font-weight:800!important}.bww-store-sectionhead h2{font-size:30px!important;line-height:1.1!important;margin:5px 0 0!important}.bww-store-sectionhead small{font-size:14px!important;color:var(--bww-muted)!important}
.bww-store-subcat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.bww-store-subcat-grid>a{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-width:0!important;min-height:112px!important;padding:10px!important;border:1px solid var(--bww-line)!important;border-radius:14px!important;background:#fff!important;color:var(--bww-ink)!important;text-decoration:none!important;overflow:hidden!important}
.bww-store-subcat-img{display:block!important;width:92px!important;height:92px!important;border-radius:10px!important;overflow:hidden!important;background:var(--bww-soft)!important}.bww-store-subcat-img img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}.bww-store-subcat-grid>a>span:last-child{min-width:0!important}.bww-store-subcat-grid strong{display:block!important;font-size:15px!important;line-height:1.25!important}.bww-store-subcat-grid small{display:block!important;margin-top:5px!important;color:var(--bww-muted)!important;font-size:12px!important}

/* Catalog */
.bww-prolight-shop{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;margin-top:18px!important}
.bww-prolight-sidebar{position:sticky!important;top:110px!important;display:block!important;min-width:0!important;max-height:calc(100vh - 130px)!important;overflow:auto!important;background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:16px!important;padding:18px!important}.bww-prolight-sidebar h3{font-size:14px!important;margin:14px 0 8px!important}.bww-prolight-sidebar a{display:block!important;padding:7px 8px!important;border-radius:7px!important;color:#4c463e!important;text-decoration:none!important;font-size:13px!important}.bww-prolight-sidebar a.active,.bww-prolight-sidebar a:hover{background:var(--bww-soft)!important;color:#8c6a34!important}
.bww-prolight-products{min-width:0!important}.bww-prolight-toolbar{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 16px!important}.bww-prolight-toolbar h2{font-size:30px!important;margin:0 0 4px!important}.bww-prolight-toolbar span{font-size:13px!important;color:var(--bww-muted)!important}.bww-prolight-toolbar>a{font-size:13px!important;color:#8c6a34!important}
.bww-prolight-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.bww-prolight-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 3px 16px rgba(35,29,21,.04)!important}
.bww-prolight-image{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;background:#fff!important}.bww-prolight-image>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:12px!important}
.bww-prolight-cardbody{display:flex!important;flex-direction:column!important;flex:1!important;padding:15px!important}.bww-prolight-brand{font-size:10px!important;letter-spacing:.08em!important;color:#9a7a48!important;text-transform:uppercase!important}.bww-prolight-card h3{font-size:14px!important;line-height:1.35!important;margin:7px 0 10px!important;min-height:38px!important}.bww-prolight-card h3 a{color:var(--bww-ink)!important;text-decoration:none!important}.bww-prolight-stock{font-size:11px!important;color:#6b665e!important;margin-bottom:8px!important}.bww-prolight-price{font-size:16px!important;font-weight:800!important;color:var(--bww-ink)!important;margin-top:auto!important}.bww-prolight-buy{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin-top:12px!important;background:var(--bww-ink)!important;color:#fff!important;border-radius:8px!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important}.bww-prolight-badge{position:absolute!important;top:10px!important;left:10px!important;background:#9f2f26!important;color:#fff!important;border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:800!important}.bww-prolight-ai-badge{position:absolute!important;left:10px!important;bottom:10px!important;background:rgba(30,28,24,.9)!important;color:#fff!important;border-radius:7px!important;padding:6px 8px!important;font-size:10px!important;font-weight:700!important}
.bww-prolight-mobilefilters{display:none!important}
.bww-prolight-service{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin:38px 0 0!important;background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:16px!important;padding:22px!important}.bww-prolight-service>div{padding:0 22px!important;border-right:1px solid var(--bww-line)!important}.bww-prolight-service>div:last-child{border-right:0!important}.bww-prolight-service strong,.bww-prolight-service small{display:block!important}.bww-prolight-service strong{font-size:13px!important}.bww-prolight-service small{font-size:12px!important;color:var(--bww-muted)!important;margin-top:5px!important}

@media(max-width:1180px){.bww-prolight-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bww-store-subcat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bww-prolight-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.bww-prolight-wrap{width:min(100% - 24px,1480px)!important}.bww-prolight-hero{grid-template-columns:1fr!important}.bww-prolight-hero-copy{padding:34px 28px!important}.bww-prolight-hero-art{min-height:300px!important}.bww-prolight-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bww-store-subcat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bww-prolight-shop{grid-template-columns:1fr!important}.bww-prolight-sidebar{display:none!important}.bww-prolight-mobilefilters{display:block!important;background:#fff!important;border:1px solid var(--bww-line)!important;border-radius:14px!important;padding:12px!important;margin:0 0 16px!important}.bww-prolight-mobilefilters form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.bww-prolight-mobilefilters select,.bww-prolight-mobilefilters button{width:100%!important;min-height:42px!important;border:1px solid var(--bww-line)!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important}.bww-prolight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bww-prolight-service{grid-template-columns:repeat(2,1fr)!important;gap:18px}.bww-prolight-service>div{border:0!important;padding:0!important}}
@media(max-width:560px){.bww-prolight-wrap{width:calc(100% - 20px)!important;padding-top:10px!important}.bww-prolight-hero{border-radius:16px!important;min-height:0!important}.bww-prolight-hero-copy{padding:28px 20px!important}.bww-prolight-hero h1{font-size:34px!important}.bww-prolight-hero p{font-size:14px!important}.bww-prolight-promises{gap:10px!important}.bww-prolight-hero-art{min-height:220px!important}.bww-prolight-hero-art>strong{font-size:18px!important;right:18px!important;bottom:18px!important}.bww-prolight-cats{gap:10px!important}.bww-prolight-cats>a{height:190px!important;border-radius:13px!important}.bww-prolight-cats>a>strong{left:14px!important;bottom:14px!important;font-size:16px!important}.bww-store-subcats{padding:18px 12px!important}.bww-store-sectionhead{display:block!important}.bww-store-sectionhead small{display:block!important;margin-top:7px!important}.bww-store-subcat-grid{grid-template-columns:1fr!important}.bww-store-subcat-grid>a{grid-template-columns:74px minmax(0,1fr)!important;min-height:90px!important}.bww-store-subcat-img{width:74px!important;height:74px!important}.bww-prolight-mobilefilters form{grid-template-columns:1fr!important}.bww-prolight-grid{gap:9px!important}.bww-prolight-cardbody{padding:11px!important}.bww-prolight-card h3{font-size:12px!important;min-height:48px!important}.bww-prolight-price{font-size:14px!important}.bww-prolight-ai-badge{font-size:8px!important;left:6px!important;bottom:6px!important;max-width:calc(100% - 12px)!important}.bww-prolight-service{grid-template-columns:1fr!important}}

/* v3.0.1 — Mobile category rails: all category choices stay compact and horizontally scrollable */
@media (max-width: 760px) {
  /* Store / department categories */
  .bww-prolight .bww-prolight-cats,
  .bww-ux-categories,
  .bww-store-subcat-grid,
  .bww-pattern-grid,
  .woocommerce .products.columns-4:has(.product-category),
  .woocommerce .products:has(> .product-category) {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding: 2px 14px 10px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    width: auto !important;
  }
  .bww-prolight .bww-prolight-cats::-webkit-scrollbar,
  .bww-ux-categories::-webkit-scrollbar,
  .bww-store-subcat-grid::-webkit-scrollbar,
  .bww-pattern-grid::-webkit-scrollbar,
  .woocommerce .products:has(> .product-category)::-webkit-scrollbar { display:none; }

  .bww-prolight .bww-prolight-cats > a,
  .bww-ux-categories > a,
  .bww-store-subcat-grid > a,
  .bww-pattern-grid > a,
  .woocommerce .products:has(> .product-category) > .product-category {
    flex: 0 0 72vw !important;
    width: 72vw !important;
    max-width: 285px !important;
    min-width: 210px !important;
    scroll-snap-align: start;
    margin: 0 !important;
  }

  /* Main department strip is intentionally smaller: next card remains visible */
  .bww-prolight .bww-prolight-cats > a,
  .bww-store-subcat-grid > a {
    flex-basis: 158px !important;
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;
  }

  /* Never clip a horizontal category rail at page/container level */
  .bww-prolight,
  .bww-prolight-wrap,
  .bww-store-subcats,
  .bww-ux-shell,
  .woocommerce-page #primary,
  .woocommerce-page .site-content {
    overflow-x: visible !important;
  }

  /* Clear visual hint that the category row can be swiped */
  .bww-store-subcats::after,
  .bww-prolight-categories::after {
    content: 'Veeg om meer categorieën te bekijken →';
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: #8a8379;
  }
}

/* v3.0.3 — Category text containment / readable cards */
.bww-prolight-cats > a > strong,
.bww-store-subcat-grid strong,
.bww-ux-category__body strong,
.woocommerce .product-category .woocommerce-loop-category__title {
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  white-space:normal!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.bww-store-subcat-grid > a > span:last-child,
.bww-ux-category__body {
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.bww-store-subcat-grid small,
.bww-ux-category__body small {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.3!important;
}

@media (max-width:760px){
  /* Main image departments: reserve enough room for two/three-line names. */
  .bww-prolight .bww-prolight-cats > a{
    height:200px!important;
  }
  .bww-prolight .bww-prolight-cats > a > strong{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    font-size:15px!important;
    line-height:1.18!important;
  }

  /* Compact horizontal subcategory cards. */
  .bww-store-subcat-grid > a{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:96px!important;
    height:auto!important;
    padding:9px!important;
    align-items:center!important;
  }
  .bww-store-subcat-img{
    width:62px!important;
    height:72px!important;
  }
  .bww-store-subcat-grid strong{
    font-size:13px!important;
    line-height:1.2!important;
    margin:0!important;
  }
  .bww-store-subcat-grid small{
    font-size:10px!important;
    margin-top:4px!important;
  }

  /* Warm e-commerce department cards. */
  .bww-ux-category__body{
    min-height:78px!important;
    padding:11px 30px 11px 11px!important;
  }
  .bww-ux-category__body:after{
    right:10px!important;
    top:11px!important;
  }
  .bww-ux-category__body strong{
    font-size:13px!important;
    line-height:1.2!important;
  }
  .bww-ux-category__body small{
    font-size:10px!important;
    line-height:1.25!important;
  }

  /* Native WooCommerce category cards, when present in a horizontal rail. */
  .woocommerce .products:has(> .product-category) > .product-category{
    overflow:hidden!important;
  }
  .woocommerce .product-category .woocommerce-loop-category__title{
    font-size:13px!important;
    line-height:1.2!important;
    min-height:44px!important;
    padding:9px 8px!important;
    margin:0!important;
  }
  .woocommerce .product-category .count{
    display:inline!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
}