/* 105.0.41 - professionele, rustige storefront en homepage. */

/* Algemene header: zoeken centraal, account + mandje rechts. De zaagtool hoort bij geschikte producten. */
.header-saw-cta{display:none!important}
@media (min-width:901px){
  .site-header .header-row{
    grid-template-columns:minmax(180px,240px) minmax(320px,1fr) max-content!important;
    gap:clamp(18px,2vw,32px)!important;
  }
  .site-header .header-row>.logo{grid-column:1!important}
  .site-header .header-row>.header-search{grid-column:2!important;min-width:0!important;width:100%!important;max-width:none!important}
  .site-header .header-row>.header-actions{grid-column:3!important}
}
@media (min-width:901px) and (max-width:1100px){
  .site-header .header-row{grid-template-columns:minmax(145px,190px) minmax(230px,1fr) max-content!important;gap:12px!important}
  .site-header .logo img{max-width:180px!important}
}

.top-strip{background:linear-gradient(90deg,#0876aa 0%,#0a96cf 100%)!important}
.top-strip__inner{font-size:12px!important;letter-spacing:.025em!important}
.main-nav{box-shadow:0 5px 16px rgba(4,57,84,.12)!important}
.main-nav__inner>a,.category-menu-button{border-radius:11px!important}

/* Homepage hero */
.home-pro-hero{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;overflow:hidden;background:#0b334b;color:#fff}
.home-pro-hero__media{position:absolute;inset:0;z-index:-3}
.home-pro-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}
.home-pro-hero__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,38,58,.94) 0%,rgba(4,50,75,.84) 48%,rgba(4,43,64,.38) 100%)}
.home-pro-hero__inner{width:100%;padding-top:70px;padding-bottom:72px}
.home-pro-hero__copy{max-width:760px}
.home-pro-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a7e2f7;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.home-pro-eyebrow::before{content:"";width:28px;height:2px;border-radius:99px;background:#62c9ed}
.home-pro-hero h1{max-width:720px;margin:14px 0 18px;font-size:clamp(42px,5vw,68px);line-height:.99;letter-spacing:-.045em;color:#fff;text-wrap:balance;text-shadow:0 3px 22px rgba(0,25,42,.2)}
.home-pro-hero__copy>p{max-width:650px;margin:0 0 28px;font-size:18px;line-height:1.55;color:#e3f1f6}
.home-pro-search{position:relative;width:min(690px,100%);height:62px;grid-template-columns:48px minmax(0,1fr) 58px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 40px rgba(0,25,42,.24)!important}
.home-pro-search>svg{color:#12384f!important}
.home-pro-search input{font-size:16px!important}
.home-pro-search>button{height:48px!important;width:48px!important;border-radius:11px!important}
.home-pro-project-help{width:min(255px,100%)!important;margin:10px 0 0!important;color:#fff!important}
.home-pro-project-help>label{padding:8px 10px!important;border-color:rgba(255,255,255,.28)!important;background:rgba(7,46,69,.48)!important}
.home-pro-project-help>label>span:first-child{align-items:center!important;gap:8px!important}
.home-pro-project-help strong{font-size:13px!important}
.home-pro-project-help small{display:block!important;color:#cfe7f1!important;font-size:10.5px!important;white-space:nowrap}
.home-pro-project-help p{max-width:360px!important;margin-left:0!important;color:#d9edf5!important}

/* Trust strip */
.home-pro-trust{border-bottom:1px solid #d8e5eb;background:#fff}
.home-pro-trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.home-pro-trust .trust-item{min-height:92px;display:flex;align-items:center;gap:12px;padding:18px 24px;border-right:1px solid #dce7ec}
.home-pro-trust .trust-item:last-child{border-right:0}
.home-pro-trust .trust-item>svg{width:42px;height:42px;padding:10px;flex:0 0 42px;border-radius:12px;background:#eaf6fb;color:#087fb5;fill:none;stroke:currentColor;stroke-width:1.8}
.home-pro-trust .trust-item span{min-width:0}
.home-pro-trust .trust-item strong{display:block;color:#123247;font-size:14px}
.home-pro-trust .trust-item small{display:block;margin-top:3px;color:#677e8b;font-size:12.5px;line-height:1.3}

/* Sections */
.home-pro-section{padding:62px 0;background:#fff}
.home-pro-section--categories,.home-pro-section--stories{background:#f4f8fa}
.home-pro-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.home-pro-section-head>div{min-width:0}
.home-pro-section-head small{display:block;margin-bottom:6px;color:#087daf;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-pro-section-head h2{margin:0;color:#123247;font-size:clamp(30px,3.3vw,43px);line-height:1.06;letter-spacing:-.035em}
.home-pro-section-head>p{max-width:580px;margin:0;color:#667d8a;font-size:14px;line-height:1.55}
.home-pro-text-button{border:0;background:transparent;color:#087daf;font-weight:850;white-space:nowrap;cursor:pointer;padding:8px 0}
.home-pro-text-button:hover,.home-pro-text-button:focus-visible{text-decoration:underline;outline:none}

/* Four main entrances */
.home-pro-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-pro-quick-card{position:relative;isolation:isolate;min-height:270px;border-radius:18px;overflow:hidden;background:#244253;box-shadow:0 10px 28px rgba(7,43,65,.10);transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease}
.home-pro-quick-card__media{position:absolute;inset:0;z-index:-3}
.home-pro-quick-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-pro-quick-card__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,35,52,.03) 20%,rgba(3,35,52,.86) 100%)}
.home-pro-quick-card__copy{position:absolute;left:20px;right:20px;bottom:19px;color:#fff}
.home-pro-quick-card__copy small{display:block;color:#c2e9f8;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.home-pro-quick-card__copy strong{display:block;margin:5px 0 8px;font-size:21px;line-height:1.08}
.home-pro-quick-card__copy>span{display:block;color:#e0eff5;font-size:12.5px;line-height:1.35}
.home-pro-quick-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(7,43,65,.16)}
.home-pro-quick-card:hover .home-pro-quick-card__media img{transform:scale(1.035)}

/* Central category source on homepage */
.home-pro-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-pro-category-card{min-height:128px;display:grid;grid-template-columns:112px minmax(0,1fr) 34px;align-items:center;overflow:hidden;border:1px solid #d7e4eb;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(12,57,82,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-pro-category-card__media{align-self:stretch;min-height:128px;background:#e8eff2;overflow:hidden}
.home-pro-category-card__media img{width:112px;height:100%;min-height:128px;object-fit:cover}
.home-pro-category-card__copy{min-width:0;padding:16px}
.home-pro-category-card__copy strong{display:block;color:#123247;font-size:17px;line-height:1.15}
.home-pro-category-card__copy small{display:-webkit-box;margin-top:5px;overflow:hidden;color:#6a818e;font-size:12.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-pro-category-card__arrow{display:grid;place-items:center;color:#078dca}
.home-pro-category-card__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.home-pro-category-card:hover{transform:translateY(-2px);border-color:#a8d3e2;box-shadow:0 12px 26px rgba(12,57,82,.09)}

/* Actual products, not demo prices */
.home-pro-section--products{background:#fff}
.home-pro-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-pro-product-grid>.product-card{height:100%;border-radius:16px!important;border-color:#d7e4eb!important;box-shadow:0 8px 22px rgba(12,57,82,.06)!important}
.home-pro-product-grid .product-card__image{min-height:210px!important}
.home-pro-product-grid .product-card__saw-badge{background:#fff4c8!important;border:1px solid #dfbf4e!important;color:#17394a!important}
.home-pro-product-grid .product-card__choose{box-shadow:none!important;transform:none!important}

/* Existing story cards, calmer */
.home-pro-section--stories .home-story-grid{gap:20px!important}
.home-pro-section--stories .home-story-card{border-radius:18px!important;box-shadow:0 10px 28px rgba(7,43,65,.08)!important}
.home-pro-section--stories .home-story-card__body h2,.home-pro-section--stories .home-video-card__overlay h2{letter-spacing:-.025em}

/* Keep generic AI/zaag CTA out of global header even when an older stylesheet wins elsewhere. */
.site-header .header-saw-cta{display:none!important}

@media (max-width:1100px){
  .home-pro-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-pro-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-pro-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .home-pro-hero{min-height:500px}
  .home-pro-hero__inner{padding-top:54px;padding-bottom:58px}
  .home-pro-hero__copy{max-width:680px;text-align:center;margin-inline:auto}
  .home-pro-eyebrow{justify-content:center}
  .home-pro-hero h1{max-width:680px;margin-left:auto;margin-right:auto;font-size:clamp(38px,7.2vw,56px)}
  .home-pro-hero__copy>p{margin-left:auto;margin-right:auto;font-size:16px}
  .home-pro-search{margin-inline:auto}
  .home-pro-project-help{display:none!important}
  .home-pro-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-pro-trust .trust-item:nth-child(2){border-right:0}
  .home-pro-trust .trust-item:nth-child(-n+2){border-bottom:1px solid #dce7ec}
  .home-pro-section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .home-pro-section-head>p{max-width:680px}
}

@media (max-width:760px){
  .home-pro-hero{min-height:465px}
  .home-pro-hero__media img{object-position:center}
  .home-pro-hero__overlay{background:linear-gradient(180deg,rgba(4,38,58,.78) 0%,rgba(4,45,68,.94) 78%,rgba(4,43,64,.96) 100%)}
  .home-pro-hero__inner{padding:44px 0 46px}
  .home-pro-hero h1{font-size:clamp(34px,10vw,45px);line-height:1.01}
  .home-pro-hero__copy>p{font-size:15px;line-height:1.5;margin-bottom:22px}
  .home-pro-search{height:56px;grid-template-columns:40px minmax(0,1fr) 52px!important}
  .home-pro-search input{font-size:14px!important;padding-left:2px!important}
  .home-pro-search>button{height:44px!important;width:44px!important}
  .home-pro-trust .trust-item{min-height:84px;padding:14px 12px;gap:10px}
  .home-pro-trust .trust-item>svg{width:36px;height:36px;flex-basis:36px;padding:8px}
  .home-pro-trust .trust-item strong{font-size:12.5px}
  .home-pro-trust .trust-item small{font-size:11px}
  .home-pro-section{padding:44px 0}
  .home-pro-section-head{margin-bottom:20px}
  .home-pro-section-head h2{font-size:30px}
  .home-pro-section-head>p{font-size:13px}
  .home-pro-quick-grid{grid-template-columns:1fr;gap:12px}
  .home-pro-quick-card{min-height:205px}
  .home-pro-category-grid{grid-template-columns:1fr;gap:10px}
  .home-pro-category-card{min-height:102px;grid-template-columns:92px minmax(0,1fr) 30px;border-radius:14px}
  .home-pro-category-card__media,.home-pro-category-card__media img{width:92px;min-height:102px}
  .home-pro-category-card__copy{padding:13px}
  .home-pro-category-card__copy strong{font-size:16px}
  .home-pro-product-grid{grid-template-columns:1fr}
  .home-pro-section--stories .home-story-grid{grid-template-columns:1fr!important}
}

/* 105.0.43 - homepage hero volledig gecentreerd */
.home-pro-hero__copy{
  max-width:900px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.home-pro-eyebrow{
  justify-content:center!important;
}
.home-pro-hero h1{
  max-width:860px!important;
  margin:14px auto 18px!important;
  text-align:center!important;
}
.home-pro-hero__copy>p{
  max-width:700px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}
.home-pro-search{
  margin-inline:auto!important;
}
.home-pro-project-help{
  margin:10px auto 0!important;
}
.home-pro-project-help p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}