.wb{padding:40px 0;background:#fcf8f1;color:#231914}
.wb-wrap{max-width:1400px;margin:0 auto;padding:0 16px}
.wb-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3vw,40px);font-weight:600;margin:0 0 18px;line-height:1.15}
.wb-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.wb-row::-webkit-scrollbar{display:none}
.wb-card{flex:0 0 42%;aspect-ratio:9/16;position:relative;cursor:pointer;overflow:hidden;background:#000;border-radius:10px}
.wb-card video,.wb-card iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;border:0}
@media (min-width:750px){.wb-card{flex:0 0 200px}}
.wb-dialog{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.wb-dialog::backdrop{background:#000}
.wb-media{position:absolute;inset:0}
.wb-media video,.wb-media iframe{width:100%;height:100%;object-fit:contain;border:0}
.wb-prods{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;overflow-x:auto;padding:14px 12px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.wb-p{flex:0 0 42%;max-width:200px;background:#fff;color:#231914;border-radius:10px;padding:8px;display:block}
.wb-p-img{display:block;aspect-ratio:1/1;background:#ebdece;border-radius:8px;overflow:hidden}
.wb-p-img img{width:100%;height:100%;object-fit:cover}
.wb-p-name{display:block;font-size:14px;margin:8px 0 2px;min-height:2.3em;line-height:1.3}
.wb-p-price{display:block;font-weight:600;font-size:13px}
.wb-p-btn{display:block;text-align:center;margin-top:8px;background:#6b1f2a;color:#fff;padding:8px;font-size:11px;letter-spacing:.12em;font-weight:600}
.wb-close{position:absolute;top:12px;right:12px;z-index:2;background:rgba(0,0,0,.5);color:#fff;border:0;width:40px;height:40px;border-radius:50%;font-size:26px;cursor:pointer}