/* WSIGT Shop — past binnen het thema van gewoonjelle.nl (Fira Sans, zwart op wit) */
.wsigt { --ink:#000; --ink-soft:#55534f; --rule:#e4e2de; --ground:#e9e7e3; --s1:.875rem; --s3:1.25rem; --s4:1.6rem; --s5:2.2rem; line-height:1.6; }
.wsigt *, .wsigt *::before, .wsigt *::after { box-sizing:border-box; }
.wsigt img { max-width:100%; height:auto; display:block; }
.wsigt .poster { aspect-ratio:1/1.4142; background:#fff; overflow:hidden; display:grid; place-items:center; }
.wsigt .poster img { width:100%; height:auto; }
.wsigt h1 { font-size:var(--s5); font-weight:600; line-height:1.15; margin:0; }
.wsigt p { margin:0 0 1em; }
.wsigt [hidden] { display:none !important; }

/* banner */
.wsigt .banner { background:var(--ground); position:relative; overflow:hidden; aspect-ratio:1425/560; display:flex; align-items:center; }
.wsigt .banner .track { display:flex; gap:3vw; padding-inline:1.5vw; width:max-content; animation:wsigt-schuif 60s linear infinite; align-items:center; }
.wsigt .banner:hover .track { animation-play-state:paused; }
.wsigt .banner .book { flex:none; height:clamp(180px,26vw,380px); aspect-ratio:1/1.414; box-shadow:10px 16px 22px -12px rgba(0,0,0,.4); }
.wsigt .banner .book img { width:100%; height:100%; object-fit:cover; }
@keyframes wsigt-schuif { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .wsigt .banner .track { animation:none; } }
@media (max-width:720px) { .wsigt .banner { aspect-ratio:4/3; } }

/* intro */
.wsigt .intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; padding:56px 0 40px; }
.wsigt .intro .lead { font-size:var(--s4); font-weight:600; line-height:1.45; text-align:right; margin:0; }
.wsigt .intro .from { font-weight:500; }
@media (max-width:760px) { .wsigt .intro { grid-template-columns:1fr; gap:16px; padding:32px 0 24px; } .wsigt .intro .lead { text-align:left; font-size:1.35rem; } }

/* raster */
.wsigt .chips { display:flex; gap:8px 18px; flex-wrap:wrap; margin-bottom:32px; }
.wsigt .chip { border:0; background:none; padding:0 0 2px; cursor:pointer; font:inherit; border-bottom:2px solid transparent; color:var(--ink-soft); }
.wsigt .chip[aria-pressed="true"] { color:#000; border-bottom-color:#000; }
.wsigt .grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 24px; }
@media (max-width:1000px) { .wsigt .grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:640px) { .wsigt .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 12px; } }
.wsigt .tile { text-decoration:none; color:#000; display:grid; gap:12px; }
.wsigt .tile .ph { position:relative; background:var(--ground); aspect-ratio:1/1.1; display:grid; place-items:center; padding:13%; overflow:hidden; }
.wsigt .tile .ph .poster { width:100%; box-shadow:8px 14px 20px -12px rgba(0,0,0,.45); }
.wsigt .tile .ph .hov { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s; }
.wsigt .tile:hover .ph .hov, .wsigt .tile:focus-visible .ph .hov { opacity:1; }
.wsigt .tile .meta { display:flex; justify-content:space-between; gap:8px; align-items:baseline; flex-wrap:wrap; line-height:1.4; }
.wsigt .tile .city { font-weight:600; }
.wsigt .tile .from { color:var(--ink-soft); font-size:var(--s1); }

/* productpagina */
.wsigt .crumbs { font-size:var(--s1); color:var(--ink-soft); margin:0 0 14px; }
.wsigt .crumbs a { color:inherit; text-decoration:none; border-bottom:1px solid var(--rule); }
.wsigt .product { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:56px; align-items:start; }
@media (max-width:860px) { .wsigt .product { grid-template-columns:1fr; gap:24px; } }
.wsigt .gmain { aspect-ratio:1/1; overflow:hidden; background:#cfccc7; }
.wsigt .gmain img { width:100%; height:100%; object-fit:cover; }
.wsigt .gmain img.contain { object-fit:contain; background:var(--ground); padding:6%; }
.wsigt .shotnote { font-size:var(--s1); color:var(--ink-soft); margin:8px 0 0; }
.wsigt .gthumbs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin-top:8px; }
.wsigt .gthumbs button { padding:0; border:2px solid transparent; background:none; cursor:pointer; aspect-ratio:1; overflow:hidden; }
.wsigt .gthumbs button img { width:100%; height:100%; object-fit:cover; }
.wsigt .gthumbs button[aria-pressed="true"] { border-color:#000; }
.wsigt .label { display:block; font-size:var(--s1); font-weight:500; color:var(--ink-soft); }
.wsigt .info h1 { margin-top:6px; }
.wsigt .info .lede { font-weight:600; font-size:var(--s3); line-height:1.5; margin:16px 0 28px; max-width:30em; }
.wsigt .sizes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:8px 0 6px; }
.wsigt .size { border:2px solid #000; background:#fff; color:#000; padding:8px 2px; text-align:center; cursor:pointer; display:grid; line-height:1.3; font:inherit; border-radius:0; }
.wsigt .size b { font-weight:600; font-size:var(--s3); }
.wsigt .size small { font-size:.8rem; }
.wsigt .size[aria-checked="true"] { background:#000; color:#fff; }
.wsigt .size:disabled { opacity:.35; cursor:not-allowed; }
.wsigt .dims { font-size:var(--s1); color:var(--ink-soft); margin-bottom:22px; }
.wsigt .buy { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-bottom:30px; }
.wsigt .buy .price { font-weight:600; font-size:var(--s5); line-height:1; }
.wsigt .btn { display:inline-flex; align-items:center; justify-content:center; font:inherit; font-weight:500; padding:12px 22px; border:2px solid #000; background:#000; color:#fff; cursor:pointer; line-height:1.3; border-radius:5px; text-transform:lowercase; }
.wsigt .btn:hover { background:#fff; color:#000; }
.wsigt .ptext { font-size:var(--s1); color:var(--ink-soft); line-height:1.65; margin-bottom:26px; max-width:34em; }
.wsigt .ptext p { margin:0 0 .8em; }
.wsigt .ptext b { color:#000; }
.wsigt .ptext a { color:#fff; } /* zelfde zwarte linkstijl als de rest van de site */
.wsigt .specs { border-top:2px solid #000; margin:0; font-size:var(--s1); }
.wsigt .specs div { display:grid; grid-template-columns:8rem minmax(0,1fr); gap:12px; padding:9px 0; border-bottom:1px solid var(--rule); line-height:1.5; }
.wsigt .specs dt { color:var(--ink-soft); }
.wsigt .specs dd { margin:0; }

/* WooCommerce-meldingen en mandje/afrekenen in dezelfde toon */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color:#000 !important; }
.woocommerce-message::before, .woocommerce-info::before { color:#000 !important; }
.woocommerce a.button, .woocommerce button.button, .wc-block-components-button:not(.is-link) { background:#000 !important; color:#fff !important; border-radius:5px !important; }

/* mandje en afrekenen: zwarte links, rustige tabel */
.woocommerce-cart .woocommerce a:not(.button):not(.remove), .woocommerce-checkout .woocommerce a:not(.button) { color:#000; text-decoration:underline; text-underline-offset:3px; }
.woocommerce table.shop_table { border-radius:0; border-color:#e4e2de; }
.woocommerce a.remove { color:#000 !important; }
.woocommerce a.remove:hover { background:#000; color:#fff !important; }
.woocommerce-cart .wsigt-cartbar { margin-top:0; }
/* productlinks in mandje en afrekenen: zwart i.p.v. themageel */
.woocommerce table.shop_table td.product-name a, .woocommerce table.shop_table td.product-thumbnail a, .woocommerce-checkout-review-order-table a { color:#000 !important; background:none !important; text-decoration:underline; text-underline-offset:3px; }
.woocommerce table.shop_table td.product-name a:hover { text-decoration-thickness:2px; }
/* Drops / limited editions */
.wsigt .drops { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(24px,4vw,56px); align-items:start; margin:clamp(56px,8vw,110px) 0 0; padding-top:clamp(32px,5vw,56px); border-top:1px solid var(--rule,#e4e2de); }
.wsigt .drops .dimg img { width:100%; height:auto; box-shadow:8px 14px 20px -12px rgba(0,0,0,.45); }
.wsigt .drops h2 { margin:.3em 0 .5em; font-size:clamp(26px,3.2vw,40px); line-height:1.05; }
.wsigt .drops .label { display:block; text-transform:lowercase; }
.wsigt .drops .signup { margin:24px 0 8px; }
.wsigt .drops .signup label { display:block; font-weight:700; margin-bottom:8px; }
.wsigt .drops .row2 { display:flex; gap:8px; flex-wrap:wrap; }
.wsigt .drops input[type=email] { flex:1 1 220px; min-width:0; padding:12px 14px; border:1px solid #000; border-radius:5px; font:inherit; background:#fff; }
.wsigt .drops .btn { flex:0 0 auto; }
.wsigt .drops small { display:block; margin-top:8px; opacity:.7; }
.wsigt .drops .hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.wsigt .drops .ok { font-weight:700; margin:24px 0; }
.wsigt .drops .next { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:32px; }
.wsigt .drops .next img { width:100%; height:auto; opacity:.9; }
@media (max-width:720px) { .wsigt .drops { grid-template-columns:1fr; } }
.wsigt .drops small a { color:inherit !important; background:none !important; padding:0; text-decoration:underline; text-underline-offset:3px; }
.wsigt .intro a { color:inherit !important; background:none !important; padding:0; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
/* Shopnavigatie */
.wsigt-cartbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 28px; margin:0 0 24px; padding:0 0 14px; border-bottom:1px solid #000; font-size:1.05rem; font-weight:500; line-height:1.3; }
.wsigt-cartbar a { color:#000 !important; background:none !important; padding:0; text-decoration:none; }
.wsigt-cartbar .nav { display:flex; gap:28px; flex-wrap:wrap; }
.wsigt-cartbar .nav a { padding:4px 0; border-bottom:2px solid transparent; }
.wsigt-cartbar .nav a:hover, .wsigt-cartbar .nav a[aria-current] { border-bottom-color:#000; }
.wsigt-cartbar .side { display:flex; align-items:center; gap:22px; }
.wsigt-cartbar .lang { display:flex; gap:2px; font-size:.85rem; }
.wsigt-cartbar .lang a { padding:3px 7px; border:1px solid transparent; border-radius:4px; color:#55534f !important; }
.wsigt-cartbar .lang a[aria-current] { border-color:#000; color:#000 !important; }
.wsigt-cartbar .cart { display:inline-flex; align-items:center; gap:8px; padding:7px 14px !important; border:2px solid #000; border-radius:5px; }
.wsigt-cartbar .cart:hover, .wsigt-cartbar .cart[aria-current] { background:#000 !important; color:#fff !important; }
.wsigt-cartbar .n { display:inline-block; min-width:1.5em; padding:0 4px; text-align:center; background:#000; color:#fff; border-radius:3px; font-size:.85rem; }
.wsigt-cartbar .cart:hover .n, .wsigt-cartbar .cart[aria-current] .n { background:#fff; color:#000; }
@media (max-width:560px) { .wsigt-cartbar { font-size:.95rem; } .wsigt-cartbar .nav { gap:18px; } .wsigt-cartbar .side { width:100%; justify-content:space-between; } }
html { scroll-padding-top:200px; }