@layer site {
    .layer--product-detail { background: #f7f3e7; }

    .product-detail--tjitte {
        width: min(100% - 2rem, 1280px);
        margin-inline: auto;
        padding-block: clamp(2.5rem, 6vw, 6rem);
        color: #111;
    }

    .product-detail--tjitte .product-detail__heading { max-width: 760px; margin-bottom: 1.75rem; }
    .product-detail--tjitte .product-detail__eyebrow,
    .product-detail--tjitte .product-detail__contact-kicker {
        margin: 0 0 .45rem;
        color: #008c45;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }
    .product-detail--tjitte .product-detail__title { margin: 0; font-size: clamp(2rem, 4vw, 4rem); line-height: .98; }
    .product-detail--tjitte .product-detail__subtitle { margin: .5rem 0 0; font-size: 1.1rem; }

    .product-detail--tjitte .product-detail__gallery {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        grid-auto-rows: minmax(11rem, 1fr);
        gap: .35rem;
        overflow: hidden;
        border-radius: 1rem;
        background: #e9e4d8;
    }
    .product-detail--tjitte .product-detail__gallery-item { min-height: 11rem; overflow: hidden; }
    .product-detail--tjitte .product-detail__gallery-item:first-child { grid-row: span 2; }
    .product-detail--tjitte .product-detail__gallery-item img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
    .product-detail--tjitte .product-detail__gallery-item:hover img { transform: scale(1.03); }

    .product-detail--tjitte .product-detail__content {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 27rem);
        gap: clamp(2rem, 7vw, 7rem);
        align-items: start;
        margin-top: clamp(2.5rem, 6vw, 5rem);
    }
    .product-detail--tjitte .product-detail__main { max-width: 48rem; }
    .product-detail--tjitte .product-detail__intro { font-size: 1.2rem; font-weight: 700; }
    .product-detail--tjitte .product-detail__text { line-height: 1.7; }
    .product-detail--tjitte .product-detail__specs { display: grid; gap: .5rem; margin: 1.5rem 0 2rem; }
    .product-detail--tjitte .product-detail__spec { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; border-bottom: 1px solid #d7d0c0; padding: .55rem 0; }
    .product-detail--tjitte .product-detail__spec dt { font-weight: 700; }
    .product-detail--tjitte .product-detail__spec dd { margin: 0; }
    .product-detail--tjitte .product-detail__contact { padding: 2rem; border-radius: 1rem; background: #008c45; color: #fff; }
    .product-detail--tjitte .product-detail__contact h2 { margin: 0 0 .5rem; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1; }
    .product-detail--tjitte .product-detail__contact p { line-height: 1.5; }
    .product-detail--tjitte .product-detail__quote { display: inline-flex; gap: .75rem; margin-top: 1rem; background: #d51f3f; color: #fff; }
    .product-detail--tjitte .product-detail__price-panel { display: flex; flex-wrap: wrap; gap: .35rem .75rem; align-items: baseline; margin-top: 2.5rem; }
    .product-detail--tjitte .product-detail__price-now { color: #008c45; font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 800; }
    .product-detail--tjitte .product-detail__price-from { font-weight: 700; }
    .product-detail--tjitte .product-detail__sku { flex-basis: 100%; color: #5d655d; font-size: .9rem; }
    .product-detail--tjitte .product-detail__variants { margin-top: 2rem; }
    .product-detail--tjitte .product-detail__variants h2 { font-size: 1rem; }
    .product-detail--tjitte .product-variant-option { margin: .25rem .5rem .25rem 0; padding: .5rem .75rem; border: 1px solid #008c45; border-radius: 999px; background: transparent; color: #008c45; }

    .layer--product-overview { background: #f7f3e7; }
    .layer--product-overview > .layer__sc > .layer__inner { width: min(100% - 2rem, 1280px); }
    .product-overview__title { margin-bottom: 2rem; font-size: clamp(2rem, 4vw, 3.5rem); }
    .product-overview__body { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
    .product-overview__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
    .product-card { overflow: hidden; border-radius: .9rem; background: #008c45; color: #fff; }
    .product-card__link { display: block; color: inherit; text-decoration: none; }
    .product-card__media { aspect-ratio: 1.35; overflow: hidden; background: #e9e4d8; }
    .product-card__image { width: 100%; height: 100%; display: block; object-fit: cover; }
    .product-card__body { padding: .8rem 1rem 1rem; }
    .product-card__title { margin: 0; font-size: 1rem; line-height: 1.15; }
    .product-card__subtitle { margin: .25rem 0 0; opacity: .8; font-size: .8rem; }
    .product-card__price { margin: .45rem 0 0; font-weight: 800; }
    .product-overview__filter,
    .product-overview__filters {
        border-radius: .9rem;
        background: #008c45;
        color: #fff;
        padding: 1rem;
        position: sticky;
        top: 1.5rem;
    }
    .product-overview__filter-toggle { display: block; }
    .product-overview__filter-toggle:not([open]) > .product-overview__filter-form { display: grid; }
    .product-overview__filter-title { margin: 0 0 1rem; color: #fff; font-size: 1rem; cursor: pointer; list-style: none; }
    .product-overview__filter-title::-webkit-details-marker { display: none; }
    .product-overview__filter-form { display: grid; gap: 1rem; }
    .product-overview__filter-form fieldset { margin: 0; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid rgba(255,255,255,.25); }
    .product-overview__filter-form legend { margin-bottom: .45rem; color: #fff; font-weight: 800; }
    .product-overview__filter-form label { display: flex; gap: .45rem; align-items: center; color: #fff; font-size: .82rem; }
    .product-overview__filter-form input[type=checkbox] { accent-color: #d51f3f; }
    .product-overview__filter-clear { color: #fff; opacity: .8; font-size: .78rem; }
    .product-category-nav { margin-bottom: 1rem; }
    .product-category-nav__list, .product-category-nav__sub, .product-overview__facet-list { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
    .product-category-nav__sub { margin: .35rem 0 0 .65rem; }
    .product-category-nav__link { display: block; color: #fff; font-size: .82rem; text-decoration: none; }
    .product-category-nav__link.is-active { font-weight: 800; }
    .product-overview__filter-form .button { width: 100%; background: #d51f3f; color: #fff; }

    @media (max-width: 900px) {
        .product-detail--tjitte .product-detail__content { grid-template-columns: 1fr; }
        .product-detail--tjitte .product-detail__gallery { grid-template-columns: 2fr 1fr; grid-auto-rows: minmax(9rem, 1fr); }
        .product-detail--tjitte .product-detail__gallery-item:first-child { grid-row: span 2; }
        .product-overview__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 620px) {
        .product-detail--tjitte .product-detail__gallery { grid-template-columns: 1fr 1fr; }
        .product-detail--tjitte .product-detail__gallery-item:first-child { grid-column: span 2; grid-row: span 1; min-height: 14rem; }
        .product-overview__body { grid-template-columns: 1fr; }
        .product-overview__grid { grid-template-columns: 1fr 1fr; gap: .75rem; }
        .product-card__body { padding: .65rem; }
    }

    /* Chrome-polish for the ontwerp: stable framework classes, no item/layer IDs. */
    .site-header { background: #f7f3e7; }
    .site-header__inner { width: min(100% - 2rem, 1280px); min-height: 80px; }
    .site-logo__img { max-width: 190px; }
    .site-nav__link { color: #111; font-weight: 600; }
    .site-nav__link:hover, .site-nav__link[aria-current="page"] { color: #008c45; }
    .site-footer { background: #000; color: #fff; }
    .site-footer a { color: inherit; }
    .site-footer__credit { background: #111; color: #fff; }
    .site-footer__banners { background: #008c45; }
    .site-footer__banner { color: #fff; }
    .site-footer__banner-title { font-weight: 800; }
    .site-footer__banner-subtitle { opacity: .9; }
}
