.oc-hsp{background:var(--oc-hsp-bg, #ffffff);position:relative}.oc-hsp__container{max-width:1280px;margin:0 auto;padding:0 24px}.oc-hsp__header{text-align:center;margin-bottom:24px}.oc-hsp__heading{font-family:var(--font-headings-family),sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0;color:#1a1a1a}.oc-hsp__desc{font-family:var(--font-general-family),sans-serif;font-size:14.5px;color:#666;margin:10px auto 0;max-width:580px;line-height:1.5}.oc-hsp__track-wrap{position:relative}.oc-hsp__track{display:grid;gap:var(--oc-hsp-gap, 16px);scrollbar-width:none;-ms-overflow-style:none}.oc-hsp__track::-webkit-scrollbar{display:none}.oc-hsp__tile{display:flex;flex-direction:column;text-decoration:none;color:#1a1a1a;background:var(--oc-hsp-tile-bg, #ffffff);border:1.5px solid var(--oc-hsp-border, #004429);background-clip:padding-box;border-radius:12px;overflow:hidden;position:relative;transition:box-shadow .25s ease;min-width:0;box-sizing:border-box}@media(min-width:741px){.oc-hsp[data-layout-d=carousel] .oc-hsp__track{grid-template-rows:repeat(var(--oc-hsp-rows-d, 1),auto);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--oc-hsp-vis-d, 5) - 1) * var(--oc-hsp-gap, 16px)) / var(--oc-hsp-vis-d, 5));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px;justify-content:safe center}.oc-hsp[data-layout-d=carousel] .oc-hsp__tile{scroll-snap-align:start}.oc-hsp[data-layout-d=grid] .oc-hsp__track{grid-template-columns:repeat(var(--oc-hsp-vis-d, 5),minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible;scroll-snap-type:none;padding:6px 0;justify-content:center}.oc-hsp[data-layout-d=grid] .oc-hsp__nav-btn{display:none}}@media(hover:hover)and (pointer:fine){.oc-hsp__tile:hover{box-shadow:0 14px 28px -10px #00000040}.oc-hsp__tile:hover .oc-hsp__name{color:var(--oc-hsp-accent, #004429)}}.oc-hsp__media{position:relative;width:100%;aspect-ratio:var(--oc-hsp-ratio, 1 / 1);background:var(--oc-hsp-tile-bg, #ffffff);overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:10.5px;border-top-right-radius:10.5px}.oc-hsp__img{width:100%;height:100%;display:block}.oc-hsp[data-fit=cover] .oc-hsp__img{object-fit:cover;object-position:center}.oc-hsp[data-fit=contain] .oc-hsp__img{object-fit:contain;object-position:center;padding:14px;box-sizing:border-box}.oc-hsp__placeholder{font-family:var(--font-headings-family),sans-serif;font-size:36px;font-weight:700;color:var(--oc-hsp-border, #004429);width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3ef}.oc-hsp__name{font-family:var(--font-general-family),sans-serif;font-size:13.5px;font-weight:600;text-align:center;padding:10px 12px 12px;color:#1a1a1a;display:block;line-height:1.3;transition:color .15s ease}.oc-hsp__empty{font-family:var(--font-general-family),sans-serif;color:#666;font-size:14.5px;text-align:center;padding:40px 16px;background:#f8f8f6;border-radius:12px}.oc-hsp__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid #e5e5e2;color:#1a1a1a;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:5;box-shadow:0 6px 18px -4px #0000002e;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.oc-hsp__nav-btn:hover{background:var(--oc-hsp-accent, #004429);border-color:var(--oc-hsp-accent, #004429);color:#fff;box-shadow:0 8px 22px -4px #00000047}.oc-hsp__nav-btn svg{width:18px;height:18px}.oc-hsp__nav-btn--prev{left:-22px}.oc-hsp__nav-btn--next{right:-22px}.oc-hsp__footer{margin-top:28px;display:flex;justify-content:center}.oc-hsp__view-all{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-general-family),sans-serif;font-weight:600;font-size:14px;color:var(--oc-hsp-accent, #004429);padding:13px 30px;border:1.5px solid var(--oc-hsp-accent, #004429);border-radius:999px;background:transparent;transition:background .15s ease,color .15s ease,gap .15s ease,border-color .15s ease}.oc-hsp__view-all:hover{background:var(--oc-hsp-accent, #004429);color:#fff;gap:12px}.oc-hsp__view-all svg{width:14px;height:14px;flex-shrink:0}@media(max-width:740px){.oc-hsp__container{padding:0 16px}.oc-hsp__heading{font-size:clamp(18px,5.5vw,22px)}.oc-hsp__header{margin-bottom:16px}.oc-hsp[data-layout-m=carousel] .oc-hsp__track{grid-template-rows:repeat(var(--oc-hsp-rows-m, 1),auto);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--oc-hsp-vis-m, 2) - 1) * var(--oc-hsp-gap, 16px)) / var(--oc-hsp-vis-m, 2));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px;justify-content:safe center}.oc-hsp[data-layout-m=carousel] .oc-hsp__tile{scroll-snap-align:start}.oc-hsp[data-layout-m=grid] .oc-hsp__track{grid-template-columns:repeat(var(--oc-hsp-vis-m, 2),minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible;scroll-snap-type:none;padding:6px 0;justify-content:center}.oc-hsp[data-layout-m=grid] .oc-hsp__nav-btn{display:none}.oc-hsp[data-layout-m=carousel] .oc-hsp__nav-btn{width:38px;height:38px;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000038;border-color:#ffffffb3}.oc-hsp[data-layout-m=carousel] .oc-hsp__nav-btn--prev{left:8px}.oc-hsp[data-layout-m=carousel] .oc-hsp__nav-btn--next{right:8px}.oc-hsp__nav-btn svg{width:16px;height:16px}.oc-hsp__name{font-size:12.5px;padding:8px 10px 10px}.oc-hsp__footer{margin-top:20px}.oc-hsp__view-all{padding:11px 24px;font-size:13px}}.oc-hsp__nav-btn[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/26/assets/oc-haendler-spotlight.css.map */