/* Product card designs from Admin → Storefront → Product cards (scoped under .bqpc). */
.bqpc .product,.bqpc .product button,.bqpc .product a{font-family:inherit}
.bqpc .product button{cursor:pointer}.bqpc .product a{color:inherit;text-decoration:none}
.bqpc{--green:#168044;--dark:#0d6035;--light:#eaf6ee;--ink:#17241c;--sub:#68756d;--line:#e3e9e4;--page:#f6f8f6}
.bqpc .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bqpc .product{min-width:0;background:#fff;overflow:hidden;position:relative}
.bqpc .product.round{border:1px solid var(--line);border-radius:12px}
.bqpc .product.clean{background:transparent}
.bqpc .product.softcard{border:1px solid #dceadd;border-radius:12px}
.bqpc .media{position:relative;aspect-ratio:4/5;background:#e8ece8;overflow:hidden}
.bqpc .clean .media{border-radius:10px}
.bqpc .media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.bqpc .media a:hover img{transform:scale(1.035)}
.bqpc .badge{position:absolute;left:9px;top:9px;background:#fff;color:var(--dark);font-weight:700;font-size:10px;padding:5px 7px;border-radius:4px}
.bqpc .heart{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;color:#263a2d;background:#fff}
.bqpc .heart.transparent{background:transparent;color:#ffffff;filter:none;text-shadow:none}
.bqpc .heart.transparent svg{stroke-width:2.1;filter:none}
.bqpc .heart.liked{color:#e54b65}
.bqpc .heart svg,.bqpc .action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bqpc .heart.liked svg{fill:currentColor}
.bqpc .content{padding:12px}
.bqpc .clean .content{padding:11px 0}
.bqpc .brand{font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:.06em}
.bqpc .name{font-size:14px;font-weight:600;letter-spacing:-.35px;line-height:1.35;margin:5px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bqpc .prices{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.bqpc .prices strong{font-size:17px;letter-spacing:-.55px}
.bqpc .prices del{font-size:12px;color:#929b94}
.bqpc .rating{font-size:11px;color:var(--sub);margin:7px 0 10px}
.bqpc .rating b{color:#d19b27}
.bqpc .action{width:100%;min-height:39px;border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 9px;font-size:12px;font-weight:700;transition:background .15s}
.bqpc .action:hover{background:var(--dark)}
.bqpc .action.outline{background:transparent;color:var(--dark)}
.bqpc .action.outline:hover{background:var(--light)}
.bqpc .action.pale{background:var(--light);border-color:var(--light);color:var(--dark)}
.bqpc .action.pale:hover{background:#d9efdf}
.bqpc .action.dark{background:var(--dark);border-color:var(--dark)}
.bqpc .action.square{width:40px;min-width:40px;padding:0}
.bqpc .action svg{width:16px;height:16px}
.bqpc .v2 .content{padding:11px 0}
.bqpc .v3 .buyrow{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px}
.bqpc .v3 .buyrow .action{width:40px}
.bqpc .v3 .rating{margin-bottom:0}
.bqpc .v4 .footer{border:0;background:transparent;padding:0 12px 12px}
.bqpc .v4 .content{padding-bottom:10px}
.bqpc .v5 .footer{background:#eff7f1;padding:10px 12px}
.bqpc .v5 .content{padding-bottom:10px}
.bqpc .v6 .buyrow{display:flex;align-items:center;gap:7px;margin-top:10px}
.bqpc .v6 .buyrow .action{flex:1;min-width:0}
.bqpc .v6 .content{padding:12px}
@media(max-width:850px){.bqpc .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:520px){.bqpc .grid{gap:9px}.bqpc .content,.bqpc .v6 .content{padding:9px}.bqpc .clean .content,.bqpc .v2 .content{padding:9px 0}.bqpc .name{font-size:12px;margin:4px 0 6px}.bqpc .brand{font-size:9px}.bqpc .prices strong{font-size:15px}.bqpc .prices del{font-size:10px}.bqpc .rating{font-size:10px;margin:6px 0 8px}.bqpc .action{min-height:35px;font-size:10px;padding:7px 5px;gap:4px}.bqpc .action svg{width:14px;height:14px}.bqpc .action.square,.bqpc .v3 .buyrow .action{width:35px;min-width:35px}.bqpc .heart{width:28px;height:28px;top:7px;right:7px}.bqpc .heart svg{width:16px;height:16px}.bqpc .badge{font-size:9px;padding:4px 6px;top:7px;left:7px}.bqpc .v4 .footer{padding:0 9px 9px}.bqpc .v5 .footer{padding:8px}.bqpc .v3 .buyrow{margin-top:8px}.bqpc .v6 .buyrow{margin-top:8px}}
.bqpc .grid{align-items:stretch}
.bqpc .product{display:flex;flex-direction:column;height:100%}
.bqpc .product .media{flex:none;width:100%}
.bqpc .product .content{display:flex;flex-direction:column;flex:1;min-width:0}
.bqpc .product .name{min-height:2.7em;max-height:2.7em;line-height:1.35}
.bqpc .product .prices{min-height:24px;align-content:center}
.bqpc .product .rating{margin-top:7px;margin-bottom:12px}
.bqpc .product .action{margin-top:auto;flex-shrink:0}
.bqpc .product .content>.action{margin-top:auto}
.bqpc .product .media a{display:block;width:100%;height:100%}
.bqpc .product .media img{height:100%}
.bqpc .product .brand{min-height:14px}
@media(max-width:520px){.bqpc .grid{gap:10px}.bqpc .product .name{min-height:2.7em;max-height:2.7em}.bqpc .product .content{padding:10px}.bqpc .product .prices{min-height:36px;align-items:baseline;align-content:start;gap:3px 6px}.bqpc .product .rating{margin-top:5px;margin-bottom:10px;min-height:15px}.bqpc .product .action{min-height:37px;padding:7px 3px;white-space:nowrap}.bqpc .product .action span{font-size:10px}.bqpc .product .action svg{flex-shrink:0}.bqpc .product .brand{min-height:12px}}
.bqpc .product{height:auto;display:flex;flex-direction:column}
.bqpc .product .content{flex:1;display:flex;flex-direction:column;padding:11px 12px 12px}
.bqpc .product .brand{min-height:0}
.bqpc .product .name{min-height:0;max-height:none;line-height:1.35;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bqpc .product .prices{min-height:0;align-content:normal;gap:6px}
.bqpc .product .rating{min-height:0;margin:5px 0 9px}
.bqpc .product .action{margin-top:auto;min-height:37px}
.bqpc .product .content>.action{margin-top:auto}
.bqpc .product .media{aspect-ratio:4/5}
.bqpc .v2 .content{padding:11px 12px 12px}
.bqpc .v2 .action.outline{border:1px solid var(--green);border-radius:7px;background:white}
@media(max-width:520px){.bqpc .grid{gap:9px}.bqpc .product .content,.bqpc .v2 .content{padding:8px 8px 9px}.bqpc .product .brand{font-size:9px;min-height:0}.bqpc .product .name{font-size:12px;min-height:0;max-height:none;margin:3px 0 5px}.bqpc .product .prices{min-height:0;gap:3px 5px}.bqpc .product .rating{min-height:0;margin:4px 0 7px}.bqpc .product .action{min-height:34px;padding:6px 4px}.bqpc .product .action span{font-size:10px}}
/* keep the card badge independent of the storefront hero badge */
.bqpc .badge{right:auto;bottom:auto;width:auto;height:auto;display:block;place-items:initial;border-radius:4px;box-shadow:none;text-align:left;line-height:1.2;color:var(--dark);font-size:10px}
.bqpc .grid .product{height:100%}

/* v1.3: badges, title lines, price + rating on one row, 3D star */
.bqpc .bdgs{position:absolute;left:9px;top:9px;display:grid;gap:5px;justify-items:start;z-index:1}
.bqpc .bdgs .badge{position:static!important}
.bqpc .badge.b-best,.bqpc .badge.b-trending{background:#fff4e5;color:#b45309}
.bqpc .badge.b-new,.bqpc .badge.b-limited{background:#eaf2ff;color:#1d4ed8}
.bqpc .badge.b-festival{background:#ffeaf3;color:#be185d}
.bqpc .badge.b-popular{background:#f1ecff;color:#6d28d9}
.bqpc .product .name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;min-height:2.7em;max-height:none}
.bqpc.l1 .product .name{-webkit-line-clamp:1;min-height:1.35em;white-space:normal}
.bqpc.l3 .product .name{-webkit-line-clamp:3;min-height:4.05em}
.bqpc .prow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 10px;min-height:26px}
.bqpc .prow .prices{min-height:0!important;margin:0!important}
.bqpc .prow .rating{display:inline-flex;align-items:center;gap:3px;margin:0!important;font-size:12.5px;white-space:nowrap;flex:none}
.bqpc .prow .rating b{font-weight:700;color:#1f2937}
.bqpc .prow .rating small{color:#6b7280;font-size:11.5px}
.st3{width:15px;height:15px;display:block;filter:drop-shadow(0 1px .6px rgba(180,100,0,.45))}
@media(max-width:520px){.bqpc .prow{flex-wrap:wrap;row-gap:2px}}
/* Fix 4: image shape from admin, badges like the product page, tighter title spacing */
.bqpc .product .media{aspect-ratio:var(--pc-ar,4/5);background:var(--pc-bg,#e8ece8)}
.bqpc .product .media>a{display:block;height:var(--pc-h,100%)}
.bqpc .product .media img{height:var(--pc-h,100%);object-fit:var(--pc-fit,cover)}
.bqpc .product{display:flex;flex-direction:column}
.bqpc .product .content{display:flex;flex-direction:column;flex:1 1 auto}
.bqpc .product .content>.action,.bqpc .product .content>button.action{margin-top:auto}
.bqpc .product .name,.bqpc.l1 .product .name,.bqpc.l3 .product .name{min-height:0!important;margin:3px 0 2px!important}
.bqpc .prow{margin:2px 0 10px!important;min-height:24px}
.bqpc .bdgs{left:8px;top:8px;gap:5px}
.bqpc .bdgs .badge{display:inline-flex!important;align-items:center;gap:4px;padding:4px 9px 4px 6px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap;background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid #e5e7eb;color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.12)}
.bqpc .bdgs .badge svg{width:13px;height:13px;flex:none;stroke:none;filter:drop-shadow(0 1px .5px rgba(0,0,0,.25))}
.bqpc .bdgs .badge:not([class*=" b-"]){padding:4px 9px!important;background:linear-gradient(180deg,#fff1f1,#ffe1e1);border-color:#fecaca;color:#b91c1c}
.bqpc .badge.b-best,.bqpc .badge.b-trending{background:linear-gradient(180deg,#fff7ea,#ffe8c7)!important;border-color:#fbd59b!important;color:#b45309!important}
.bqpc .badge.b-best svg,.bqpc .badge.b-trending svg{fill:#f97316}
.bqpc .badge.b-new,.bqpc .badge.b-limited{background:linear-gradient(180deg,#eef6ff,#dbeafe)!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.bqpc .badge.b-new svg,.bqpc .badge.b-limited svg{fill:#3b82f6}
.bqpc .badge.b-festival{background:linear-gradient(180deg,#fff1f6,#ffe0ec)!important;border-color:#fbc4d8!important;color:#be185d!important}
.bqpc .badge.b-festival svg{fill:#ec4899}
.bqpc .badge.b-popular{background:linear-gradient(180deg,#f3f0ff,#e9e3ff)!important;border-color:#d6ccff!important;color:#6d28d9!important}
.bqpc .badge.b-popular svg{fill:#8b5cf6}
@media(max-width:520px){.bqpc .bdgs .badge{font-size:9.5px!important;padding:3px 7px 3px 5px!important}.bqpc .bdgs .badge svg{width:11px;height:11px}.bqpc .prow{margin:2px 0 8px!important}}

/* Fix 11: product button batches (Branding → Buttons). One class on each card: .bqb-<name>. */
.product.bqb-icon-swap .action{display:flex!important;--bqb-bg:#fff;align-items:center;justify-content:center;gap:7px!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:auto;padding:0 8px!important;border:1px solid var(--green)!important;border-radius:8px!important;background:#fff!important;color:var(--green)!important;font-family:inherit;font-size:14px!important;font-weight:600!important;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s,transform .15s}.product.bqb-icon-swap .action span{font-size:inherit!important}.product.bqb-icon-swap .action svg{width:21px!important;height:21px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product.bqb-icon-swap .action:hover:not([disabled]){background:var(--green)!important;--bqb-bg:var(--green);border-color:var(--green)!important;color:#fff!important}.product.bqb-icon-swap .action:active:not([disabled]){transform:scale(.98)}.product.bqb-icon-swap .action[disabled]{opacity:.55;cursor:default}.product.bqb-icon-swap .action:focus-visible{outline:2px solid var(--ink,#14201a);outline-offset:2px}.product.bqb-icon-swap .heart{top:6px;right:6px;width:32px;height:32px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;color:var(--ink,#14201a)!important;transition:color .2s,transform .15s}.product.bqb-icon-swap .heart svg{width:20px!important;height:20px!important;stroke-width:1.7;fill:none}.product.bqb-icon-swap .heart:hover{transform:scale(1.06)}.product.bqb-icon-swap .heart.liked{color:#e34b64!important}.product.bqb-icon-swap .heart.liked svg{fill:currentColor}@media(max-width:600px){.product.bqb-icon-swap .action{height:42px!important;min-height:42px!important;padding:0 5px!important;gap:5px!important;font-size:12.5px!important}.product.bqb-icon-swap .action svg{width:19px!important;height:19px!important}.product.bqb-icon-swap .heart{top:5px;right:5px;width:30px;height:30px}.product.bqb-icon-swap .heart svg{width:18px!important;height:18px!important}}@media(max-width:350px){.product.bqb-icon-swap .action{font-size:11.5px!important;gap:4px!important;padding:0 3px!important}.product.bqb-icon-swap .action svg{width:16px!important;height:16px!important}}
.product.bqb-solid .action{display:flex!important;--bqb-bg:var(--green);align-items:center;justify-content:center;gap:7px!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:auto;padding:0 8px!important;border:1px solid var(--green)!important;border-radius:8px!important;background:var(--green)!important;color:#fff!important;font-family:inherit;font-size:14px!important;font-weight:600!important;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s,transform .15s}.product.bqb-solid .action span{font-size:inherit!important}.product.bqb-solid .action svg{width:21px!important;height:21px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product.bqb-solid .action:hover:not([disabled]){background:var(--dark)!important;--bqb-bg:var(--dark);border-color:var(--dark)!important;color:#fff!important}.product.bqb-solid .action:active:not([disabled]){transform:scale(.98)}.product.bqb-solid .action[disabled]{opacity:.55;cursor:default}.product.bqb-solid .action:focus-visible{outline:2px solid var(--ink,#14201a);outline-offset:2px}.product.bqb-solid .heart{top:6px;right:6px;width:32px;height:32px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;color:var(--green)!important;transition:color .2s,transform .15s}.product.bqb-solid .heart svg{width:20px!important;height:20px!important;stroke-width:1.7;fill:none}.product.bqb-solid .heart:hover{transform:scale(1.06)}.product.bqb-solid .heart.liked{color:var(--green)!important}.product.bqb-solid .heart.liked svg{fill:currentColor}@media(max-width:600px){.product.bqb-solid .action{height:42px!important;min-height:42px!important;padding:0 5px!important;gap:5px!important;font-size:12.5px!important}.product.bqb-solid .action svg{width:19px!important;height:19px!important}.product.bqb-solid .heart{top:5px;right:5px;width:30px;height:30px}.product.bqb-solid .heart svg{width:18px!important;height:18px!important}}@media(max-width:350px){.product.bqb-solid .action{font-size:11.5px!important;gap:4px!important;padding:0 3px!important}.product.bqb-solid .action svg{width:16px!important;height:16px!important}}
.product.bqb-text .action{display:flex!important;--bqb-bg:#fff;align-items:center;justify-content:center;gap:7px!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:auto;padding:0 8px!important;border:1px solid var(--green)!important;border-radius:8px!important;background:#fff!important;color:var(--green)!important;font-family:inherit;font-size:14px!important;font-weight:600!important;line-height:1;letter-spacing:.2px;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s,transform .15s}.product.bqb-text .action span{font-size:inherit!important}.product.bqb-text .action svg{width:21px!important;height:21px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product.bqb-text .action:hover:not([disabled]){background:var(--green)!important;--bqb-bg:var(--green);border-color:var(--green)!important;color:#fff!important}.product.bqb-text .action:active:not([disabled]){transform:scale(.98)}.product.bqb-text .action[disabled]{opacity:.55;cursor:default}.product.bqb-text .action:focus-visible{outline:2px solid var(--ink,#14201a);outline-offset:2px}.product.bqb-text .heart{top:6px;right:6px;width:32px;height:32px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;color:var(--ink,#14201a)!important;transition:color .2s,transform .15s}.product.bqb-text .heart svg{width:20px!important;height:20px!important;stroke-width:1.7;fill:none}.product.bqb-text .heart:hover{transform:scale(1.06)}.product.bqb-text .heart.liked{color:#e34b64!important}.product.bqb-text .heart.liked svg{fill:currentColor}@media(max-width:600px){.product.bqb-text .action{height:42px!important;min-height:42px!important;padding:0 5px!important;gap:5px!important;font-size:12.5px!important}.product.bqb-text .action svg{width:19px!important;height:19px!important}.product.bqb-text .heart{top:5px;right:5px;width:30px;height:30px}.product.bqb-text .heart svg{width:18px!important;height:18px!important}}@media(max-width:350px){.product.bqb-text .action{font-size:11.5px!important;gap:4px!important;padding:0 3px!important}.product.bqb-text .action svg{width:16px!important;height:16px!important}}
.product.bqb-sharp .action{display:flex!important;--bqb-bg:#fff;align-items:center;justify-content:center;gap:7px!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:auto;padding:0 8px!important;border:1px solid var(--ink,#14201a)!important;border-radius:0!important;background:#fff!important;color:var(--ink,#14201a)!important;font-family:inherit;font-size:12.5px!important;font-weight:600!important;line-height:1;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s,transform .15s}.product.bqb-sharp .action span{font-size:inherit!important}.product.bqb-sharp .action svg{width:21px!important;height:21px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product.bqb-sharp .action:hover:not([disabled]){background:var(--ink,#14201a)!important;--bqb-bg:var(--ink,#14201a);border-color:var(--ink,#14201a)!important;color:#fff!important}.product.bqb-sharp .action:active:not([disabled]){transform:scale(.98)}.product.bqb-sharp .action[disabled]{opacity:.55;cursor:default}.product.bqb-sharp .action:focus-visible{outline:2px solid var(--ink,#14201a);outline-offset:2px}.product.bqb-sharp .heart{top:6px;right:6px;width:32px;height:32px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;color:var(--ink,#14201a)!important;transition:color .2s,transform .15s}.product.bqb-sharp .heart svg{width:20px!important;height:20px!important;stroke-width:1.7;fill:none}.product.bqb-sharp .heart:hover{transform:scale(1.06)}.product.bqb-sharp .heart.liked{color:#e34b64!important}.product.bqb-sharp .heart.liked svg{fill:currentColor}@media(max-width:600px){.product.bqb-sharp .action{height:42px!important;min-height:42px!important;padding:0 5px!important;gap:5px!important;font-size:11px!important}.product.bqb-sharp .action svg{width:19px!important;height:19px!important}.product.bqb-sharp .heart{top:5px;right:5px;width:30px;height:30px}.product.bqb-sharp .heart svg{width:18px!important;height:18px!important}}@media(max-width:350px){.product.bqb-sharp .action{font-size:10px!important;gap:4px!important;padding:0 3px!important}.product.bqb-sharp .action svg{width:16px!important;height:16px!important}}
.product.bqb-pill .action{display:flex!important;--bqb-bg:var(--light);align-items:center;justify-content:center;gap:7px!important;width:100%!important;height:44px!important;min-height:44px!important;margin-top:auto;padding:0 8px!important;border:1px solid transparent!important;border-radius:999px!important;background:var(--light)!important;color:var(--green)!important;font-family:inherit;font-size:14px!important;font-weight:600!important;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s,transform .15s}.product.bqb-pill .action span{font-size:inherit!important}.product.bqb-pill .action svg{width:21px!important;height:21px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product.bqb-pill .action:hover:not([disabled]){background:var(--green)!important;--bqb-bg:var(--green);border-color:var(--green)!important;color:#fff!important}.product.bqb-pill .action:active:not([disabled]){transform:scale(.98)}.product.bqb-pill .action[disabled]{opacity:.55;cursor:default}.product.bqb-pill .action:focus-visible{outline:2px solid var(--ink,#14201a);outline-offset:2px}.product.bqb-pill .heart{top:6px;right:6px;width:32px;height:32px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;color:var(--ink,#14201a)!important;transition:color .2s,transform .15s}.product.bqb-pill .heart svg{width:20px!important;height:20px!important;stroke-width:1.7;fill:none}.product.bqb-pill .heart:hover{transform:scale(1.06)}.product.bqb-pill .heart.liked{color:#e34b64!important}.product.bqb-pill .heart.liked svg{fill:currentColor}@media(max-width:600px){.product.bqb-pill .action{height:42px!important;min-height:42px!important;padding:0 5px!important;gap:5px!important;font-size:12.5px!important}.product.bqb-pill .action svg{width:19px!important;height:19px!important}.product.bqb-pill .heart{top:5px;right:5px;width:30px;height:30px}.product.bqb-pill .heart svg{width:18px!important;height:18px!important}}@media(max-width:350px){.product.bqb-pill .action{font-size:11.5px!important;gap:4px!important;padding:0 3px!important}.product.bqb-pill .action svg{width:16px!important;height:16px!important}}
@media (prefers-reduced-motion:reduce){.product[class*=bqb-] .action,.product[class*=bqb-] .heart{transition:none}}
/* Bottom navigation styles from the admin button kit (Branding → Buttons → Navigation). */
.bn.knav{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:72px;background:#fff;border-top:1px solid #e4ebe6;overflow:hidden}
.bn.knav>button,.bn.knav>span:not(.kslider){appearance:none;border:0;background:none;position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;cursor:pointer;color:#33433b;font:500 11px/1.2 var(--kf,'Space Grotesk'),system-ui,sans-serif;transition:color .25s ease}
.bn.knav svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.bn.knav .on{color:var(--k);font-weight:700}
.bn.knav .on svg{transform:translateY(-2px)}
.bn.knav>button:focus-visible{outline:2px solid var(--k);outline-offset:-5px;border-radius:10px}
.bn.knav.minimal .on::after{content:"";position:absolute;bottom:8px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--k)}
.bn.knav .kslider{position:absolute;z-index:1;left:0;top:0;width:20%;height:100%;transform:translateX(calc(var(--ki,0) * 100%));transition:transform .48s cubic-bezier(.22,1,.36,1);pointer-events:none}
.bn.knav .kslider::before{content:"";position:absolute;top:0;left:27%;width:46%;height:3px;background:var(--k);border-radius:0 0 6px 6px}
.bn.knav *{transition:none}
.bn.knav{position:fixed;left:0;right:0;bottom:0;z-index:35;min-height:var(--nav-h,62px);padding-bottom:env(safe-area-inset-bottom,0px)}
.bn.knav>button{background:none;border:0;font-family:var(--font)}
.bn.knav .i{width:23px;height:23px}
.bn.knav .cnt{position:absolute;top:6px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--k);color:#fff;font-size:10px;display:grid;place-items:center}.bn.knav .cnt:empty{display:none}
@media (min-width:1000px){.bn.knav{display:none}}
.bn.knav button.on::before{display:none}.bn.knav button.on{color:var(--k)}.bn.knav{min-height:var(--nav-h,62px)!important}
/* ===== BQ store layout fixes (full width, overlays, checkout, account) ===== */

/* Full width everywhere: no empty bands on the left and right */
.wrap{max-width:none!important;padding-left:clamp(16px,2.6vw,44px)!important;padding-right:clamp(16px,2.6vw,44px)!important}
.bqh .bqh-wrap{max-width:none!important}
@media (min-width:992px){.bqh-d .bqh-wrap{padding-left:clamp(18px,2.6vw,44px);padding-right:clamp(18px,2.6vw,44px)}}
@media (min-width:1400px){.bqpc .grid{grid-template-columns:repeat(5,minmax(0,1fr))}.shop-l .bqpc .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1800px){.bqpc .grid{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-l .bqpc .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Header: readable labels, clean search field (no stray outline next to the mic) */
.bqh-d .bqh-act{font-size:14.5px;font-weight:500}
.bqh-d .bqh-act .bqh-tx small{font-size:11.5px}
.bqh-d .bqh-nav a,.bqh-d .bqh-nav button{font-weight:500}
.bqh .bqh-field .mic{border:0!important;box-shadow:none!important;background:transparent}
.bqh .bqh-field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.bqx-acct{display:grid;gap:2px;padding:4px 4px 8px}
.bqx-acct b{font-size:15px}
.bqx-acct small{color:#6b7280;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.bqx-acct .bqh-btn{display:flex;justify-content:center;width:100%;min-width:180px}

/* Overlays always above the sticky header (mini cart, side menu, filters, toasts) */
.ov{z-index:2147482000!important}
.dr,.mc{z-index:2147482010!important}
.fsh{z-index:2147482020!important}
.toast{z-index:2147482030!important}
#lb.lb{z-index:2147482040!important}
/* header kit uses .lb for category labels — keep the store's lightbox style away from it */
.bqh .lb{position:static!important;inset:auto!important;z-index:auto!important;display:flex;place-items:normal;background:none!important;padding:0!important}
html.bq-modal-open,html.bq-modal-open body{overflow:hidden}

/* Mini cart: slimmer, clearer text */
.mc{width:min(88vw,370px)!important}
.mc .dr-h b{font-size:1.05rem;font-weight:700}
.mc .ci h3{font-size:.93rem;font-weight:600;line-height:1.35}
.mc .ci .row b{font-size:.98rem}
.mc .ci .sz{font-size:.82rem}
.mc-f .ln.t span{font-weight:700;font-size:1.02rem}

/* Side menu (mobile) — categories with sub-categories */
.dr-cat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.dr-b .sub .dr-cat>a{padding:10px 12px 10px 50px;font-weight:500;color:var(--muted)}
.dr-b .sub .dr-cat>a.on{color:var(--ac-d);background:var(--soft)}
.dr-tg{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--muted);border-radius:8px}
.dr-tg .i{width:18px;height:18px;transition:transform .2s}
.dr-tg[aria-expanded=true] .i{transform:rotate(180deg)}
.dr-kids{grid-column:1/-1;display:grid;padding:0 0 4px}
.dr-kids a{padding:8px 12px 8px 66px!important;font-size:.92rem;color:var(--muted)}
.dr-h .logo img{display:block}

/* Footer hidden on shop and checkout */
html.bq-noft footer.ft,html.bq-noft footer.bqf,html.bq-noft .bqf,html.bq-noft #bq-ben{display:none!important}
#bq-ben .ben{margin-top:40px}
.ben[data-n="1"] .ben-g{grid-template-columns:1fr}
@media (min-width:768px){.ben[data-n="2"] .ben-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ben[data-n="3"] .ben-g{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Filters: radio/checkbox ticks follow the theme colour; mobile sheet slides in from the left */
.fo input:checked+.fo-d{border-color:var(--ac)!important;background:var(--ac)!important;box-shadow:inset 0 0 0 3px #fff!important}
.fo input:checked+.fo-d.sq{box-shadow:none!important}
.fo input:checked~.fo-t{font-weight:600;color:var(--ink)}
.fsh-p{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(86vw,360px);max-height:none!important;height:100%;border-radius:0 18px 18px 0!important;animation:bqSlideL .26s ease!important}
@keyframes bqSlideL{from{transform:translateX(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.fsh-p{animation:none!important}}

/* Cart & checkout: compact summary that stays in view while the left side scrolls */
@media (min-width:992px){
  .cl{grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important;gap:28px!important;align-items:start}
  .cl>.box.sticky{position:sticky;top:calc(var(--hdr-h,0px) + 16px);align-self:start;max-height:calc(100vh - var(--hdr-h,0px) - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
}
.cl>.box.sticky{align-self:start;gap:10px}
.sm-items{display:grid;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.sm-it{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.9rem}
.sm-th{position:relative;width:52px;height:52px;border-radius:10px;border:1px solid var(--line);background:var(--soft);display:block}
.sm-th img,.sm-th svg{width:100%;height:100%;object-fit:contain;display:block;border-radius:9px}
.sm-th em{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ink);color:#fff;font:600 11px/20px system-ui,sans-serif;font-style:normal;text-align:center}
.sm-n{min-width:0;font-weight:500;line-height:1.3}
.sm-n small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}
.sm-it>b{font-size:.92rem;white-space:nowrap}

/* "FREE" delivery badge — 3D with a moving shine, in the store's primary colour */
.free3d{position:relative;display:inline-block;overflow:hidden;padding:3px 11px;border-radius:999px;font-weight:800;font-size:.72rem;letter-spacing:.09em;line-height:1.5;color:var(--on,#fff);
  background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 62%,#fff) 0%,var(--ac) 48%,var(--ac-d) 100%);
  box-shadow:0 2px 0 var(--ac-d),0 5px 12px -3px color-mix(in srgb,var(--ac) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.55);
  text-shadow:0 1px 0 rgba(0,0,0,.2);vertical-align:middle}
.free3d::after{content:"";position:absolute;top:-2px;bottom:-2px;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);animation:bqShine 2.8s ease-in-out infinite}
@keyframes bqShine{0%{left:-70%}55%,100%{left:135%}}
@media (prefers-reduced-motion:reduce){.free3d::after{animation:none;display:none}}

/* Order complete */
.ok-w{max-width:640px!important}
.ok-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.ok-btns .btn{width:100%;white-space:nowrap;min-height:48px}
@media (max-width:420px){.ok-btns{grid-template-columns:1fr}}

/* My account */
.au-p{margin:0;color:var(--muted);font-size:.92rem}
.au-m{display:block;color:var(--muted);text-align:center;font-size:.85rem}
.au-fp,.au-back{justify-self:center;font-size:.9rem}
.acx{display:grid;gap:20px;padding-block:6px 10px}
@media (min-width:900px){.acx{grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.acx-side{position:sticky;top:calc(var(--hdr-h,0px) + 16px)}}
.acx-side{display:grid;gap:10px;align-content:start}
.acx-me{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.acx-me .av{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--soft-2);color:var(--ac-d);font-weight:700;font-size:1.1rem;flex:none}
.acx-me b{display:block}
.acx-me small{display:block;color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.acx-nav{display:grid;gap:6px}
.acx-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font:inherit;font-weight:500;text-align:left;color:var(--ink);cursor:pointer}
.acx-nav button .i{width:19px;height:19px;color:var(--muted)}
.acx-nav button span{flex:1}
.acx-nav button em{font-style:normal;font-size:.78rem;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--soft-2);color:var(--ac-d);text-align:center}
.acx-nav button.on{background:var(--ac);border-color:var(--ac);color:var(--on)}
.acx-nav button.on .i{color:currentColor}
.acx-nav button.on em{background:rgba(255,255,255,.25);color:inherit}
.acx-nav .acx-out{color:#b42318}
.acx-nav .acx-out .i{color:#b42318}
@media (max-width:899px){.acx-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.acx-nav .acx-out{grid-column:1/-1}}
.acx-main{display:grid;gap:14px;align-content:start;min-width:0}
.acx-h{margin:0;font-size:1.35rem;letter-spacing:-.02em}
.acx-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.acx-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.acx-2{display:grid;gap:16px}
@media (min-width:1100px){.acx-2{grid-template-columns:1fr 1fr;align-items:start}}
.acx-empty{display:grid;justify-items:center;gap:8px;padding:36px 16px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--muted)}
.acx-empty .i{width:34px;height:34px;color:var(--ac-d)}
.acx-empty h3{margin:0;color:var(--ink)}
.acx-empty p{margin:0}
.oc{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.oc-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--soft)}
.oc-h small{display:block;color:var(--muted);font-size:.82rem}
.oc-st{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}
.oc-st.ok{background:#e4f6ec;color:#127a3e}
.oc-st.info{background:#e6efff;color:#1d4fb8}
.oc-st.warn{background:#fff3d6;color:#8a5a00}
.oc-st.bad{background:#fde7e7;color:#b42318}
.oc-st.mute{background:#eef0f2;color:#4b5563}
.oc-items{display:grid}
.oc-it{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);cursor:pointer}
.oc-th{width:60px;height:60px;border-radius:10px;border:1px solid var(--line);background:var(--soft);overflow:hidden;display:block}
.oc-th img,.oc-th svg{width:100%;height:100%;object-fit:contain;display:block}
.oc-n{min-width:0;font-weight:500;line-height:1.35}
.oc-n small{display:block;color:var(--muted);font-weight:400}
.oc-f{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.oc-f b{color:var(--ink);font-size:.98rem}
.ad-g{display:grid;gap:12px}
@media (min-width:700px){.ad-g{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
.ad{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.ad.def{border-color:var(--ac)}
.ad-t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ad p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.link.bad{color:#b42318}
.acx-form .g2{margin-bottom:6px}

/* ===== v1.3 ===== */
.hl{color:var(--hl,var(--ac-d));font-weight:700}
#bq-ben{display:none!important}

/* Header: wider search on big screens, less empty space, solid labels */
@media (min-width:1280px){
  .bqh-d .main .bqh-wrap{gap:clamp(20px,2vw,36px)!important}
  .bqh-d .main .bqh-search{flex:1 1 auto!important;max-width:none!important;width:auto!important}
}
.bqh-d .bqh-act .bqh-tx{font-weight:600}
.bqh-d .navrow .aside{color:var(--bqh-ink,#172337);font-weight:600;opacity:1}

/* Header button (call / WhatsApp / bulk order) */
.bqh .bqx-cta,.bqx-cta{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--ac) 35%,transparent);background:color-mix(in srgb,var(--ac) 9%,#fff);color:var(--ink,#172337);font:600 14px/1.2 inherit;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}
.bqx-cta:hover{border-color:var(--ac);color:var(--ac-d)}
.bqx-ci{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:var(--on,#fff);flex:none}
.bqx-ci svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bqx-cta.t-whatsapp .bqx-ci{background:#25d366;color:#fff}
.bqx-cta.t-whatsapp{border-color:#a7e9c0;background:#effcf4}
.a-ring .bqx-ci svg{animation:bqRing 2.6s ease-in-out infinite;transform-origin:50% 50%}
@keyframes bqRing{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(-16deg)}70%{transform:rotate(14deg)}74%{transform:rotate(-12deg)}78%{transform:rotate(10deg)}82%{transform:rotate(-6deg)}86%{transform:rotate(0)}}
.a-shake{animation:bqShake 3.2s ease-in-out infinite}
@keyframes bqShake{0%,80%,100%{transform:translateX(0)}83%{transform:translateX(-3px) rotate(-1deg)}86%{transform:translateX(3px) rotate(1deg)}89%{transform:translateX(-2px)}92%{transform:translateX(2px)}95%{transform:translateX(0)}}
.a-shine::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:bqShine 3s ease-in-out infinite;pointer-events:none}
.a-pulse .bqx-ci{animation:bqPulse 2s ease-out infinite}
@keyframes bqPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ac) 55%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.t-whatsapp.a-pulse .bqx-ci{animation-name:bqPulseW}
@keyframes bqPulseW{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.bqx-cta,.bqx-cta *,.bqx-cta::after{animation:none!important}}

/* Bulk order form */
.bqx-modal{position:fixed;inset:0;z-index:2147482050;display:grid;place-items:center;padding:16px}
.bqx-mb{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.bqx-mp{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.bqx-mh{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.bqx-mh>div{flex:1;min-width:0}
.bqx-mh b{display:block;font-size:1.1rem}
.bqx-mh small{color:var(--muted)}
.bqx-mf{display:grid;gap:12px}
.bqx-mf textarea{min-height:84px}
.bqx-done{display:grid;justify-items:center;gap:10px;text-align:center;padding:20px 6px}
.bqx-done p{margin:0;color:var(--muted)}

/* Categories button (desktop header) */
.bqx-cats{position:relative;list-style:none}
.bqh .bqx-cbtn,.bqx-cbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:0;background:var(--ac);color:var(--on,#fff);font:600 14.5px/1 inherit;cursor:pointer}
.bqx-cbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.bqh .bqx-cbtn:hover,.bqh .bqx-cbtn[aria-expanded=true]{background:var(--ac-d);color:var(--on,#fff)}
.bqh .navrow .bqx-cta{margin-left:auto}
.bqx-cmenu{position:absolute;left:0;top:calc(100% + 10px);z-index:1200;width:min(860px,calc(100vw - 48px));background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:16px;box-shadow:0 24px 50px -20px rgba(15,23,42,.35);padding:18px}
.bqx-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 20px}
.bqx-cg{display:grid;gap:4px;align-content:start}
.bqx-cg a{color:var(--muted);font-size:14px;padding:3px 0}
.bqx-cg a:hover{color:var(--ac-d)}
.bqx-cg .bqx-cp{display:flex;align-items:center;gap:10px;color:var(--ink,#172337);padding:4px 0 6px}
.bqx-cp img,.bqx-cdot{width:34px;height:34px;border-radius:10px;object-fit:cover;background:var(--soft);flex:none}
.bqx-call{display:inline-block;margin-top:14px;font-weight:600;color:var(--ac-d)}

/* Footer: top line, map, social, BQ badge shine */
.ft-map{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);aspect-ratio:16/10;max-width:360px;background:rgba(255,255,255,.04)}
.ft-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.2)}
.ft-addr{margin:10px 0 0;font-size:.88rem;color:#9fb3a6;max-width:360px}
.ft .ft-all{color:#fff!important;font-weight:600}
.ft .pw,.ft-pow{position:relative;overflow:hidden;isolation:isolate}
.ft .pw::after,.ft-pow::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:bqShine 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}
@media (prefers-reduced-motion:reduce){.ft .pw::after,.ft-pow::after{animation:none;display:none}}

/* Mobile "View all" buttons in the primary colour */
.va-btn{background:var(--ac)!important;border-color:var(--ac)!important;color:var(--on,#fff)!important}
.va-btn:hover{background:var(--ac-d)!important;border-color:var(--ac-d)!important}

/* Category tiles shape (Admin → Product cards) */
.shape-square .cat .im{border-radius:14px!important;aspect-ratio:1/1}
.shape-rect .cat .im{border-radius:14px!important;aspect-ratio:4/3}
.shape-portrait .cat .im{border-radius:14px!important;aspect-ratio:3/4}
.shape-round .cat .im{border-radius:50%!important;aspect-ratio:1/1}

/* Free-delivery progress: truck, yellow until reached, then green with a tick */
.fsb2{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#fffaf0;border:1px solid #fde7b0}
.fsb2.done{background:#effaf3;border-color:#bfe9cf}
.fsb2-t{display:flex;align-items:center;gap:8px;font-size:.92rem;line-height:1.35}
.fsb2-row{display:flex;align-items:center;gap:10px}
.fsb2-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(160deg,#ffcf4d,#f59e0b);box-shadow:0 3px 8px -3px rgba(217,119,6,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.fsb2.done .fsb2-ic{background:linear-gradient(160deg,#4ade80,#16a34a);box-shadow:0 3px 8px -3px rgba(22,163,74,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.fsb2-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fsb2-track{flex:1;height:9px;border-radius:999px;background:rgba(0,0,0,.07);overflow:hidden}
.fsb2-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fbbf24,#f59e0b);position:relative;overflow:hidden;transition:width .4s ease}
.fsb2.done .fsb2-track i{background:linear-gradient(90deg,#22c55e,#16a34a)}
.fsb2-track i::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:bqBar 1.8s linear infinite}
@keyframes bqBar{to{left:110%}}
.tick3d{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#6ee7a0,#16a34a 70%);box-shadow:0 2px 0 #0f7a37,0 3px 8px -2px rgba(22,163,74,.55),inset 0 1px 0 rgba(255,255,255,.55)}
.tick3d svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.tick3d::after{content:"";position:absolute;top:-4px;bottom:-4px;left:-80%;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);animation:bqShine 2.6s ease-in-out infinite}
.bqx-done .tick3d{width:52px;height:52px}.bqx-done .tick3d svg{width:28px;height:28px}
@media (prefers-reduced-motion:reduce){.fsb2-track i::after,.tick3d::after{animation:none;display:none}}

/* FREE badge: subtle */
.free3d{padding:2px 9px!important;font-size:.7rem!important;letter-spacing:.06em!important;box-shadow:0 1px 0 var(--ac-d),inset 0 1px 0 rgba(255,255,255,.35)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 80%,#fff) 0%,var(--ac) 100%)!important;text-shadow:none!important}

/* Checkout: hidden scrollbar, steps, coupon toggle, COD alert */
.cl>.box.sticky{scrollbar-width:none!important}
.cl>.box.sticky::-webkit-scrollbar{display:none}
.stp{list-style:none;display:flex;justify-content:center;align-items:flex-start;gap:0;margin:18px auto 6px;padding:0;max-width:520px;width:100%}
.stp li{flex:1;display:grid;justify-items:center;gap:6px;position:relative;font-size:.86rem;color:var(--muted);font-weight:500}
.stp li::before{content:"";position:absolute;top:17px;right:50%;width:100%;height:3px;border-radius:3px;background:var(--line,#e5e7eb);z-index:0}
.stp li:first-child::before{display:none}
.stp li.done::before,.stp li.on::before{background:var(--ac)}
.stp-c{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#fff;border:2px solid var(--line,#e5e7eb);color:var(--muted)}
.stp-c svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.stp li.done .stp-c{background:var(--ac);border-color:var(--ac);color:var(--on,#fff)}
.stp li.on .stp-c{border-color:var(--ac);color:var(--ac-d);box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 18%,transparent)}
.stp li.on{color:var(--ink);font-weight:700}
.cp-tg{display:flex;align-items:center;gap:8px;width:100%;padding:11px 12px;border:1.5px dashed color-mix(in srgb,var(--ac) 45%,var(--line,#e5e7eb));border-radius:12px;background:color-mix(in srgb,var(--ac) 5%,#fff);font:inherit;font-size:.92rem;color:var(--ink);cursor:pointer}
.cp-tg .i{width:18px;height:18px;color:var(--ac-d)}
.cp-tg span{flex:1;text-align:left}
.cp-tg u{color:var(--ac-d);font-weight:700;text-underline-offset:3px}
.cod-al{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.9rem;line-height:1.45}
.cod-al svg{width:20px;height:20px;flex:none;fill:#fee2e2;stroke:#dc2626;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.cod-al b{color:#7f1d1d}
.cod-al.sm{margin:0;font-size:.85rem}

/* Mini cart buttons */
.mc-f .btn-o{background:#fff;border-color:var(--ac);color:var(--ac-d);transition:background .15s,color .15s}
.mc-f .btn-o:hover{background:var(--ac);color:var(--on,#fff);border-color:var(--ac)}

/* Price range filter */
.prg{display:grid;gap:10px;padding:4px 2px 2px}
.prg-v{display:flex;justify-content:space-between;font-weight:600;font-size:.9rem}
.prg-r{position:relative;height:24px}
.prg-r::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:4px;background:var(--line,#e5e7eb)}
.prg-f{position:absolute;top:10px;height:4px;border-radius:4px;background:var(--ac)}
.prg-r input{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:24px}
.prg-r input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ac);box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}
.prg-r input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ac);cursor:pointer}
.prg-r input::-moz-range-track{background:none}
.fsh-f .btn{white-space:nowrap}

/* My account: orders as records you open */
.oc-list{display:grid;gap:10px}
details.oc{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
details.oc>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--surface)}
details.oc>summary::-webkit-details-marker{display:none}
details.oc[open]>summary{background:var(--soft);border-bottom:1px solid var(--line)}
.oc-mini-w{display:flex}
.oc-mini{width:42px;height:42px;border-radius:10px;border:2px solid #fff;background:var(--soft);overflow:hidden;margin-left:-14px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.oc-mini:first-child{margin-left:0}
.oc-mini img,.oc-mini svg{width:100%;height:100%;object-fit:contain;display:block}
.oc-id{min-width:0}
.oc-id b{display:block}
.oc-id small{color:var(--muted);font-size:.82rem}
.oc-tot{white-space:nowrap}
.oc-chev .i{width:18px;height:18px;transition:transform .2s;color:var(--muted)}
details.oc[open] .oc-chev .i{transform:rotate(180deg)}
.oc-b{display:grid;gap:0}
.oc-sum{display:grid;gap:6px;padding:12px 14px;border-top:1px solid var(--line)}
.oc-sum .ln.t{padding-top:8px;border-top:1px dashed var(--line);font-size:1.02rem}
.oc-sum .ln.d b{color:var(--ok,#15803d)}
.oc-cp{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:6px;background:var(--soft-2);color:var(--ac-d);font-size:.76rem;font-weight:700;letter-spacing:.04em}
.oc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:12px 14px;border-top:1px solid var(--line);font-size:.9rem}
.oc-meta small,.oc-notes>small{display:block;color:var(--muted);font-size:.78rem;margin-bottom:2px}
.oc-notes{display:grid;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#fffdf5}
.oc-notes p{margin:0;font-size:.92rem;line-height:1.5;word-break:break-word}
.oc-notes p a{color:var(--ac-d);text-decoration:underline}
.oc-notes time{display:block;font-size:.76rem;color:var(--muted)}
@media (max-width:640px){
  details.oc>summary{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"img id chev" "img st tot";row-gap:4px}
  .oc-mini-w{grid-area:img}.oc-id{grid-area:id}.oc-chev{grid-area:chev}.oc-st{grid-area:st;justify-self:start}.oc-tot{grid-area:tot}
  .oc-mini:nth-child(n+2){display:none}
}
.trk-page{max-width:720px;margin:0 auto;display:grid;gap:14px;padding-top:6px}
.trk{display:grid;gap:12px}
.trk-r{display:grid;gap:12px;margin-top:4px}
.trk-s{margin:4px auto}
.cpm:empty{display:none}

/* ===== Fix 4 ===== */
/* Search panel (designs with a "Search" button, e.g. d3): full-width field + chips, never squeezed */
.bqh .bqh-sheet[data-sheet=search]{padding:0!important}
.bqh .bqh-sheet[data-sheet=search]>.bqh-wrap{height:auto!important;display:block!important;max-width:880px!important;margin:0 auto;padding:16px clamp(16px,3vw,24px) 18px!important}
.bqh .bqh-sheet[data-sheet=search] .bqh-search{display:block!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;position:relative}
.bqh .bqh-sheet[data-sheet=search] .bqh-field{height:50px!important;border-radius:var(--kr,12px)!important;background:#fff!important;border:1.5px solid var(--bqh-brand,var(--k))!important;box-shadow:0 6px 18px -10px rgba(15,23,42,.35)}
.bqh .bqh-sheet[data-sheet=search] .bqh-field input{font-size:15.5px}
.bqh .bqh-sheet[data-sheet=search] .bqh-suggest{position:static!important;display:block!important;width:auto!important;box-shadow:none!important;border:0!important;padding:14px 2px 0!important;background:none!important}
.bqh .bqh-sheet[data-sheet=search] .bqh-chips{display:flex!important;flex-wrap:wrap;gap:8px}
/* d7 (Flipkart style): search fills the band, buttons on the right */
.bqh-d7 .band .bqh-search{flex:1 1 auto!important;max-width:880px!important}
.bqh-d7 .band .bqh-actions{margin-left:auto}
/* Mobile Classic (m1): search field looks like a real input, not a grey bar */
.bqh-m1 .row2{padding-top:2px}
.bqh-m1 .bqh-field{background:#fff!important;border:1.5px solid color-mix(in srgb,var(--bqh-brand,#16a34a) 30%,#e5e7eb)!important;border-radius:var(--kr,12px)!important;box-shadow:0 4px 14px -8px rgba(15,23,42,.28),inset 0 1px 0 #fff}
.bqh-m1 .bqh-field>svg.i{color:var(--bqh-brand,#16a34a)}
.bqh-m1 .bqh-field:focus-within{border-color:var(--bqh-brand,#16a34a)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bqh-brand,#16a34a) 16%,transparent)}
/* Top strip links on/off (Storefront → Header) */
html.bqx-nosl .bqh-strip .links,html.bqx-nosl .bqh .util .r,html.bqx-nosl .bqh .util .bqh-wrap>a{display:none!important}
/* Header button: compact card with the store's button corners */
.bqh .bqx-cta,.bqx-cta{height:40px;padding:0 14px 0 5px!important;gap:10px;border-radius:var(--kr,10px)!important;border:1px solid var(--line,#e5e7eb)!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 6px 16px -12px rgba(15,23,42,.35);align-self:center;line-height:1}
.bqx-cta:hover{border-color:color-mix(in srgb,var(--ac) 45%,#e5e7eb)!important;box-shadow:0 8px 20px -12px color-mix(in srgb,var(--ac) 60%,transparent)}
.bqx-cta .bqx-ci{width:30px;height:30px;border-radius:calc(var(--kr,10px) * .7);background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 82%,#fff),var(--ac));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px -2px color-mix(in srgb,var(--ac) 70%,transparent)}
.bqx-cta.t-whatsapp{background:#fff!important;border-color:#cdeedb!important}
.bqx-cta.t-whatsapp .bqx-ci{background:linear-gradient(160deg,#4ee083,#1fae55)}
.bqx-ct{display:grid;gap:2px;text-align:left}
.bqx-ct small{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#6b7280)}
.bqx-ct b{font-size:13.5px;font-weight:700;color:var(--ink,#172337)}
.bqh .navrow .bqx-cta{margin:0 0 0 auto}
.bqh .navrow .bqh-wrap{align-items:center}
/* Categories button: same corners as the store's buttons */
.bqh .bqx-cbtn,.bqx-cbtn{border-radius:var(--kr,10px)!important}
/* Free-delivery bar: icon on the left (truck → tick when reached), text + bar on the right */
.fsb2{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px!important;padding:12px 14px!important}
.fsb2-b{display:grid;gap:7px;min-width:0}
.fsb2-t{font-size:.9rem!important}
.fsb2-ic{width:38px!important;height:38px!important;border-radius:12px!important;transition:background .3s}
.fsb2-ic.ok{background:linear-gradient(160deg,#4ade80,#16a34a)!important;animation:bqPop .45s cubic-bezier(.3,1.6,.5,1)}
.fsb2-ic.ok svg{width:20px;height:20px;stroke-width:3}
.fsb2-track{height:8px!important;background:rgba(0,0,0,.06)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
@keyframes bqPop{0%{transform:scale(.6)}100%{transform:scale(1)}}
/* COD alert: raised round icon */
.cod-al{align-items:center!important}
.cod-ic{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 32% 28%,#ff8a8a 0,#ef4444 45%,#b91c1c 100%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -2px 3px rgba(127,29,29,.45),0 3px 8px -3px rgba(185,28,28,.7)}
.cod-ic svg{width:16px!important;height:16px!important;fill:none!important;stroke:#fff!important;stroke-width:2.8!important;stroke-linecap:round;margin:0!important;filter:drop-shadow(0 1px 0 rgba(127,29,29,.5))}
@media (max-width:860px){.cod-al:not(.sm){display:none!important}}
/* Mobile product page: no footer (the sticky buy bar sits at the bottom) */
@media (max-width:860px){html.bq-noft-m footer.ft,html.bq-noft-m footer.bqf,html.bq-noft-m .bqf,html.bq-noft-m #bq-ben{display:none!important}}
/* Hide the new footer where the original one is hidden */
html.bq-noft .bqf2{display:none!important}
@media (max-width:860px){html.bq-noft-m .bqf2{display:none!important}}

/* Quick-delivery header: pincode popup */
.bqx-locp{width:min(440px,100%)}
.bqx-lf{display:flex;gap:10px}
.bqx-lf input{flex:1;min-width:0;height:48px;border:1.5px solid var(--line);border-radius:var(--kr,10px);padding:0 14px;font:500 16px/1 inherit;letter-spacing:.08em}
.bqx-lf input:focus{outline:0;border-color:var(--ac)}
.bqx-lf .btn{height:48px;padding:0 22px;width:auto}
.bqx-lo{margin:10px 2px 0;font-size:14px;min-height:1.3em;color:var(--muted)}
.bqx-lo.ok{color:#15803d;font-weight:600}.bqx-lo.bad{color:#b91c1c;font-weight:600}
.bqh .bqx-loc-no [data-bqx-loc-s]{color:#b91c1c}

/* ===== Footer designs (Storefront → Footer → Footer design) ===== */
.bqf2{--fx-ac:var(--ac,#16a34a);--fx-mut:var(--muted,#5f6368);--fx-line:var(--line,#e5e7eb);background:#fff;color:var(--ink,#172337);font-size:14px;line-height:1.5}
.bqf2 *{box-sizing:border-box}
.bqf2 a{color:inherit;text-decoration:none}
.bqf2 .fx-in{width:100%;padding-inline:clamp(16px,2.6vw,44px)}
.bqf2 .fx-grid{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(0,4fr);gap:40px;padding:52px 0 44px}
.bqf2 .fx-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.bqf2 .fx-h{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bqf2 .fx-acc{display:none}
.bqf2 .fx-body{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--fx-mut);min-width:0}
.bqf2 .fx-body li{min-width:0;overflow-wrap:anywhere}
.bqf2 .fx-body a:hover{color:var(--fx-ac)}
.bqf2 .fx-all{font-weight:600;color:var(--fx-ac)!important}
.bqf2 .fx-brand{display:grid;gap:16px;align-content:start;min-width:0}
.bqf2 .fx-logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--fx-ac);letter-spacing:-.02em;justify-self:start}
.bqf2 .fx-logo img{display:block;max-height:46px;max-width:200px;width:auto}
.bqf2 .fx-mk{width:34px;height:34px;border-radius:9px;background:var(--fx-ac);color:#fff;display:grid;place-items:center;font-size:18px}
.bqf2 .fx-brand p{margin:0;color:var(--fx-mut);line-height:1.6;max-width:280px}
.bqf2 .fx-soc{display:flex;gap:8px;flex-wrap:wrap}
.bqf2 .fx-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--fx-line);color:var(--fx-ac);transition:transform .15s}
.bqf2 .fx-soc a:hover{transform:translateY(-2px)}
.bqf2 .fx-soc .i{width:18px;height:18px}
.bqf2 .fx-mapli{margin-top:4px}
.bqf2 .fx-map{border-radius:12px;overflow:hidden;aspect-ratio:16/10;max-width:300px;border:1px solid var(--fx-line);background:#f6f7f8}
.bqf2 .fx-map iframe{width:100%;height:100%;border:0;display:block}
.bqf2 .fx-bar{border-top:1px solid var(--fx-line)}
.bqf2 .fx-bar .fx-in{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:center;min-height:64px;padding-block:14px;color:var(--fx-mut);font-size:13px}
.bqf2 .fx-pw{font-weight:600;white-space:nowrap}
.bqf2 .fx-pw .bq{color:var(--ink,#172337)}.bqf2 .fx-pw .wa{color:#22a722}
/* f2 soft tint card */
.bqf2.fs-f2{background:color-mix(in srgb,var(--fx-ac) 8%,#fff);border-top:1px solid color-mix(in srgb,var(--fx-ac) 22%,#fff)}
.bqf2.fs-f2 .fx-card{margin:36px clamp(16px,2.6vw,44px);background:#fff;border:1px solid color-mix(in srgb,var(--fx-ac) 22%,#fff);border-radius:16px;padding:0 clamp(18px,3vw,40px)}
.bqf2.fs-f2 .fx-grid{padding:40px 0}
.bqf2.fs-f2 .fx-soc a{background:color-mix(in srgb,var(--fx-ac) 8%,#fff);border-color:transparent}
.bqf2.fs-f2 .fx-bar{background:color-mix(in srgb,var(--fx-ac) 14%,#fff);border-top-color:color-mix(in srgb,var(--fx-ac) 22%,#fff)}
.bqf2.fs-f2 .fx-bar .fx-in{color:color-mix(in srgb,var(--fx-ac) 45%,#111)}
/* f3 solid colour + newsletter */
.bqf2.fs-f3{background:var(--fx-ac);color:var(--on,#fff);--fx-mut:color-mix(in srgb,var(--on,#fff) 82%,transparent);--fx-line:color-mix(in srgb,var(--on,#fff) 28%,transparent)}
.bqf2.fs-f3 .fx-logo{color:var(--on,#fff)}
.bqf2.fs-f3 .fx-mk{background:var(--on,#fff);color:var(--fx-ac)}
.bqf2.fs-f3 .fx-body a:hover{color:var(--on,#fff);text-decoration:underline;text-underline-offset:3px}
.bqf2.fs-f3 .fx-all{color:var(--on,#fff)!important}
.bqf2.fs-f3 .fx-soc a{background:#fff;color:var(--fx-ac);border-color:transparent}
.bqf2.fs-f3 .fx-pw .bq,.bqf2.fs-f3 .fx-pw .wa{color:var(--on,#fff)}
.bqf2.fs-f3 .fx-nw{padding-top:36px}
.bqf2 .fx-news{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;background:color-mix(in srgb,var(--on,#fff) 12%,transparent);border:1px solid color-mix(in srgb,var(--on,#fff) 35%,transparent);border-radius:14px;padding:16px 24px}
.bqf2 .fx-nt{display:flex;align-items:center;gap:12px;font-size:16px;min-width:0}
.bqf2 .fx-ni{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--fx-ac);display:grid;place-items:center;flex:none}
.bqf2 .fx-ni .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bqf2 .fx-nf{display:flex;gap:8px;flex:0 1 460px;min-width:0}
.bqf2 .fx-nf input{flex:1;min-width:0;height:46px;border:0;border-radius:var(--kr,10px);padding:0 16px;font:inherit;font-size:15px;color:#172337;background:#fff}
.bqf2 .fx-nf button{height:46px;padding:0 22px;border:0;border-radius:var(--kr,10px);background:#172337;color:#fff;font:700 14px/1 inherit;cursor:pointer;white-space:nowrap}
.bqf2 .fx-nf button:disabled{opacity:.6}
.bqf2 .fx-nm{flex-basis:100%;font-size:13px;min-height:0}
.bqf2 .fx-nm:empty{display:none}
.bqf2 .fx-nm.ok{font-weight:600}.bqf2 .fx-nm.bad{color:#fff;font-weight:600;background:rgba(185,28,28,.85);padding:4px 10px;border-radius:8px;justify-self:start;flex-basis:auto}
/* f4 quick delivery */
.bqf2.fs-f4 .fx-h{color:var(--fx-ac)}
.bqf2.fs-f4 .fx-soc a{border-color:color-mix(in srgb,var(--fx-ac) 22%,#fff)}
.bqf2.fs-f1 .fx-bar,.bqf2.fs-f4 .fx-bar{background:#fafbfc}
@media (max-width:1100px){.bqf2 .fx-grid{grid-template-columns:1fr;gap:28px}.bqf2 .fx-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* phones: accordion */
@media (max-width:760px){
 .bqf2 .fx-grid{padding:0;gap:0}
 .bqf2 .fx-brand{padding:26px 0 20px;justify-items:start}
 .bqf2 .fx-cols{display:block}
 .bqf2 .fx-h{display:none}
 .bqf2 .fx-acc{display:flex;width:100%;align-items:center;justify-content:space-between;height:56px;background:none;border:0;padding:0 2px;font:600 15px/1 inherit;color:inherit;cursor:pointer;text-align:left}
 .bqf2 .fx-acc i{position:relative;width:18px;height:18px;flex:none;color:var(--fx-ac)}
 .bqf2 .fx-acc i::before,.bqf2 .fx-acc i::after{content:"";position:absolute;left:2px;right:2px;top:8px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s}
 .bqf2 .fx-acc i::after{transform:rotate(90deg)}
 .bqf2 .fx-sec.open .fx-acc i::after{transform:rotate(0)}
 .bqf2 .fx-sec{border-bottom:1px solid var(--fx-line)}
 .bqf2 .fx-sec:first-child{border-top:1px solid var(--fx-line)}
 .bqf2 .fx-body{display:none;padding:0 2px 18px;gap:14px}
 .bqf2 .fx-sec.open .fx-body{display:grid}
 .bqf2 .fx-cols{margin-bottom:22px}
 .bqf2 .fx-bar .fx-in{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding-block:18px}
 .bqf2.fs-f2 .fx-card{margin:18px 16px;padding:0 16px}
 .bqf2.fs-f2 .fx-cols{margin-bottom:8px}
 .bqf2.fs-f2 .fx-sec:last-child{border-bottom:0}
 .bqf2.fs-f3 .fx-nw{padding-top:22px}
 .bqf2 .fx-news{padding:16px;flex-direction:column;align-items:stretch}
 .bqf2 .fx-nf{flex-basis:auto}
 .bqf2 .fx-nf button{padding:0 16px}
 .bqf2 .fx-map{max-width:none}
}

/* ===== Bottom navigation: 5 extra styles (Branding → Buttons → Navigation) ===== */
.bn.knav.kx{display:flex!important;align-items:stretch}
.bn.kx button{appearance:none;border:0;background:none;position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;color:var(--muted,#5f6368);font:500 11px/1.2 var(--font,inherit);cursor:pointer}
.bn.kx .kic{position:relative;display:grid;place-items:center;line-height:0}
.bn.kx .kic .i{width:23px;height:23px}
.bn.knav.kx .cnt{top:-7px;left:auto;right:-11px}
.bn.knav.kx button.on{color:var(--k);font-weight:700}
.bn.knav.kx-tabs button.on::after{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--k)}
.bn.knav.kx-pill{background:transparent!important;border-top:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 12px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none;overflow:visible}
.bn.kx .kpill{pointer-events:auto;flex:1;display:flex;align-items:center;justify-content:space-around;height:62px;background:#fff;border-radius:31px;box-shadow:0 10px 26px -8px color-mix(in srgb,var(--k) 50%,rgba(0,0,0,.3)),0 1px 0 rgba(0,0,0,.04);padding:0 8px}
.bn.kx-pill button{flex:0 0 auto;flex-direction:row;height:44px;min-width:44px;padding:0 12px;border-radius:22px;gap:6px;font-size:13px;font-weight:600}
.bn.kx-pill button .kl{display:none}
.bn.knav.kx-pill button.on{background:var(--k);color:#fff}
.bn.kx-pill button.on .kl{display:inline}
.bn.kx-pill .on .cnt{box-shadow:0 0 0 2px var(--k);background:#fff;color:var(--k)}
html.kx-pill body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
.bn.knav.kx-fab{display:grid!important;grid-template-columns:1fr 1fr 76px 1fr 1fr;overflow:visible}
.bn.kx .kfab{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:62px;height:62px;flex:none;border-radius:50%;padding:0;background:var(--k);color:#fff;border:4px solid #fff;box-shadow:0 8px 18px -4px color-mix(in srgb,var(--k) 60%,transparent);z-index:3}
.bn.knav.kx .kfab.on{color:#fff}
.bn.kx .kfab .i{width:26px;height:26px}
.bn.knav.kx .kfab .cnt{top:-9px;right:-12px;background:#fff;color:var(--k);box-shadow:0 0 0 2px var(--k)}
.bn.knav.kx-summary{display:block!important;padding-top:0}
.bn.kx .ksum{display:flex;margin:8px 12px 0;height:52px;border-radius:12px;background:var(--k);color:#fff;align-items:center;justify-content:space-between;padding:0 16px;text-decoration:none;font-size:14px;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--k) 70%,transparent)}
.bn.kx .ksum[hidden]{display:none}
.bn.kx .ksi{display:grid;line-height:1.25}
.bn.kx .ksi small{font-size:12px;opacity:.9}
.bn.kx .ksi b{font-weight:700;font-size:15px}
.bn.kx .ksv{display:flex;align-items:center;gap:4px;font-weight:700}
.bn.kx .ksv .i{width:17px;height:17px}
.bn.kx .krow{display:flex;min-height:var(--nav-h,62px)}
html.kx-sum-on body{padding-bottom:calc(var(--nav-h,62px) + 62px + env(safe-area-inset-bottom,0px))!important}
.bn.kx-dots .kl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bn.kx-dots button{gap:6px}
.bn.kx-dots .kdot{width:5px;height:5px;border-radius:50%;background:transparent}
.bn.kx-dots button.on .kdot{background:var(--k)}
.bn.knav.kx button:focus-visible{outline:2px solid var(--k);outline-offset:-4px;border-radius:12px}
@media (min-width:1000px){.bn.knav.kx{display:none!important}html.kx-pill body,html.kx-sum-on body{padding-bottom:0!important}}
@media (max-width:760px){.bqf2 .fx-nf{flex:none;width:100%}.bqf2 .fx-nt{font-size:15px}}

/* ===== Fix 5 ===== */
/* Shop: Filter + count + sort stay on one line; chosen filters go on the next line */
@media (max-width:999px){
 .fmain .bar{flex-wrap:nowrap!important;gap:8px}
 .fmain .bar>span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
 .fmain .bar .fbtn{flex:none;white-space:nowrap;padding-inline:14px}
 .fmain .bar .sortw{flex:0 1 auto;min-width:0}
 .fmain .bar .sortw select{max-width:170px;width:100%}
 .fmain .tags{margin-top:10px}
}
@media (max-width:359px){.fmain .bar>span{display:none}}
/* Filter sheet: no slide-in again after each tap */
.fsh.stay .fsh-p{animation:none!important}
@media (max-width:420px){.fmain .bar>span{font-size:12.5px}.fmain .bar .fbtn{padding-inline:11px;gap:6px}.fmain .bar .sortw select{max-width:138px;padding:0 8px}}

/* ===== Fix 6 ===== */
/* Side menu and mini cart: narrower */
.dr{width:min(78vw,300px)!important}
.mc{width:min(86vw,340px)!important}
@media (min-width:1000px){.mc{width:360px!important}}
/* Header button (WhatsApp / call / bulk): one clean line, same height and corners as the Categories button */
.bqh .bqx-cta,.bqx-cta{height:40px!important;padding:0 16px 0 12px!important;gap:8px!important;border:1px solid var(--line,#e5e7eb)!important;background:#fff!important;box-shadow:none!important;border-radius:var(--kr,10px)!important;font:600 14px/1 var(--font,inherit)!important;color:var(--ink,#172337)!important}
.bqx-cta:hover{border-color:var(--ac)!important;background:var(--soft,#f4faf6)!important}
.bqx-cta .bqx-ci{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;color:var(--ac)!important;border-radius:0!important}
.bqx-cta.t-whatsapp .bqx-ci{color:#1fae55!important}
.bqx-cta .bqx-ci svg{width:19px!important;height:19px!important}
.bqx-cta .bqx-ct{display:inline;font-size:14px;font-weight:600;color:inherit}
.bqx-cta.t-whatsapp:hover{border-color:#1fae55!important;background:#f0fbf4!important}
.bqh .bqx-cbtn,.bqx-cbtn{height:40px!important;padding:0 14px 0 16px!important;gap:8px!important}
.bqx-cbtn .bqx-cv{width:16px!important;height:16px!important;stroke-width:2.4!important;transition:transform .2s;margin-left:2px}
.bqx-cbtn[aria-expanded=true] .bqx-cv{transform:rotate(180deg)}
/* Categories page = the same look as home categories: picture in its shape, name below, no card */
.cats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important}
@media(min-width:700px){.cats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 16px!important}}
@media(min-width:1000px){.cats{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px 20px!important}}
@media(max-width:699px){.cats .cat:nth-child(5){grid-column:auto!important;max-width:none!important}}
.cats .cat{background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;transform:none!important;align-items:center;text-align:center;cursor:pointer}
.cats .cat .im{width:100%;overflow:hidden;background:var(--soft,#f2f5f3)!important;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.cats .cat:hover .im{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(15,23,42,.35)}
.cats .cat .tx{padding:10px 2px 0!important}
.cats .cat b{font-size:.92rem!important;font-weight:600!important;line-height:1.3}
.cats .cat small{display:block;margin-top:2px}
.cats:not(.shape-square):not(.shape-rect):not(.shape-portrait) .cat .im,.shape-round .cats .cat .im{border-radius:50%!important;aspect-ratio:1/1}
.crow-t .cat{background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;align-items:center;text-align:center}
.crow-t .cat .im{width:100%;overflow:hidden;background:var(--soft,#f2f5f3)!important;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.crow-t .cat .tx{padding:10px 2px 0!important}
/* Bigger Add to Cart icon on phones */
@media(max-width:520px){.bqpc .action svg,.bqpc-grid .action svg{width:17px!important;height:17px!important}.bqpc .action,.bqpc-grid .action{font-size:11.5px!important;min-height:38px!important;gap:6px!important}}
/* Bottom bar "Cart bar + tabs": exactly like the supplied design */
.bn.knav.kx-summary{padding-top:8px!important}
.bn.kx .ksum{margin:0 12px 8px!important;height:52px}
.bn.kx-summary .krow{min-height:56px!important}
.bn.kx-summary .ksum[hidden]+.krow{margin-top:-8px}

/* ===== Fix 7 ===== */
/* Taps on phones: no blue square anywhere; a soft, quick press instead. */
html{-webkit-tap-highlight-color:transparent}
*,*::before,*::after{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
@media (hover:none){
 button,a,[role=button],[data-act],[data-go],label,summary{touch-action:manipulation}
 button:active,a:active,[role=button]:active,[data-act]:active,[data-go]:active,summary:active{opacity:.7;transition:opacity .08s}
}
/* Product cards: softer title and price. */
.bqpc .name,.bqpc-grid .name{color:#323c37;font-weight:500}
.bqpc .prices strong,.bqpc-grid .prices strong{color:#1f2823;font-weight:650}
/* Add to cart icon: a little bigger. */
.bqpc .action svg,.bqpc-grid .action svg{width:20px!important;height:20px!important}
@media(max-width:520px){.bqpc .action svg,.bqpc-grid .action svg{width:19px!important;height:19px!important}}
/* Categories page: keep the slight zoom, no shadow or glow. */
.cats .cat:hover,.cats .cat:focus-visible,.cats .cat:hover .im{box-shadow:none!important}
.cats .cat:hover .im{transform:scale(1.03)!important}
.cats .cat .im{transition:transform .2s}
/* Checkout: part payment split. */
.pcod-sp{display:grid;gap:0;margin:10px 0 4px;border:1px dashed color-mix(in srgb,var(--ac,#16a34a) 45%,#d1d5db);border-radius:12px;background:color-mix(in srgb,var(--ac,#16a34a) 6%,#fff);overflow:hidden}
.pcod-sp>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px}
.pcod-sp>div+div{border-top:1px dashed color-mix(in srgb,var(--ac,#16a34a) 30%,#e5e7eb)}
.pcod-sp span{display:inline-flex;align-items:center;gap:7px;color:var(--ink,#1f2937)}
.pcod-sp span svg{width:16px;height:16px;flex:none}
.pcod-sp b{font-size:14.5px}
.pcod-sp>div:first-child b{color:var(--ac-d,#15803d)}
/* Login / Register: no footer; one "Powered by BQ Stores" line. */
html.bq-auth footer.ft,html.bq-auth footer.bqf,html.bq-auth .bqf,html.bq-auth .bqf2,html.bq-auth #bq-ben{display:none!important}
#bq-authpw{display:flex;justify-content:center;padding:6px 16px 28px}
#bq-authpw[hidden]{display:none}
#bq-authpw a{position:relative;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;border:1px solid #e5e9e7;background:#fff;color:#5b6660;font-size:12.5px;text-decoration:none;overflow:hidden;isolation:isolate}
#bq-authpw b{color:#111827;font-weight:800}
#bq-authpw i{font-style:normal;font-weight:800;color:#16a34a}
#bq-authpw a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%);transform:translateX(-130%);animation:bqAuthShine 3s ease-in-out 1s infinite}
#bq-authpw a::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#fff,#f6f8f7)}
@keyframes bqAuthShine{0%{transform:translateX(-130%)}45%,100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){#bq-authpw a::after{animation:none}}
@media (max-width:860px){#bq-authpw{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
/* BQ branding → footer credit off. */
html.bq-nopow .ft-pow,html.bq-nopow .ft .pw,html.bq-nopow .fx-pw,html.bq-nopow a.powered{display:none!important}

/* ===== Fix 8 ===== */
/* Checkout summary: stays in view; a long item list scrolls inside, the total and button never hide. */
@media (min-width:992px){
 .cl>.box.sticky{max-height:none!important;overflow:visible!important}
 .cl>.box.sticky .sm-items{max-height:clamp(150px,calc(100vh - var(--hdr-h,0px) - 470px),380px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfd6d2 transparent;padding:8px 6px 8px 0;margin-right:-6px}
 .cl>.box.sticky .sm-items::-webkit-scrollbar{width:6px}.cl>.box.sticky .sm-items::-webkit-scrollbar-thumb{background:#cfd6d2;border-radius:6px}
}
/* My account menu: short one-line labels, Logout centred. */
.acx-nav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.acx-nav .acx-out{justify-content:center}
.acx-nav .acx-out span{flex:0 0 auto}
@media (max-width:600px){.acx-nav button{padding:11px 12px;gap:10px;font-size:14px}}
/* Phones: footer on the home page only. */
@media (max-width:860px){html.bq-noft-m body>footer{display:none!important}}
/* Login / Register credit: fixed in one place, above the phone bottom bar. */
#bq-authpw{position:fixed!important;left:0;right:0;z-index:30;padding:0!important;pointer-events:none}
#bq-authpw a{pointer-events:auto;box-shadow:0 4px 14px -8px rgba(15,23,42,.25)}
html.bq-auth #app,html.bq-auth main{padding-bottom:64px}
/* Side menu: Policies group */
.dr-pol{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.dr-pol-h{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border:0;background:none;font:inherit;font-weight:500;color:var(--ink);cursor:pointer;text-align:left}
.dr-pol-h span{flex:1}.dr-pol-h .i{width:20px;height:20px}
.dr-pol-h[aria-expanded="true"]>.i:last-child{transform:rotate(180deg)}
.dr-pol .dr-kids a{display:block;padding:9px 4px 9px 36px;font-size:14px;color:var(--muted)}
/* Footer policy links */
.ft-bot .pol a{cursor:pointer}
.bqf2 .fx-pol{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.bqf2 .fx-pol a{color:inherit;opacity:.85;text-decoration:none}.bqf2 .fx-pol a:hover{opacity:1;text-decoration:underline}

/* ---- Policy pages ---- */
.pg{--pg-w:1120px}
.pg-hd{max-width:760px;margin:10px auto 26px;text-align:center}
.pg-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac-d,var(--ac));margin-bottom:12px}
.pg-ic .i{width:26px;height:26px}
.pg-hd h1{font-size:clamp(28px,3.6vw,40px);line-height:1.15;margin:0 0 8px;letter-spacing:-.02em}
.pg-meta{margin:0 0 12px;font-size:13px;color:var(--muted)}
.pg-intro{font-size:16px;line-height:1.7;color:var(--muted)}.pg-intro p{margin:0}
.pg-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;max-width:var(--pg-w);margin:0 auto;align-items:start}
.pg-grid.no-toc{grid-template-columns:minmax(0,1fr);max-width:820px}
.pg-toc{position:sticky;top:calc(var(--hdr-h,0px) + 20px);border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.pg-toc b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.pg-toc nav{display:grid;gap:2px}
.pg-toc button{display:flex;gap:10px;align-items:baseline;text-align:left;border:0;background:none;padding:7px 8px;border-radius:8px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;line-height:1.35}
.pg-toc button span{font-size:11.5px;font-weight:700;color:var(--ac-d,var(--ac));min-width:18px}
.pg-toc button:hover{background:color-mix(in srgb,var(--ac) 8%,#fff)}
.pg-body{min-width:0}
.pg-sec{padding:4px 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hdr-h,0px) + 16px)}
.pg-sec:last-of-type{border-bottom:0}
.pg-sec h2{display:flex;gap:12px;align-items:baseline;font-size:clamp(19px,2vw,22px);margin:0 0 12px;letter-spacing:-.01em}
.pg-n{font-size:13px;font-weight:700;color:var(--ac-d,var(--ac));background:color-mix(in srgb,var(--ac) 10%,#fff);border-radius:8px;padding:3px 8px;flex:none}
.pg-sec p,.pg-sec li{font-size:15.5px;line-height:1.75;color:#37413c}
.pg-sec p{margin:0 0 12px}
.pg-sec ul,.pg-sec ol{margin:0 0 12px;padding-left:22px;display:grid;gap:6px}
.pg-sec li::marker{color:var(--ac-d,var(--ac))}
.pg-sec b{color:var(--ink)}
.pg-sec a,.bqc a:not(.btn):not(.bqc-card){color:var(--ac-d,var(--ac))}
.pg-help{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--ac) 7%,#fff);border:1px solid color-mix(in srgb,var(--ac) 20%,#fff);margin:10px 0 24px}
.pg-help div{display:grid;gap:2px}.pg-help span{color:var(--muted);font-size:14px}
.pg-more b{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}
.pg-more div{display:flex;flex-wrap:wrap;gap:8px}
.pg-more a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);text-decoration:none;background:#fff}
.pg-more a .i{width:14px;height:14px}.pg-more a:hover{border-color:var(--ac)}
@media (max-width:900px){.pg-grid{grid-template-columns:minmax(0,1fr);gap:18px}.pg-toc{position:static}.pg-toc nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:600px){.pg-hd{text-align:left;margin-bottom:18px}.pg-sec p,.pg-sec li{font-size:15px}.pg-toc{display:none}}

/* ---- Contact page ---- */
.bqc .bqc-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac-d,var(--ac));flex:none}
.bqc .bqc-ic .i{width:22px;height:22px}
.bqc-hero{text-align:center;max-width:720px;margin:14px auto 26px}
.bqc-hero h1,.bqc2-l h1{font-size:clamp(28px,3.6vw,40px);margin:0 0 8px;letter-spacing:-.02em}
.bqc-hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.bqc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}
.bqc-card{display:grid;gap:4px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.bqc-card:hover{border-color:var(--ac);transform:translateY(-2px)}
.bqc-card .bqc-ic{margin-bottom:8px}
.bqc-card small{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.bqc-card b{font-size:15.5px;word-break:break-word;line-height:1.4}
.bqc-card em{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--ac-d,var(--ac))}
.bqc-card em .i{width:14px;height:14px}
.bqc-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:26px}
.bqc-main.solo{grid-template-columns:minmax(0,1fr)}
.bqc-side{display:grid;gap:14px}
.bqc-form{display:grid;gap:12px;padding:22px!important}
.bqc-form h2{font-size:20px;margin:0}.bqc-note{margin:-4px 0 4px;color:var(--muted);font-size:13.5px}
.bqc-form .btn .i{width:18px;height:18px}
.bqc-box{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff}
.bqc-box h3{display:flex;align-items:center;gap:8px;font-size:15.5px;margin:0 0 8px}
.bqc-box h3 .i{width:18px;height:18px;color:var(--ac-d,var(--ac))}
.bqc-box p{margin:0;color:#37413c;font-size:14.5px;line-height:1.7}
.bqc-map{border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#f1f4f2}
.bqc-map iframe{display:block;width:100%;height:100%;border:0}
.bqc-faq{max-width:860px;margin:6px auto 0}
.bqc-faq h2{font-size:clamp(20px,2.4vw,26px);text-align:center;margin:0 0 14px}
.bqc-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px}
.bqc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:600;cursor:pointer;list-style:none}
.bqc-faq summary::-webkit-details-marker{display:none}
.bqc-faq summary .i{width:18px;height:18px;flex:none;transition:transform .2s}
.bqc-faq details[open] summary .i{transform:rotate(180deg)}
.bqc-faq details>div{padding:0 16px 14px;color:#37413c;font-size:14.5px;line-height:1.7}.bqc-faq details>div p{margin:0}
/* split template */
.bqc2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;margin:14px 0 22px;align-items:stretch}
.bqc2-l{border-radius:20px;padding:28px;background:linear-gradient(160deg,var(--ac),var(--ac-d,var(--ac)));color:var(--on,#fff)}
.bqc2-l h1{color:inherit}.bqc2-l>p{margin:0 0 18px;opacity:.9;line-height:1.6}
.bqc2-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.bqc2-list a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.12);color:inherit;text-decoration:none}
.bqc2-list a:hover{background:rgba(255,255,255,.2)}
.bqc2-list .bqc-ic{background:rgba(255,255,255,.18);color:inherit;width:42px;height:42px}
.bqc2-list small{display:block;font-size:12px;opacity:.85}.bqc2-list b{font-size:15px;word-break:break-word}
.bqc2-hours{display:flex;gap:10px;align-items:flex-start;padding-top:14px;border-top:1px solid rgba(255,255,255,.25);font-size:14px;line-height:1.6}
.bqc2-hours .i{width:18px;height:18px;flex:none;margin-top:2px}.bqc2-hours p{margin:0}
.bqc2-r>.bqc-form{height:100%}
.bqc-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-bottom:26px;align-items:start}
.bqc-row:has(> :only-child){grid-template-columns:minmax(0,1fr)}
@media (max-width:860px){.bqc-main,.bqc2,.bqc-row{grid-template-columns:minmax(0,1fr)}.bqc2-l{padding:22px}}
@media (max-width:600px){.bqc-hero{text-align:left;margin-top:6px}.bqc-cards{grid-template-columns:1fr 1fr;gap:10px}.bqc-card{padding:14px}.bqc-card b{font-size:14px}.bqc .bqc-ic{width:40px;height:40px;border-radius:12px}.bqc-form{padding:16px!important}}
@media (max-width:380px){.bqc-cards{grid-template-columns:1fr}}
@media (max-width:600px){.bqc-cards>.bqc-card:last-child:nth-child(odd){grid-column:1/-1}}
.bqc2-list a,.bqc2-list a b{color:var(--on,#fff)!important}

/* ===== Fix 9 ===== */
/* Policy pages: icon and title on one line; help card; other policies list */
.pg-tl{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.pg-tl .pg-ic{margin:0;width:46px;height:46px;border-radius:14px;flex:none}
.pg-tl h1{margin:0!important}
@media (max-width:600px){.pg-tl{justify-content:flex-start;gap:12px}.pg-tl .pg-ic{width:40px;height:40px;border-radius:12px}.pg-tl .pg-ic .i{width:21px;height:21px}}
.pg-help{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px!important;padding:20px 22px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pg-help-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac-d,var(--ac))}
.pg-help-ic .i{width:24px;height:24px}
.pg-help-t{display:grid;gap:2px}.pg-help-t b{font-size:16px}.pg-help-t span{color:var(--muted);font-size:14px}
.pg-help-b{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.pg-help-b .btn{white-space:nowrap;min-height:44px;padding-inline:18px;gap:8px}
.pg-help-b .btn .i{width:17px;height:17px}
@media (max-width:700px){
 .pg-help{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:22px 18px!important}
 .pg-help-t{justify-items:center}
 .pg-help-b{display:grid;grid-template-columns:1fr;width:100%}
 .pg-help-b .btn{width:100%;justify-content:center}
 .pg-more div{display:grid!important;grid-template-columns:1fr;gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
 .pg-more a{border:0!important;border-radius:0!important;justify-content:space-between;padding:14px 16px!important;border-top:1px solid var(--line)!important}
 .pg-more a:first-child{border-top:0!important}
}
/* Checkout payment options: one-line title and one-line note */
.rad label>span{min-width:0}
.rad label>span,.rad label>span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rad label>span small{display:block}
/* My orders: no green header when open; invoice button */
details.oc[open]>summary{background:#fff!important;border-bottom:1px solid var(--line)}
.oc-inv{padding:12px 14px;border-top:1px solid var(--line)}
.oc-inv .btn{width:100%;justify-content:center;gap:8px;min-height:44px}
.oc-inv .btn .i{width:18px;height:18px}
@media (min-width:700px){.oc-inv .btn{width:auto}}
/* Track order: fields one under the other */
.trk-f{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.trk-f .fld{margin:0}
.trk .btn{width:100%;justify-content:center}
/* Shop: no glow on the Filter button */
.fbtn:hover,.fbtn:focus{box-shadow:none!important;transform:none!important}
/* Footers f5 (Light) and f6 (Dark) — from the light/dark footer design */
.bqbadge{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;background:#1b2720;border:1px solid #477c5c;color:#e9ece9!important;font-size:13px;font-weight:500;white-space:nowrap;transition:border-color .15s,box-shadow .15s,transform .15s}
.bqbadge .n{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-weight:800;color:#fff;letter-spacing:.02em}
.bqbadge .s{font-weight:700;color:#3ddc84}
.bqbadge:hover{border-color:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.18)}
.bqbadge:active{transform:scale(.98)}
.bqf2.fx-new .fx-grid{grid-template-columns:minmax(220px,1.1fr) minmax(0,4fr);padding:56px 0 48px}
.bqf2.fx-new .fx-h{margin-bottom:20px}
.bqf2.fx-new .fx-bar .fx-in{display:grid;grid-template-columns:1fr auto 1fr;min-height:80px;gap:16px 24px}
.bqf2.fx-new .fx-bar .fx-pay{text-align:center}
.bqf2.fx-new .fx-bar .fx-pw{justify-self:end}
.bqf2.fx-new .fx-bar .fx-pol{grid-column:1/-1;justify-content:center;order:5}
.bqf2.fs-f5{background:#fff;border-top:1px solid var(--fx-line)}
.bqf2.fs-f5 .fx-soc a{border-color:var(--fx-line);color:var(--fx-ac)}
.bqf2.fs-f5 .fx-soc a:hover{background:var(--fx-ac);color:var(--on,#fff);border-color:var(--fx-ac);transform:none}
.bqf2.fs-f6{--fx-dark:#172337;background:var(--fx-dark);color:#fff;--fx-mut:#b4bccb;--fx-line:rgba(255,255,255,.14);--fx-hi:var(--sec,#ffe500)}
.bqf2.fs-f6 .fx-h{color:#fff}
.bqf2.fs-f6 .fx-logo{color:#fff}
.bqf2.fs-f6 .fx-mk{background:var(--fx-hi);color:#172337}
.bqf2.fs-f6 .fx-body a:hover,.bqf2.fs-f6 .fx-all{color:var(--fx-hi)!important}
.bqf2.fs-f6 .fx-soc a{border-color:rgba(255,255,255,.22);color:#fff}
.bqf2.fs-f6 .fx-soc a:hover{background:var(--fx-hi);color:#172337;border-color:var(--fx-hi);transform:none}
.bqf2.fs-f6 .fx-acc i{border-color:var(--fx-hi)}
@media (max-width:860px){
 .bqf2.fx-new .fx-grid{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 0}
 .bqf2.fx-new .fx-brand{padding-bottom:20px}
 .bqf2.fx-m-center .fx-brand{justify-items:center;text-align:center}.bqf2.fx-m-center .fx-logo{justify-self:center}.bqf2.fx-m-center .fx-brand p{margin-inline:auto}
 .bqf2.fx-m-right .fx-brand{justify-items:end;text-align:right}.bqf2.fx-m-right .fx-logo{justify-self:end}.bqf2.fx-m-right .fx-brand p{margin-left:auto}
 .bqf2.fx-new .fx-brand .fx-soc{display:none}
 .bqf2.fx-new .fx-bar .fx-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding-block:24px 28px;gap:16px}
 .bqf2.fx-new .fx-bar .fx-pw{justify-self:center}
 .bqf2.fx-new .fx-bar .fx-in::before{content:none}
}
.bqf2 .fx-msoc{display:none}@media (max-width:860px){.bqf2.fx-new .fx-msoc{display:flex;justify-content:center}}
.rad,.rad label{min-width:0;max-width:100%}
.rad label>span{flex:1 1 0;min-width:0}
.box{min-width:0}

/* ===== Fix 10 ===== */
/* No glow anywhere on hover or focus (buttons, links, cards, inputs). */
a:hover,a:focus,button:hover,button:focus,.btn:hover,.btn:focus,[role=button]:hover,[data-act]:hover,[data-go]:hover,label:hover,.box:hover,.card:hover,.pc:hover,.cat:hover,.bqpc .product:hover,.bqx-cta:hover,.bqx-cbtn:hover,.cp-tg:hover,.acx-nav button:hover,.ct-card:hover,.bqc-card:hover,.pg-more a:hover,.bqh-act:hover,.bqh-btn:hover,.fx-soc a:hover,.bqbadge:hover,#bq-authpw a:hover{box-shadow:none!important}
input:focus,select:focus,textarea:focus,.bqh-field:focus-within{box-shadow:none!important}
.btn:focus:not(:focus-visible){outline:none}
/* Contact page on phones: contact cards one under the other, nothing folds */
@media (max-width:600px){
 .bqc-cards{grid-template-columns:minmax(0,1fr)!important;gap:10px}
 .bqc-cards>.bqc-card{grid-column:auto!important;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:14px 16px}
 .bqc-card .bqc-ic{grid-row:1/4;margin:0!important}
 .bqc-card b{font-size:15px;overflow-wrap:anywhere}
}
/* Support hours + grievance officer: structured, premium icons */
.bqc-box{padding:18px 20px!important;border-radius:18px!important}
.bqc-bh{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bqc-bh h3{margin:0!important;font-size:16px!important}
.bqc-bh small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.bqc-bi{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 16%,#fff),color-mix(in srgb,var(--ac) 6%,#fff));color:var(--ac-d,var(--ac));border:1px solid color-mix(in srgb,var(--ac) 22%,#fff)}
.bqc-bi .i{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bqc-hl,.bqc-gl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bqc-hr{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border-radius:12px;background:#f7f9f8;border:1px solid var(--line)}
.bqc-hd{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}
.bqc-hr b{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ac-d,var(--ac))}
.bqc-hr .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.bqc-hr b .i{color:currentColor}
.bqc-hr.off{background:#fff;border-style:dashed}
.bqc-hr.off b{color:#b42318}
.bqc-gl li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#f7f9f8;border:1px solid var(--line);min-width:0}
.bqc-gi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:#fff;border:1px solid var(--line);color:var(--ac-d,var(--ac))}
.bqc-gi .i{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bqc-gt{display:grid;min-width:0}
.bqc-gt small{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.bqc-gt b{font-size:14.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.bqc-gt b a{color:inherit;text-decoration:none}
.bqc-gn{margin:12px 0 0;font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
/* Side menu → Policies: closed until tapped */
.dr-pol .dr-kids[hidden]{display:none!important}
.dr-pol .dr-kids{display:grid}
.dr-pol-h>.i:last-child{transition:transform .2s}

/* ===== Fix 11 ===== */
/* Footer: simple chevron on phone accordions (no plus), every section starts closed. */
.bqf2 .fx-acc i{display:grid;place-items:center;width:20px;height:20px;border:0!important;color:currentColor;opacity:.75}
.bqf2 .fx-acc i::before,.bqf2 .fx-acc i::after{content:none!important;display:none!important}
.bqf2 .fx-acc i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.bqf2 .fx-sec.open .fx-acc i svg{transform:rotate(180deg)}
/* Footer logo size (Admin → Footer → Logo size). */
.bqf2.fx-new .fx-logo img{height:var(--fx-lh,40px);max-height:none;max-width:260px;width:auto}
@media (max-width:860px){.bqf2.fx-new .fx-logo img{height:var(--fx-lhm,34px);max-width:220px}}
/* Powered by BQ Stores badge: Space Grotesk + the soft shine of the earlier footer badge. */
.bqbadge{position:relative;overflow:hidden;isolation:isolate;font-family:'Space Grotesk',system-ui,sans-serif!important;font-size:13px;line-height:1;height:36px;padding:0 16px;gap:5px}
.bqbadge .n{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:700;letter-spacing:.01em}
.bqbadge .s{font-family:'Space Grotesk',system-ui,sans-serif!important}
.bqbadge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:bqShine 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}
@media (max-width:600px){.bqbadge{height:34px;padding:0 14px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.bqbadge::after{animation:none;display:none}}
/* My account → Coupons */
.cpn-h{font-size:15px;margin:18px 0 10px}
.cpn-hi{display:flex;gap:10px;align-items:center;margin:0 0 6px;padding:12px 14px;border-radius:var(--r);background:var(--soft);color:var(--ac-d);font-weight:600;font-size:14px}
.cpn-hi .i{width:20px;height:20px;flex:none}
.cpn-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cpn{display:grid;grid-template-columns:104px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--surface,#fff);overflow:hidden}
.cpn-l{display:grid;align-content:center;justify-items:center;gap:6px;padding:12px 8px;background:var(--soft);border-right:1px dashed var(--soft-2);text-align:center}
.cpn-l b{font-size:17px;line-height:1.2;color:var(--ac-d)}
.cpn-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ac);color:var(--on)}
.cpn-r{padding:12px 14px;display:grid;gap:6px;min-width:0}
.cpn-d{font-weight:600;font-size:14px}
.cpn-r small{color:var(--muted);font-size:12.5px;line-height:1.5}
.cpn-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}
.cpn-f code{font:700 13.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;padding:8px 10px;border:1px dashed var(--ac);border-radius:8px;color:var(--ink)}
.cpn-f .btn{min-height:34px;padding:0 12px;font-size:13px}
.cpn-u{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cpn-u li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);font-size:14px}
.cpn-u li:first-child{border-top:0}
.cpn-uc{font:700 13px/1 ui-monospace,Menlo,Consolas,monospace;padding:6px 8px;border-radius:6px;background:var(--soft);color:var(--ac-d)}
.cpn-uo small{display:block;color:var(--muted);font-size:12px}
.cpn-u b{color:var(--ac-d);white-space:nowrap}
.cpn-none{color:var(--muted);font-size:14px;margin:0}
@media (max-width:600px){.cpn-g{grid-template-columns:1fr}.cpn{grid-template-columns:88px minmax(0,1fr)}.cpn-l b{font-size:15px}}
/* Contact page: business details box */
.bqc-biz .bqc-gt b{word-break:break-word}
/* Text logo (no image) follows the same size setting */
.bqf2.fx-new .fx-logo{font-size:calc(var(--fx-lh,40px) * .56)}
.bqf2.fx-new .fx-logo .fx-mk{width:calc(var(--fx-lh,40px) * .85);height:calc(var(--fx-lh,40px) * .85);font-size:calc(var(--fx-lh,40px) * .42)}
@media (max-width:860px){.bqf2.fx-new .fx-logo{font-size:calc(var(--fx-lhm,34px) * .6)}.bqf2.fx-new .fx-logo .fx-mk{width:calc(var(--fx-lhm,34px) * .9);height:calc(var(--fx-lhm,34px) * .9);font-size:calc(var(--fx-lhm,34px) * .45)}}

/* ===== Fix 12 ===== */
/* Powered by BQ Stores: subtle embossed 3D + soft shine; "Stores" in WhatsApp green. */
.bqbadge{background:linear-gradient(180deg,#24332b 0%,#1b2720 55%,#16201a 100%);border:1px solid #3e6b50;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.18),0 3px 8px -4px rgba(0,0,0,.35)!important;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.bqbadge .s{color:#25d366!important}
.bqbadge:hover{border-color:#25d366;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.18),0 4px 10px -4px rgba(0,0,0,.4)!important}
.bqbadge:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)!important}
.bqbadge::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent)}
.bqc-form .req{color:#d92d20;font-weight:700}

/* ===== Fix 13 ===== */
/* Contact page (desktop): even two-column split; the message form stays in view while the right column scrolls. */
@media (min-width:861px){
 .bqc-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
 .bqc-main>.bqc-form{position:sticky;top:calc(var(--bqc-top,0px) + 16px)}
 .bqc-side{display:grid;gap:16px;align-content:start}
 .bqc-side>*{margin:0!important}
 .bqc2-r>.bqc-form{position:sticky;top:calc(var(--bqc-top,0px) + 16px)}
}
.bqc-form .opt{color:var(--muted);font-weight:500}

/* ===== Fix 14 ===== */
/* Footer bar: brand in bold (from the copyright line), real payment icons (desktop only). */
.bqf2 .fx-copy b{font-weight:700;color:inherit}
.bqf2 .fx-pay{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.bqf2 .fx-pay .pi{display:inline-grid;place-items:center;width:46px;height:28px;border-radius:6px;background:#fff;border:1px solid #e3e8e5}
.bqf2 .fx-pay .pi svg{width:40px;height:20px;display:block}
.bqf2.fs-f6 .fx-pay .pi{border-color:rgba(255,255,255,.18)}
@media (max-width:860px){.bqf2 .fx-pay{display:none!important}}
/* BQ badge: a thin green stroke always (not only on hover). */
.bqbadge{border:1px solid rgba(37,211,102,.55)!important}
.bqbadge:hover{border-color:#25d366!important}
/* Login / Register: credit right under the form, not sticky. */
#bq-authpw{position:static!important;display:flex;justify-content:center;padding:18px 0 6px!important;pointer-events:auto}
#bq-authpw a.bqbadge{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.18),0 3px 8px -4px rgba(0,0,0,.35)!important;background:linear-gradient(180deg,#24332b 0%,#1b2720 55%,#16201a 100%);color:#e9ece9!important;padding:0 16px;height:36px;font-size:13px}
#bq-authpw a.bqbadge::before{content:none}
html.bq-auth #app,html.bq-auth main{padding-bottom:0}
/* Checkout summary: no inner scroll on the item list; sticky only when it fits the screen. */
@media (min-width:992px){
 .cl>.box.sticky .sm-items{max-height:none!important;overflow:visible!important;padding:0!important;margin-right:0!important}
 .cl>.box.sticky.bq-tall{position:static!important;max-height:none!important}
}
/* Product cards: when the category line is off, nothing is reserved for it. */
.bqpc .product .content>.name:first-child{margin-top:0}
#bq-authpw a.bqbadge::after{content:"";position:absolute;inset:0 auto 0 -60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:bqShine 3.2s ease-in-out infinite;z-index:-1}
#bq-authpw a.bqbadge .n{color:#fff}#bq-authpw a.bqbadge .s{color:#25d366}

/* ===== Fix 15 ===== */
/* Offers strip on the shop / category page */
.ofs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:-4px 0 18px}
.ofs-c{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ac) 28%,#fff);border-radius:var(--r);background:linear-gradient(135deg,var(--soft),#fff 70%);min-width:0}
.ofs-i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ac);color:var(--on,#fff);flex:none}
.ofs-i svg,.ofn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ofs-t{display:grid;gap:2px;min-width:0}
.ofs-t b{font-size:14.5px;line-height:1.3}
.ofs-t small{font-size:12px;color:var(--muted);line-height:1.4}
@media (max-width:640px){.ofs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-6px -16px 14px;padding:0 16px}.ofs::-webkit-scrollbar{display:none}.ofs-c{flex:0 0 82%;scroll-snap-align:start}}
/* Offers in the mini cart and the cart page */
.ofn{border:1px dashed color-mix(in srgb,var(--ac) 45%,#fff);background:var(--soft);border-radius:var(--r);padding:10px 12px;display:grid;gap:6px;margin:0 0 12px}
.ofn-h{display:flex;align-items:center;gap:8px;color:var(--ac-d)}
.ofn-h b{font-size:13.5px}
.ofn-h small{margin-left:auto;font-size:11.5px;color:var(--muted)}
.ofn-r{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--ink)}
.ofn-i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex:none;color:var(--ac-d);background:#fff;border:1px solid var(--line)}
.ofn-i svg{width:13px;height:13px}
.ofn-r.ok{color:var(--ac-d);font-weight:600}
.ofn-r.ok .ofn-i{background:var(--ac);border-color:var(--ac);color:var(--on,#fff)}
.cl .items>.ofn{margin-bottom:14px}
.mc-f .ln.d{display:flex;justify-content:space-between;color:var(--ac-d);font-size:13.5px;margin-bottom:4px}

/* ===== Fix 16: footer colours (background / text / highlight) + mobile alignment + preview ===== */
.bqf2.fx-new.fx-cv{background:var(--fx-bgc)!important;color:var(--fx-tx)}
.bqf2.fx-new.fx-cv .fx-h,.bqf2.fx-new.fx-cv .fx-logo,.bqf2.fx-new.fx-cv .fx-acc{color:var(--fx-tx)}
.bqf2.fx-new.fx-cv .fx-body,.bqf2.fx-new.fx-cv .fx-brand p,.bqf2.fx-new.fx-cv .fx-bar .fx-in,.bqf2.fx-new.fx-cv .fx-txt{color:var(--fx-mut)}
.bqf2.fx-new.fx-cv .fx-copy b{color:var(--fx-tx)}
.bqf2.fx-new.fx-cv .fx-body a{transition:color .15s}
.bqf2.fx-new.fx-cv .fx-body a:hover,.bqf2.fx-new.fx-cv .fx-all{color:var(--fx-hi)!important}
.bqf2.fx-new.fx-cv .fx-mk{background:var(--fx-hi);color:var(--fx-hion)}
.bqf2.fx-new.fx-cv .fx-soc a{border-color:var(--fx-line);color:var(--fx-tx);background:transparent}
.bqf2.fx-new.fx-cv .fx-soc a:hover{background:var(--fx-hi);border-color:var(--fx-hi);color:var(--fx-hion)}
.bqf2.fx-new.fx-cv .fx-bar,.bqf2.fx-new.fx-cv .fx-sec{border-color:var(--fx-line)}
.bqf2.fx-new.fx-cv.fs-f5{border-top-color:var(--fx-line)}
.bqf2.fx-new.fx-cv:not(.fx-dk) .fx-pay .pi{border-color:#e3e8e5}
.bqf2.fx-new.fx-dk .fx-pay .pi{border-color:rgba(255,255,255,.18)}
@media (max-width:860px){
 .bqf2.fx-new.fx-m-center .fx-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
 .bqf2.fx-new.fx-m-center .fx-logo{align-self:center;justify-content:center;margin-inline:auto}
 .bqf2.fx-new.fx-m-center .fx-brand p{margin-inline:auto;max-width:34ch}
 .bqf2.fx-new.fx-m-right .fx-brand{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
 .bqf2.fx-new.fx-m-left .fx-brand{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
}
html.bq-fprev,html.bq-fprev body{background:transparent!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding:0!important;margin:0!important}
html.bq-fprev body>*:not(footer.bqf2){display:none!important}

/* ===== Fix 16: offers — 5 designs, full-width on phones, small chips in cart, countdowns ===== */
.ofs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:-4px 0 20px}
.ofs-c{position:relative;display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:var(--r,12px);min-width:0;overflow:hidden}
.ofs-t{display:grid;gap:2px;min-width:0;flex:1}
.ofs-t b{font-size:14.5px;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofs-t small{font-size:12px;line-height:1.4;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofs-s{display:none}
.ofs-i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.ofs svg,.ofp svg,.ofc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* 1 soft */
.ofx-soft .ofs-c{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 9%,#fff),#fff 75%);border:1px solid color-mix(in srgb,var(--ac) 24%,#fff)}
.ofx-soft .ofs-i{background:var(--ac);color:var(--on,#fff)}
.ofx-soft .ofs-t small{color:var(--muted);opacity:1}
/* 2 solid */
.ofx-solid .ofs-c{background:linear-gradient(120deg,var(--ac),color-mix(in srgb,var(--ac) 78%,#000));color:var(--on,#fff);box-shadow:0 6px 18px color-mix(in srgb,var(--ac) 22%,transparent)}
.ofx-solid .ofs-i{background:rgba(255,255,255,.16);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
/* 3 outline (coupon edge) */
.ofx-outline .ofs-c{background:#fff;border:1.5px dashed color-mix(in srgb,var(--ac) 55%,#fff)}
.ofx-outline .ofs-i{background:color-mix(in srgb,var(--ac) 10%,#fff);color:var(--ac-d,var(--ac))}
.ofx-outline .ofs-t small{color:var(--muted);opacity:1}
/* 4 ticket */
.ofx-ticket .ofs-c{background:color-mix(in srgb,var(--ac) 7%,#fff);padding-left:0;border:1px solid color-mix(in srgb,var(--ac) 20%,#fff);-webkit-mask:radial-gradient(circle 8px at 62px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 8px at 62px 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 8px at 62px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 8px at 62px 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.ofx-ticket .ofs-i{width:62px;height:auto;align-self:stretch;margin:-12px 0;border-radius:0;background:var(--ac);color:var(--on,#fff);border-right:2px dashed color-mix(in srgb,var(--on,#fff) 55%,transparent)}
.ofx-ticket .ofs-t small{color:var(--muted);opacity:1}
/* 5 minimal */
.ofx-minimal.ofs{gap:8px 22px}
.ofx-minimal .ofs-c{padding:6px 0;border-radius:0;border-bottom:1px solid var(--line);gap:10px}
.ofx-minimal .ofs-i{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac-d,var(--ac))}
.ofx-minimal .ofs-i svg{width:15px;height:15px}
.ofx-minimal .ofs-t small{color:var(--muted);opacity:1}
/* countdowns */
.ofc{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.ofc svg{width:14px;height:14px}
.ofc-chip{padding:4px 9px;border-radius:999px;background:#fff;color:#b42318;box-shadow:inset 0 0 0 1px #f6d4d0}
.ofx-solid .ofc-chip{background:rgba(255,255,255,.16);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ofc-clock{gap:4px}.ofc-clock i{font-style:normal;display:inline-grid;grid-auto-flow:column;align-items:baseline;gap:1px;min-width:34px;justify-content:center;padding:4px 6px;border-radius:7px;background:#111827;color:#fff}
.ofc-clock b{font-size:13px}.ofc-clock small{font-size:10px;opacity:.7}
.ofc-text{color:#b42318;font-weight:600}.ofx-solid .ofc-text{color:inherit}
.ofc-bar{display:grid;gap:4px;min-width:90px;justify-items:end}.ofc-bar small{font-size:11.5px;opacity:.85}
.ofc-tr{display:block;width:90px;height:5px;border-radius:9px;background:color-mix(in srgb,currentColor 15%,transparent);overflow:hidden}.ofc-tr i{display:block;height:100%;border-radius:9px;background:#ef4444}
/* phones: full width, short label, no folding */
@media (max-width:640px){
 .ofs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:-6px -16px 16px;padding:0 16px}
 .ofs::-webkit-scrollbar{display:none}
 .ofs-c{flex:0 0 86%;scroll-snap-align:start;padding:11px 12px;gap:10px}
 .ofs[data-n="1"] .ofs-c{flex-basis:100%}
 .ofs-l{display:none}.ofs-s{display:inline}
 .ofs-t b{font-size:14px}.ofs-t small{font-size:11.5px}
 .ofs-i{width:34px;height:34px;border-radius:10px}
 .ofx-ticket .ofs-i{width:52px}
 .ofx-ticket .ofs-c{-webkit-mask:radial-gradient(circle 7px at 52px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 52px 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 7px at 52px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 52px 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
 .ofx-minimal .ofs-c{flex-basis:100%}
 .ofc-bar{min-width:0}.ofc-tr{width:64px}
 .ofc-clock i{min-width:28px;padding:3px 4px}.ofc-clock b{font-size:12px}
}
/* chips (product page, mini cart, cart, checkout) */
.ofp{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;min-width:0}
.ofp-c{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:5px 10px 5px 6px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.2}
.ofp-c>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ofp-c>i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none}
.ofp-c>i svg{width:11px;height:11px;stroke-width:2.4}
.ofp-c em{font-style:normal;font-weight:500;font-size:11px;opacity:.75;white-space:nowrap}
.ofp-c .ofc{font-size:11px}.ofp-c .ofc-chip{padding:2px 7px}.ofp-c .ofc-clock i{min-width:24px;padding:2px 4px}.ofp-c .ofc-clock b{font-size:11px}.ofp-c .ofc-bar{display:none}
.ofx-soft .ofp-c,.ofx-ticket .ofp-c{background:color-mix(in srgb,var(--ac) 9%,#fff);color:var(--ac-d,var(--ac));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 22%,#fff)}
.ofx-soft .ofp-c>i,.ofx-ticket .ofp-c>i{background:#fff;color:var(--ac-d,var(--ac))}
.ofx-soft .ofp-c.ok>i,.ofx-ticket .ofp-c.ok>i,.ofx-outline .ofp-c.ok>i,.ofx-minimal .ofp-c.ok>i{background:var(--ac);color:var(--on,#fff)}
.ofx-ticket .ofp-c{border-radius:6px;-webkit-mask:radial-gradient(circle 4px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 4px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 4px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 4px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;padding-left:10px}
.ofx-solid .ofp-c{background:var(--ac);color:var(--on,#fff)}.ofx-solid .ofp-c>i{background:rgba(255,255,255,.2)}
.ofx-solid .ofp-c:not(.ok){background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac-d,var(--ac))}.ofx-solid .ofp-c:not(.ok)>i{background:#fff}
.ofx-outline .ofp-c{background:#fff;color:var(--ac-d,var(--ac));box-shadow:none;border:1px dashed color-mix(in srgb,var(--ac) 55%,#fff)}
.ofx-outline .ofp-c>i{background:color-mix(in srgb,var(--ac) 10%,#fff)}
.ofx-minimal .ofp-c{padding:2px 0;background:none;color:var(--ac-d,var(--ac))}
.ofx-minimal .ofp-c>i{background:color-mix(in srgb,var(--ac) 12%,#fff)}
.ofx-minimal .ofp-c:not(:last-child)::after{content:"";width:1px;height:12px;background:var(--line);margin-left:6px}
.ofp-c:not(.ok){font-weight:500}
.ofp-pd{margin:12px 0 2px}
.ofp-pd .ofp-c{font-size:13px;padding:6px 12px 6px 7px}
.mc-f>.ofp{margin:0 0 10px}
.box.sticky>.ofp{margin:-4px 0 12px}
.ofn{display:none!important}
.ofs{scroll-padding-inline:16px}
@media (max-width:640px){.ofs-x{display:none}}
.ofp-b{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:70%;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--ac) 10%,#fff);color:var(--ac-d,var(--ac));font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 22%,#fff)}
.ofp-b>svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--ac);color:var(--on,#fff);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ofp-b>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ln.d:has(.ofp-b){align-items:center}

/* ===== Fix 16: no leftover green — selected options, borders and success states follow Branding → Colours ===== */
:root{--bd:color-mix(in srgb,var(--ink,#17251e) 16%,#fff)}
.rad label{border-color:var(--bd)}
.rad label:has(input:checked){border-color:var(--act,var(--ac));background:var(--act-s,var(--soft))}
.rad input,.chk input{accent-color:var(--act,var(--ac))}
.rad .i{color:var(--act-d,var(--ac-d))}
.fld input,.fld select,.fld textarea,.opt button,.qty,.pin input{border-color:var(--bd)}
.fsb2.done{background:var(--soft);border-color:color-mix(in srgb,var(--ac) 24%,#fff)}
.fsb2.done .fsb2-ic,.fsb2-ic.ok{background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 65%,#fff),var(--ac))!important;color:var(--on,#fff);box-shadow:0 3px 8px -3px color-mix(in srgb,var(--ac) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.45)!important}
.fsb2.done .fsb2-track i{background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 70%,#fff),var(--ac))}
.oc-st.ok{background:var(--soft);color:var(--ac-d)}
.ord .st2{background:var(--soft)}
.toast .i{color:var(--ac-s)}

/* ===== Fix 17: mobile menu sub-categories, offer card, personalisation lines ===== */
/* Mobile menu: a closed category hides its sub-categories (the [hidden] state wins over the grid layout). */
.dr-kids[hidden]{display:none!important}
.dr-tg svg{transition:transform .2s}.dr-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
/* Shop / category offer card: content centred in the card, countdown beside the text, gentle shine on the icon. */
.ofs .ofs-c{justify-content:center;text-align:left}
.ofs .ofs-t{flex:0 1 auto;max-width:100%}
.ofs .ofs-c>.ofc{margin-left:6px;padding-left:16px;border-left:1px solid color-mix(in srgb,currentColor 14%,transparent);align-self:center}
.ofx-solid.ofs .ofs-c>.ofc{border-left-color:rgba(255,255,255,.28)}
.ofs-i{position:relative;overflow:hidden;isolation:isolate}
.ofs-i::after,.ofp-c>i::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-130%);animation:bqShine17 3.4s ease-in-out 1s infinite;pointer-events:none}
.ofp-c>i{position:relative;overflow:hidden}
@keyframes bqShine17{0%{transform:translateX(-130%)}45%,100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){.ofs-i::after,.ofp-c>i::after{animation:none;display:none}}
.ofx-minimal.ofs .ofs-c{justify-content:center}
@media (max-width:640px){
 .ofs[data-n="1"] .ofs-c{justify-content:center}
 .ofs .ofs-c>.ofc{padding-left:10px;margin-left:2px}
 .ofs .ofs-t b{white-space:nowrap}
}
@media (max-width:380px){.ofs .ofs-c>.ofc-clock i{min-width:24px;padding:3px}.ofs .ofs-c{gap:8px}}
/* Personalised items in the mini cart, cart and checkout summary. */
.pz-ln{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--muted);white-space:normal;overflow-wrap:anywhere}
.sm-n .pz-ln{font-size:11.5px}

/* ===== Fix 18: offer card (shop/category), product page offer banner, ticking countdown tiles ===== */
.oft{display:inline-grid;gap:4px;justify-items:center;flex:none}
.oft-l{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.oft-g{display:flex;gap:6px}
.oft-g i{font-style:normal;display:grid;justify-items:center;align-content:center;gap:1px;width:46px;height:46px;border-radius:11px;background:#111827;color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.08),0 1px 2px rgba(17,24,39,.18);overflow:hidden;position:relative}
.oft-g i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.08)}
.oft-g b{font-size:17px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;display:block}
.oft-g b.tk{animation:ofcFlip .45s cubic-bezier(.2,.8,.3,1)}
.oft-g small{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.65;line-height:1}
@keyframes ofcFlip{0%{transform:translateY(-70%);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.oft-g b.tk{animation:none}}
.ofx-solid .oft-g i{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}

/* shop / category card */
.ofs2 .ofs-c{padding:14px 18px;gap:14px;align-items:center}
.ofs2 .ofs-t{gap:1px}
.ofs2 .ofs-e{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ac-d,var(--ac))}
.ofx-solid.ofs2 .ofs-e{color:inherit;opacity:.85}
.ofs2 .ofs-t b{font-size:16px;white-space:normal}
.ofs2 .ofs-t small{white-space:normal}
.ofs2 .ofs-m{display:none}
.ofs2 .ofs-i{width:44px;height:44px;border-radius:13px}
.ofs2 .ofs-c>.oft{margin-left:10px;padding-left:18px;border-left:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.ofx-solid.ofs2 .ofs-c>.oft{border-left-color:rgba(255,255,255,.28)}
.ofs2[data-n="1"] .ofs-c,.ofs2 .ofs-c{justify-content:center}
@media (min-width:641px){.ofs2[data-n="1"]{display:block}.ofs2[data-n="1"] .ofs-c{padding:16px 22px}}
@media (max-width:640px){
 .ofs2[data-n="1"]{display:block;margin:-6px 0 16px;padding:0;overflow:visible}
 .ofs2 .ofs-c{flex-wrap:wrap;justify-content:flex-start;padding:13px 14px;gap:10px 12px}
 .ofs2[data-n="1"] .ofs-c{width:100%}
 .ofs2 .ofs-t{flex:1 1 0;min-width:0}
 .ofs2 .ofs-x{display:none}.ofs2 .ofs-m{display:inline}
 .ofs2 .ofs-t b{font-size:15px}
 .ofs2 .ofs-i{width:40px;height:40px}
 .ofs2 .ofs-c>.oft{flex:1 0 100%;margin:2px 0 0;padding:10px 0 0;border-left:0;border-top:1px dashed color-mix(in srgb,currentColor 18%,transparent);grid-auto-flow:column;justify-content:space-between;align-items:center}
 .ofs2 .oft-g i{width:42px;height:42px}
}

/* product page banner (inside the product page) */
.ofb-w{display:grid;gap:8px;margin:2px 0 14px}
.ofb{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--ac,#16a34a) 10%,#fff),#fff 78%);border:1px solid color-mix(in srgb,var(--ac,#16a34a) 26%,#fff);color:var(--ink,#111b21)}
.ofb-i{position:relative;overflow:hidden;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--ac,#16a34a);color:var(--on,#fff)}
.ofb-i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ofb-i::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-130%);animation:bqShine17 3.4s ease-in-out 1s infinite}
.ofb-t{display:grid;gap:1px;min-width:0;flex:1}
.ofb-t em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-d,var(--ac,#16a34a))}
.ofb-t b{font-size:15.5px;line-height:1.3}
.ofb-t small{font-size:12px;color:var(--muted,#667781)}
.ofb .oft-g i{width:40px;height:40px;border-radius:10px}.ofb .oft-g b{font-size:15px}
.ofx-solid.ofb{background:linear-gradient(120deg,var(--ac,#16a34a),color-mix(in srgb,var(--ac,#16a34a) 78%,#000));color:var(--on,#fff);border:0}
.ofx-solid.ofb .ofb-t em,.ofx-solid.ofb .ofb-t small{color:inherit;opacity:.85}.ofx-solid.ofb .ofb-i{background:rgba(255,255,255,.16)}
.ofx-outline.ofb{background:#fff;border:1.5px dashed color-mix(in srgb,var(--ac,#16a34a) 55%,#fff)}
.ofx-minimal.ofb{background:none;border:0;border-bottom:1px solid var(--line,#e6e9ec);border-radius:0;padding:8px 0}
@media (max-width:560px){.ofb{flex-wrap:wrap}.ofb .oft{flex:1 0 100%;grid-auto-flow:column;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed color-mix(in srgb,currentColor 16%,transparent)}}
@media (prefers-reduced-motion:reduce){.ofb-i::after{animation:none;display:none}}


/* ===== Fix 19: countdown colour + styles, compact offer card / product strip ===== */
.oft-clock .oft-g i{background:var(--cdc,var(--ac,#16a34a));color:var(--cdc-on,var(--on,#fff))}
.oft-clock .oft-g i::after{background:rgba(255,255,255,.12)}
.oft-split .oft-g{gap:4px;align-items:center}
.oft-split .oft-g i{background:#fff;color:var(--cdc,var(--ac-d,var(--ac,#16a34a)));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cdc,var(--ac,#16a34a)) 35%,#fff)}
.oft-split .oft-g i::after{display:none}
.oft-split .oft-g i+i{margin-left:10px}
.oft-split .oft-g i+i::before{content:":";position:absolute;left:-10px;top:50%;transform:translate(-50%,-62%);font-weight:800;font-size:17px;color:var(--cdc,var(--ac,#16a34a))}
.oft-split .oft-g i{overflow:visible}
.oft-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;position:relative;overflow:hidden;isolation:isolate;color:var(--cdc-on,#fff);background:linear-gradient(120deg,var(--cdc,var(--ac,#16a34a)),color-mix(in srgb,var(--cdc,var(--ac,#16a34a)) 70%,#000));box-shadow:0 6px 16px -8px color-mix(in srgb,var(--cdc,var(--ac,#16a34a)) 80%,transparent)}
.oft-badge::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 66%);transform:translateX(-130%);animation:bqShine17 3.4s ease-in-out 1s infinite}
.oft-badge b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.oft-bl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.oft-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;animation:ofcPulse 1.4s ease-in-out infinite}
@keyframes ofcPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.ofs2 .ofc-chip,.ofb .ofc-chip{color:var(--cdc,#b42318);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cdc,#b42318) 30%,#fff)}
@media (prefers-reduced-motion:reduce){.oft-dot,.oft-badge::after{animation:none}}

/* shop / category card: only as wide as its content on desktop */
@media (min-width:641px){
 .ofs2[data-n="1"]{display:flex;justify-content:center}
 .ofs2[data-n="1"] .ofs-c{width:auto;max-width:100%;padding:14px 22px}
}
.ofs2 .ofs-t small{white-space:nowrap}
/* phones: no "Ends in" label, countdown centred */
@media (max-width:640px){
 .ofs2 .ofs-c>.oft{display:flex;justify-content:center;align-items:center}
 .ofs2 .ofs-c>.oft .oft-l{display:none}
 .ofs2 .ofs-c>.oft-badge{flex:0 0 auto;margin:2px auto 0;border-top:0;padding:8px 14px}
 .ofs2 .ofs-t small{white-space:normal}
}

/* product page: compact strip */
.ofb-w{gap:6px;margin:0 0 12px}
.ofb{padding:9px 12px;gap:10px;border-radius:12px}
.ofb-i{width:32px;height:32px;border-radius:10px}.ofb-i svg{width:16px;height:16px}
.ofb-t b{font-size:14px}.ofb-t small{font-size:11.5px}
.ofb .oft-l{display:none}
.ofb .oft-g{gap:4px}.ofb .oft-g i{width:34px;height:34px;border-radius:9px}.ofb .oft-g b{font-size:13.5px}.ofb .oft-g small{font-size:8px}
.ofb .oft-badge{padding:6px 11px}.ofb .oft-badge b{font-size:12.5px}.ofb .oft-bl{display:none}
@media (max-width:560px){
 .ofb .oft{flex:1 0 100%;display:flex;justify-content:center;padding-top:8px;border-top:1px dashed color-mix(in srgb,currentColor 16%,transparent)}
 .ofb .oft-badge{flex:0 0 auto;margin:0 auto;border-top:0;padding:6px 12px}
}
@media (max-width:640px){.ofs2 .ofs-c.has-cd .ofs-t{flex:1 1 calc(100% - 60px)}.ofs2 .ofs-c>.oft-badge{margin:4px auto 0}}
@media (max-width:560px){.ofb.has-cd .ofb-t{flex:1 1 calc(100% - 50px)}.ofb>.oft-badge,.ofb>.ofc{margin:0 auto}}
/* Fix 19: tall order summary stays sticky (by its bottom) instead of jumping to the top */
@media (min-width:861px){.cl>.box.sticky.bq-tall{position:sticky!important;align-self:start}}
/* Fix 19: desktop menu dropdown sits below the menu bar (no overlap); an invisible bridge keeps hover open */
@media (hover:hover) and (min-width:861px){.bqh-dd:not(.mega)>.bqh-menu{margin-top:16px}.bqh-dd:not(.mega)>.bqh-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}}
/* Fix 19: mobile menu — category with sub-categories = one full row that opens its list */
.dr-cat.has-k{display:block}
.dr-b .sub .dr-row{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px 10px 50px;border:0;background:none;font:inherit;font-weight:500;color:var(--muted);border-radius:10px;cursor:pointer;text-align:left}
.dr-row span{flex:1;min-width:0}
.dr-b .sub .dr-row:hover,.dr-b .sub .dr-row[aria-expanded="true"],.dr-b .sub .dr-row.on{background:var(--soft);color:var(--ac-d)}
.dr-row svg,.dr-row .i{width:18px;height:18px;flex:none;transition:transform .2s}
.dr-row[aria-expanded="true"] svg{transform:rotate(180deg)}
/* Fix 19: mini cart lines — one-line title, size + photos on one small line, offer mark */
.ci-m{display:block;min-width:0}
.ci-m .sz{display:inline}.ci-m .sz-s{display:none}
.ci-m .pz-ln{display:inline;margin:0}.ci-m .pz-ln::before{content:" · "}
#mc .ci h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#mc .ci-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted);line-height:1.4}
#mc .ci-m .sz{font-size:12px;padding:0;background:none}
#mc .ci-m .sz-f{display:none}#mc .ci-m .sz-s{display:inline}
#mc .ci-m .pz-ln{font-size:12px}
.ci-off{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:4px 0 2px;padding:2px 8px 2px 5px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;color:var(--ac-d,var(--ac));background:color-mix(in srgb,var(--ac) 10%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 24%,#fff)}
.ci-off svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ci-off span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-off::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 48%,transparent 66%);transform:translateX(-130%);animation:bqShine17 3.4s ease-in-out 1s infinite}
@media (prefers-reduced-motion:reduce){.ci-off::after{animation:none;display:none}}

/* ===== Fix 20 ===== */
/* Desktop "Categories" menu: main categories with their picture, neat "View all" button */
.bqx-cmenu{width:min(720px,calc(100vw - 48px));padding:14px}
.bqx-cgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.bqx-cg .bqx-cp,.bqx-cp.bqx-cp2{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--ink,#172337);text-decoration:none;transition:background .15s}
.bqx-cp.bqx-cp2:hover{background:var(--soft,#f4f6f5);color:var(--ac-d,var(--ac))}
.bqx-cp2 img,.bqx-cp2 .bqx-cdot{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:none;background:var(--soft,#f2f4f3)}
.bqx-cp2 .bqx-cdot{display:grid;place-items:center;font-weight:700;font-size:17px;color:var(--ac-d,var(--ac));background:color-mix(in srgb,var(--ac) 12%,#fff)}
.bqx-cn{display:grid;gap:2px;min-width:0}
.bqx-cn b{font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bqx-cn small{font-size:12px;color:var(--muted,#6b7280);font-weight:400}
.bqx-cfoot{display:flex;justify-content:flex-end;margin-top:10px;padding-top:12px;border-top:1px solid var(--line,#eceef0)}
.bqx-call,.bqx-cfoot .bqx-call{display:inline-flex;align-items:center;gap:8px;margin:0;height:36px;padding:0 14px 0 16px;border-radius:var(--kr,10px);background:color-mix(in srgb,var(--ac) 10%,#fff);color:var(--ac-d,var(--ac));font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,color .15s}
.bqx-call svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.bqx-call:hover{background:var(--ac);color:var(--on,#fff)}
.bqx-call:hover svg{transform:translateX(3px)}

/* Mini cart line: square photo filling its box, size + photos + offer on one line, remove next to the quantity */
#mc .ci{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px;align-items:center}
#mc .ci .th{width:72px;height:72px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--soft,#f3f4f6);align-self:start}
#mc .ci .th img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block}
#mc .ci .th svg{width:100%;height:100%}
#mc .ci h3{font-size:.92rem;line-height:1.25}
#mc .ci-ml{display:flex;align-items:center;gap:6px;min-width:0;margin-top:3px}
#mc .ci-ml .ci-m{flex:0 1 auto;min-width:0}
#mc .ci-ml .ci-off{flex:0 0 auto;margin:0!important;max-width:60%}
#mc .ci-ml .ci-off>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mc .ci .row{margin-top:7px;flex-wrap:nowrap;gap:6px}
#mc .ci .row>b{margin-left:auto;white-space:nowrap}
#mc .ci .qty button{width:30px;height:30px}
#mc .ci .rm{padding:6px;border-radius:8px;color:var(--muted,#6b7280)}
#mc .ci .rm:hover{color:#b42318;background:#fef3f2}
#mc .ci .rm svg{width:16px;height:16px}
/* Mobile footer: no empty band after the last fold-out row and above the © line */
@media (max-width:767px){
 .bqf2.fx-new .fx-cols{margin-bottom:0!important}
 .bqf2.fx-new .fx-bar{border-top:0!important}
 .bqf2.fx-new .fx-bar .fx-in{min-height:0!important;padding-top:16px!important;padding-bottom:18px!important;row-gap:12px!important}
}
#mc .ci-ml .ci-m{flex:1 1 auto;display:block;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
#mc .ci-ml .ci-m *{white-space:nowrap!important}
#mc .ci-ml .ci-m .pz-ln{display:inline}

/* ===== Fix 21 ===== */
/* Footer map: corner radius from Admin; "only the map" fills the Contact column */
.bqf2 .fx-map{border-radius:var(--fx-mapr,12px)!important}
.bqf2 .fx-maponly{margin-top:0;list-style:none}
.bqf2 .fx-maponly .fx-map{aspect-ratio:4/3;max-width:100%}
/* Contact page: small icons with a soft shine, no arrows */
.bqc .bqc-ic{position:relative;overflow:hidden;width:38px!important;height:38px!important;border-radius:11px!important}
.bqc .bqc-ic .i,.bqc .bqc-ic svg{width:18px!important;height:18px!important}
.bqc .bqc-ic::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:bqcShine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes bqcShine{0%{left:-60%}55%,100%{left:130%}}
.bqc .bqc-card em{font-size:12.5px;margin-top:4px}
.bqc .bqc-card em .i{display:none}
@media (prefers-reduced-motion:reduce){.bqc .bqc-ic::after{display:none}}
/* ===== Fix 22 ===== */
/* Mobile menu: a main category with sub-categories lines up exactly with the other main categories */
.dr-b .sub .dr-cat.has-k>.dr-row{padding:9px 12px 9px 40px!important;font-weight:400!important}
/* GPU-friendly shines: move with transform instead of re-laying out the element every frame */
.bqc .bqc-ic::after{left:-60%;will-change:transform;animation-name:bqcShine2}
@keyframes bqcShine2{0%{transform:skewX(-20deg) translateX(0)}55%,100%{transform:skewX(-20deg) translateX(475%)}}
/* Checkout summary: name on one line, size + photos on one line, square photo filling its box */
.sm-n .sm-t{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-n .sm-m{display:block;margin-top:2px;color:var(--muted);font-size:.8rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-th{overflow:visible}
.sm-th img,.sm-th svg{object-fit:cover!important;border-radius:9px}
/* Toasts: short messages stay on one line on phones */
.toast{max-width:calc(100vw - 24px)!important;width:max-content}
.toast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Track order page (Fix 23) */
.trk2{max-width:760px}
.trk2 .trk-hero{display:flex;gap:16px;align-items:center;margin:6px 0 18px}
.trk2 .trk-hero h1{margin:0;font-size:clamp(24px,3.2vw,32px);letter-spacing:-.02em;line-height:1.15}
.trk2 .trk-hero p{margin:4px 0 0;color:var(--muted);font-size:14.5px;line-height:1.5}
.trk2 .trk-ic{position:relative;overflow:hidden;flex:none;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 78%,#fff),var(--ac-d,var(--ac)));box-shadow:0 10px 24px -12px color-mix(in srgb,var(--ac) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.trk2 .trk-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trk2 .trk-ic::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:trkSh 3.4s ease-in-out infinite}
@keyframes trkSh{0%{transform:skewX(-20deg) translateX(0)}55%,100%{transform:skewX(-20deg) translateX(480%)}}
.trk2 .trk-steps{list-style:none;margin:0 0 16px;padding:14px 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ac) 4%,#fff)}
.trk2 .trk-steps li{display:grid;justify-items:center;gap:6px;flex:none}
.trk2 .trk-steps li span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--ac) 25%,var(--line));color:var(--ac-d,var(--ac))}
.trk2 .trk-steps li span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.trk2 .trk-steps small{font-size:12px;font-weight:600;color:var(--muted)}
.trk2 .trk-steps .trk-ln{flex:1 1 auto;height:2px;min-width:12px;margin-bottom:20px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ac) 40%,#fff) 0 6px,transparent 6px 11px)}
.trk2 .trk-help{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:14px;font-size:13.5px;color:var(--muted)}
.trk2 .trk-help a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ac-d,var(--ac));text-decoration:none}
.trk2 .trk-help a .i{width:16px;height:16px}
@media (max-width:560px){.trk2 .trk-hero{gap:12px}.trk2 .trk-ic{width:50px;height:50px;border-radius:15px}.trk2 .trk-ic svg{width:25px;height:25px}.trk2 .trk-steps{padding:12px 10px;gap:4px}.trk2 .trk-steps li span{width:32px;height:32px}.trk2 .trk-steps small{font-size:11px}}
@media (prefers-reduced-motion:reduce){.trk2 .trk-ic::after{display:none}}