@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');
.gb-tpl-ocict-shop,.gb-tpl-ocict-shop{overflow-x:hidden;margin:0;}.gb-tpl-ocict-shop{
  --navy:#1F2342; --navy-2:#2E3454;
  --violet:#0476BD; --violet-dark:#035C94; --violet-light:#4FA3D6; --violet-pale:#E1F0F9; --violet-50:#EFF6FB;
  --plum:#13162B; --night:#0F1226;
  --white:#FFFFFF; --paper:#F4F6F9; --line:#D8DEE6; --muted:#5A6478; --ink:#1F2342;
  --ok:#2E9E5B; --gold:#C79A3A;
  --shadow-sm:0 2px 10px rgba(4,60,100,.10);
  --shadow-md:0 14px 34px rgba(4,60,100,.16);
  --shadow-lg:0 30px 66px rgba(4,60,100,.24);
  --maxw:1240px;
  --font-head:"Poppins", system-ui, Arial, sans-serif;
  --font-body:"Inter", system-ui, Helvetica, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, monospace;
}.gb-tpl-ocict-shop .tan-band *{box-sizing:border-box;}.gb-tpl-ocict-shop .tan-band{margin:0; font-family:var(--font-body); color:var(--ink); background:var(--paper); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased;}.gb-tpl-ocict-shop .tan-band h1,.gb-tpl-ocict-shop .tan-band h2,.gb-tpl-ocict-shop .tan-band h3{font-family:var(--font-head); color:var(--navy); margin:0; line-height:1.12; letter-spacing:-.02em; font-weight:600;}.gb-tpl-ocict-shop .tan-band p{margin:0;}.gb-tpl-ocict-shop .tan-band a{color:var(--violet); text-decoration:none;}.gb-tpl-ocict-shop .tan-band button{font-family:inherit;}.gb-tpl-ocict-shop .tan-band .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}.gb-tpl-ocict-shop .tan-band .eyebrow{font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:600; color:var(--violet); margin:0 0 14px;}.gb-tpl-ocict-shop .tan-band .eyebrow.on-dark{color:#E1F0F9;}.gb-tpl-ocict-shop .dband{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}.gb-tpl-ocict-shop /* ---- HERO (donker,.gb-tpl-ocict-shop conform ocict-cursussen-hero) ---- */
.tan-band .ocshop-hero{position:relative; background:linear-gradient(160deg,#0F1226 0%,#13162B 55%,#035C94 130%); overflow:hidden; padding:64px 0 62px;}.gb-tpl-ocict-shop .tan-band .ocshop-hero .aura{position:absolute; width:560px; height:560px; right:-160px; top:-220px; background:radial-gradient(circle, rgba(79,163,214,.28), transparent 65%); pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-hero .wrap{position:relative; z-index:1;}.gb-tpl-ocict-shop .tan-band .ocshop-hero h1{color:#fff; font-size:clamp(30px,4vw,44px); font-weight:700; margin-bottom:14px;}.gb-tpl-ocict-shop .tan-band .ocshop-hero .lead{font-size:18px; color:#C9E2F3; max-width:640px;}.gb-tpl-ocict-shop .tan-band .ocshop-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px;}.gb-tpl-ocict-shop .tan-band .ocshop-pill{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:7px 15px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:600; color:#E1F0F9;}.gb-tpl-ocict-shop /* ---- CATALOGUS-LAYOUT ---- */
.tan-band .ocshop-catalog{padding:44px 0 76px; background:var(--paper);}.gb-tpl-ocict-shop .tan-band .ocshop-catrow{display:grid; grid-template-columns:290px 1fr; gap:30px; align-items:start;}.gb-tpl-ocict-shop /* ---- SIDEBAR ---- */
.tan-band .ocshop-filters{background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-sm); position:sticky; top:20px; max-height:calc(100vh - 40px); overflow-y:auto; overscroll-behavior:contain;}.gb-tpl-ocict-shop .tan-band .ocshop-fhead{display:flex; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid var(--line); position:sticky; top:0; background:#fff; z-index:2; border-radius:16px 16px 0 0;}.gb-tpl-ocict-shop .tan-band .ocshop-ftitle{font-family:var(--font-head); font-weight:600; color:var(--navy); font-size:17px; display:flex; align-items:center; gap:9px; margin:0;}.gb-tpl-ocict-shop .tan-band .ocshop-ftitle svg{width:18px; height:18px; stroke:var(--violet); stroke-width:2.2; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-clear{margin-left:auto; font-size:13.5px; font-weight:600; color:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-clear:hover{color:var(--violet-dark); text-decoration:underline;}.gb-tpl-ocict-shop .tan-band .ocshop-fclose{display:none; background:none; border:0; cursor:pointer; padding:4px; margin-left:6px;}.gb-tpl-ocict-shop .tan-band .ocshop-fclose svg{width:20px; height:20px; stroke:var(--navy); stroke-width:2.2; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-fgroup{padding:18px 20px; border-bottom:1px solid var(--line);}.gb-tpl-ocict-shop .tan-band .ocshop-fgroup:last-of-type{border-bottom:0;}.gb-tpl-ocict-shop .tan-band .ocshop-fgroup legend,.gb-tpl-ocict-shop .tan-band .ocshop-flabel{font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:600; color:var(--violet); padding:0; margin:0 0 12px; display:block;}.gb-tpl-ocict-shop .tan-band .ocshop-fgroup fieldset{border:0; margin:0; padding:0;}.gb-tpl-ocict-shop .tan-band .ocshop-frow{display:flex; align-items:center; gap:10px; padding:6px 0; cursor:pointer; font-size:14.5px; color:var(--ink);}.gb-tpl-ocict-shop .tan-band .ocshop-frow input{position:absolute; opacity:0; pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-box{width:18px; height:18px; flex:none; border:1.5px solid #B9C6D4; border-radius:5px; background:#fff; display:flex; align-items:center; justify-content:center; transition:.15s;}.gb-tpl-ocict-shop .tan-band .ocshop-box svg{width:11px; height:11px; stroke:#fff; stroke-width:3; fill:none; opacity:0;}.gb-tpl-ocict-shop .tan-band .ocshop-frow input:checked + .ocshop-box{background:var(--violet); border-color:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-frow input:checked + .ocshop-box svg{opacity:1;}.gb-tpl-ocict-shop .tan-band .ocshop-frow input:focus-visible + .ocshop-box{outline:2px solid var(--violet); outline-offset:2px;}.gb-tpl-ocict-shop .tan-band .ocshop-txt{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.gb-tpl-ocict-shop .tan-band .ocshop-cnt{flex:none; font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--muted); background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:2px 9px; min-width:32px; text-align:center;}.gb-tpl-ocict-shop .tan-band .ocshop-frow:hover .ocshop-box{border-color:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-cnt{color:var(--muted);font-size:12.5px;margin-left:4px;}.gb-tpl-ocict-shop .tan-band .ocshop-frow.ocshop-leeg,.gb-tpl-ocict-shop .tan-band .ocshop-fpill.ocshop-leeg{opacity:.45;}.gb-tpl-ocict-shop .tan-band .ocshop-frow.ocshop-leeg input,.gb-tpl-ocict-shop .tan-band .ocshop-fpill.ocshop-leeg input{pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-fsearch{position:relative; margin-bottom:10px;}.gb-tpl-ocict-shop .tan-band .ocshop-fsearch svg{position:absolute; left:11px; top:50%; transform:translateY(-50%); width:15px; height:15px; stroke:var(--muted); stroke-width:2; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-fsearch input{width:100%; font-family:var(--font-body); font-size:13.5px; padding:9px 12px 9px 34px; border:1.5px solid #C4D2DF; border-radius:9px; background:#fff;}.gb-tpl-ocict-shop .tan-band .ocshop-fsearch input:focus{outline:none; border-color:var(--violet); box-shadow:0 0 0 3px var(--violet-pale);}.gb-tpl-ocict-shop .tan-band .ocshop-flist{max-height:218px; overflow-y:auto; overscroll-behavior:contain; padding-right:4px;}.gb-tpl-ocict-shop .tan-band .ocshop-fpills{display:flex; flex-wrap:wrap; gap:8px;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill{position:relative;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill input{position:absolute; opacity:0; pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill span{display:inline-flex; align-items:center; gap:7px; border:1.5px solid var(--line); background:#fff; border-radius:999px; padding:8px 14px; font-size:13.5px; font-weight:600; color:var(--navy); cursor:pointer; transition:.15s;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill input:checked + span{background:var(--violet); border-color:var(--violet); color:#fff;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill input:focus-visible + span{outline:2px solid var(--violet); outline-offset:2px;}.gb-tpl-ocict-shop .tan-band .ocshop-fpill span:hover{border-color:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-pricevals{display:flex; align-items:center; gap:10px; margin-bottom:14px;}.gb-tpl-ocict-shop .tan-band .ocshop-pv{flex:1; position:relative;}.gb-tpl-ocict-shop .tan-band .ocshop-pv b{position:absolute; left:11px; top:50%; transform:translateY(-50%); font-weight:500; font-size:13.5px; color:var(--muted);}.gb-tpl-ocict-shop .tan-band .ocshop-pricevals input{width:100%; font-family:var(--font-body); font-size:14px; padding:9px 10px 9px 26px; border:1.5px solid #C4D2DF; border-radius:9px; -moz-appearance:textfield;}.gb-tpl-ocict-shop .tan-band .ocshop-pricevals input::-webkit-outer-spin-button,.gb-tpl-ocict-shop .tan-band .ocshop-pricevals input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}.gb-tpl-ocict-shop .tan-band .ocshop-pricevals input:focus{outline:none; border-color:var(--violet); box-shadow:0 0 0 3px var(--violet-pale);}.gb-tpl-ocict-shop .tan-band .ocshop-tot{color:var(--muted); font-size:13px;}.gb-tpl-ocict-shop .tan-band .ocshop-slider{position:relative; height:26px; margin:0 8px;}.gb-tpl-ocict-shop .tan-band .ocshop-rail{position:absolute; left:0; right:0; top:11px; height:4px; border-radius:4px; background:var(--line);}.gb-tpl-ocict-shop .tan-band .ocshop-fill{position:absolute; top:11px; height:4px; border-radius:4px; background:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-slider input[type="range"]{position:absolute; left:-8px; right:-8px; width:calc(100% + 16px); top:0; height:26px; margin:0; -webkit-appearance:none; appearance:none; background:none; pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; pointer-events:auto; width:20px; height:20px; border-radius:50%; background:#fff; border:2.5px solid var(--violet); box-shadow:0 2px 8px rgba(31,35,66,.22); cursor:grab;}.gb-tpl-ocict-shop .tan-band .ocshop-slider input[type="range"]::-moz-range-thumb{pointer-events:auto; width:15px; height:15px; border-radius:50%; background:#fff; border:2.5px solid var(--violet); box-shadow:0 2px 8px rgba(31,35,66,.22); cursor:grab;}.gb-tpl-ocict-shop .tan-band .ocshop-pricenote{font-size:12.5px; color:var(--muted); margin-top:10px;}.gb-tpl-ocict-shop .tan-band .ocshop-fswitch{display:flex; align-items:center; gap:12px; cursor:pointer; font-size:14.5px; font-weight:600; color:var(--navy);}.gb-tpl-ocict-shop .tan-band .ocshop-fswitch input{position:absolute; opacity:0; pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-tr{width:40px; height:22px; flex:none; border-radius:999px; background:#C4D2DF; position:relative; transition:.2s;}.gb-tpl-ocict-shop .tan-band .ocshop-tr::after{content:""; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:3px; left:3px; transition:.2s; box-shadow:0 1px 4px rgba(31,35,66,.25);}.gb-tpl-ocict-shop .tan-band .ocshop-fswitch input:checked + .ocshop-tr{background:var(--violet);}.gb-tpl-ocict-shop .tan-band .ocshop-fswitch input:checked + .ocshop-tr::after{left:21px;}.gb-tpl-ocict-shop .tan-band .ocshop-applybar{position:sticky; bottom:0; background:#fff; border-top:1px solid var(--line); padding:14px 20px; z-index:2;}.gb-tpl-ocict-shop .tan-band .ocshop-apply{width:100%; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:500; font-size:15.5px; line-height:1; border-radius:11px; padding:15px 26px; cursor:pointer; border:1.5px solid transparent; background:var(--violet); color:#fff; box-shadow:0 10px 24px rgba(4,118,189,.30);}.gb-tpl-ocict-shop .tan-band .ocshop-apply:hover{background:var(--violet-dark);}.gb-tpl-ocict-shop /* ---- TOOLBAR / CHIPS ---- */
.tan-band .ocshop-toolbar{display:flex; gap:12px; margin-bottom:14px;}.gb-tpl-ocict-shop .tan-band .ocshop-search{position:relative; flex:1;}.gb-tpl-ocict-shop .tan-band .ocshop-search svg{position:absolute; left:16px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:var(--muted); stroke-width:2; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-search input{width:100%; font-family:var(--font-body); font-size:15.5px; padding:14px 16px 14px 46px; border:1.5px solid var(--line); border-radius:12px; background:#fff; box-shadow:var(--shadow-sm);}.gb-tpl-ocict-shop .tan-band .ocshop-search input:focus{outline:none; border-color:var(--violet); box-shadow:0 0 0 3px var(--violet-pale);}.gb-tpl-ocict-shop .tan-band .ocshop-sort{position:relative;}.gb-tpl-ocict-shop .tan-band .ocshop-sort select{appearance:none; font-family:var(--font-body); font-size:14.5px; color:var(--navy); font-weight:500; padding:14px 40px 14px 16px; border:1.5px solid var(--line); border-radius:12px; background:#fff; cursor:pointer; box-shadow:var(--shadow-sm);}.gb-tpl-ocict-shop .tan-band .ocshop-sort select:focus{outline:none; border-color:var(--violet); box-shadow:0 0 0 3px var(--violet-pale);}.gb-tpl-ocict-shop .tan-band .ocshop-sort svg{position:absolute; right:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; stroke:var(--navy); stroke-width:2.2; fill:none; pointer-events:none;}.gb-tpl-ocict-shop .tan-band .ocshop-ftoggle{display:none; align-items:center; gap:9px; font-family:var(--font-head); font-weight:600; font-size:14.5px; color:var(--navy); background:#fff; border:1.5px solid var(--line); border-radius:12px; padding:0 18px; cursor:pointer; box-shadow:var(--shadow-sm);}.gb-tpl-ocict-shop .tan-band .ocshop-ftoggle svg{width:17px; height:17px; stroke:var(--violet); stroke-width:2.2; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-dot{min-width:20px; height:20px; border-radius:999px; background:var(--violet); color:#fff; font-size:11.5px; font-weight:700; display:none; align-items:center; justify-content:center; padding:0 6px;}.gb-tpl-ocict-shop .tan-band .ocshop-dot.show{display:inline-flex;}.gb-tpl-ocict-shop .tan-band .ocshop-metarow{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px; min-height:10px;}.gb-tpl-ocict-shop .tan-band .ocshop-chips{display:flex; flex-wrap:wrap; gap:8px;}.gb-tpl-ocict-shop .tan-band .ocshop-chip{display:inline-flex; align-items:center; gap:7px; background:var(--violet-pale); color:var(--violet-dark); border:0; border-radius:999px; padding:6px 12px; font-size:13px; font-weight:600; cursor:pointer; font-family:var(--font-body);}.gb-tpl-ocict-shop .tan-band .ocshop-chip svg{width:12px; height:12px; stroke:currentColor; stroke-width:2.6; fill:none;}.gb-tpl-ocict-shop .tan-band .ocshop-chip:hover{background:#D2E7F6;}.gb-tpl-ocict-shop .tan-band .ocshop-chip.reset{background:transparent; border:1.5px dashed #B9C6D4; color:var(--muted);}.gb-tpl-ocict-shop .tan-band .ocshop-chip.reset:hover{color:var(--violet); border-color:var(--violet);}.gb-tpl-ocict-shop /* ---- WOO-LOOP RESTYLE (klassieke ul.products; TODO-INSTALL: selectors
        verifieren als de Site Editor product-collection-blocks gebruikt) ---- */
.tan-band .ocshop-main .woocommerce-result-count{font-size:14px; color:var(--muted); margin:0 0 14px; float:none;}.gb-tpl-ocict-shop .tan-band .ocshop-main .woocommerce-ordering{display:none;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products{display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:18px !important; margin:0 !important; padding:0 !important; width:100%; list-style:none;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products::before,.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products::after{display:none !important;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product{width:100% !important; margin:0 !important; padding:0 !important; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; position:relative; transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; float:none !important;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product img{width:100%; aspect-ratio:1/1; object-fit:cover; display:block; margin:0; background:var(--paper);}.gb-tpl-ocict-shop /* aspect 1:1 = les van TAN (vierkante certificaat-afbeeldingen); TODO-INSTALL:
   aanpassen als de OC-productbeelden een andere verhouding krijgen */
.tan-band .ocshop-main ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-head); font-weight:600; font-size:14px; line-height:1.35; color:var(--navy); padding:12px 14px 4px;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .price{font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--navy); padding:0 14px 12px; display:block; margin-top:auto;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .price .woocommerce-price-suffix{font-size:11px; font-weight:500; color:var(--muted); white-space:nowrap;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .button{margin:6px 14px 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--font-head); font-weight:500; font-size:14px; border-radius:11px; padding:11px 18px; background:var(--violet); color:#fff; border:0; text-align:center;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .button:hover{background:var(--violet-dark);}.gb-tpl-ocict-shop .tan-band .ocshop-main .woocommerce-info{background:#fff; border:1.5px dashed #B9C6D4; border-radius:16px; padding:40px 28px; text-align:center; color:var(--muted);}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination{margin-top:34px;}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; border:0 !important; margin:0; padding:0;}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul li{border:0 !important; margin:0; padding:0; list-style:none; overflow:visible; background:none;}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul li a,.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul li span{min-width:42px; height:42px; border-radius:11px; border:1.5px solid var(--line) !important; background:#fff; font-family:var(--font-head); font-weight:600; font-size:14.5px; color:var(--navy); display:inline-flex; align-items:center; justify-content:center; padding:0 12px; margin:0; line-height:1;}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul li a:hover{border-color:var(--violet) !important; color:var(--violet); background:#fff;}.gb-tpl-ocict-shop .tan-band .ocshop-main nav.woocommerce-pagination ul li span.current{background:var(--violet) !important; border-color:var(--violet) !important; color:#fff !important;}.gb-tpl-ocict-shop /* ---- LOOP-PLACEHOLDER (verwijderen bij install) ---- */
.tan-band .ocshop-loopnote{border:2px dashed var(--violet-light); background:var(--violet-50); border-radius:16px; padding:34px 26px; text-align:center; color:var(--violet-dark); font-size:15px;}.gb-tpl-ocict-shop .tan-band .ocshop-loopnote b{display:block; font-family:var(--font-head); font-size:17px; margin-bottom:6px;}.gb-tpl-ocict-shop /* ---- MOBIEL ---- */
.tan-band .ocshop-overlay{display:none; position:fixed; inset:0; background:rgba(15,18,38,.5); z-index:9998;}.gb-tpl-ocict-shop .tan-band .ocshop-overlay.show{display:block;}
@media (max-width:980px){.gb-tpl-ocict-shop .tan-band .ocshop-catrow{grid-template-columns:1fr;}.gb-tpl-ocict-shop .tan-band .ocshop-filters{position:fixed; inset:0 auto 0 0; width:min(360px,88vw); max-height:none; height:100%; border-radius:0; z-index:9999; transform:translateX(-105%); transition:transform .35s cubic-bezier(.16,1,.3,1); box-shadow:var(--shadow-lg);}.gb-tpl-ocict-shop .tan-band .ocshop-filters.open{transform:translateX(0);}.gb-tpl-ocict-shop .tan-band .ocshop-fhead{border-radius:0;}.gb-tpl-ocict-shop .tan-band .ocshop-fclose{display:block;}.gb-tpl-ocict-shop .tan-band .ocshop-ftoggle{display:inline-flex;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:640px){.gb-tpl-ocict-shop .tan-band .ocshop-hero .lead{font-size:16px;}.gb-tpl-ocict-shop .tan-band .ocshop-badges{gap:8px; margin-top:16px;}.gb-tpl-ocict-shop .tan-band .ocshop-pill{font-size:10px; padding:6px 11px;}.gb-tpl-ocict-shop .tan-band .ocshop-toolbar{flex-wrap:wrap;}.gb-tpl-ocict-shop .tan-band .ocshop-search{flex:1 1 100%;}.gb-tpl-ocict-shop .tan-band .ocshop-sort{flex:1;}.gb-tpl-ocict-shop .tan-band .ocshop-sort select{width:100%;}.gb-tpl-ocict-shop .tan-band .ocshop-catalog{padding:32px 0 60px;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products{grid-template-columns:1fr 1fr !important; gap:12px !important;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .woocommerce-loop-product__title{font-size:12.5px !important; padding:10px 12px 3px;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .price{font-size:13.5px !important; padding:0 12px 10px;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .price .woocommerce-price-suffix{font-size:10px;}.gb-tpl-ocict-shop .tan-band .ocshop-main ul.products li.product .button{margin:4px 12px 12px; padding:10px 12px; font-size:12.5px;}
}
@media (prefers-reduced-motion:reduce){.gb-tpl-ocict-shop .tan-band *,.gb-tpl-ocict-shop .tan-band *::before,.gb-tpl-ocict-shop .tan-band *::after{transition-duration:.01ms !important; animation-duration:.01ms !important;}
}.gb-tpl-ocict-shop /* slot-CTA (zelfde component als de contentpagina's) */
.tan-band .btn{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-head); font-weight:500; font-size:15.5px; line-height:1; border-radius:11px; padding:15px 26px; cursor:pointer; border:1.5px solid transparent; transition:transform .3s cubic-bezier(.16,1,.3,1), background-color .25s, box-shadow .25s; text-decoration:none;}.gb-tpl-ocict-shop .tan-band .btn:hover{transform:translateY(-2px);}.gb-tpl-ocict-shop .tan-band .btn svg{width:17px;height:17px;}.gb-tpl-ocict-shop .tan-band .btn-primary{background:var(--violet); color:#fff; box-shadow:0 10px 24px rgba(4,118,189,.30);}.gb-tpl-ocict-shop .tan-band .btn-primary:hover{background:var(--violet-dark);}.gb-tpl-ocict-shop .tan-band .btn-ghost{background:#fff; color:var(--navy); border-color:var(--line);}.gb-tpl-ocict-shop .tan-band .btn-ghost:hover{border-color:var(--violet); color:var(--violet);}.gb-tpl-ocict-shop .tan-band .btn-ondark{background:#fff; color:var(--navy);}.gb-tpl-ocict-shop .tan-band .btn-ondark:hover{background:var(--violet-pale);}.gb-tpl-ocict-shop .tan-band .btn-ondark-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.4);}.gb-tpl-ocict-shop .tan-band .btn-ondark-ghost:hover{border-color:#fff; background:rgba(255,255,255,.08);}.gb-tpl-ocict-shop .tan-band .slot{position:relative; background:var(--plum); overflow:hidden; padding:98px 0;}.gb-tpl-ocict-shop .tan-band .slot .net{position:absolute; inset:0; opacity:.4; z-index:0;}.gb-tpl-ocict-shop .tan-band .slot .target-bg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:720px; opacity:.2; z-index:0;}.gb-tpl-ocict-shop .tan-band .slot .glow{position:absolute; width:600px;height:600px; left:60%; top:-160px; background:radial-gradient(circle, rgba(79,163,214,.5), transparent 65%); filter:blur(22px); z-index:0;}.gb-tpl-ocict-shop .tan-band .slot .wrap{position:relative; z-index:1; text-align:center; max-width:720px;}.gb-tpl-ocict-shop .tan-band .slot h2{color:#fff; font-size:44px; margin-bottom:16px; line-height:1.1;}.gb-tpl-ocict-shop .tan-band .slot p{color:#C9E2F3; font-size:18px; margin-bottom:30px;}.gb-tpl-ocict-shop .tan-band .slot .cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}.gb-tpl-ocict-shop .tan-band .slot h2{font-size:30px;}

/* data-gb-global (ongescoped) */

/* Catalogus-layout rond onze blokken + restyle van de Woo Product Collection
   (die staat buiten de blok-wrappers, vandaar ongescoped) */
.ocshop-band{background:#F4F6F9;}
.ocshop-row{display:grid; grid-template-columns:290px minmax(0,1fr); gap:30px; max-width:1160px; margin:0 auto; padding:44px 28px 76px; align-items:stretch;}
.ocshop-row > .gb-tpl-ocict-shop{min-width:0;}
.ocshop-maincol{min-width:0;}
.ocshop-maincol .wc-block-product-results-count,.ocshop-maincol .woocommerce-result-count{font-family:"Inter",system-ui,sans-serif; font-size:14px; color:#5A6478; margin:0 0 14px;}
.ocshop-maincol .wc-block-product-template{display:grid !important; grid-template-columns:repeat(4,1fr); gap:18px; margin:0 !important; padding:0 !important; list-style:none;}
.ocshop-maincol .wc-block-product{width:100% !important; margin:0 !important; padding:0 !important; background:#fff; border:1px solid #D8DEE6; border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(31,35,66,.07); display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;}
.ocshop-maincol .wc-block-product:hover{transform:translateY(-4px); box-shadow:0 16px 40px rgba(31,35,66,.13);}
.ocshop-maincol .wc-block-product img{width:100%; aspect-ratio:1/1; object-fit:contain; background:#F4F6F9; display:block; margin:0;}
.ocshop-maincol .wc-block-product .wc-block-components-product-image{margin:0;}
.ocshop-maincol .wc-block-product .wp-block-post-title{font-family:"Poppins",system-ui,sans-serif; font-weight:600; font-size:14px; line-height:1.35; margin:0; padding:12px 14px 4px;}
.ocshop-maincol .wc-block-product .wp-block-post-title a{color:#1F2342; text-decoration:none;}
.ocshop-maincol .wc-block-product .wc-block-components-product-price{font-family:"Poppins",system-ui,sans-serif; font-weight:700; font-size:15px; color:#1F2342; padding:0 14px 10px; margin-top:auto; display:block;}
.ocshop-maincol .wc-block-product .wc-block-components-product-button{margin:4px 14px 16px;}
.ocshop-maincol .wc-block-product .wc-block-components-product-button .wp-block-button__link{font-family:"Poppins",system-ui,sans-serif; font-weight:500; font-size:14px; border-radius:11px; padding:11px 18px; background:#0476BD; color:#fff; border:0; width:100%; text-align:center;}
.ocshop-maincol .wc-block-product .wc-block-components-product-button .wp-block-button__link:hover{background:#035C94;}
.ocshop-maincol .wp-block-query-pagination{margin-top:34px; display:flex; justify-content:center; gap:8px; flex-wrap:wrap;}
.ocshop-maincol .wp-block-query-pagination a,.ocshop-maincol .wp-block-query-pagination .page-numbers{min-width:42px; height:42px; border-radius:11px; border:1.5px solid #D8DEE6; background:#fff; font-family:"Poppins",system-ui,sans-serif; font-weight:600; font-size:14.5px; color:#1F2342; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; text-decoration:none;}
.ocshop-maincol .wp-block-query-pagination .page-numbers.current{background:#0476BD; border-color:#0476BD; color:#fff;}
.ocshop-maincol .wp-block-query-no-results{background:#fff; border:1.5px dashed #B9C6D4; border-radius:16px; padding:40px 28px; text-align:center; color:#5A6478;}
@media (max-width:980px){
  .ocshop-row{grid-template-columns:1fr; padding:24px 20px 56px;}
  .ocshop-maincol .wc-block-product-template{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .ocshop-maincol .wc-block-product-template{gap:12px;}
  .ocshop-maincol .wc-block-product .wp-block-post-title{font-size:12.5px; padding:10px 12px 3px;}
  .ocshop-maincol .wc-block-product .wc-block-components-product-price{font-size:13.5px; padding:0 12px 8px;}
  .ocshop-maincol .wc-block-product .wc-block-components-product-button .wp-block-button__link{padding:10px 12px; font-size:12.5px;}
}