/* Bazidan — category page (plugin). Everything is namespaced .bzc-* */
:root{
  --bzc-pink:var(--pink,#FF00A3);
  --bzc-pink-dark:var(--pink-dark,#B00371);
  --bzc-pink-soft:#FFF0F9;
  --bzc-ink:#23252F;
  --bzc-muted:#6B7080;
  --bzc-line:#E8EAF2;
  --bzc-bg:#F6F7FB;
  --bzc-green:#16A34A;
  --bzc-amber:#C2410C;
  --bzc-radius:18px;
}
.bzc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* hide WooCommerce / older-theme controls this page replaces */
.bzc-on .woocommerce-result-count,
.bzc-on .woocommerce-ordering,
.bzc-on .shop-toolbar,
.bzc-on .shop-layout > .shop-filters,
.bzc-on .filters-scrim{display:none!important}
.bzc-on .shop-layout.has-sidebar{display:block!important}

/* ── subcategories ─────────────────────────────── */
.bzc-subcats{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.bzc-subcat{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border:1.5px solid var(--bzc-line);border-radius:999px;background:#fff;color:var(--bzc-ink)!important;text-decoration:none!important;font-size:13px;font-weight:700;transition:border-color .15s,background .15s}
.bzc-subcat:hover{border-color:var(--bzc-pink);background:var(--bzc-pink-soft)}
.bzc-subcat-img{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;margin:0!important}
.bzc-subcat small{font-size:11px;color:var(--bzc-muted);font-weight:600}

/* ── layout ─────────────────────────────── */
.bzc-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:24px;align-items:start}
.bzc-main{min-width:0}

/* ── filters panel ─────────────────────────────── */
.bzc-filters{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;background:#fff;border:1px solid var(--bzc-line);border-radius:var(--bzc-radius);padding:4px 16px 16px;scrollbar-width:thin}
.bzc-filter-form{margin:0}
.bzc-filters-head{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--bzc-line);position:sticky;top:0;background:#fff;z-index:1}
.bzc-filters-head strong{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:900;color:var(--bzc-ink);margin-inline-end:auto}
.bzc-filters-head svg{width:18px;height:18px}
.bzc-clear{font-size:12px;font-weight:700;color:var(--bzc-pink-dark)!important;text-decoration:none!important}
.bzc-close{display:none;width:36px;height:36px;border:0;border-radius:10px;background:var(--bzc-bg);color:var(--bzc-ink);cursor:pointer;padding:8px}
.bzc-close svg{width:20px;height:20px}
.bzc-group{border:0;margin:0;padding:14px 0;border-bottom:1px solid var(--bzc-line);min-width:0}
.bzc-group:last-of-type{border-bottom:0}
.bzc-group-title{float:right;width:100%;padding:0;margin:0 0 10px;font-size:13.5px;font-weight:800;color:var(--bzc-ink)}
html[dir="ltr"] .bzc-group-title{float:left}
.bzc-group-title small{font-weight:600;color:var(--bzc-muted)}
.bzc-group-title + *{clear:both}
.bzc-options{display:grid;gap:2px}
.bzc-options-scroll{max-height:232px;overflow:auto;scrollbar-width:thin}
.bzc-check{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--bzc-ink);margin:0}
.bzc-check:hover{background:var(--bzc-bg)}
.bzc-check input{width:18px!important;height:18px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;accent-color:var(--bzc-pink);flex:0 0 auto}
.bzc-check > span:not(.bzc-count){flex:1;min-width:0}
.bzc-check .bzc-count{flex:0 0 auto}
.bzc-count{font-size:11px;font-weight:700;color:var(--bzc-muted);background:var(--bzc-bg);border-radius:999px;padding:1px 8px;min-width:24px;text-align:center}
.bzc-brand-search{width:100%;box-sizing:border-box;margin:0 0 8px;padding:8px 12px;border:1.5px solid var(--bzc-line);border-radius:10px;font:inherit;font-size:13px;background:#fff}
.bzc-brand-search:focus{outline:none;border-color:var(--bzc-pink)}

.bzc-group-toggles{display:grid;gap:10px}
.bzc-switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:700;color:var(--bzc-ink);margin:0}
.bzc-switch input{position:absolute;opacity:0;width:1px;height:1px}
.bzc-switch-ui{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#D7DAE5;transition:background .15s}
.bzc-switch-ui::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:inset-inline-start .15s}
.bzc-switch input:checked + .bzc-switch-ui{background:var(--bzc-pink)}
.bzc-switch input:checked + .bzc-switch-ui::after{inset-inline-start:19px}
.bzc-switch input:focus-visible + .bzc-switch-ui{outline:2px solid var(--bzc-pink);outline-offset:2px}
.bzc-switch .bzc-count{margin-inline-start:4px}

.bzc-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bzc-price-inputs label{display:flex;align-items:center;gap:6px;border:1.5px solid var(--bzc-line);border-radius:10px;padding:0 10px;background:#fff;margin:0}
.bzc-price-inputs label:focus-within{border-color:var(--bzc-pink)}
.bzc-price-inputs span{font-size:12px;color:var(--bzc-muted);font-weight:700}
.bzc-price-inputs input{width:100%;min-width:0;min-height:0!important;height:auto!important;border-radius:0!important;border:0!important;outline:0;padding:9px 0!important;background:transparent!important;font:inherit;font-size:13px;font-weight:700;color:var(--bzc-ink);box-shadow:none!important}
.bzc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bzc-chip{padding:5px 11px;border-radius:999px;border:1.5px solid var(--bzc-line);font-size:12px;font-weight:700;color:var(--bzc-ink)!important;text-decoration:none!important;background:#fff}
.bzc-chip:hover{border-color:var(--bzc-pink)}
.bzc-chip.is-active{background:var(--bzc-pink);border-color:var(--bzc-pink);color:#fff!important}
.bzc-apply-price{margin-top:10px;width:100%;padding:9px;border-radius:10px;border:1.5px solid var(--bzc-pink);background:#fff;color:var(--bzc-pink-dark);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.bzc-apply-price:hover{background:var(--bzc-pink-soft)}
.bzc-filters-foot{display:none}
.bzc-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--bzc-pink),var(--bzc-pink-dark));color:#fff!important;font:inherit;font-size:14px;font-weight:900;cursor:pointer;text-decoration:none!important}
.bzc-scrim{display:none}

/* ── toolbar ─────────────────────────────── */
.bzc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bzc-bg);border-radius:14px;padding:8px 12px;margin:0 0 14px}
.bzc-open{display:none;align-items:center;gap:6px;border:1.5px solid var(--bzc-line);background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:13px;font-weight:800;color:var(--bzc-ink);cursor:pointer}
.bzc-open svg{width:18px;height:18px}
.bzc-open-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--bzc-pink);color:#fff;font-size:11px}
.bzc-total{font-size:13px;font-weight:700;color:var(--bzc-muted)}
.bzc-sort{display:flex;align-items:center;gap:6px;margin:0 auto 0 0}
html[dir="ltr"] .bzc-sort{margin:0 0 0 auto}
.bzc-sort label{font-size:12.5px;color:var(--bzc-muted);font-weight:700;margin:0}
.bzc-sort select{appearance:auto;border:1.5px solid var(--bzc-line);border-radius:10px;background:#fff;padding:7px 10px;font:inherit;font-size:13px;font-weight:700;color:var(--bzc-ink);min-height:0;cursor:pointer}

.bzc-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px}
.bzc-active-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px 5px 12px;border-radius:999px;background:var(--bzc-pink-soft);color:var(--bzc-pink-dark)!important;font-size:12px;font-weight:800;text-decoration:none!important}
.bzc-active-chip svg{width:14px;height:14px}
.bzc-active-clear{font-size:12px;font-weight:700;color:var(--bzc-muted)!important;margin-inline-start:4px}

/* ── product grid (overrides WooCommerce/theme loop styles) ─────────── */
.bzc-main ul.products,
.woocommerce .bzc-main ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:16px!important;margin:0 0 20px!important;padding:0!important;list-style:none!important}
.bzc-main ul.products::before,.bzc-main ul.products::after{display:none!important;content:none!important}
ul.products li.product.bzc-item,
.woocommerce ul.products li.product.bzc-item,
.woocommerce-shell ul.products li.product.bzc-item{width:auto!important;float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;min-width:0;display:flex;text-align:start!important;list-style:none!important}
ul.products li.product.bzc-item::before{display:none!important}

/* ── card ─────────────────────────────── */
.bzc-card{position:relative;display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--bzc-line);border-radius:var(--bzc-radius);overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.bzc-card:hover{box-shadow:0 14px 34px rgba(35,37,47,.10);transform:translateY(-3px);border-color:#F3D3E8}
.bzc-media{position:relative;display:block;aspect-ratio:1/1;background:var(--bzc-bg);overflow:hidden}
.bzc-media img,.bzc-card .bzc-img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;padding:10px;box-sizing:border-box;margin:0!important;border-radius:0!important;transition:opacity .25s,transform .35s;background:transparent}
.bzc-card .bzc-img-alt{opacity:0}
@media (hover:hover){
  .bzc-card.has-alt:hover .bzc-img-alt{opacity:1}
  .bzc-card.has-alt:hover .bzc-img:not(.bzc-img-alt){opacity:0}
  .bzc-card:not(.has-alt):hover .bzc-img{transform:scale(1.04)}
}
.bzc-off{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--bzc-pink);color:#fff;font-size:12px;font-weight:900;line-height:1;padding:6px 9px;border-radius:10px;box-shadow:0 6px 14px rgba(255,0,163,.3)}
.bzc-soldout{position:absolute;inset:auto 10px 10px;z-index:2;text-align:center;background:rgba(35,37,47,.82);color:#fff;font-size:12px;font-weight:800;padding:6px;border-radius:10px}
.bzc-card.is-out .bzc-img{filter:grayscale(.85);opacity:.7}

.bzc-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 14px 14px}
.bzc-brand{font-size:11.5px;font-weight:700;color:var(--bzc-muted)}
.bzc-card .bzc-title{margin:0!important;padding:0!important;font-size:14px!important;font-weight:800!important;line-height:1.75!important;min-height:calc(2 * 1.75em);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bzc-title a{color:var(--bzc-ink)!important;text-decoration:none!important}
.bzc-title a:hover{color:var(--bzc-pink-dark)!important}

.bzc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:auto;min-height:48px;align-content:flex-end}
.bzc-old{width:100%;font-size:12.5px;color:#7A7F90;text-decoration:line-through;font-weight:600}
.bzc-now{font-size:17px;font-weight:900;color:var(--bzc-pink-dark);white-space:nowrap}
.bzc-cur{font-size:11.5px;font-weight:700;color:var(--bzc-muted)}
.bzc-from{font-size:12px;font-weight:700;color:var(--bzc-muted)}
.bzc-upto{font-size:12px;font-weight:700;color:var(--bzc-muted)}
.bzc-noprice{font-size:12.5px;color:var(--bzc-muted)}

.bzc-stock{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.bzc-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.bzc-stock.is-in{color:var(--bzc-green)}
.bzc-stock.is-low{color:var(--bzc-amber)}
.bzc-stock.is-out{color:#9A9FB0}

.bzc-actions{display:flex;align-items:stretch;gap:8px;margin-top:6px}
.bzc-qty{display:flex;align-items:stretch;flex:0 0 auto;border:1.5px solid var(--bzc-line);border-radius:12px;overflow:hidden;background:#fff}
.bzc-qty-btn{flex:0 0 30px;width:30px;border:0;background:var(--bzc-bg);color:var(--bzc-ink);font:inherit;font-size:17px;font-weight:800;line-height:1;cursor:pointer;padding:0}
.bzc-qty-btn:hover{color:var(--bzc-pink-dark);background:#EEF0F7}
.bzc-qty-btn:disabled{opacity:.35;cursor:default}
.bzc-qty-input{min-width:0;width:30px;border:0!important;text-align:center;font:inherit;font-size:14px;font-weight:800;color:var(--bzc-ink);padding:0!important;background:#fff!important;box-shadow:none!important;min-height:0!important}
.bzc-card .bzc-add,
.woocommerce ul.products li.product .bzc-card .bzc-add{flex:1;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--bzc-pink),var(--bzc-pink-dark))!important;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(255,0,163,.20)!important;white-space:nowrap;width:auto!important;cursor:pointer;transition:filter .15s}
.bzc-card .bzc-add:hover{filter:brightness(1.07)}
.bzc-card .bzc-add svg{width:18px;height:18px;flex:0 0 auto}
.bzc-card .bzc-add.loading{opacity:.75;pointer-events:none}
.bzc-card .bzc-add.loading::after{display:none!important}
.bzc-card .bzc-add.is-done{background:var(--bzc-green)!important;box-shadow:none!important}
.bzc-card .bzc-add-outline,
.woocommerce ul.products li.product .bzc-card .bzc-add-outline{background:#fff!important;color:var(--bzc-pink-dark)!important;border:1.5px solid var(--bzc-pink)!important;box-shadow:none!important}
.bzc-card .bzc-add-outline:hover{background:var(--bzc-pink-soft)!important}
.bzc-card .bzc-add.is-disabled{background:#ECEEF4!important;color:#9A9FB0!important;box-shadow:none!important;cursor:not-allowed}
.bzc-card .added_to_cart{display:none!important}

.bzc-compare{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-top:2px;border:1.5px dashed #F2C4E2;border-radius:12px;background:#fff;color:var(--bzc-pink-dark);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.bzc-compare svg{width:16px;height:16px}
.bzc-compare:hover{background:var(--bzc-pink-soft)}
.bzc-compare.is-on{border-style:solid;border-color:var(--bzc-pink);background:var(--bzc-pink);color:#fff}

/* ── empty state ─────────────────────────────── */
.bzc-empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:48px 16px;border:1.5px dashed var(--bzc-line);border-radius:var(--bzc-radius);color:var(--bzc-muted)}
.bzc-empty svg{width:48px;height:48px;color:#C9CDDA}
.bzc-empty p{margin:0;font-weight:700}
.bzc-empty .bzc-submit{width:auto;padding:0 22px}

/* ── toast ─────────────────────────────── */
.bzc-toast{position:fixed;left:50%;bottom:24px;z-index:100002;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#1F2130;color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.25);transition:opacity .2s,transform .2s;pointer-events:none}
.bzc-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bzc-toast a{color:#FF8AD8!important;font-weight:800;text-decoration:none!important;white-space:nowrap}

/* ── tablet / phone: filters become a slide-over drawer ─────────── */
@media (max-width:900px){
  .bzc-layout{display:block}
  .bzc-open{display:inline-flex}
  .bzc-filters{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:100001;width:min(360px,88vw);max-height:none;border-radius:0;border:0;box-shadow:0 0 40px rgba(0,0,0,.25);transform:translateX(105%);transition:transform .25s ease;padding-bottom:0;visibility:hidden}
  html[dir="ltr"] .bzc-filters{transform:translateX(-105%)}
  .bzc-filters.is-open{transform:none;visibility:visible}
  .bzc-close{display:inline-grid;place-items:center}
  .bzc-filters-foot{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0 16px;border-top:1px solid var(--bzc-line)}
  .bzc-scrim{display:block;position:fixed;inset:0;z-index:100000;background:rgba(20,22,32,.45);opacity:0;transition:opacity .2s}
  .bzc-scrim[hidden]{display:none}
  .bzc-scrim.is-open{opacity:1}
  .bzc-sort label{display:none}
  body.bzc-lock{overflow:hidden}
  .bzc-toast{bottom:84px}
}
@media (max-width:600px){
  .bzc-subcats{flex-wrap:nowrap;overflow-x:auto;margin-inline:-4px;padding:2px 4px 6px;scrollbar-width:none}
  .bzc-subcats::-webkit-scrollbar{display:none}
  .bzc-subcat{flex:0 0 auto}
  .bzc-toolbar{gap:8px;padding:8px}
  .bzc-total{order:3;width:100%;font-size:12px}
  .bzc-main ul.products,.woocommerce .bzc-main ul.products,
  .woocommerce ul.products:has(> li.bzc-item){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bzc-body{padding:10px 10px 12px;gap:5px}
  .bzc-card .bzc-title{font-size:12.5px!important}
  .bzc-now{font-size:15px}
  .bzc-actions{flex-direction:column;gap:6px}
  .bzc-qty{justify-content:space-between}
  .bzc-qty-btn{flex-basis:38px;width:38px;min-height:34px}
  .bzc-qty-input{flex:1;width:auto}
  .bzc-card .bzc-add{min-height:38px;font-size:12px!important}
  .bzc-card .bzc-add svg{display:none}
  .bzc-compare{font-size:11.5px;min-height:32px}
  .bzc-off{top:8px;inset-inline-start:8px;font-size:11px;padding:5px 7px}
}
@media (prefers-reduced-motion:reduce){
  .bzc-card,.bzc-filters,.bzc-img,.bzc-toast{transition:none!important}
}

/* stronger than WooCommerce's / the theme's loop styles, which use !important in places */
.woocommerce ul.products li.product .bzc-card .bzc-img,
.woocommerce-shell ul.products li.product .bzc-card .bzc-img{margin:0!important;border-radius:0!important;max-width:none!important}
.woocommerce ul.products li.product .bzc-card .bzc-title{font-size:14px!important}
.woocommerce ul.products li.product .bzc-card .bzc-add::after,
.bzc-card .bzc-add.added::after,.bzc-card .bzc-add.loading::after{display:none!important;content:none!important}
.woocommerce ul.products li.product .bzc-card .bzc-price{margin-bottom:0!important;color:inherit!important;font-size:inherit!important}
@media (max-width:600px){
  .woocommerce ul.products li.product .bzc-card .bzc-title{font-size:12.5px!important}
}

/* ═════════════ v1.1 — category details ═════════════ */
.bzc-hero{display:grid;gap:12px;margin:0 0 16px}
.bzc-hero-desc{margin:0;max-width:72ch;font-size:14px;line-height:1.9;color:#4B5063}
.bzc-hero-desc a{color:var(--bzc-pink-dark)!important;font-weight:800;white-space:nowrap}
.bzc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.bzc-stats li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--bzc-bg);border:1px solid var(--bzc-line);min-width:0}
.bzc-stats b{font-size:15px;font-weight:900;color:var(--bzc-ink)}
.bzc-stats span{font-size:12px;font-weight:600;color:var(--bzc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* card extras */
.bzc-badges{position:absolute;top:10px;inset-inline-end:10px;z-index:2;display:grid;gap:4px;justify-items:end}
.bzc-badge{font-size:11px;font-weight:800;line-height:1;padding:5px 8px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(35,37,47,.12)}
.bzc-badge.is-best{color:#B45309;background:#FFF7E6}
.bzc-badge.is-new{color:#0E7490;background:#E6FAFD}
.bzc-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}
.bzc-rate{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:800;color:var(--bzc-ink)}
.bzc-rate svg{width:14px;height:14px;color:#F5A524}
.bzc-rate small{font-size:11px;font-weight:600;color:var(--bzc-muted)}
.bzc-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.bzc-facts li{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;background:#F2F0FF;color:#4C3DB8;font-size:11.5px;font-weight:800}
.bzc-facts li:nth-child(2){background:#EAF7EF;color:#17733F}
.bzc-facts svg{width:14px;height:14px}

/* about */
.bzc-about{margin:28px 0 0;padding:20px;border-radius:var(--bzc-radius);background:var(--bzc-bg);border:1px solid var(--bzc-line)}
.bzc-about h2{margin:0 0 10px;font-size:17px;font-weight:900;color:var(--bzc-ink)}
.bzc-about-body{font-size:14px;line-height:2;color:#4B5063}
.bzc-about.is-clamped .bzc-about-body{max-height:190px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.bzc-about-more{margin-top:8px;border:0;background:none;color:var(--bzc-pink-dark);font:inherit;font-size:13px;font-weight:800;cursor:pointer;padding:8px 0;min-height:44px}

/* ═════════════ v1.1 — AI assistant ═════════════ */
.bzc-ai{--ai-a:#FF00A3;--ai-b:#7C3AED;position:relative;isolation:isolate;margin:0 0 20px;border-radius:22px;padding:2px;background:linear-gradient(120deg,var(--ai-a),#FF6BCB 35%,var(--ai-b));box-shadow:0 18px 40px rgba(124,58,237,.12)}
.bzc-ai::before{content:"";position:absolute;inset:2px;border-radius:20px;background:#fff;z-index:-1}
.bzc-ai-glow{position:absolute;inset:2px;border-radius:20px;z-index:-1;pointer-events:none;background:radial-gradient(420px 160px at 90% 0,rgba(255,0,163,.10),transparent 70%),radial-gradient(380px 160px at 0 100%,rgba(124,58,237,.10),transparent 70%)}
.bzc-ai-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 6px}
.bzc-ai-mark{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--ai-a),var(--ai-b));box-shadow:0 8px 20px rgba(255,0,163,.28)}
.bzc-ai-mark svg{width:24px;height:24px}
.bzc-ai-titles{flex:1;min-width:0}
.bzc-ai-titles h2{margin:0 0 3px!important;font-size:17px!important;font-weight:900!important;line-height:1.6!important;color:var(--bzc-ink)!important}
.bzc-ai-titles h2 span{background:linear-gradient(90deg,var(--ai-a),var(--ai-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.bzc-ai-titles p{margin:0;font-size:13px;line-height:1.8;color:var(--bzc-muted)}
.bzc-ai-toggle{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--bzc-bg);color:var(--bzc-ink);cursor:pointer;padding:0}
.bzc-ai-toggle svg{width:20px;height:20px;transition:transform .2s}
.bzc-ai.is-collapsed .bzc-ai-toggle svg{transform:rotate(180deg)}
.bzc-ai.is-collapsed .bzc-ai-body{display:none}
.bzc-ai-body{padding:6px 20px 16px}

.bzc-ai-steps{display:grid;gap:10px;margin:6px 0 14px}
.bzc-ai-step{display:flex;align-items:center;gap:10px;min-width:0}
.bzc-ai-step-label{flex:0 0 132px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--bzc-ink)}
.bzc-ai-step-label b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bzc-pink-soft);color:var(--bzc-pink-dark);font-size:12px}
.bzc-ai-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.bzc-ai-chip{min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--bzc-line);background:#fff;color:var(--bzc-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}
.bzc-ai-chip:hover{border-color:#F4A6D9}
.bzc-ai-chip:active{transform:scale(.97)}
.bzc-ai-chip[aria-pressed="true"]{background:linear-gradient(135deg,var(--ai-a),#D1008A);border-color:transparent;color:#fff;box-shadow:0 6px 14px rgba(255,0,163,.25)}
.bzc-ai-chip:focus-visible,.bzc-ai-prompt:focus-visible,.bzc-ai-follow:focus-visible,.bzc-ai-send:focus-visible,.bzc-ai-toggle:focus-visible{outline:3px solid rgba(124,58,237,.45);outline-offset:2px}

.bzc-ai-ask{display:flex;align-items:center;gap:8px;padding:6px;border-radius:16px;border:1.5px solid var(--bzc-line);background:#fff;transition:border-color .15s,box-shadow .15s}
.bzc-ai-ask:focus-within{border-color:var(--ai-b);box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.bzc-ai-ask input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:10px 10px!important;min-height:0!important;font:inherit;font-size:14px;color:var(--bzc-ink)}
.bzc-ai-send{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--ai-a),var(--ai-b));color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.bzc-ai-send svg{width:18px;height:18px}
.bzc-ai-prompts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.bzc-ai-prompt{min-height:34px;padding:0 12px;border-radius:10px;border:1px dashed #D9C6F7;background:#FBF8FF;color:#5B34C4;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.bzc-ai-prompt:hover{background:#F3ECFF}
.bzc-ai-foot{margin:12px 0 0;font-size:12px;color:var(--bzc-muted)}

/* answer */
.bzc-ai-result:empty{display:none}
.bzc-ai-result{margin-top:16px}
.bzc-ai-result.is-in{animation:bzcIn .28s ease-out}
@keyframes bzcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bzc-ai-bubble{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px}
.bzc-ai-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--ai-a),var(--ai-b))}
.bzc-ai-avatar svg{width:18px;height:18px}
.bzc-ai-bubble > div,.bzc-ai-bubble > p{flex:1;min-width:0;margin:0;padding:12px 14px;border-radius:4px 16px 16px 16px;background:#F7F3FF;color:var(--bzc-ink);font-size:14px;line-height:1.9}
html[dir="rtl"] .bzc-ai-bubble > div,html[dir="rtl"] .bzc-ai-bubble > p{border-radius:16px 4px 16px 16px}
.bzc-ai-bubble p{margin:0}
.bzc-ai-bubble.is-error > p{background:#FFF1F2;color:#9F1239}
.bzc-ai-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.bzc-ai-tags span{padding:3px 9px;border-radius:999px;background:#fff;border:1px solid #E4D9FB;color:#5B34C4;font-size:11.5px;font-weight:800}
.bzc-ai-note{margin-top:6px!important;font-size:12.5px;color:#B45309}
.bzc-dots{display:inline-flex;gap:3px;margin-inline-start:6px;vertical-align:middle}
.bzc-dots i{width:5px;height:5px;border-radius:50%;background:var(--ai-b);animation:bzcDot 1s infinite ease-in-out}
.bzc-dots i:nth-child(2){animation-delay:.15s}.bzc-dots i:nth-child(3){animation-delay:.3s}
@keyframes bzcDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.bzc-ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bzc-ai-card{display:flex;flex-direction:column;border:1px solid var(--bzc-line);border-radius:16px;background:#fff;overflow:hidden;min-width:0;animation:bzcIn .3s ease-out both;animation-delay:calc(var(--i,0) * 70ms)}
.bzc-ai-card:first-child{border-color:#F4A6D9;box-shadow:0 10px 26px rgba(255,0,163,.10)}
.bzc-ai-img{position:relative;display:block;aspect-ratio:4/3;background:var(--bzc-bg)}
.bzc-ai-img img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;padding:8px;box-sizing:border-box;margin:0!important}
.bzc-ai-info{display:flex;flex-direction:column;gap:6px;flex:1;padding:10px 12px 12px}
.bzc-ai-rank{align-self:flex-start;font-size:11px;font-weight:900;padding:3px 8px;border-radius:7px;background:#F3ECFF;color:#5B34C4}
.bzc-ai-card:first-child .bzc-ai-rank{background:linear-gradient(135deg,var(--ai-a),var(--ai-b));color:#fff}
.bzc-ai-info h3{margin:0!important;font-size:13.5px!important;font-weight:800!important;line-height:1.7!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bzc-ai-info h3 a{color:var(--bzc-ink)!important;text-decoration:none!important}
.bzc-ai-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.bzc-ai-price del{width:100%;font-size:12px;color:#7A7F90}
.bzc-ai-price b{font-size:16px;font-weight:900;color:var(--bzc-pink-dark)}
.bzc-ai-price small{font-size:11px;color:var(--bzc-muted);font-weight:700}
.bzc-ai-pct{font-size:11px;font-weight:900;color:#fff;background:var(--bzc-pink);padding:2px 6px;border-radius:6px}
.bzc-ai-why{display:grid;gap:4px;margin:2px 0 0;padding:0;list-style:none}
.bzc-ai-why li{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.7;color:#3F4456}
.bzc-ai-why svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;color:#16A34A}
.bzc-ai-actions{display:flex;gap:6px;margin-top:auto;padding-top:6px}
.bzc-ai-card .bzc-ai-add{flex:1;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0!important;padding:0 10px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,var(--bzc-pink),var(--bzc-pink-dark))!important;color:#fff!important;font:inherit!important;font-size:12.5px!important;font-weight:800!important;text-decoration:none!important;line-height:1.2!important;white-space:nowrap}
.bzc-ai-card .bzc-ai-add svg{width:16px;height:16px}
.bzc-ai-card .bzc-ai-add.is-done{background:var(--bzc-green)!important}
.bzc-ai-card .bzc-ai-add-outline{background:#fff!important;color:var(--bzc-pink-dark)!important;border:1.5px solid var(--bzc-pink)!important}
.bzc-ai-card .bzc-ai-add::after{display:none!important}
.bzc-ai-card .added_to_cart{display:none!important}
.bzc-ai-view{display:inline-flex;align-items:center;gap:2px;min-height:40px;padding:0 10px;border-radius:11px;background:var(--bzc-bg);color:var(--bzc-ink)!important;font-size:12.5px;font-weight:800;text-decoration:none!important}
.bzc-ai-view svg{width:16px;height:16px}
.bzc-ai-card.is-skel{gap:8px;padding-bottom:12px}
.bzc-ai-card.is-skel .bzc-ai-img,.bzc-skel-line{background:linear-gradient(90deg,#F1F2F7 25%,#E7E9F1 45%,#F1F2F7 65%);background-size:300% 100%;animation:bzcShim 1.1s linear infinite}
.bzc-skel-line{display:block;height:11px;border-radius:6px;margin:0 12px}
.bzc-skel-line.w70{width:70%}.bzc-skel-line.w40{width:40%}.bzc-skel-line.w90{width:85%}
@keyframes bzcShim{from{background-position:100% 0}to{background-position:0 0}}

.bzc-ai-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bzc-ai-all,.bzc-ai-compare{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;font:inherit;font-size:13px;font-weight:800;text-decoration:none!important;cursor:pointer}
.bzc-ai-all{background:var(--bzc-ink);color:#fff!important}
.bzc-ai-compare{border:1.5px solid #D9C6F7;background:#fff;color:#5B34C4}
.bzc-ai-compare:hover{background:#FBF8FF}
.bzc-ai-all svg,.bzc-ai-compare svg{width:16px;height:16px}
.bzc-ai-follows{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.bzc-ai-follow{min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--bzc-line);background:#fff;color:var(--bzc-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.bzc-ai-follow:hover{border-color:#C4B0F5;color:#5B34C4}

@media (max-width:900px){
  .bzc-ai-step{flex-direction:column;align-items:stretch;gap:6px}
  .bzc-ai-step-label{flex:none}
  .bzc-ai-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;margin-inline:-2px}
  .bzc-ai-chips::-webkit-scrollbar{display:none}
  .bzc-ai-chip{flex:0 0 auto;min-height:40px}
  .bzc-ai-cards{grid-template-columns:1fr}
  .bzc-ai-card{flex-direction:row}
  .bzc-ai-img{flex:0 0 118px;aspect-ratio:auto;min-height:118px}
}
@media (max-width:600px){
  .bzc-ai-head{padding:14px 14px 4px;gap:10px}
  .bzc-ai-mark{flex-basis:40px;width:40px;height:40px}
  .bzc-ai-titles h2{font-size:15px!important}
  .bzc-ai-titles p{font-size:12.5px}
  .bzc-ai-body{padding:4px 14px 14px}
  .bzc-ai-send span{display:none}
  .bzc-ai-send{padding:0 14px}
  .bzc-ai-prompts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .bzc-ai-prompt{flex:0 0 auto;min-height:40px}
  .bzc-ai-img{flex-basis:100px;min-height:100px}
  .bzc-ai-info{padding:10px}
  .bzc-ai-actions{flex-direction:column}
  .bzc-ai-view{justify-content:center}
  .bzc-ai-more > *{flex:1;justify-content:center}
  .bzc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bzc-hero-desc{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .bzc-ai-result.is-in,.bzc-ai-card,.bzc-dots i,.bzc-skel-line,.bzc-ai-card.is-skel .bzc-ai-img{animation:none!important}
}
.woocommerce ul.products li.product .bzc-card .bzc-add.is-disabled,.bzc-card .bzc-add.is-disabled{background:#ECEEF4!important;color:#9A9FB0!important;box-shadow:none!important;border:0!important;cursor:not-allowed}
.woocommerce ul.products li.product .bzc-card .bzc-add.is-done{background:var(--bzc-green)!important;box-shadow:none!important}
@media (min-width:901px){.bzc-ai-img{aspect-ratio:auto;height:180px}}
/* horizontally scrolling chip rows must never widen the page (theme wrappers are grid items) */
.bzc-on .shop-layout > *,.bzc-on .woocommerce-shell,.bzc-ai,.bzc-hero,.bzc-layout,.bzc-main{min-width:0;max-width:100%}
.bzc-ai-steps{grid-template-columns:minmax(0,1fr)}
.bzc-ai-step,.bzc-ai-body,.bzc-ai-result{min-width:0}
