.ocu{--ocu-paars: #621979;--ocu-paars-donker: #4a1260;--ocu-paars-licht: #f4edf6;--ocu-zwart: #111;--ocu-grijs-50: #f8f8f8;--ocu-grijs-100: #efefef;--ocu-grijs-300: #d4d4d4;--ocu-grijs-500: #6b6b6b;--ocu-radius: 10px;color:var(--ocu-zwart)}.ocu *,.ocu *:before,.ocu *:after{box-sizing:border-box}.ocu-wrap{max-width:1200px;margin:0 auto;padding:16px 24px 64px}.ocu-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;align-items:start}.ocu-foto-kolom{position:sticky;top:24px}.ocu-foto{position:relative;aspect-ratio:5 / 3;border-radius:16px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.ocu-foto img{width:100%;height:100%;object-fit:contain;padding:16px;transition:opacity .2s ease}.ocu-foto img.is-laden{opacity:.35}.ocu-foto img[hidden]{display:none}.ocu-lagen{position:absolute;top:0;right:0;bottom:0;left:0}.ocu-lagen[hidden]{display:none}.ocu-lagen img{position:absolute;top:0;right:0;bottom:0;left:0}.ocu-foto-prijs{position:absolute;right:14px;bottom:14px;display:flex;align-items:baseline;gap:8px;background:#ffffffeb;border:1px solid var(--ocu-grijs-300);border-radius:999px;padding:7px 16px;box-shadow:0 2px 10px #0000001a}.ocu-foto-prijs-advies{font-size:13px;color:var(--ocu-grijs-500);text-decoration:line-through;font-weight:600}.ocu-foto-prijs-advies:empty{display:none}.ocu-foto-prijs-totaal{font-size:18px;font-weight:800;color:var(--ocu-paars)}.ocu-thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ocu-thumb{width:84px;aspect-ratio:5 / 3;padding:4px;border:2px solid var(--ocu-grijs-100);border-radius:8px;background:#fff;cursor:pointer}.ocu-thumb img{width:100%;height:100%;object-fit:contain}.ocu-thumb.is-actief{border-color:var(--ocu-paars)}.ocu-foto-noot{font-size:12px;color:var(--ocu-grijs-500);margin:8px 0 0}.ocu-merk{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ocu-paars);margin:0 0 4px}.ocu-titel{font-size:clamp(26px,3vw,34px);line-height:1.15;margin:0 0 12px}.ocu-intro{margin:0 0 16px;color:#333}.ocu-prijsregel{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--ocu-grijs-100)}.ocu-prijs{font-size:26px;font-weight:800;color:var(--ocu-paars)}.ocu-oakleyprijs{color:var(--ocu-grijs-500);font-size:14px}.ocu-oakleyprijs[hidden]{display:none}.ocu-korting-badge{background:var(--ocu-paars);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}.ocu-korting-badge:empty{display:none}.ocu-besparing{margin:-6px 0 12px;font-size:13px;font-weight:600;color:var(--ocu-paars);text-align:right}.ocu-besparing:empty{display:none}.ocu-lens-prijs s{color:var(--ocu-grijs-500);font-weight:400;font-size:12px;margin-right:6px}.ocu-usp{font-size:13px;color:var(--ocu-grijs-500);width:100%}.ocu-stap{border:0;padding:0;margin:24px 0 0;min-width:0}.ocu-stap legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;font-size:16px;margin-bottom:12px;padding:0}.ocu-nr{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--ocu-paars);color:#fff;font-size:13px;align-items:center;justify-content:center}.ocu-keuze{font-weight:400;color:var(--ocu-grijs-500);font-size:14px}.ocu-uitleg{font-size:13px;color:var(--ocu-grijs-500);margin:-6px 0 10px}.ocu-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}.ocu-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.ocu-swatch input,.ocu-lens input{position:absolute;opacity:0;width:1px;height:1px}.ocu-swatch-cirkel{width:44px;height:44px;border-radius:50%;background-color:var(--kleur);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ocu-grijs-300);transition:box-shadow .15s}.ocu-swatches--klein .ocu-swatch-cirkel{width:32px;height:32px}.ocu-swatch-naam{font-size:12px;line-height:1.25}.ocu-swatch input:checked+.ocu-swatch-cirkel{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ocu-paars)}.ocu-swatch input:focus-visible+.ocu-swatch-cirkel{outline:2px solid var(--ocu-paars);outline-offset:6px}.ocu-lenzen{display:grid;gap:8px}.ocu-lens{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--ocu-grijs-100);border-radius:var(--ocu-radius);cursor:pointer;transition:border-color .15s,background .15s}.ocu-lens:hover{border-color:var(--ocu-grijs-300)}.ocu-lens:has(input:checked){border-color:var(--ocu-paars);background:var(--ocu-paars-licht)}.ocu-lens:has(input:focus-visible){outline:2px solid var(--ocu-paars);outline-offset:2px}.ocu-lens.is-uitverkocht{opacity:.5;cursor:not-allowed}.ocu-lens-kleur{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--kleur);border:1px solid rgba(0,0,0,.15);display:inline-block}img.ocu-lens-kleur,img.ocu-chip-kleur{background:none;object-fit:cover}.ocu-lens-kleur--sm{width:16px;height:16px;vertical-align:-3px;margin-right:8px}.ocu-lens-tekst{display:flex;flex-direction:column;line-height:1.3}.ocu-lens-tekst small{color:var(--ocu-grijs-500);font-size:12px}.ocu-lens-prijs{font-weight:700;font-size:14px}.ocu-toeslag{color:#4b7d1a;font-size:14px;font-weight:600}.ocu-gravure{display:flex;flex-direction:column;gap:12px;margin-top:12px}.ocu-gravure[hidden]{display:none}.ocu-veld{display:flex;flex-direction:column;gap:6px;font-size:13px}.ocu-veld input,.ocu-veld select{padding:10px 12px;border:2px solid var(--ocu-grijs-100);border-radius:var(--ocu-radius);font:inherit;font-size:15px;background:#fff}.ocu-veld input:focus,.ocu-veld select:focus{border-color:var(--ocu-paars);outline:0}.ocu-pijl{display:none}.ocu-js .ocu-stap{margin:10px 0 0;border:1px solid var(--ocu-grijs-100);border-radius:12px;background:#fff}.ocu-js .ocu-stap legend{float:left;width:100%;margin:0;padding:14px 16px;cursor:pointer;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px}.ocu-js .ocu-stap legend:hover{background:var(--ocu-grijs-50)}.ocu-js .ocu-stap legend:focus-visible{outline:2px solid var(--ocu-paars);outline-offset:-2px}.ocu-js .ocu-kop{flex:0 1 auto;min-width:0}.ocu-js .ocu-keuze{margin-left:auto;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.ocu-js .ocu-pijl{display:inline-block;flex:0 0 auto;width:9px;height:9px;margin:0 2px 3px 4px;border-right:2px solid var(--ocu-grijs-500);border-bottom:2px solid var(--ocu-grijs-500);transform:rotate(45deg);transition:transform .2s}.ocu-js .ocu-stap.is-open .ocu-pijl{transform:rotate(-135deg);margin-bottom:-3px}.ocu-js .ocu-stap-body{clear:both;padding:2px 16px 16px}.ocu-js .ocu-stap:not(.is-open) .ocu-stap-body{display:none}.ocu-js .ocu-stap.is-open legend{border-radius:12px 12px 0 0}.ocu-js .ocu-uitleg{margin-top:0}.ocu-samenvatting{margin-top:28px;padding:20px;background:var(--ocu-grijs-50);border-radius:14px}.ocu-h3{font-size:17px;margin:0 0 12px}.ocu-samenvatting dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 16px;font-size:14px}.ocu-samenvatting dt{color:var(--ocu-grijs-500)}.ocu-samenvatting dd{margin:0;font-weight:600}.ocu-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.ocu-check input{margin-top:3px;accent-color:var(--ocu-paars)}.ocu-totaal{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 12px;font-size:15px}.ocu-totaal strong{font-size:22px;color:var(--ocu-paars)}.ocu-knop{width:100%;padding:15px;border:0;border-radius:999px;background:var(--ocu-paars);color:#fff;font-weight:700;font-size:16px;cursor:pointer}.ocu-knop:hover{background:var(--ocu-paars-donker)}.ocu-knop[disabled]{opacity:.6;cursor:wait}.ocu-hulp{font-size:13px;color:var(--ocu-grijs-500);margin:12px 0 0;text-align:center}.ocu-fout{color:#b00020;font-size:13px;margin:8px 0 0}.ocu-content{max-width:860px;margin:64px auto 0}.ocu-content section{margin-top:48px}.ocu-content h2{font-size:24px;margin:0 0 16px}.ocu-tekst h2{margin-top:32px}.ocu-specs dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;margin:0;border-top:1px solid var(--ocu-grijs-100)}.ocu-specs dt,.ocu-specs dd{margin:0;padding:10px 0;border-bottom:1px solid var(--ocu-grijs-100)}.ocu-specs dt{color:var(--ocu-grijs-500)}.ocu-lensgids{overflow-x:auto}.ocu-lensgids table{width:100%;border-collapse:collapse;font-size:14px}.ocu-lensgids th,.ocu-lensgids td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--ocu-grijs-100);white-space:nowrap}.ocu-lensgids th{color:var(--ocu-grijs-500);font-weight:600}.ocu-kaarten{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.ocu-kaart a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border:1px solid var(--ocu-grijs-100);border-radius:12px;padding:12px;height:100%}.ocu-kaart a:hover{border-color:var(--ocu-paars)}.ocu-kaart img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain}.ocu-kaart-titel{font-size:14px;font-weight:600}.ocu-kaart-prijs{color:var(--ocu-paars);font-weight:700}.ocu-faq details{border-bottom:1px solid var(--ocu-grijs-100);padding:14px 0}.ocu-faq summary{font-weight:700;cursor:pointer}.ocu-faq details>div{margin-top:8px;color:#333}.ocu-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}.ocu-links a{padding:8px 16px;border:1px solid var(--ocu-grijs-300);border-radius:999px;text-decoration:none;color:inherit;font-size:14px}.ocu-links a:hover{border-color:var(--ocu-paars);color:var(--ocu-paars)}@media(max-width:700px){.ocu-lensgids table,.ocu-lensgids tbody,.ocu-lensgids tr,.ocu-lensgids td{display:block}.ocu-lensgids thead{display:none}.ocu-lensgids tr{border:1px solid var(--ocu-grijs-100);border-radius:12px;padding:12px 14px;margin-bottom:10px}.ocu-lensgids td{border:0;padding:2px 0;white-space:normal}.ocu-lensgids td:first-child{font-weight:700;padding-bottom:4px}.ocu-lensgids td[data-label]:not([data-label="Ideaal bij"]):before{content:attr(data-label) ": ";color:var(--ocu-grijs-500)}.ocu-content h2{font-size:20px}}@media(max-width:480px){.ocu-js .ocu-stap legend{padding:12px;gap:8px;font-size:15px}.ocu-js .ocu-stap-body{padding:2px 12px 14px}.ocu-js .ocu-keuze{max-width:40%;font-size:13px}.ocu-lens{grid-template-columns:28px 1fr;padding:8px 10px;gap:4px 10px}.ocu-lens-prijs{grid-column:2;font-size:13px}.ocu-swatches{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.ocu-samenvatting{padding:16px}}@media(max-width:900px){.ocu-wrap{padding:8px 16px 48px}.ocu-grid{grid-template-columns:minmax(0,1fr);gap:24px}.ocu-foto-kolom{position:static}.ocu-content{margin-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/oakley-custom.css.map */