/* Animal Zen — v5: páginas refeitas a partir das medidas exatas da Zee.Dog (1440 | 390). */

/* =================================================================== QUEM SOMOS (/institucional/marca) */
.zq{ overflow-x:clip; }
.zq-eye{ display:inline-block; font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--zd-g500); padding-bottom:4px; border-bottom:1px solid var(--zd-g300); margin-bottom:16px; }
.zq-eye.is-light{ color:rgba(255,255,255,.7); border-color:rgba(255,255,255,.4); }
.zd .zq-t{ font-size:28px !important; line-height:1.08 !important; margin:0 !important; color:var(--zd-black); }
.zq-t span{ color:var(--zd-g400); }
.zq-p{ font-size:12px; color:var(--zd-g500); margin:16px 0 0 !important; max-width:380px; }
.zq-p--s{ margin-top:8px !important; }
@media (min-width:1024px){ .zd .zq-t{ font-size:40px !important; } .zq-p{ font-size:14px; } }
/* herói 700 | 748 */
.zq-hero{ position:relative; height:700px; overflow:hidden; background:#121212; display:flex; align-items:center; justify-content:center; }
.zq-hero .zd-pic, .zq-hero .zd-media{ position:absolute; inset:0; }
.zq-hero::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); }
.zd h1.zq-hero__t{ position:relative; z-index:2; color:#fff !important; font-weight:300 !important; font-size:24px !important; letter-spacing:.01em !important; text-align:center; padding:0 24px; margin:0 !important; }
.zq-hero__t b{ font-weight:700; }
@media (min-width:1024px){ .zq-hero{ height:748px; } .zd h1.zq-hero__t{ font-size:30px !important; } }
/* SOBRE (cinza) com pilha de fotos que invade a seção seguinte */
.zq-sobre{ background:var(--zd-g100); padding:56px 24px 0; }
.zq-sobre__in{ display:flex; flex-direction:column; gap:40px; }
.zq-stack{ position:relative; width:100%; max-width:343px; aspect-ratio:343/411; margin:0 auto -120px; }
.zq-stack__c{ position:absolute; inset:0; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.18); }
.zq-stack__c--3{ transform:rotate(-8deg) translate(-4%,3%); } .zq-stack__c--2{ transform:rotate(6deg) translate(4%,1%); } .zq-stack__c--1{ transform:rotate(-2deg); }
@media (min-width:1024px){
	.zq-sobre{ padding:0 16px; height:554px; }
	.zq-sobre__in{ position:relative; max-width:1408px; margin:0 auto; height:100%; flex-direction:row; align-items:center; }
	.zq-sobre__txt{ padding-left:64px; width:50%; }
	.zq-stack{ position:absolute; left:808px; top:72px; width:456px; max-width:none; aspect-ratio:456/554; margin:0; }
}
/* fundadoras */
.zq-found{ padding:160px 24px 48px; display:flex; flex-direction:column; gap:32px; }
.zq-quote{ margin:0 0 24px; border:0; padding:0; font-family:var(--zd-title); font-weight:600; font-size:14px; line-height:1.4; max-width:420px; font-style:normal; }
.zq-quote cite{ display:block; margin-top:8px; font-style:normal; font-size:10px; letter-spacing:.05em; color:var(--zd-g500); }
.zq-found__ph{ aspect-ratio:520/374; border-radius:8px; overflow:hidden; }
@media (min-width:1024px){
	.zq-found{ max-width:1440px; margin:0 auto; padding:135px 112px 128px; display:grid; grid-template-columns:520px 1fr; gap:0 192px; align-items:end; }
	.zq-found__r{ padding-bottom:60px; }
}
/* PRODUTO: cartões com título vertical */
.zq-prod{ background:#f2f3f5; padding:56px 24px; display:flex; flex-direction:column; gap:32px; }
.zq-cards{ display:grid; gap:12px; }
.zq-card{ position:relative; background:#fff; border-radius:8px; overflow:hidden; height:147px; display:flex; flex-direction:column; justify-content:center; padding:0 170px 0 24px; }
.zq-card__t{ font-family:var(--zd-title); font-weight:700; font-size:24px; line-height:1; }
.zq-card__s{ font-size:12px; color:var(--zd-g500); margin-top:8px; }
.zq-card__img{ position:absolute; right:0; top:0; bottom:0; width:154px; }
@media (min-width:1024px){
	.zq-prod{ height:728px; padding:0 64px 64px; display:grid; grid-template-columns:1fr 896px; align-items:end; gap:0; }
	.zq-prod__txt{ padding-bottom:56px; }
	.zq-cards{ grid-template-columns:repeat(4, 206px); gap:24px; align-self:center; justify-content:end; }
	.zq-card{ height:504px; padding:40px 0 0; justify-content:flex-start; align-items:center; }
	.zq-card__t{ writing-mode:vertical-rl; transform:rotate(180deg); font-size:40px; }
	.zq-card__s{ display:none; }
	.zq-card__img{ top:auto; left:0; width:100%; height:316px; }
}
/* EXPERIÊNCIA escura 747 | 724 */
.zq-exp{ position:relative; background:#121212; color:#fff; overflow:hidden; }
.zq-exp > .zd-pic, .zq-exp > .zd-media{ position:absolute; inset:0; opacity:.55; }
.zq-exp__in{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:40px; padding:64px 24px; }
.zq-exp__txt{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.zq-exp__small{ font-family:var(--zd-title); font-weight:600; font-size:10px; letter-spacing:.2em; }
.zq-exp__big{ font-family:var(--zd-title); font-weight:400; font-size:32px; letter-spacing:.18em; line-height:1.1; }
.zq-exp__txt p{ font-size:12px; color:rgba(255,255,255,.8); max-width:280px; margin:12px 0 0 !important; }
.zq-exp__btns{ display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; justify-content:center; }
.zq-exp__btns .zd-pill{ min-height:32px; padding:6px 16px; font-size:11px; }
.zq-exp__stack{ position:relative; width:250px; height:316px; }
.zq-exp__c{ position:absolute; left:50%; bottom:0; border-radius:4px; overflow:hidden; transform:translateX(-50%); box-shadow:0 -2px 10px rgba(0,0,0,.35); }
.zq-exp__c--1{ width:100%; height:100%; } .zq-exp__c--2{ width:92%; height:100%; bottom:10px; } .zq-exp__c--3{ width:84%; height:100%; bottom:20px; }
@media (min-width:1024px){
	.zq-exp{ height:724px; }
	.zq-exp__in{ max-width:1440px; margin:0 auto; height:100%; display:grid; grid-template-columns:1fr 1fr; padding:0 155px 0 0; }
	.zq-exp__big{ font-size:44px; }
	.zq-exp__stack{ width:445px; height:563px; justify-self:end; margin-top:40px; }
	.zq-exp__c--2{ bottom:16px; } .zq-exp__c--3{ bottom:32px; }
}
/* COMUNIDADE → Projeto Brilha */
.zq-com{ padding:48px 16px 0; }
.zq-com__band{ display:flex; flex-direction:column; gap:24px; margin-top:16px; background:#121212; color:#fff; border-radius:8px; padding:24px; }
.zq-com__txt{ display:flex; flex-direction:column; gap:10px; }
.zq-com__txt b{ font-family:var(--zd-title); font-size:32px; line-height:1; letter-spacing:.02em; color:var(--zd-accent); }
.zq-com__txt span{ font-size:12px; max-width:260px; }
.zq-polas{ display:flex; flex-wrap:wrap; gap:8px; }
.zq-pola{ margin:0; width:calc(33% - 6px); aspect-ratio:1/1.09; background:#fff; padding:6px 6px 12px; transform:rotate(-3deg); }
.zq-pola:nth-child(even){ transform:rotate(3deg); }
.zq-pola .zd-pic, .zq-pola .zd-media{ height:100%; }
@media (min-width:1024px){
	.zq-com{ padding:56px 64px 0; max-width:1440px; margin:0 auto; }
	.zq-com__band{ height:195px; flex-direction:row; align-items:center; justify-content:space-between; padding:0 24px; overflow:hidden; }
	.zq-com__txt b{ font-size:44px; }
	.zq-polas{ flex-wrap:nowrap; gap:0; }
	.zq-pola{ width:118px; margin:0 0 0 -2px; }
}
/* DESTAQUES 636x212 */
.zq-dest{ padding:48px 16px 0; }
.zq-dest__grid{ display:grid; gap:16px; margin-top:16px; }
.zq-dest__b{ position:relative; display:block; aspect-ratio:3/1; border-radius:8px; overflow:hidden; color:#fff; }
.zq-dest__b .zd-pic, .zq-dest__b .zd-media{ position:absolute; inset:0; }
.zq-dest__b::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,0) 60%); }
.zq-dest__b span{ position:absolute; left:16px; bottom:16px; z-index:2; display:flex; flex-direction:column; gap:2px; }
.zq-dest__b small{ font-size:10px; font-weight:500; }
.zq-dest__b b{ font-family:var(--zd-title); font-size:22px; }
@media (min-width:1024px){ .zq-dest{ padding:56px 64px 0; max-width:1440px; margin:0 auto; } .zq-dest__grid{ grid-template-columns:636px 636px; gap:40px; } .zq-dest__b{ aspect-ratio:auto; height:212px; } .zq-dest__b b{ font-size:32px; } .zq-dest__b small{ font-size:12px; } }
/* COLLABS → linhas (alturas variadas, rolagem) */
.zq-cols{ background:var(--zd-g100); padding:48px 0; margin-top:48px; }
.zq-cols__txt{ padding:0 24px 24px; }
.zq-cols__track{ display:flex; gap:24px; align-items:flex-start; overflow-x:auto; scrollbar-width:none; padding:0 24px; scroll-snap-type:x mandatory; }
.zq-cols__track::-webkit-scrollbar{ display:none; }
.zq-col{ flex:none; scroll-snap-align:start; display:flex; flex-direction:column; }
.zq-col__img{ display:block; border-radius:8px; overflow:hidden; margin-bottom:10px; }
.zq-col small{ font-family:var(--zd-title); font-weight:700; font-size:10px; }
.zq-col b{ font-family:var(--zd-title); font-size:18px; line-height:1.1; }
.zq-col--1 .zq-col__img, .zq-col--4 .zq-col__img{ width:250px; height:309px; } .zq-col--2 .zq-col__img, .zq-col--5 .zq-col__img{ width:181px; height:189px; } .zq-col--3 .zq-col__img, .zq-col--6 .zq-col__img{ width:181px; height:282px; }
@media (min-width:1024px){
	.zq-cols{ display:grid; grid-template-columns:399px 1fr; padding:140px 0 150px; margin-top:80px; }
	.zq-cols__txt{ padding:0 0 0 64px; }
	.zq-cols__track{ gap:40px; padding:0 40px 0 0; }
	.zq-col small{ font-size:12px; margin-top:4px; } .zq-col b{ font-size:24px; }
	.zq-col--1 .zq-col__img{ width:409px; height:505px; } .zq-col--2 .zq-col__img{ width:296px; height:309px; } .zq-col--3 .zq-col__img{ width:296px; height:461px; }
	.zq-col--4 .zq-col__img{ width:409px; height:378px; } .zq-col--5 .zq-col__img{ width:296px; height:337px; } .zq-col--6 .zq-col__img{ width:296px; height:399px; }
}
/* depoimentos 420 | 581 */
.zq-q{ position:relative; height:420px; }
.zq-q > .zd-pic, .zq-q > .zd-media{ position:absolute; inset:0; }
.zq-q__card{ position:absolute; left:16px; right:16px; bottom:32px; margin:0; padding:20px; border-radius:8px; background:rgba(255,255,255,.3); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#fff; font-family:var(--zd-title); font-weight:700; font-size:16px; line-height:1.25; text-shadow:0 1px 8px rgba(0,0,0,.2); border:0; font-style:normal; }
.zq-q__card cite{ display:block; margin-top:10px; font-size:10px; font-style:normal; letter-spacing:.05em; }
@media (min-width:1024px){ .zq-q{ height:581px; } .zq-q__card{ left:0; right:auto; top:50%; bottom:auto; transform:translateY(-50%); width:300px; padding:24px; font-size:18px; } }
.zq-rail .zd-rail__dots{ position:absolute; left:0; right:0; bottom:10px; margin:0; }
.zq .zh-seo{ padding-top:40px; }
/* ajustes da comparação */
.zq-com__band, .zq-com__band span, .zq-dest__b span, .zq-dest__b small, .zq-dest__b b, .zq-exp, .zq-exp span, .zq-exp p{ color:#fff !important; }
.zq-com__txt b{ color:var(--zd-accent) !important; }
.zq-dest__b::after{ background:linear-gradient(90deg, rgba(0,0,0,.65), rgba(0,0,0,.1) 70%); }
.zq-quote{ font-size:16px; }
@media (min-width:1024px){
	.zq-card{ height:540px; padding-top:32px; }
	.zq-card__t{ font-size:36px; }
	.zq-card__img{ height:300px; }
}

/* =================================================================== CORREÇÃO GERAL: imagem dos espaços sempre cobre o espaço */
.zd img.zd-media, .zd video.zd-media, .zd .zd-pic img{ width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; }

/* =================================================================== QUEM SOMOS · celular (medidas de /institucional/marca 390) */
@media (max-width:1023px){
	.zq-hero{ align-items:flex-start; justify-content:flex-start; }
	.zd h1.zq-hero__t{ text-align:left; font-size:28px !important; line-height:1.4 !important; padding:64px 24px 0; max-width:300px; }
	.zq-sobre{ padding-bottom:40px; }
	.zq-stack{ max-width:290px; margin:0 auto; aspect-ratio:290/360; }
	.zq-found{ background:var(--zd-g100); padding:24px 16px 48px; }
	.zq-quote{ text-align:center; font-size:16px; padding:0 16px; margin:0 auto 16px; }
	.zq-prod{ background:#fff; padding:48px 16px; }
	.zq-card{ background:var(--zd-g100); padding:0 170px 0 40px; }
	.zq-card__s{ display:none; }
	.zq-exp__txt .zq-exp__btns{ display:none; }
	.zq-exp__btns--m{ display:flex; flex-direction:column; align-items:center; gap:14px; margin-top:0; }
	.zq-exp__btns--m .zd-pill{ min-height:40px; padding:8px 22px; font-size:13px; }
	.zq-com__band{ align-items:center; text-align:center; padding:32px 16px 0; overflow:visible; }
	.zq-com__txt{ align-items:center; }
	.zq-polas{ flex-wrap:nowrap; gap:0; justify-content:center; margin-bottom:-24px; }
	.zq-pola{ width:130px; flex:none; margin:0 -14px; }
	.zq-dest{ padding-top:56px; }
	.zq-dest__b{ aspect-ratio:342/188; }
	.zq-dest__b b{ font-size:24px; }
}
@media (min-width:1024px){ .zq-exp__btns--m{ display:none; } }
/* =================================================================== RODAPÉ · celular no desenho da Zee */
.zd-foot__mtop{ display:flex; flex-direction:column; align-items:center; gap:20px; padding:40px 16px 32px; border-bottom:1px solid var(--zd-g200); }
.zd-foot__mtop img{ width:150px; height:auto; }
.zd-foot__col > summary .zd-acc__ic{ margin-left:auto; }
.zd-foot__accbody{ padding:8px 0 20px; }
@media (max-width:1023px){
	.zd-foot__cols{ padding:0; }
	.zd-foot__col{ border-bottom:1px solid var(--zd-g200); }
	.zd-foot__col > summary{ padding:20px 24px !important; border:0 !important; font-size:14px; }
	.zd-foot__col ul{ padding:0 24px 20px !important; }
	.zd-foot__col--m .zd-foot__accbody{ padding:0 24px 20px; }
	.zd-foot__col--boxes{ display:none !important; }
	.zd-foot__brand{ display:none; }
}
@media (min-width:1024px){ .zd-foot__mtop, .zd-foot__col--m{ display:none !important; } .zd-foot__col > summary .zd-acc__ic{ display:none; } }
.zq-cols__track{ scroll-padding:0 24px; } @media (max-width:1023px){ .zq-cols__track{ padding:0 16px; scroll-padding:0 16px; } }

/* =================================================================== SEJA PARCEIRO (/captacao-de-franqueados) */
.zp{ overflow-x:clip; }
.zd .zp-t{ font-size:24px !important; line-height:1.1 !important; margin:0 !important; }
.zp-small{ display:block; font-size:14px; margin-bottom:16px; }
.zp-p{ font-size:12px; margin:16px 0 0 !important; max-width:440px; color:var(--zd-g700); }
.zp-accent{ color:var(--zd-accent) !important; }
.zp-only-m{ display:block; } @media (min-width:1024px){ .zp-only-m{ display:none !important; } }
.zp-hero{ position:relative; height:386px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#121212; }
.zp-hero > .zd-pic, .zp-hero > .zd-media{ position:absolute; inset:0; }
.zp-hero__pill{ position:relative; z-index:2; }
.zp-split{ display:flex; flex-direction:column; gap:32px; padding:80px 0 0; }
.zp-split__txt{ padding:0 24px; }
.zp-pill{ margin-top:24px; }
.zp-photo{ position:relative; height:427px; overflow:hidden; }
.zp-photo > .zd-pic, .zp-photo > .zd-media{ position:absolute; inset:0; }
.zp-photo--plain{ display:none; }
.zp-chips{ position:absolute; left:0; right:0; bottom:24px; z-index:2; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; padding:0 12px; }
.zp-chips span{ background:#fff; border-radius:6px; padding:8px 12px; font-family:var(--zd-title); font-weight:700; font-size:13px; color:var(--zd-black) !important; }
.zp-chips span.is-dark{ background:var(--zd-black); color:var(--zd-accent) !important; }
.zp-gray{ padding:80px 0 0; }
.zp-gray__in{ display:flex; flex-direction:column-reverse; gap:24px; }
.zp-gray__txt{ padding:0 24px; }
.zp-card{ position:relative; margin:0 24px; height:559px; border-radius:16px; overflow:hidden; background:#fff; }
.zp-card > .zd-pic, .zp-card > .zd-media{ position:absolute; inset:0; }
.zp-chips--card{ bottom:40px; }
.zp-chips--card span{ background:var(--zd-g100); }
.zp-dark{ background:var(--zd-accent); margin-top:80px; padding:56px 24px; }
.zp-dark .zp-accent{ color:var(--zd-black) !important; }
.zp-dark__in{ display:flex; flex-direction:column; gap:16px; }
.zp-acard{ background:#fff; border-radius:12px; padding:32px 24px; display:flex; flex-direction:column; gap:12px; }
.zp-acard b{ font-family:var(--zd-title); font-size:24px; line-height:1.1; }
.zp-acard span{ font-size:12px; }
.zp-why{ background:var(--zd-g100); padding:56px 24px; }
.zp-gcards{ display:grid; gap:16px; margin-top:24px; }
.zp-gcard{ background:#fff; border-radius:12px; padding:32px 24px; }
.zd .zp-gcard h3{ font-size:24px !important; margin:0 0 12px !important; }
.zp-gcard p{ font-size:12px; margin:0 !important; }
.zp-start{ margin-top:16px; background:var(--zd-accent); border-radius:12px; padding:32px 24px; display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.zp-slide{ position:relative; height:283px; }
.zp-slide > .zd-pic, .zp-slide > .zd-media{ position:absolute; inset:0; }
@media (min-width:1024px){
	.zd .zp-t{ font-size:32px !important; }
	.zp-hero{ height:562px; }
	.zp-split{ display:grid; grid-template-columns:1fr 512px; gap:0; align-items:center; max-width:1360px; margin:0 auto; padding:80px 0 0; }
	.zp-split__txt{ padding:0 0 0 40px; }
	.zp-photo, .zp-photo--plain{ display:block; height:560px; border-radius:16px; }
	.zp-gray{ background:var(--zd-g200); margin-top:80px; padding:80px 0; }
	.zp-gray__in{ max-width:1360px; margin:0 auto; display:grid; grid-template-columns:784px 1fr; gap:0; align-items:center; }
	.zp-gray__txt{ padding:0 0 0 64px; }
	.zp-card{ margin:0; height:560px; }
	.zp-dark{ background:var(--zd-g700); margin-top:80px; padding:80px 40px; }
	.zp-dark .zp-accent{ color:var(--zd-accent) !important; }
	.zp-dark__in{ max-width:1360px; margin:0 auto; display:grid; grid-template-columns:1fr 432px 432px; gap:32px; align-items:center; }
	.zp-acard{ background:var(--zd-accent); min-height:360px; justify-content:center; padding:48px 64px; }
	.zp-acard b{ font-size:32px; }
	.zp-acard span{ font-size:14px; }
	.zp-why{ background:#fff; padding:80px 40px; }
	.zp-gcards{ max-width:1360px; margin:0 auto; grid-template-columns:repeat(3, 1fr); gap:32px; }
	.zp-gcard{ background:var(--zd-g100); min-height:380px; display:flex; flex-direction:column; justify-content:center; padding:48px 64px; }
	.zd .zp-gcard h3{ font-size:32px !important; }
	.zp-gcard p{ font-size:14px; }
	.zp-start{ max-width:1360px; margin:32px auto 0; flex-direction:row; align-items:center; justify-content:space-between; padding:80px 64px; }
	.zp-slide{ height:653px; }
}
@media (min-width:1024px){ .zp-split__txt{ max-width:500px; } .zp-split__txt .zp-t{ max-width:440px; } .zp-dark .zp-t{ max-width:300px; } }
@media (max-width:1023px){
	.zp-p{ font-size:14px; }
	.zp-small{ margin-bottom:32px; }
	.zp-dark{ background:var(--zd-g700); padding:64px 24px; }
	.zp-dark .zp-accent{ color:var(--zd-accent) !important; }
	.zp-acard{ background:var(--zd-accent); padding:40px 32px; min-height:190px; justify-content:center; }
	.zp-why{ background:#fff; padding:64px 24px; }
	.zp-gcard{ background:var(--zd-g100); min-height:250px; display:flex; flex-direction:column; justify-content:center; padding:32px; }
}

/* =================================================================== KITS (/assinatura) — azul da marca no lugar do verde, areia igual */
.zk{ --zk-main:#0B4FE0; --zk-sand:#EDE2CD; --zk-sand2:#F8F5F1; --zk-cream:#FFF3D6; }
.zk-hero{ background:var(--zk-main); color:#fff; padding:40px 24px 48px; }
.zk-hero__in{ display:flex; flex-direction:column; gap:32px; }
.zk-tag{ display:inline-block; border:1px solid var(--zk-cream); border-radius:6px; padding:3px 8px; font-size:12px; color:var(--zk-cream) !important; }
.zd h1.zk-hero__t{ font-size:24px !important; line-height:1.6 !important; color:var(--zk-cream) !important; margin:24px 0 !important; }
.zk-hero__btn{ background:var(--zk-cream) !important; color:var(--zk-main) !important; border-color:var(--zk-cream) !important; }
.zk-hero__img{ aspect-ratio:1/1; border-radius:40px; overflow:hidden; }
@media (min-width:1024px){
	.zk-hero{ height:792px; padding:0; display:flex; align-items:center; }
	.zk-hero__in{ width:100%; max-width:1156px; margin:0 auto; display:grid; grid-template-columns:1fr 500px; align-items:center; }
	.zd h1.zk-hero__t{ font-size:40px !important; max-width:420px; margin:150px 0 110px !important; }
	.zk-hero__txt{ align-self:start; padding-top:96px; }
	.zk-hero__img{ width:500px; height:500px; }
}
.zk-sand{ background:var(--zk-sand); padding:56px 24px 64px; }
.zd .zk-h{ font-size:24px !important; color:var(--zk-main) !important; text-align:center; margin:0 0 32px !important; }
.zd .zk-h--dark{ color:var(--zd-black) !important; }
.zk-steps{ display:grid; gap:48px; max-width:1000px; margin:0 auto 64px; }
.zk-step{ position:relative; background:var(--zk-sand2); border:1px solid rgba(0,0,0,.06); border-radius:12px; padding-top:48px; text-align:center; }
.zk-step__n{ position:absolute; top:-32px; left:50%; transform:translateX(-50%); width:64px; height:64px; border-radius:50%; background:var(--zk-sand2); display:flex; align-items:center; justify-content:center; font-family:var(--zd-title); font-weight:700; font-size:20px; color:var(--zk-main); }
.zk-step__t{ display:block; font-weight:700; font-size:14px; color:var(--zk-main); padding:0 32px 24px; }
.zk-step__body{ background:#fff; border-radius:0 0 12px 12px; min-height:280px; padding:24px; display:flex; align-items:center; justify-content:center; }
.zk-mock{ width:100%; text-align:left; font-size:12px; }
.zk-mock--prod{ display:flex; flex-direction:column; gap:4px; }
.zk-mock--prod .zd-pic, .zk-mock--prod .zd-media{ height:150px; border-radius:8px; margin-bottom:8px; }
.zk-mock__name{ font-size:13px; color:var(--zd-g700); } .zk-mock__meta{ font-weight:700; }
.zk-mock__tag{ align-self:flex-start; background:var(--zk-main); color:#fff; border-radius:4px; padding:2px 6px; font-size:10px; font-weight:700; }
.zk-mock--sel{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.zk-mock__lbl{ color:var(--zd-g500); }
.zk-mock__select{ display:flex; align-items:center; justify-content:space-between; gap:16px; width:200px; background:var(--zk-sand); border-radius:4px; padding:12px 14px; font-weight:700; }
.zk-mock--sum{ border:1px solid var(--zd-g200); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; }
.zk-mock__h{ font-weight:700; padding:10px 12px; border-bottom:1px solid var(--zd-g200); }
.zk-mock__row{ display:flex; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:1px solid var(--zd-g200); }
.zk-mock__row b{ color:var(--zk-main); text-align:right; }
.zk-mock__btn{ margin:12px; background:var(--zk-main); color:#fff; border-radius:999px; text-align:center; padding:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
@media (min-width:1024px){ .zd .zk-h{ font-size:32px !important; } .zk-steps{ grid-template-columns:repeat(3, 318px); justify-content:center; gap:22px; margin-bottom:80px; } .zk-sand{ padding:96px 40px 96px; } }
.zk-tiles__track{ grid-auto-columns:286px !important; gap:14px !important; }
.zk-tile{ position:relative; display:block; height:404px; border-radius:8px; overflow:hidden; }
.zk-tile .zd-pic, .zk-tile .zd-media{ position:absolute; inset:0; }
.zk-tile span{ position:absolute; top:56px; left:0; right:0; text-align:center; z-index:2; font-weight:700; font-size:16px; letter-spacing:.03em; color:var(--zd-black); }
@media (min-width:1024px){
	.zk-tiles{ max-width:784px; margin:0 auto; }
	.zk-tiles__track{ display:grid !important; grid-template-columns:repeat(3, 247px) !important; grid-auto-flow:row !important; overflow:visible !important; gap:22px !important; justify-content:center; }
	.zk-tiles .zd-rail__dots, .zk-tiles .zd-rail__btn{ display:none !important; }
	.zk-tile{ height:348px; }
}
.zk-rail{ padding:40px 0; }
.zk-rail .zd-card{ background:var(--zk-sand2); }
.zk-faq{ padding:40px 16px; max-width:1200px; margin:0 auto; }
.zk-end{ padding:0 16px 64px; }
.zk-end__box{ max-width:815px; margin:0 auto; background:#121212; color:#fff; border-radius:12px; padding:40px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px; }
.zd .zk-end__box h2{ font-size:24px !important; color:#fff !important; margin:0 !important; }
.zk-end__box p{ font-size:14px; margin:0 !important; color:rgba(255,255,255,.8) !important; }
@media (min-width:1024px){ .zd .zk-end__box h2{ font-size:32px !important; } .zk-end__box{ min-height:215px; justify-content:center; } }

/* =================================================================== PROJETO BRILHA (/cansei-de-ser-gato) */
.zb{ padding:24px 24px 0; display:flex; flex-direction:column; gap:24px; }
.zb-b{ position:relative; display:block; border-radius:8px; overflow:hidden; color:var(--zd-black); }
.zb-b > .zd-pic, .zb-b > .zd-media{ position:absolute; inset:0; }
.zb-b__txt{ position:absolute; top:24px; left:24px; right:24px; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.zb-b__t{ font-family:var(--zd-title); font-weight:700; font-size:24px; line-height:1.1; }
.zb-b__s{ font-size:14px; max-width:320px; }
.zb-b.is-light .zb-b__txt, .zb-b.is-light .zb-b__txt span{ color:#fff !important; }
.zb-full{ height:502px; }
.zb-slim{ height:139px; }
.zb-slim .zb-b__txt{ top:50%; transform:translateY(-50%); gap:4px; }
.zb-slim .zb-b__s{ display:none; }
.zb-half{ height:414px; }
.zb-duo{ display:flex; flex-direction:column; gap:16px; }
.zb-duo__b{ height:421px; }
.zb-halfrow{ display:flex; flex-direction:column; gap:12px; }
.zb-halfrow__cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.zb-rail{ margin:0 -24px; }
.zb .zh-seo{ padding:16px 0 40px; }
@media (min-width:1024px){
	.zb{ padding:24px 40px 0; }
	.zb-b__txt{ top:40px; left:40px; gap:12px; }
	.zb-b__t{ font-size:32px; }
	.zb-b__s{ font-size:14px; max-width:420px; }
	.zb-full{ height:517px; }
	.zb-slim{ height:222px; }
	.zb-slim .zb-b__txt{ left:70px; }
	.zb-slim .zb-b__s{ display:block; }
	.zb-slim--c .zb-b__txt{ left:50%; transform:translate(-50%,-50%); align-items:center; text-align:center; width:420px; right:auto; }
	.zb-halfrow{ display:grid; grid-template-columns:660px 1fr; gap:40px; align-items:center; }
	.zb-half{ height:480px; }
	.zb-halfrow__cards{ gap:20px; }
	.zb-duo{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
	.zb-duo__b{ height:513px; }
	.zb-rail{ margin:0 -40px; }
}

/* =================================================================== VITRINE: subcategorias e primeiro quadro (medidas da Zee) */
.zd-plp__head{ display:flex; flex-direction:column; gap:24px; }
.zd-subcats{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:0 -16px; padding:0 16px; }
.zd-subcats::-webkit-scrollbar{ display:none; }
.zd-subcat{ flex:none; width:86px; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; font-size:12px; line-height:1.2; color:var(--zd-g500); }
.zd-subcat__img{ width:64px; height:64px; display:block; }
.zd-subcat__img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.zd-subcat.is-on{ color:var(--zd-black); font-weight:700; }
@media (min-width:1024px){
	.zd-plp__head{ flex-direction:row; align-items:center; justify-content:space-between; }
	.zd-subcats{ margin:0; padding:0; overflow:visible; gap:4px; }
	.zd-subcat{ width:92px; }
}
.zd-promo{ min-height:0; aspect-ratio:auto; justify-content:space-between; padding:24px 12px; }
.zd-promo > .zd-pic, .zd-promo > .zd-media{ position:absolute; inset:0; z-index:0; }
.zd-promo__t{ font-size:16px; line-height:1; }
.zd-promo__s{ display:none; }
.zd-promo::after{ background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,0) 35%, rgba(0,0,0,0) 70%, rgba(0,0,0,.35)); }
@media (min-width:768px){ .zd-promo__t{ font-size:22px; } }

/* =================================================================== PRODUTO: ajustes da comparação */
.zd .zd-buy__cep #shipping-calc #wscp-postcode.text{ width:100% !important; height:56px !important; margin:0 !important; padding:0 130px 0 20px !important; border:1px solid var(--zd-g300) !important; border-radius:999px !important; background:#fff !important; box-shadow:none !important; }
.zd .zd-buy__cep #shipping-calc #wscp-button{ position:absolute !important; right:6px; top:6px; width:auto !important; height:44px !important; padding:0 22px !important; border:0 !important; border-radius:999px !important; background:transparent !important; color:var(--zd-black) !important; font-family:var(--zd-title) !important; font-weight:700 !important; font-size:14px !important; letter-spacing:.05em; text-transform:uppercase; }
.zd-buy__sizes{ margin-top:20px; }
.zd-buy__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.zd-buy__chips span{ min-width:44px; height:44px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--zd-g300); border-radius:4px; font-size:13px; color:var(--zd-g500); }
.zd-feats{ display:flex; flex-direction:column; padding:16px 16px; }
.zd-feat{ display:flex; align-items:center; gap:20px; padding:16px 8px; border-bottom:1px solid var(--zd-g200); }
.zd-feat:last-child{ border-bottom:0; }
.zd-feat span{ display:flex; flex-direction:column; gap:2px; }
.zd-feat small{ font-size:12px; color:var(--zd-g500); }
.zd-feat b{ font-family:var(--zd-title); font-size:16px; }
@media (min-width:1024px){ .zd-feats{ flex-direction:row; justify-content:center; padding:40px; } .zd-feat{ border-bottom:0; border-right:1px solid var(--zd-g200); padding:8px 40px; } .zd-feat:last-child{ border-right:0; } }
@media (max-width:1023px){
	.zd-gal{ padding:0; }
	.zd-rail--gal .zd-rail__track{ grid-auto-columns:100%; gap:0; padding:0; scroll-padding:0; }
	.zd-gal__it{ border:0; border-radius:0; }
	.zd-rail--gal .zd-rail__dots{ position:absolute; top:16px; left:0; right:0; margin:0; }
	.zd-gal__badges{ top:16px; left:16px; }
}
.zd-promo.is-ref > span:not(.zd-cta){ display:none; } .zd-promo.is-ref::after{ display:none; }
/* central do lojista · celular como a FAQ da Zee */
@media (max-width:1023px){
	.zd-help{ background:var(--zd-g100); }
	.zd-help__side{ text-align:center; padding:40px 24px 8px; }
	.zd-help__s{ margin:16px auto 0 !important; font-size:14px; }
	.zd-help__main{ padding:24px 24px 48px; }
	.zd-hgrid{ gap:16px; }
	.zd-hcard{ min-height:165px; justify-content:center; font-size:14px; font-weight:700; gap:20px; }
	.zd-hcard__ic{ width:60px; height:60px; }
	.zd-hcard__ic .zd-i{ width:26px; height:26px; }
}

/* =================================================================== IMAGEM EM MOVIMENTO (no lugar dos vídeos da Zee) */
.zd-motion{ position:absolute; inset:0; overflow:hidden; }
.zd-motion__f{ position:absolute; inset:0; display:block; opacity:0; transition:opacity 1.4s ease; }
.zd-motion__f.is-on{ opacity:1; }
.zd-motion__f .zd-media, .zd-motion__f.zd-media{ width:100% !important; height:100% !important; object-fit:cover; will-change:transform; }
.zd-motion__f.is-on .zd-media, .zd-motion__f.is-on.zd-media{ animation:zd-kb0 14s ease-in-out infinite alternate; }
.zd-motion__f--1.is-on .zd-media{ animation-name:zd-kb1; }
.zd-motion__f--2.is-on .zd-media{ animation-name:zd-kb2; }
.zd-motion__f--3.is-on .zd-media{ animation-name:zd-kb3; }
@keyframes zd-kb0{ from{ transform:scale(1) translate(0,0); } to{ transform:scale(1.1) translate(-2%,-1%); } }
@keyframes zd-kb1{ from{ transform:scale(1.1) translate(2%,0); } to{ transform:scale(1) translate(0,0); } }
@keyframes zd-kb2{ from{ transform:scale(1.02) translate(0,2%); } to{ transform:scale(1.12) translate(1%,-1%); } }
@keyframes zd-kb3{ from{ transform:scale(1.12) translate(-1%,1%); } to{ transform:scale(1.02) translate(1%,0); } }
/* espaços que eram "em fluxo" ganham altura do pai (banner de linha, faixa larga, cartão) */
.zh-wide, .zh-full, .zh-row__banner, .zp-photo, .zp-hero, .zk-hero__img, .zb-b, .zq-exp, .zq-hero, .zh-hero, .zd-promo{ position:relative; }
.zh-wide .zd-motion, .zk-hero__img .zd-motion{ position:absolute; }
/* leve zoom ao passar o mouse nos quadros (como a Zee) */
@media (hover:hover){ .zh-trio__it .zd-media, .zk-tile .zd-media, .zq-col__img .zd-media, .zq-dest__b .zd-media{ transition:transform .6s ease; } .zh-trio__it:hover .zd-media, .zk-tile:hover .zd-media, .zq-col:hover .zd-media, .zq-dest__b:hover .zd-media{ transform:scale(1.05); } }
@media (prefers-reduced-motion:reduce){ .zd-motion__f .zd-media{ animation:none !important; } .zd-motion__f{ transition:none; } }
/* banners: movimento um pouco mais visível e defasado, para não andarem todos juntos */
.zh-trio__it:nth-child(2) .zd-motion__f .zd-media, .zb-duo__b:nth-child(2) .zd-motion__f .zd-media, .zq-dest__b:nth-child(2) .zd-motion__f .zd-media{ animation-delay:-5s !important; animation-name:zd-kb1 !important; }
.zh-trio__it:nth-child(3) .zd-motion__f .zd-media{ animation-delay:-9s !important; animation-name:zd-kb2 !important; }
.zh-wide .zd-motion__f.is-on .zd-media, .zb-slim .zd-motion__f.is-on .zd-media{ animation-name:zd-pan; animation-duration:18s; }
@keyframes zd-pan{ from{ transform:scale(1.08) translateX(-3%); } to{ transform:scale(1.08) translateX(3%); } }
.zb-b.is-light::before{ content:''; position:absolute; inset:0 0 45% 0; background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0)); z-index:1; }
.zd-buy__note{ display:flex; align-items:center; gap:8px; margin:10px 0 0 !important; font-size:12px; color:var(--zd-g500); letter-spacing:.03em; }
.zd-buy__note .zd-i{ color:var(--zd-g400); flex:none; }
/* descrição do produto: listas com marcador e títulos curtos */
.zd-acc__body ul{ margin:0 0 12px !important; padding-left:18px !important; list-style:disc !important; }
.zd-acc__body ul li{ margin:0 0 6px; padding-left:2px; }
.zd-acc__body ul li::marker{ color:var(--zd-black); }
.zd-acc__body > p:first-child strong{ display:block; font-family:var(--zd-title); font-size:18px; line-height:1.2; letter-spacing:0; color:var(--zd-black); margin-bottom:6px; }

/* 30/09 · herói com fotos de campanha (IA): sombra mais firme atrás do texto, à esquerda */
@media (min-width:1024px){ .zh-hero::after{ width:58%; background:linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.38) 55%, rgba(0,0,0,0) 100%); } }

/* 30/09 · nome da categoria nas fotos dos trios: pílula branca, letra preta forte (antes: letra fina que sumia na foto) */
.zh-trio__cta{ top:auto !important; bottom:20px !important; background:#fff; color:#121212 !important; padding:11px 22px 10px !important; border-radius:999px; font-size:14px; letter-spacing:.06em; box-shadow:0 6px 18px rgba(0,0,0,.22); text-shadow:none; }
.zh-trio__cta::after{ display:none; }
@media (min-width:768px){ .zh-trio__cta{ bottom:32px !important; font-size:15px; padding:13px 26px 12px !important; } }

/* 30/09 · Quem somos sem a foto das sócias: a citação vira o destaque do bloco */
.zq-found{ align-items:center; }
.zq-quote{ font-size:20px; line-height:1.35; max-width:520px; }
@media (min-width:1024px){ .zq-found{ align-items:center; } .zq-quote{ font-size:30px; } .zq-found__r{ padding-bottom:0; } }

/* 30/09 · Kits: cartões coloridos com nº de peças (sem foto repetida) · 4 cartões */
.zk-tile--kit{ display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; color:var(--zd-black); padding:24px; }
.zk-tile--kit span, .zk-tile--kit small, .zk-tile--kit b{ position:static !important; }
.zk-tile--kit.is-y{ background:var(--zd-accent); } .zk-tile--kit.is-b{ background:#8FD3FF; } .zk-tile--kit.is-p{ background:#FFB3D1; } .zk-tile--kit.is-k{ background:var(--zd-black); color:#fff; }
.zk-tile__n{ font-family:var(--zd-title); font-weight:800; font-size:88px; line-height:.9; }
.zk-tile__u{ font-family:var(--zd-title); font-weight:600; font-size:14px; letter-spacing:.14em; text-transform:uppercase; }
.zk-tile--kit .zk-tile__t{ font-family:var(--zd-title); font-weight:700; font-size:22px; margin:18px 0 6px; color:inherit; }
@media (min-width:1024px){ .zk-tiles{ max-width:1100px; } .zk-tiles__track{ grid-template-columns:repeat(4, 1fr) !important; } }

/* 30/09 · Projeto Brilha: públicos em cartões escuros de texto (no lugar de 5 banners sem refletiva) */
.zb-aud{ padding:48px 16px; }
.zb-aud__h{ font-family:var(--zd-title); font-weight:700; font-size:26px; text-align:center; margin:0 0 24px !important; }
.zb-aud__g{ display:grid; grid-template-columns:1fr; gap:12px; max-width:1312px; margin:0 auto; }
.zb-aud__c{ display:flex; flex-direction:column; gap:10px; background:#1C1F3A; color:#fff; border-radius:8px; padding:28px 24px; min-height:190px; }
.zb-aud__c b{ font-family:var(--zd-title); font-size:22px; line-height:1.15; }
.zb-aud__c > span:not(.zd-cta){ font-size:15px; line-height:1.4; opacity:.85; flex:1; }
.zb-aud__c .zd-cta{ align-self:flex-start; }
@media (min-width:768px){ .zb-aud{ padding:72px 40px; } .zb-aud__h{ font-size:36px; } .zb-aud__g{ grid-template-columns:repeat(2,1fr); gap:20px; } }
@media (min-width:1200px){ .zb-aud__g{ grid-template-columns:repeat(4,1fr); } .zb-aud__c{ min-height:260px; padding:36px 28px; } }

/* 30/09 · banner cheio da home virou "Seja parceiro" sobre foto (mar): texto branco com sombra */
.zh-full--light .zh-full__txt{ color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.3); }
.zh-full--light::before{ content:""; position:absolute; inset:0 0 45% 0; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0)); pointer-events:none; }
@media (min-width:768px){ .zh-full--light::before{ inset:0 45% 0 0; background:linear-gradient(90deg, rgba(0,0,0,.6), rgba(0,0,0,0)); } }
.zh-full__ctas{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:4px; position:relative; z-index:2; }
.zh-full--light .zh-full__txt{ pointer-events:auto; }

/* 30/09 · Kits "Como funciona": 3 cartões iguais, sem simulação de tela */
.zk-steps2{ display:grid; gap:16px; max-width:1040px; margin:0 auto 64px; }
.zk-step2{ position:relative; background:#fff; border-radius:16px; padding:36px 28px 32px; text-align:left; box-shadow:0 1px 0 rgba(0,0,0,.04); }
.zk-step2__n{ position:absolute; top:24px; right:24px; font-family:var(--zd-title); font-weight:800; font-size:44px; line-height:1; color:var(--zk-sand); }
.zk-step2__i{ display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:var(--zk-main); color:#fff; margin-bottom:20px; }
.zk-step2__i svg{ stroke:currentColor; }
.zd .zk-step2__t{ font-family:var(--zd-title); font-weight:700; font-size:20px !important; line-height:1.2; color:var(--zd-black) !important; margin:0 0 8px !important; }
.zk-step2__p{ font-size:15px; line-height:1.45; color:var(--zd-g700); margin:0 !important; }
@media (min-width:1024px){ .zk-steps2{ grid-template-columns:repeat(3, 1fr); gap:24px; } }

/* 30/09 · cartões dos kits com foto de IA em cima e faixa colorida embaixo */
.zk-tile--kit{ padding:0 !important; justify-content:flex-start !important; gap:0 !important; overflow:hidden; }
.zk-tile__ph{ position:relative !important; display:block; width:100%; flex:1 1 auto; min-height:0; overflow:hidden; }
.zk-tile__ph img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.zk-tile--kit:hover .zk-tile__ph img{ transform:scale(1.04); }
.zk-tile__band{ position:relative !important; display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px 12px 18px; flex:0 0 auto; }
.zk-tile--kit .zk-tile__n{ font-size:44px; }
.zk-tile--kit .zk-tile__t{ margin:6px 0 2px !important; font-size:19px; }
.zk-tile--kit .zk-tile__u{ font-size:11px; }
.zk-tile--kit{ height:420px !important; }
@media (min-width:1024px){ .zk-tile--kit{ height:460px !important; } }

/* 30/09 · Brilha: texto dos cartões escuros precisa ser branco (o estilo geral pintava de preto) */
.zd .zb-aud__c, .zd .zb-aud__c b, .zd .zb-aud__c span{ color:#fff !important; }
.zd .zb-aud__c > span:not(.zd-cta){ color:rgba(255,255,255,.82) !important; opacity:1; }
.zd .zb-aud__c b{ font-size:23px; }
.zb-aud__c{ background:linear-gradient(160deg, #26306a 0%, #151a3a 100%); border:1px solid rgba(255,255,255,.08); transition:transform .25s ease; }
.zb-aud__c:hover{ transform:translateY(-3px); }
.zb-aud__c b::before{ content:""; display:block; width:36px; height:6px; border-radius:3px; background:#f4f4f4; box-shadow:0 0 14px rgba(255,255,255,.75); margin-bottom:18px; }

/* 30/09 · Projeto Brilha como página de impacto: manifesto, movimento, passos, quem adere, fechamento */
.zb-eye{ display:block; font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8FA2FF; margin-bottom:14px; }
.zb-man{ background:#0f1330; color:#fff; text-align:center; padding:72px 20px; margin-top:16px; border-radius:8px; }
.zd .zb-man__t{ font-family:var(--zd-title); font-weight:800; font-size:30px !important; line-height:1.12; color:#fff !important; max-width:860px; margin:0 auto 20px !important; }
.zb-man__t em{ font-style:normal; color:#fff; text-shadow:0 0 18px rgba(255,255,255,.85), 0 0 42px rgba(143,162,255,.7); }
.zb-man__p{ font-size:16px; line-height:1.55; color:rgba(255,255,255,.8) !important; max-width:640px; margin:0 auto !important; }
.zb-glow{ display:block; width:120px; height:8px; border-radius:4px; margin:0 auto 26px; background:#f4f4f4; box-shadow:0 0 16px rgba(255,255,255,.9), 0 0 44px rgba(143,162,255,.8); }
.zb-mov{ padding:64px 20px; text-align:center; }
.zb-mov__in{ max-width:900px; margin:0 auto; }
.zb-mov__t{ font-family:var(--zd-title); font-weight:700; font-size:24px; line-height:1.25; color:var(--zd-black); margin:0 0 10px !important; }
.zb-mov__s{ font-size:16px; color:var(--zd-g700); margin:0 !important; }
.zb-how{ background:#f4f4f4; border-radius:8px; padding:56px 20px; text-align:center; }
.zb-how .zb-eye, .zb-aud .zb-eye{ color:#3a4bb8; }
.zd .zb-sec__t{ font-family:var(--zd-title); font-weight:700; font-size:26px !important; margin:0 0 28px !important; color:var(--zd-black) !important; }
.zb-steps{ display:grid; gap:14px; max-width:1200px; margin:0 auto; text-align:left; }
.zb-step{ background:#fff; border-radius:12px; padding:28px 24px; }
.zb-step__n{ display:block; font-family:var(--zd-title); font-weight:800; font-size:40px; line-height:1; color:#1C1F3A; margin-bottom:14px; }
.zd .zb-step__t{ font-family:var(--zd-title); font-weight:700; font-size:20px !important; margin:0 0 8px !important; color:var(--zd-black) !important; }
.zb-step__p{ font-size:15px; line-height:1.5; color:var(--zd-g700); margin:0 !important; }
.zb-aud{ text-align:center; }
.zb-end{ background:radial-gradient(ellipse at 50% 0%, #2a3478 0%, #0f1330 70%); color:#fff; text-align:center; padding:80px 20px; border-radius:8px; margin:8px 0 24px; }
.zd .zb-end__t{ font-family:var(--zd-title); font-weight:800; font-size:32px !important; line-height:1.1; color:#fff !important; margin:0 auto 14px !important; max-width:760px; }
.zb-end__p{ font-size:16px; color:rgba(255,255,255,.82) !important; max-width:560px; margin:0 auto 28px !important; }
@media (min-width:768px){
	.zb-man{ padding:110px 40px; } .zd .zb-man__t{ font-size:48px !important; }
	.zb-mov{ padding:88px 40px; } .zb-mov__t{ font-size:32px; }
	.zb-how{ padding:80px 40px; } .zd .zb-sec__t{ font-size:36px !important; }
	.zb-steps{ grid-template-columns:repeat(3,1fr); gap:20px; }
	.zb-end{ padding:120px 40px; } .zd .zb-end__t{ font-size:52px !important; }
}
@media (min-width:1200px){ .zb-aud__g--3{ grid-template-columns:repeat(3,1fr) !important; } }

/* 30/09 · Seja parceiro: página de venda para o lojista (entre o herói e o banner do fim da home) */
.zs-sec{ padding:56px 16px; text-align:center; }
.zs-sec--gray{ background:var(--zd-g100); }
.zs-eye{ display:block; font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--zd-royal); margin-bottom:12px; }
.zd .zs-h{ font-family:var(--zd-title); font-weight:700; font-size:26px !important; line-height:1.15; max-width:760px; margin:0 auto 32px !important; color:var(--zd-black) !important; }
.zs-mots{ display:grid; gap:14px; max-width:1200px; margin:0 auto; text-align:left; }
.zs-mot{ background:#fff; border:1px solid var(--zd-g200); border-radius:14px; padding:26px 22px; }
.zs-mot__i{ display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; background:var(--zd-accent); color:var(--zd-black); margin-bottom:16px; }
.zd .zs-mot__t{ font-family:var(--zd-title); font-weight:700; font-size:20px !important; margin:0 0 6px !important; color:var(--zd-black) !important; }
.zs-mot__p{ font-size:15px; line-height:1.5; color:var(--zd-g700); margin:0 !important; }
.zs-conds{ display:grid; grid-template-columns:1fr 1fr; background:var(--zd-black); color:#fff; }
.zs-cond{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:28px 12px; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.zs-cond__i{ color:var(--zd-accent); margin-bottom:6px; }
.zs-cond b{ font-family:var(--zd-title); font-size:22px; color:#fff; }
.zs-cond span:not(.zs-cond__i){ font-size:13px; color:rgba(255,255,255,.75); }
.zs-steps{ display:grid; gap:14px; max-width:1200px; margin:0 auto 28px; text-align:left; }
.zs-step{ background:#fff; border-radius:14px; padding:24px 22px; }
.zs-step__n{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(--zd-black); color:#fff; font-family:var(--zd-title); font-weight:700; margin-bottom:14px; }
.zd .zs-step__t{ font-family:var(--zd-title); font-weight:700; font-size:18px !important; margin:0 0 6px !important; color:var(--zd-black) !important; }
.zs-step__p{ font-size:14px; line-height:1.5; color:var(--zd-g700); margin:0 !important; }
.zs-center{ display:flex; justify-content:center; align-items:center; gap:16px; flex-wrap:wrap; }
.zs-kit{ padding:0 16px; margin:48px 0; }
.zs-kit__in{ max-width:1200px; margin:0 auto; background:var(--zd-accent); border-radius:16px; padding:36px 24px; display:flex; flex-direction:column; gap:22px; }
.zs-eye--dark{ color:var(--zd-black); opacity:.7; }
.zd .zs-kit__t{ font-family:var(--zd-title); font-weight:800; font-size:28px !important; margin:0 0 8px !important; color:var(--zd-black) !important; }
.zs-kit__p{ font-size:16px; line-height:1.5; margin:0 !important; max-width:620px; }
.zs-kit__b{ display:flex; gap:12px; flex-wrap:wrap; }
.zs-faq{ max-width:860px; margin:0 auto; text-align:left; }
.zs-ask{ margin-top:28px; font-weight:600; }
@media (min-width:768px){
	.zs-sec{ padding:88px 40px; } .zd .zs-h{ font-size:36px !important; margin-bottom:44px !important; }
	.zs-mots{ grid-template-columns:repeat(3,1fr); gap:20px; } .zs-mot{ padding:32px 28px; }
	.zs-conds{ grid-template-columns:repeat(4,1fr); } .zs-cond{ border-bottom:0; padding:36px 16px; } .zs-cond b{ font-size:26px; }
	.zs-steps{ grid-template-columns:repeat(4,1fr); gap:20px; }
	.zs-kit__in{ flex-direction:row; align-items:center; justify-content:space-between; padding:48px 56px; } .zd .zs-kit__t{ font-size:36px !important; }
}

/* 30/09 · cartões dos kits v2: foto no cartão inteiro, escurecida embaixo, texto branco (Ana: "escritos apagadinhos") */
.zk-tile--kit{ position:relative !important; display:block !important; background:#121212 !important; }
.zk-tile--kit .zk-tile__ph{ position:absolute !important; inset:0 !important; top:0 !important; height:auto; }
.zk-tile--kit .zk-tile__ph picture, .zk-tile--kit .zk-tile__ph img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.zk-tile--kit .zk-tile__ph::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.85) 100%); }
.zk-tile--kit .zk-tile__band{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important; z-index:2; padding:0 16px 26px !important; text-align:center; }
.zd .zk-tile--kit .zk-tile__band, .zd .zk-tile--kit .zk-tile__band *{ color:#fff !important; }
.zk-tile--kit .zk-tile__n{ font-size:56px !important; text-shadow:0 2px 16px rgba(0,0,0,.35); }
.zk-tile--kit .zk-tile__u{ opacity:.9; }
.zk-tile--kit .zk-tile__t{ font-size:21px !important; margin:10px 0 6px !important; }
.zk-tile--kit .zd-cta::after{ background:#fff !important; }
.zk-tile--kit.is-y .zk-tile__u{ color:var(--zd-accent) !important; } .zk-tile--kit.is-b .zk-tile__u{ color:#8FD3FF !important; } .zk-tile--kit.is-p .zk-tile__u{ color:#FFB3D1 !important; }

/* 30/09 · Seja parceiro: faixa de condições no azul Animal Zen */
.zs-conds{ background:#0B4FE0 !important; }
.zs-cond{ border-color:rgba(255,255,255,.2) !important; }
.zs-cond__i{ color:#FFD54A !important; }
.zs-cond span:not(.zs-cond__i){ color:rgba(255,255,255,.88) !important; }

/* 30/09 · Sobre: a pilha de fotos das sócias se reveza sozinha (a da frente sai para o lado e vai para o fundo), 12 s por volta */
@keyframes zq-deck {
	0%, 26%  { transform:rotate(-2deg); z-index:3; }
	31%      { transform:rotate(12deg) translate(62%,-6%); z-index:3; }
	32%      { transform:rotate(12deg) translate(62%,-6%); z-index:1; }
	38%, 60% { transform:rotate(-8deg) translate(-4%,3%); z-index:1; }
	66%, 92% { transform:rotate(6deg) translate(4%,1%); z-index:2; }
	100%     { transform:rotate(-2deg); z-index:3; }
}
.zq-stack .zq-stack__c{ animation:zq-deck 12s cubic-bezier(.45,.05,.3,1) infinite; }
.zq-stack .zq-stack__c--1{ animation-delay:0s; }
.zq-stack .zq-stack__c--2{ animation-delay:-7.9s; }
.zq-stack .zq-stack__c--3{ animation-delay:-4.3s; }
@media (prefers-reduced-motion: reduce){ .zq-stack .zq-stack__c{ animation:none; } }

/* 30/09 · Sobre: história das sócias com impacto (frase grande, texto, linha do tempo) */
.zq-story{ background:#121212; color:#fff; padding:72px 20px; }
.zq-story__in{ max-width:1100px; margin:0 auto; }
.zq-story__q{ margin:0 0 40px !important; padding:0; border:0; font-family:var(--zd-title); font-weight:800; font-size:30px; line-height:1.12; color:#fff; font-style:normal; }
.zq-story__q span{ color:var(--zd-accent); }
.zq-story__txt .zq-t{ color:#fff !important; } .zq-story__txt .zq-t span{ color:rgba(255,255,255,.55) !important; }
.zq-story__txt .zq-p{ color:rgba(255,255,255,.85) !important; font-size:17px; line-height:1.6; max-width:760px; }
.zq-story__txt .zq-p b{ color:#fff; }
.zq-time{ list-style:none; margin:44px 0 0 !important; padding:0 !important; display:grid; gap:14px; }
.zq-time li{ border-top:2px solid var(--zd-accent); padding-top:16px; }
.zq-time b{ display:block; font-family:var(--zd-title); font-weight:800; font-size:34px; color:var(--zd-accent); line-height:1; margin-bottom:8px; }
.zq-time span{ font-size:15px; line-height:1.5; color:rgba(255,255,255,.82); }
.zq-story__sig{ display:block; margin-top:40px; font-style:normal; font-family:var(--zd-title); font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.6); }
@media (min-width:1024px){
	.zq-story{ padding:120px 40px; }
	.zq-story__q{ font-size:52px; max-width:980px; margin-bottom:56px !important; }
	.zq-time{ grid-template-columns:repeat(3,1fr); gap:32px; margin-top:64px !important; }
	.zq-time b{ font-size:44px; }
}

/* 30/09 · menu Sobre: capa com a foto dos peitorais com etiqueta; chamada em pílula branca */
.zd-mega__card{ overflow:hidden; border-radius:12px; }
.zd-mega__card img{ width:100%; height:100%; object-fit:cover; object-position:50% 40%; }
.zd-mega__card .zd-cta{ background:#fff; color:#121212 !important; padding:9px 18px 8px; border-radius:999px; box-shadow:0 4px 14px rgba(0,0,0,.2); }
.zd-mega__card .zd-cta::after{ display:none; }

/* 30/09 · correções da página Sobre (Ana: "está com erro") */
/* fotos com movimento dentro das colunas "Tudo o que a gente fabrica" ficavam do tamanho da página: prende na caixa */
.zq-col__img{ position:relative; }
.zq-col__img > .zd-pic, .zq-col__img .zd-motion{ position:absolute; inset:0; width:100%; height:100%; }
.zq-col__img .zd-media{ width:100%; height:100%; object-fit:cover; }
/* mesma proteção para as cartas da pilha e os cartões de produto */
.zq-stack__c > .zd-pic, .zq-card__img > .zd-pic{ position:absolute; inset:0; }
.zq-card__img{ position:relative; overflow:hidden; }
/* a pilha de fotos das sócias não invade mais o bloco escuro da história */
.zq-stack{ margin-bottom:0 !important; }
.zq-sobre{ padding-bottom:48px; }
@media (min-width:1024px){ .zq-sobre{ height:auto !important; min-height:554px; padding-bottom:0; } .zq-sobre__in{ min-height:700px; } }

/* 30/09 · Sobre v3: história curta em fundo branco · texto do que fabricamos · depoimentos reais trocando sozinhos */
.zq-found{ background:#fff !important; }
.zq-prod__p{ margin:14px 0 16px !important; max-width:420px; }
.zq-prod__p a{ color:inherit; text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.zq-rev{ position:relative; min-height:560px; display:flex; align-items:center; justify-content:center; padding:48px 16px; overflow:hidden; }
.zq-rev > .zd-pic, .zq-rev > .zd-media{ position:absolute; inset:0; }
.zq-rev::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:1; }
.zq-rev__card{ position:relative; z-index:2; background:#fff; border-radius:16px; padding:36px 28px 26px; max-width:560px; width:100%; text-align:center; box-shadow:0 12px 40px rgba(0,0,0,.25); }
.zq-rev__stars{ display:block; color:#F5B301; font-size:22px; letter-spacing:4px; margin-bottom:14px; }
.zq-rev__list{ display:grid; }
.zq-rev__i{ grid-area:1/1; margin:0 !important; padding:0; border:0; font-family:var(--zd-title); font-weight:600; font-size:20px; line-height:1.4; color:var(--zd-black); opacity:0; transform:translateY(8px); transition:opacity .6s ease, transform .6s ease; pointer-events:none; font-style:normal; }
.zq-rev__i.is-on{ opacity:1; transform:none; pointer-events:auto; }
.zq-rev__i cite{ display:block; margin-top:16px; font-style:normal; font-family:var(--zd-body); font-weight:700; font-size:12px; letter-spacing:.12em; color:var(--zd-g500); }
.zq-rev__dots{ display:flex; justify-content:center; gap:8px; margin-top:22px; }
.zq-rev__d{ width:8px; height:8px; padding:0; border:0; border-radius:50%; background:var(--zd-g300); cursor:pointer; transition:width .3s, background .3s; }
.zq-rev__d.is-on{ width:24px; border-radius:4px; background:var(--zd-black); }
@media (min-width:1024px){ .zq-rev{ min-height:620px; } .zq-rev__card{ padding:48px 52px 32px; } .zq-rev__i{ font-size:24px; } }

/* 30/09 · Sobre: espaço entre "Duas formas de comprar" e os depoimentos (estavam encostando) */
.zq-dest{ padding-bottom:56px !important; margin-bottom:0 !important; }
.zq-rev{ margin-top:24px; }
.zq-rev__list{ align-items:center; min-height:150px; }
@media (min-width:1024px){ .zq-dest{ padding-bottom:88px !important; } .zq-rev{ margin-top:32px; } .zq-rev__list{ min-height:170px; } }

/* 30/09 · Seja parceiro: herói com gancho de venda (etiqueta + título forte + botão em pílula) */
.zh-hero__eye{ display:inline-block; font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.4); border-radius:999px; padding:7px 14px 6px; backdrop-filter:blur(4px); }
.zh-hero__txt .zd-pill--light{ margin-top:6px; }
@media (min-width:1024px){ .zh-hero__txt:has(.zh-hero__eye) .zh-hero__t{ font-size:46px !important; line-height:1.08; } .zh-hero__txt:has(.zh-hero__eye){ width:520px; } }

/* 30/09 · Projeto Brilha: herói alto com o manifesto por cima das fotos */
.zb-hero{ position:relative; height:640px; overflow:hidden; border-radius:8px; background:#0b0d18; }
.zb-hero > .zd-pic, .zb-hero > .zd-media{ position:absolute; inset:0; }
.zb-hero::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(0deg, rgba(5,7,16,.92) 0%, rgba(5,7,16,.6) 45%, rgba(5,7,16,.1) 75%); }
.zb-hero__txt{ position:absolute; left:20px; right:20px; bottom:32px; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:14px; color:#fff; }
.zb-hero__eye{ font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#fff; border:1px solid rgba(255,255,255,.45); border-radius:999px; padding:7px 14px 6px; background:rgba(255,255,255,.1); }
.zd .zb-hero__t{ font-family:var(--zd-title); font-weight:800; font-size:32px !important; line-height:1.08; color:#fff !important; margin:0 !important; }
.zb-hero__t em{ font-style:normal; text-shadow:0 0 18px rgba(255,255,255,.85), 0 0 42px rgba(143,162,255,.7); }
.zb-hero__p{ font-size:15px; line-height:1.55; color:rgba(255,255,255,.88) !important; margin:0 !important; max-width:560px; }
@media (min-width:1024px){
	.zb-hero{ height:720px; }
	.zb-hero::after{ background:linear-gradient(90deg, rgba(5,7,16,.9) 0%, rgba(5,7,16,.65) 38%, rgba(5,7,16,0) 70%); }
	.zb-hero__txt{ left:72px; right:auto; bottom:auto; top:50%; transform:translateY(-50%); width:600px; gap:18px; }
	.zd .zb-hero__t{ font-size:52px !important; }
	.zb-hero__p{ font-size:17px; }
}

.zq-sig{ font-family:var(--zd-title); font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--zd-g500); margin-top:18px !important; }

/* 30/09 · Projeto Brilha: banner final "brilhando" — foto de noite, farol passando, texto com reflexo */
.zb-end--night{ position:relative; overflow:hidden; background:#05070f !important; min-height:560px; display:flex; align-items:center; justify-content:center; }
.zb-end--night > .zd-pic, .zb-end--night > .zd-media{ position:absolute; inset:0; }
.zb-end--night > .zd-pic img, .zb-end--night > .zd-media{ width:100%; height:100%; object-fit:cover; animation:zb-collar 6s ease-in-out infinite; }
.zb-end--night::after{ content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at 50% 50%, rgba(5,7,16,.55) 0%, rgba(5,7,16,.82) 70%); pointer-events:none; }
.zb-end__in{ position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; }
/* feixe de farol atravessando */
.zb-end__beam{ position:absolute; z-index:2; top:-20%; bottom:-20%; width:34%; left:-40%; pointer-events:none; mix-blend-mode:screen;
	background:linear-gradient(100deg, rgba(255,236,190,0) 0%, rgba(255,236,190,.10) 35%, rgba(255,246,220,.38) 50%, rgba(255,236,190,.10) 65%, rgba(255,236,190,0) 100%);
	transform:skewX(-14deg); animation:zb-beam 6s ease-in-out infinite; }
@keyframes zb-beam{ 0%, 18%{ left:-40%; } 58%, 100%{ left:120%; } }
/* a foto (e a coleira) acende quando o farol passa */
@keyframes zb-collar{ 0%, 22%{ filter:brightness(.85) saturate(.9); } 38%{ filter:brightness(1.35) saturate(1.1); } 55%, 100%{ filter:brightness(.85) saturate(.9); } }
/* faixa de luz pisca como refletiva */
.zb-end--night .zb-glow{ animation:zb-pulse 2.4s ease-in-out infinite; }
@keyframes zb-pulse{ 0%, 100%{ opacity:.55; box-shadow:0 0 10px rgba(255,255,255,.5), 0 0 24px rgba(143,162,255,.4); } 50%{ opacity:1; box-shadow:0 0 22px rgba(255,255,255,1), 0 0 64px rgba(143,162,255,.95); } }
/* reflexo correndo pela palavra "brilhar." */
.zb-shine{ background:linear-gradient(100deg, #fff 0%, #fff 40%, #FFE9A8 48%, #ffffff 52%, #fff 60%, #fff 100%); background-size:250% 100%; -webkit-background-clip:text; background-clip:text; color:transparent !important; animation:zb-shine 6s ease-in-out infinite; text-shadow:none; filter:drop-shadow(0 0 14px rgba(255,255,255,.55)); }
@keyframes zb-shine{ 0%, 25%{ background-position:100% 0; } 55%, 100%{ background-position:0 0; } }
@media (min-width:1024px){ .zb-end--night{ min-height:640px; } }
@media (prefers-reduced-motion: reduce){ .zb-end__beam, .zb-end--night .zb-glow, .zb-shine, .zb-end--night > .zd-pic img, .zb-end--night > .zd-media{ animation:none !important; } .zb-end__beam{ display:none; } }

/* 30/09 · faixa "Uma linha inteira, do PP ao G": desliza de ponta a ponta mostrando os 9 produtos, no computador E no celular */
.zh-wide .zd-motion, .zh-wide > .zd-pic{ position:absolute; inset:0; overflow:hidden; }
.zh-wide .zd-motion__f, .zh-wide .zd-pic{ position:absolute; inset:0; }
.zh-wide .zd-media, .zh-wide .zd-motion__f.is-on .zd-media{ position:absolute; top:0; left:0; height:100% !important; width:auto !important; max-width:none !important; object-fit:contain !important;
	animation:zh-strip 28s ease-in-out infinite alternate !important; transform:none; }
@keyframes zh-strip{ from{ transform:translateX(0); } to{ transform:translateX(calc(-100% + 100vw)); } }
@media (prefers-reduced-motion: reduce){ .zh-wide .zd-media{ animation:none !important; } }

/* faixa de produtos em loop contínuo (substitui a imagem única) */
.zh-strip{ background:#f7f7f7; }
.zh-strip__track{ display:flex; height:100%; width:max-content; animation:zh-loop 40s linear infinite; }
.zh-strip:hover .zh-strip__track{ animation-play-state:paused; }
.zh-strip__i{ flex:0 0 auto; height:100%; aspect-ratio:1/1; }
.zh-strip__i img{ width:100%; height:100%; object-fit:cover; display:block; }
@keyframes zh-loop{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .zh-strip__track{ animation:none; } }

/* 30/09 · tabela de medidas do catálogo 2026 na descrição do produto */
.az-medidas{ width:100%; max-width:520px; border-collapse:collapse; margin:8px 0 18px; font-size:14px; }
.az-medidas th, .az-medidas td{ border:1px solid var(--zd-g200); padding:8px 10px; text-align:center; }
.az-medidas th{ background:var(--zd-g100); font-weight:700; }
@media (max-width:767px){ .az-medidas{ font-size:12.5px; } .az-medidas th, .az-medidas td{ padding:6px 4px; } }

/* 02/10 · especificações do produto no jeito do catálogo (pílulas azuis + tabela) */
.zd-spec{ margin:18px 0 6px; }
.zd-spec__h{ display:block; font-family:var(--zd-title); font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.zd-spec__ps{ display:flex; flex-wrap:wrap; gap:8px; }
.zd-spec__p{ display:inline-block; border:1px solid #1fa7e8; background:#f2faff; color:#0b6fa8; border-radius:10px; padding:7px 12px; font-size:13.5px; line-height:1.3; }
.zd-spec__t{ margin-top:14px; overflow-x:auto; }
.zd-spec__t .az-medidas{ margin:0; }
.zd-spec__t .az-medidas th{ background:#e9f6fe; color:#0b6fa8; }

/* 02/10 · cadastro do lojista */
.b2bking_registration_roles_dropdown_section{ display:none !important; }
.zd-cad{ max-width:1100px; margin:0 auto 32px; text-align:center; padding:8px 0 0; }
.zd-cad__eye{ display:inline-block; font-family:var(--zd-title); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--zd-royal); margin-bottom:10px; }
.zd .zd-cad__t{ font-family:var(--zd-title); font-weight:800; font-size:28px !important; line-height:1.15; margin:0 0 10px !important; }
.zd-cad__s{ font-size:15px; color:var(--zd-g700); max-width:640px; margin:0 auto 22px !important; }
.zd-cad__steps{ list-style:none; padding:0 !important; margin:0 !important; display:grid; gap:10px; text-align:left; }
.zd-cad__steps li{ display:flex; gap:12px; align-items:center; background:var(--zd-g100); border-radius:12px; padding:14px 16px; }
.zd-cad__steps b{ flex:0 0 32px; height:32px; border-radius:50%; background:var(--zd-black); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--zd-title); }
.zd-cad__steps span{ font-size:14.5px; line-height:1.4; }
@media (min-width:900px){ .zd .zd-cad__t{ font-size:38px !important; } .zd-cad__steps{ grid-template-columns:repeat(3,1fr); gap:16px; } }