.bbxss-section{clear:both;margin:28px auto;padding:20px;max-width:1240px;border:1px solid #d9e5fb;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7fbff 72%,#f5efff 100%);box-shadow:0 10px 28px rgba(15,46,90,.08)}
.bbxss-head span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#6946e8}.bbxss-head h3{margin:4px 0 2px;font-size:25px;color:#0d2142}.bbxss-head p{margin:0 0 14px;color:#5b6880}.bbxss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bbxss-card{min-width:0;background:#fff;border:1px solid #e0e7f4;border-radius:14px;overflow:hidden;box-shadow:0 5px 14px rgba(13,33,66,.06)}.bbxss-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;background:#fff;padding:10px}.bbxss-img img{width:100%;height:100%;object-fit:contain}.bbxss-card-body{padding:12px}.bbxss-card h4{font-size:14px;line-height:1.3;margin:0 0 7px}.bbxss-card h4 a{color:#112544;text-decoration:none}.bbxss-price{font-weight:900;color:#111c36;margin:7px 0 10px}.bbxss-rating{font-size:12px;color:#ff9d00}.bbxss-rating span{color:#8590a4}.bbxss-card .button{width:100%;text-align:center;border-radius:10px!important;background:linear-gradient(90deg,#1da8ff,#7449ff)!important;color:#fff!important;border:0!important;padding:9px 10px!important;font-weight:800!important}
.bbxss-popup{position:fixed;right:18px;bottom:18px;width:min(720px,calc(100vw - 36px));z-index:99998;background:#fff;border:1px solid #cfdcf3;border-radius:20px;box-shadow:0 24px 80px rgba(8,28,62,.25);padding:17px;transform:translateY(130%);opacity:0;transition:.28s ease;pointer-events:none}.bbxss-popup.is-open{transform:none;opacity:1;pointer-events:auto}.bbxss-close{position:absolute;right:10px;top:8px;border:0;background:#edf3ff;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.bbxss-popup-head span{font-size:11px;font-weight:900;color:#7047ef}.bbxss-popup-head h3{font-size:22px;margin:4px 0;color:#0c2346}.bbxss-popup-head p{margin:0 40px 12px 0;color:#61708a}.bbxss-popup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bbxss-fomo{position:fixed;left:18px;bottom:18px;z-index:99997;width:min(330px,calc(100vw - 36px));transform:translateY(140%);opacity:0;transition:.28s ease}.bbxss-fomo.is-open{transform:none;opacity:1}.bbxss-fomo a{display:flex;gap:10px;align-items:center;text-decoration:none;background:#fff;border:1px solid #d7e4f6;border-radius:14px;padding:10px;box-shadow:0 16px 45px rgba(8,28,62,.2)}.bbxss-fomo img{width:56px;height:56px;object-fit:contain;border-radius:9px;background:#fff}.bbxss-fomo span{display:flex;flex-direction:column;min-width:0}.bbxss-fomo small{color:#16835d;font-weight:800}.bbxss-fomo strong{font-size:13px;color:#102340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbxss-fomo em{font-size:11px;color:#7a879b;font-style:normal}
.bbxss-truth-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.bbxss-truth{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:850}.bbxss-stock{background:#fff3e8;color:#b54b00}.bbxss-countdown{background:#f0ecff;color:#5b35c9}
@media(max-width:760px){.bbxss-section{margin:18px 10px;padding:13px;border-radius:15px}.bbxss-head h3{font-size:21px}.bbxss-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:4px}.bbxss-grid .bbxss-card{flex:0 0 72%;scroll-snap-align:start}.bbxss-popup{left:8px;right:8px;bottom:8px;width:auto;max-height:78vh;overflow:auto;padding:13px}.bbxss-popup-grid{display:flex;overflow-x:auto;gap:8px}.bbxss-popup-grid .bbxss-card{flex:0 0 72%}.bbxss-fomo{left:8px;bottom:78px;width:calc(100vw - 16px)} }

.bbxss-sticky{display:none}
@media(max-width:760px){body.single-product{padding-bottom:74px}.bbxss-sticky{position:fixed;display:flex;left:8px;right:8px;bottom:8px;z-index:99996;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.97);border:1px solid #cfdcf3;border-radius:14px;padding:9px 10px;box-shadow:0 14px 40px rgba(8,28,62,.22);backdrop-filter:blur(12px)}.bbxss-sticky>div{min-width:0;display:flex;flex-direction:column}.bbxss-sticky span{max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;color:#112544}.bbxss-sticky strong{font-size:14px;color:#0d2142}.bbxss-sticky button{border:0;border-radius:10px;padding:11px 15px;background:linear-gradient(90deg,#12baf2,#7449ff);color:#fff;font-weight:900}}
