:root{
  --bllp-bg:#fff;
  --bllp-text:#111;
  --bllp-muted:#999;
  --bllp-border:#eee;
  --bllp-shadow:0 2px 10px rgba(0,0,0,.04);
  --bllp-gap:12px;
  --bllp-sale:#e53935;
  --bllp-nav-bg: rgba(255,255,255,.92);
  --bllp-nav-bg-hover: rgba(255,255,255,1);
}



.bllp-wrapper{position:relative}
.bllp-swiper{position:relative;overflow:hidden}
.bllp-swiper .swiper-wrapper{display:flex;will-change:transform}
.bllp-swiper .swiper-slide, .bllp-swiper .bllp-card{flex-shrink:0}
.bllp-card{position:relative;background:var(--bllp-bg);border:1px solid var(--bllp-border);border-radius:10px;padding:var(--bllp-gap);box-shadow:var(--bllp-shadow);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.bllp-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.bllp-link{position:absolute;inset:0;z-index:1}
.bllp-gallery{position:relative;margin-block-end:10px}
.bllp-gallery-main, .bllp-gallery-thumbs{overflow:hidden}
.bllp-gallery-main .swiper-wrapper, .bllp-gallery-thumbs .bllp-gallery-thumbs-wrapper{display:flex;will-change:transform}
.bllp-gallery-main .swiper-slide{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center}
.bllp-gallery-thumbs .bllp-gallery-thumb{flex-shrink:0}
.bllp-gallery-main img{width:100%;height:auto;border-radius:8px}
.bllp-gallery-thumbs{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:4px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border-radius:8px;z-index:2;pointer-events:auto;padding-left:52px}
.bllp-gallery-thumbs .swiper-wrapper{pointer-events:auto}
.bllp-gallery a{display:flex;align-items:center;justify-content:center}
.bllp-gallery img{width:100%;height:auto;border-radius:8px!important;display:block;object-fit:contain}
/* Hide extra thumbs on mobile, show only first 2 */
@media (max-width: 767.98px){ .bllp-gallery-thumbs .swiper-slide.only-desktop{display:none} }
.bllp-title{font-size:14px;line-height:1.4;margin:6px 0 8px 0;color:var(--bllp-text)}
.bllp-title a{color:inherit;text-decoration:none}
.bllp-title a:hover{text-decoration:underline}
.bllp-gallery a{display:block}
.bllp-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bllp-sale-badge{min-width:38px;text-align:center;font-weight:700;color:#fff;background:var(--bllp-sale);border-radius:999px;padding:4px 8px;display:inline-block;vertical-align:middle}
.bllp-sale-badge:empty{display:none}
/* Pre-init fallback: keep layout stable before JS */
.bllp-swiper, .bllp-swiper .swiper-wrapper, .bllp-card { box-sizing: border-box; }
.bllp-swiper:not(.swiper-initialized) .swiper-wrapper { display:flex; gap:16px; flex-wrap:nowrap; overflow:hidden }
.bllp-swiper:not(.swiper-initialized) .swiper-slide { flex:0 0 calc((100% - 16px)/2); max-width:calc((100% - 16px)/2) }
@media (min-width: 768px){ .bllp-swiper:not(.swiper-initialized) .swiper-slide { flex:0 0 calc((100% - (16px * 2))/3); max-width:calc((100% - (16px * 2))/3) } }
.bllp-swiper:not(.swiper-initialized) .bllp-card { opacity:1; transition:none }
.bllp-prices del{color:var(--bllp-muted);margin-inline-end:6px}
.bllp-prices ins{color:var(--bllp-text);text-decoration:none}

/* outer controls */
.bllp-wrapper .swiper-button-prev,.bllp-wrapper .swiper-button-next{color:var(--bllp-text);--swiper-navigation-size:20px;z-index:5;pointer-events:auto;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bllp-nav-bg);border:1px solid var(--bllp-border);border-radius:999px;box-shadow:var(--bllp-shadow);backdrop-filter:saturate(180%) blur(6px)}
.bllp-wrapper .swiper-button-prev{left:var(--bllp-gap)}
.bllp-wrapper .swiper-button-next{right:var(--bllp-gap)}
.bllp-wrapper .swiper-button-prev::after,.bllp-wrapper .swiper-button-next::after{font-size:18px}
/* Ensure arrows render even if Swiper CSS isn't loaded */
.bllp-wrapper .swiper-button-prev::after{content:'\2039'}
.bllp-wrapper .swiper-button-next::after{content:'\203A'}
.bllp-wrapper .swiper-button-prev:hover,.bllp-wrapper .swiper-button-next:hover{background:var(--bllp-nav-bg-hover);transform:translateY(-50%) scale(1.05)}
.bllp-wrapper .swiper-button-prev:focus-visible,.bllp-wrapper .swiper-button-next:focus-visible{outline:2px solid var(--bllp-sale);outline-offset:2px}
.bllp-wrapper .swiper-pagination-bullet{background:var(--bllp-muted)}
.bllp-wrapper .swiper-pagination{display:none}

/* Equal height fallback if JS runs late */
.bllp-swiper{align-items:stretch}
.bllp-swiper .swiper-wrapper{align-items:stretch}
.bllp-card{display:flex;flex-direction:column}
.bllp-gallery{flex:0 0 auto}
.bllp-title{flex:0 0 auto}
.bllp-price-row{margin-top:auto}

/* Fallback spacing between slides when initialized (in case JS didn't inject margins) */
.bllp-swiper.swiper-initialized .swiper-slide{margin-inline-end:16px}
.bllp-swiper.swiper-initialized .swiper-wrapper{margin-inline-end:-16px}

/* RTL adjustments */
html[dir="rtl"] .bllp-wrapper .swiper-button-prev{left:auto;right:-13px;padding-bottom: 6px;}
html[dir="rtl"] .bllp-wrapper .swiper-button-next{right:auto;left:-13px;padding-bottom: 6px;}