/* SNR zoekpaneel (10-11-2026) */
.snr-sd{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none}
.snr-sd.is-open{visibility:visible;pointer-events:auto}
.snr-sd__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}
.snr-sd.is-open .snr-sd__overlay{opacity:1}
.snr-sd__panel{position:absolute;top:0;right:0;bottom:0;width:calc(100% - 28px);max-width:540px;background:#fff;color:#111;border-radius:18px 0 0 18px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-8px 0 30px rgba(0,0,0,.12)}
.snr-sd.is-open .snr-sd__panel{transform:none}
.snr-sd__head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 6px}
.snr-sd__title{margin:0;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.01em}
.snr-sd__x{background:none;border:0;padding:6px;margin:-6px;color:#111;cursor:pointer;line-height:0}
.snr-sd__form{position:relative;margin:14px 22px 6px}
.snr-sd__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none}
.snr-sd__input{width:100%;height:52px;border:1px solid #ddd;border-radius:999px;background:#fff;padding:0 46px 0 50px;font:inherit;font-size:16px;color:#111;-webkit-appearance:none;appearance:none;box-shadow:none}
.snr-sd__input:focus{outline:none;border-color:#111}
.snr-sd__input::-webkit-search-cancel-button{display:none}
.snr-sd__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:#f0f0f0;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.snr-sd__clear[hidden]{display:none}
.snr-sd__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 22px 28px}
.snr-sd__h{margin:18px 0 12px;font-size:20px;line-height:1.2;font-weight:700}
.snr-sd__hrow{display:flex;align-items:baseline;justify-content:space-between}
.snr-sd__all{font-size:14px;color:#111;text-decoration:underline;text-underline-offset:3px}
.snr-sd__cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.snr-sd__col{position:relative;display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#eee;text-decoration:none}
.snr-sd__col img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.snr-sd__col::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6))}
.snr-sd__col span{position:absolute;left:10px;right:10px;bottom:12px;z-index:1;color:#fff;font-weight:700;font-size:16px;line-height:1.2;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (hover:hover){.snr-sd__col:hover img{transform:scale(1.04)}}
.snr-sd__col--pack{background:#f0f0f0}
.snr-sd__col--pack img{object-fit:contain;padding:10% 8% 24%;mix-blend-mode:multiply;box-sizing:border-box}
.snr-sd__col--pack::after{inset:55% 0 0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.55))}
.snr-sd__row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:0 22px 6px;scroll-padding-inline:22px;scrollbar-width:none}
.snr-sd__row::-webkit-scrollbar{display:none}
.snr-sd__row .snr-sd__card{flex:0 0 172px;scroll-snap-align:start}
.snr-sd__card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#111;min-width:0}
.snr-sd__img{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;background:#f0f0f0;overflow:hidden}
.snr-sd__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.snr-sd__badge{position:absolute;top:8px;left:8px;background:#e02424;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:5px 7px;border-radius:6px}
.snr-sd__name{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.snr-sd__price{font-size:14px;font-weight:600}
.snr-sd__price.is-sale{color:#e02424}
.snr-sd__price s{color:#888;font-weight:400;margin-left:4px}
.snr-sd__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
.snr-sd__chips{display:flex;flex-wrap:wrap;gap:8px}
.snr-sd__chip{display:inline-block;padding:9px 14px;border-radius:999px;background:#f3f3f3;color:#111;font-size:14px;text-decoration:none}
.snr-sd__btn{display:block;margin:20px 0 4px;padding:15px;border-radius:999px;background:#111;color:#fff;text-align:center;font-weight:600;font-size:15px;text-decoration:none}
.snr-sd__msg{margin:18px 0 4px;color:#555;font-size:15px}
.snr-sd__loading{opacity:.5;transition:opacity .15s}
html.snr-sd-lock,html.snr-sd-lock body{overflow:hidden!important}
@media (min-width:750px){
  .snr-sd__panel{width:540px}
  .snr-sd__head{padding:28px 30px 6px}
  .snr-sd__form{margin:16px 30px 6px}
  .snr-sd__body{padding:8px 30px 32px}
  .snr-sd__row{margin:0 -30px;padding:0 30px 6px;scroll-padding-inline:30px}
  .snr-sd__grid{grid-template-columns:1fr 1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.snr-sd__panel,.snr-sd__overlay{transition:none}}