/* ZibaGol Growth — HTML/CSS/SVG banners */
.zbg-bn{--zbg-b-bg:#fbf3ee;--zbg-b-fg:var(--zbg-ink,#2a1a20);background:var(--zbg-b-bg);color:var(--zbg-b-fg);font-family:var(--zbg-font,inherit);box-sizing:border-box;position:relative;overflow:hidden}
.zbg-bn *{box-sizing:border-box}
.zbg-bn h1,.zbg-bn h2,.zbg-bn p{color:inherit;margin:0}
.zbg-art{width:100%;height:auto;display:block}
.zbg-cd{font-variant-numeric:tabular-nums;font-weight:800;direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Hero */
.zbg-hero{border-radius:0 0 28px 28px;margin:0 0 32px;background:radial-gradient(120% 90% at 0% 100%,color-mix(in srgb,var(--zbg-a) 22%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--zbg-p) 12%,transparent),transparent 60%),var(--zbg-b-bg)}
.zbg-hero__in{max-width:1240px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.zbg-hero__kick{display:inline-block;font-size:14px;font-weight:700;color:var(--zbg-p)!important;background:#fff;border-radius:999px;padding:4px 14px;margin-bottom:16px!important;box-shadow:var(--zbg-sh)}
.zbg-hero__t{font-size:clamp(26px,3.8vw,46px)!important;font-weight:800!important;line-height:1.45!important;letter-spacing:0;margin:0 0 16px!important}
.zbg-hero__s{font-size:clamp(16px,1.4vw,18px);line-height:2;max-width:560px;opacity:.85;margin-bottom:24px!important}
.zbg-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.zbg-hero__cta .zbg-btn{min-height:52px;padding:0 28px;font-size:16px}
.zbg-hero__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zbg-hero__chips li{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.8);border:1px solid var(--zbg-line,#efe3e5);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.zbg-hero__chips .zbg-ico{color:var(--zbg-p)}
.zbg-hero__art{max-width:420px;justify-self:center;width:100%;filter:drop-shadow(0 30px 40px rgba(122,31,61,.18))}
@media(max-width:768px){
	.zbg-hero{border-radius:0 0 22px 22px}
	.zbg-hero__in{grid-template-columns:1fr;padding:24px 16px 28px;gap:8px}
	.zbg-hero__art{order:-1;max-width:180px}
	.zbg-hero__cta .zbg-btn{flex:1 1 140px}
	.zbg-hero__chips li{font-size:12px}
}

/* Category */
.zbg-catb{--zbg-b-bg:var(--zbg-p);--zbg-b-fg:#fff;border-radius:var(--zbg-r,16px);margin:0 0 24px;display:grid;grid-template-columns:1fr 200px;align-items:center;gap:16px;padding:24px 28px;background:linear-gradient(120deg,var(--zbg-b-bg),color-mix(in srgb,var(--zbg-b-bg) 70%,#000))}
.zbg-catb__t{font-size:clamp(20px,2.4vw,28px)!important;font-weight:800!important;line-height:1.5!important;margin-bottom:6px!important}
.zbg-catb__t span{font-weight:500;opacity:.8;font-size:.7em}
.zbg-catb__s{opacity:.9;line-height:1.9;margin-bottom:8px!important}
.zbg-catb__price{margin-bottom:16px!important}
.zbg-catb__price b{font-size:20px;color:var(--zbg-a)}
.zbg-catb__art{max-width:200px;margin:-20px 0}
@media(max-width:768px){.zbg-catb{grid-template-columns:1fr 96px;padding:18px 16px}.zbg-catb__art{margin:0}}

/* Occasion */
.zbg-occ{--zbg-b-bg:#2a1a20;--zbg-b-fg:#fff;max-width:1240px;margin:0 auto 32px;border-radius:var(--zbg-r,16px);display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:24px 28px;background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--zbg-a) 30%,transparent),transparent 60%),var(--zbg-b-bg)}
.zbg-occ__k{display:inline-block;color:var(--zbg-a)!important;font-weight:700;font-size:14px;margin-bottom:6px!important}
.zbg-occ__t{font-size:clamp(20px,2.4vw,28px)!important;font-weight:800!important;line-height:1.5!important;margin-bottom:8px!important}
.zbg-occ__s{opacity:.85;line-height:1.9;margin-bottom:12px!important}
.zbg-occ__cd{display:flex;align-items:center;gap:8px;margin-bottom:16px!important;font-size:18px}
@media(max-width:768px){.zbg-occ{grid-template-columns:1fr;padding:20px 16px;margin:0 16px 24px}.zbg-occ__art{max-width:110px}}

/* Discount top bar */
.zbg-topbar{--zbg-b-bg:var(--zbg-p);--zbg-b-fg:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 52px;min-height:44px;font-size:14px;text-align:center;z-index:91}
.zbg-topbar p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;line-height:1.7}
.zbg-topbar a{color:inherit!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.zbg-topbar__x{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:inherit;font-size:24px;cursor:pointer;line-height:1}
.zbg-topbar.is-hidden{display:none}
@media(max-width:480px){.zbg-topbar{font-size:13px;padding:6px 48px 6px 12px}}

/* Installments */
.zbg-inst{--zbg-b-bg:#eef6ff;--zbg-b-fg:#14284b;border-radius:var(--zbg-r,16px);margin:0 0 24px;display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid color-mix(in srgb,var(--zbg-b-fg) 12%,transparent)}
.zbg-inst__steps{display:flex;gap:4px;flex:none}
.zbg-inst__steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800;color:var(--zbg-b-fg);box-shadow:0 4px 12px -6px rgba(0,0,0,.3)}
.zbg-inst__steps span:first-child{background:var(--zbg-b-fg);color:var(--zbg-b-bg)}
.zbg-inst__txt{flex:1}
.zbg-inst__t{font-size:19px!important;font-weight:800!important;line-height:1.6!important}
.zbg-inst__s{opacity:.85;font-size:15px}
@media(max-width:768px){.zbg-inst{flex-direction:column;align-items:stretch;text-align:center;padding:18px 16px}.zbg-inst__steps{justify-content:center}}

/* Same day */
.zbg-sd{--zbg-b-bg:#fdf6e7;--zbg-b-fg:#3a2a08;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;margin:12px 0;border:1px solid color-mix(in srgb,var(--zbg-a) 45%,transparent)}
.zbg-sd>.zbg-ico{color:var(--zbg-a);margin-top:4px}
.zbg-sd__t{font-weight:800;font-size:15px;line-height:1.7}
.zbg-sd__s{font-size:14px;line-height:1.8}
.zbg-sd .zbg-cd{color:var(--zbg-p);font-size:16px}
.zbg-sd.is-closed>.zbg-ico{color:var(--zbg-mute)}

@media (prefers-reduced-motion:no-preference){.zbg-hero__art .zbg-art{animation:zbgSway 7s ease-in-out infinite alternate;transform-origin:50% 100%}}
@keyframes zbgSway{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
