/* Admin */
.bcl-table input[type="text"], .bcl-table input[type="url"], .bcl-table input[type="number"]{ width:100%; max-width:320px; }
.bcl-box{ background:#fff; padding:16px; margin:16px 0; border:1px solid #e5e5e5; }
.bcl-image-cell .bcl-image-url{ max-width:70%; }
.bcl-image-cell .button.bcl-pick-image{ margin-left:8px; }

/* Header bar */
.bcl-head-bar{ width:100%; background:transparent; padding:10px 0; }
.bcl-head-inner{ max-width:1200px; margin:0 auto; padding:0 12px; }
.bcl-head-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bcl-head-grid .bcl-item img{ width:100%; height:auto; display:block; object-fit:contain; border-radius:10px; }
@media(max-width:768px){ .bcl-head-grid{ grid-template-columns:1fr; } }

/* Top slider */
.bcl-top-slider{ max-width:1200px; margin:0 auto; }
.bcl-top-slider .bcl-track{ display:flex; gap:0; }
.bcl-top-slider .bcl-slide{ flex:0 0 100%; }
.bcl-top-slider .bcl-slide img{ display:block; width:100%; height:80px; object-fit:cover; border-radius:10px; }
@media (max-width:1199px){ .bcl-top-slider .bcl-slide img{ height:72px; } }
@media (max-width: 899px){ .bcl-top-slider .bcl-slide img{ height:64px; } }
@media (max-width: 599px){ .bcl-top-slider .bcl-slide img{ height:56px; } }

/* Bottom sticky */
:root{ --bcl-bottom-height: 0px; }
body.bcl-has-bottom{ padding-bottom: calc(var(--bcl-bottom-height) + env(safe-area-inset-bottom)); }
.bcl-bottom-bar{ position:fixed; left:0; right:0; bottom:0; z-index:99999; background:rgba(0,0,0,.92); backdrop-filter:blur(2px); padding:10px 0; box-shadow:0 -2px 8px rgba(0,0,0,.4); border-top:1px solid rgba(255,255,255,.08); }
.bcl-bottom-inner{ max-width:1200px; margin:0 auto; position:relative; padding:4px 12px 0; }
.bcl-bottom-inner .bcl-close{ position:absolute; top:-10px; left:0; background:#ff3b30; color:#fff; border:0; padding:4px 8px; border-radius:4px; font-weight:700; cursor:pointer; }
.bcl-bottom-grid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:4px; align-items:start; }
.bcl-bottom-grid .bcl-item img{ width:100%; height:auto; display:block; object-fit:contain; border-radius:10px; }
@media (max-width:768px){ .bcl-bottom-grid{ grid-template-columns:1fr !important; } }

/* Popup */
.bcl-popup{ position:fixed; inset:0; z-index:100000; opacity:0; transition:opacity .25s ease; }
.bcl-popup-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.5); }
.bcl-popup-box{ position:relative; z-index:1; width:400px; height:400px; max-width:90vw; max-height:90vh; margin:auto; top:50%; transform:translateY(-50%) scale(.96); transition:transform .25s ease; background:transparent; display:flex; align-items:center; justify-content:center; }
.bcl-popup.is-open{ opacity:1; }
.bcl-popup.is-open .bcl-popup-box{ transform:translateY(-50%) scale(1); }
.bcl-popup.is-closing{ opacity:0 !important; }
.bcl-popup-box img{ width:100%; height:100%; object-fit:contain; display:block; border-radius:12px; }
.bcl-popup-close{ position:absolute; top:-10px; right:-10px; background:#ff3b30; color:#fff; border:0; width:32px; height:32px; border-radius:50%; font-size:20px; cursor:pointer; }