/* Landing Ray-Ban Meta — Premium Ópticas
   Tudo dentro de .rbm para não afetar o tema (Flatsome). Carregado só em /ray-ban-meta.
   Identidade do website: vermelho Premium, branco e cinzentos claros, preto só como contraste pontual.
   Títulos e texto: Open Sans. Etiquetas curtas: Roboto Condensed. */

.rbm{
  --rbm-red:#ca0f3c; --rbm-red-2:#ca1243; --rbm-red-dark:#a50c31; --rbm-red-tint:#fbe9ee;
  --rbm-white:#fff; --rbm-grey-50:#f7f7f7; --rbm-grey-100:#f0f0f0; --rbm-grey-200:#e4e4e4; --rbm-grey-400:#b5b5b5;
  --rbm-text:#1c1c1c; --rbm-muted:#5e5e5e; --rbm-black:#111; --rbm-line:#e2e2e2;
  --rbm-radius:14px; --rbm-max:1240px; --rbm-gutter:clamp(16px,4vw,48px);
  --rbm-font:"Open Sans","Helvetica Neue",Arial,sans-serif;
  --rbm-cond:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  background:var(--rbm-white);color:var(--rbm-text);font:400 17px/1.6 var(--rbm-font);-webkit-font-smoothing:antialiased;overflow-x:clip;width:100%;
}
/* reposições locais (o tema define margens e estilos globais em p, títulos, formulários) */
.rbm *,.rbm *::before,.rbm *::after{box-sizing:border-box}
.rbm p,.rbm h1,.rbm h2,.rbm h3,.rbm dl,.rbm dd,.rbm figure{margin:0;padding:0}
.rbm img,.rbm video{display:block;max-width:100%;height:auto}
.rbm a{color:inherit}
.rbm h1,.rbm h2,.rbm h3{font-family:var(--rbm-font);letter-spacing:-.025em;line-height:1.05;font-weight:800;color:var(--rbm-text);text-transform:none}
.rbm h2{font-size:clamp(32px,4.2vw,54px)}
.rbm h3{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.rbm section{padding:clamp(64px,8vw,112px) 0}
.rbm-wrap{max-width:var(--rbm-max);margin:0 auto;padding:0 var(--rbm-gutter);width:100%}
.rbm-bg-grey{background:var(--rbm-grey-50)}
.rbm .rbm-label{font:700 14px/1.2 var(--rbm-cond);letter-spacing:.12em;text-transform:uppercase;color:var(--rbm-red)}
.rbm .rbm-lead{font-size:clamp(17px,1.4vw,19px);color:var(--rbm-muted);max-width:56ch;margin-top:14px}
.rbm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.rbm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rbm-nowrap{white-space:nowrap}

/* Botões */
.rbm .rbm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;margin:0;border-radius:6px;font:700 16px/1.2 var(--rbm-font);letter-spacing:0;text-transform:none;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s;white-space:nowrap;box-shadow:none}
.rbm .rbm-btn:active{transform:scale(.98)}
.rbm .rbm-btn-red{background:var(--rbm-red);color:#fff}
.rbm .rbm-btn-red:hover,.rbm .rbm-btn-red:focus-visible{background:var(--rbm-red-dark);color:#fff}
.rbm .rbm-btn-line{border-color:var(--rbm-grey-400);background:var(--rbm-white);color:var(--rbm-text)}
.rbm .rbm-btn-line:hover{border-color:var(--rbm-text);color:var(--rbm-text)}
.rbm .rbm-arr{transition:transform .15s}
.rbm .rbm-btn:hover .rbm-arr{transform:translateX(3px)}
.rbm a:focus-visible,.rbm button:focus-visible,.rbm summary:focus-visible{outline:3px solid var(--rbm-red);outline-offset:3px}

/* 1. Hero */
.rbm .rbm-hero{position:relative;padding:0;background:var(--rbm-white);overflow:hidden;min-height:min(calc(100vh - 90px),860px);display:flex;align-items:center}
.rbm-hero-media{position:absolute;top:0;right:0;bottom:0;width:57%;background:#e9c5d2 var(--rbm-poster) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%)}
.rbm-hero-video{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 35%}
.rbm .rbm-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.6) 38%,rgba(255,255,255,0) 47%)}
.rbm .rbm-hero .rbm-wrap{position:relative;z-index:2;padding-top:48px;padding-bottom:56px}
.rbm-hero-copy{max-width:600px}
.rbm .rbm-hero h1{font-size:clamp(48px,5.6vw,84px);margin-top:16px;letter-spacing:-.035em}
.rbm .rbm-hero h1.rbm-h1-launch{color:var(--rbm-red);font-size:clamp(56px,6.4vw,92px);letter-spacing:-.05em;line-height:.95}
.rbm .rbm-sub{font-size:clamp(22px,2.3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:14px;max-width:20ch}
.rbm .rbm-date{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);color:var(--rbm-red);margin:14px 0 6px;font-weight:800}
.rbm .rbm-d1{font-size:clamp(104px,11vw,168px);line-height:.8;letter-spacing:-.07em}
.rbm .rbm-d2{display:flex;flex-direction:column;gap:10px;font-size:clamp(40px,4.2vw,64px);line-height:.9;letter-spacing:-.04em}
.rbm .rbm-d2 small{font:700 14px/1.3 var(--rbm-cond);letter-spacing:.14em;color:var(--rbm-muted);text-transform:uppercase}
.rbm-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0;max-width:520px}
.rbm-countdown div{background:var(--rbm-black);color:#fff;border-radius:10px;padding:16px 10px 12px;text-align:center}
.rbm-countdown b{display:block;font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rbm-countdown span{display:block;margin-top:8px;font:700 12px var(--rbm-cond);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.rbm-countdown div:last-child b{color:#ff4d74}
.rbm .rbm-def{font-size:clamp(17px,1.35vw,19px);color:var(--rbm-muted);max-width:44ch;margin-top:16px}
.rbm-ctas{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.rbm .rbm-signature{margin-top:30px;display:flex;align-items:center;gap:14px;font-style:italic;font-weight:600;font-size:18px;color:var(--rbm-text)}
.rbm .rbm-signature::before{content:"";width:40px;height:2px;background:var(--rbm-red)}

/* 2. Faixa */
.rbm-ticker{background:var(--rbm-red);color:#fff;overflow:hidden}
.rbm-track{display:flex;width:max-content;animation:rbm-tick 40s linear infinite}
.rbm-track span{font:700 16px/1 var(--rbm-cond);letter-spacing:.16em;text-transform:uppercase;padding:16px 0;white-space:nowrap}
.rbm-track span::after{content:"•";margin:0 24px;opacity:.7}
@keyframes rbm-tick{to{transform:translateX(-50%)}}
.rbm-band-note{background:var(--rbm-grey-100);text-align:center;padding:12px var(--rbm-gutter);font-size:15px;font-weight:600}

/* 3. O que podem fazer? */
.rbm .rbm-features h2{margin-top:12px}
.rbm-feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.rbm-feat{background:var(--rbm-grey-50);border:1px solid var(--rbm-line);border-radius:var(--rbm-radius);overflow:hidden;display:flex;flex-direction:column}
.rbm-vis{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--rbm-grey-100)}
.rbm-vis img{width:100%;height:100%!important;object-fit:cover;transition:transform .6s ease}
.rbm-feat:hover .rbm-vis img{transform:scale(1.03)}
.rbm-vis::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent);pointer-events:none}
.rbm-ico{position:absolute;left:16px;bottom:16px;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--rbm-red);display:grid;place-items:center;color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.rbm-ico svg{width:22px;height:22px}
.rbm-body{padding:22px 24px 26px;border-top:1px solid var(--rbm-line);flex:1}
.rbm .rbm-n{font:700 13px var(--rbm-cond);letter-spacing:.14em;color:var(--rbm-grey-400)}
.rbm .rbm-feat h3{font-size:clamp(26px,2.3vw,34px);font-weight:800;letter-spacing:-.03em;margin-top:4px}
.rbm .rbm-example{display:flex;align-items:flex-start;gap:7px;margin-top:8px;color:var(--rbm-muted);font:italic 600 15px/1.4 var(--rbm-font)}
.rbm .rbm-example svg{flex:none;width:13px;height:13px;margin-top:4px;color:var(--rbm-red)}
.rbm .rbm-example-tbc{margin-top:6px}
.rbm .rbm-feat-desc{color:var(--rbm-muted);font-size:15px;margin-top:10px}
.rbm .rbm-preview{display:inline-block;margin-top:10px;font:700 12px var(--rbm-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--rbm-red);background:var(--rbm-red-tint);padding:5px 9px;border-radius:4px}
.rbm .rbm-fine{margin-top:20px;font-size:13px;color:var(--rbm-muted)}

/* 4. Porquê */
.rbm .rbm-why h2{margin:12px 0 0}
.rbm-pillars{display:grid;margin-top:30px}
.rbm-pillar{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--rbm-line)}
.rbm .rbm-k{font:700 16px var(--rbm-cond);color:var(--rbm-red);padding-top:2px;letter-spacing:.06em}
.rbm .rbm-pillar p{color:var(--rbm-muted);margin-top:4px}
.rbm-media{position:relative;border-radius:var(--rbm-radius);overflow:hidden;aspect-ratio:4/5;background:var(--rbm-grey-100)}
.rbm-media video{width:100%;height:100%!important;object-fit:cover}

/* 5. Primeiros / Modelos */
.rbm .rbm-first{padding-top:0}
.rbm-card{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--rbm-radius);overflow:hidden;background:var(--rbm-white);min-height:420px}
.rbm-card img{width:100%;height:100%!important;object-fit:cover}
.rbm-card .rbm-txt{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:16px;align-items:flex-start}
.rbm-card .rbm-txt p:not(.rbm-label){color:var(--rbm-muted)}
.rbm .rbm-models h2{margin:12px 0 30px}
.rbm-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rbm-model{border:1px solid var(--rbm-line);border-radius:var(--rbm-radius);padding:12px;background:var(--rbm-white)}
.rbm-model img{aspect-ratio:1/1;object-fit:cover;border-radius:10px;width:100%}
.rbm .rbm-model h3{margin:14px 4px 4px;font-size:17px}
.rbm .rbm-model p{margin:0 4px 6px;font-size:14px;color:var(--rbm-muted)}
.rbm .rbm-model .rbm-price{color:var(--rbm-text);font-weight:700}

/* 6. Passos */
.rbm .rbm-steps h2{margin:12px 0 44px;max-width:16ch}
.rbm-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rbm-step{padding:30px;border-radius:var(--rbm-radius);background:var(--rbm-white);border:1px solid var(--rbm-line)}
.rbm-step .rbm-n{font:800 64px/1 var(--rbm-font);color:var(--rbm-red);letter-spacing:-.05em}
.rbm .rbm-step h3{margin:20px 0 8px}
.rbm .rbm-step p{color:var(--rbm-muted)}

/* 7. Lojas */
.rbm .rbm-stores h2{margin:12px 0 38px}
.rbm-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rbm-store{background:var(--rbm-white);border:1px solid var(--rbm-line);border-radius:var(--rbm-radius);overflow:hidden;display:flex;flex-direction:column}
.rbm-store-img{aspect-ratio:16/9;object-fit:cover;width:100%}
.rbm-store-body{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.rbm .rbm-store h3{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-top:-4px}
.rbm .rbm-store dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.rbm .rbm-store dt{color:var(--rbm-muted);font-weight:400}
.rbm .rbm-store dd a{text-decoration:none;font-weight:600}
.rbm-btns{margin-top:auto;padding-top:10px;display:grid;gap:8px}
.rbm .rbm-btns .rbm-btn{min-height:48px;font-size:15px;white-space:normal;text-align:center}
.rbm .rbm-disabled{opacity:.6;cursor:default}

/* 8. Formulário (Contact Form 7) */
.rbm .rbm-form-sec h2{margin:12px 0 0}
.rbm-grid-form{align-items:start}
.rbm-form,.rbm-success{background:var(--rbm-white);border:1px solid var(--rbm-line);border-radius:var(--rbm-radius);padding:clamp(22px,3vw,36px);box-shadow:0 24px 48px -36px rgba(0,0,0,.35)}
.rbm-form .wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:0}
.rbm-form .wpcf7-form > p{grid-column:1/-1;margin:0}
.rbm-form br{display:none}
.rbm-form .rbm-f{display:flex;flex-direction:column;gap:7px}
.rbm-form .rbm-full,.rbm-form .wpcf7-response-output,.rbm-form .wpcf7-form > div:not(.rbm-f){grid-column:1/-1}
.rbm-form label,.rbm-form .rbm-legend{font-size:14px;font-weight:700;color:var(--rbm-text);margin:0}
.rbm-form .rbm-opt{font-weight:400;color:var(--rbm-muted)}
.rbm-form input[type=text],.rbm-form input[type=email],.rbm-form input[type=tel],.rbm-form select,.rbm-form textarea{font:400 16px var(--rbm-font);height:52px;border:1.5px solid var(--rbm-grey-200);border-radius:6px;padding:0 14px;background:var(--rbm-white);color:var(--rbm-text);width:100%;margin:0;box-shadow:none;max-width:none}
.rbm-form textarea{height:96px;padding:12px 14px;resize:vertical}
.rbm-form input:focus,.rbm-form select:focus,.rbm-form textarea:focus{outline:none;border-color:var(--rbm-red);box-shadow:0 0 0 3px rgba(202,15,60,.14)}
.rbm-form .wpcf7-form-control-wrap{display:block}
.rbm-form .wpcf7-not-valid{border-color:var(--rbm-red)!important}
.rbm-form .wpcf7-not-valid-tip{font-size:13px;color:var(--rbm-red);margin-top:6px}
.rbm-form .wpcf7-checkbox,.rbm-form .wpcf7-radio{display:flex;gap:8px;flex-wrap:wrap}
.rbm-form .wpcf7-list-item{margin:0}
.rbm-form .rbm-chips .wpcf7-list-item label{font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--rbm-grey-200);border-radius:6px;cursor:pointer;background:var(--rbm-white)}
.rbm-form .rbm-chips .wpcf7-list-item label:has(input:checked){border-color:var(--rbm-red);background:var(--rbm-red-tint)}
.rbm-form input[type=checkbox],.rbm-form input[type=radio]{accent-color:var(--rbm-red);width:17px;height:17px;margin:0}
.rbm-form .wpcf7-acceptance label,.rbm-form .rbm-check label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.45}
.rbm-form .wpcf7-acceptance a{text-decoration:underline}
.rbm-form .wpcf7-submit{grid-column:1/-1;width:100%;min-height:58px;background:var(--rbm-red);color:#fff;border:0;border-radius:6px;font:700 17px var(--rbm-font);text-transform:none;letter-spacing:0;cursor:pointer;margin:0}
.rbm-form .wpcf7-submit:hover{background:var(--rbm-red-dark)}
.rbm-form .wpcf7-submit:disabled{opacity:.5;cursor:not-allowed}
.rbm-form .wpcf7-spinner{margin:10px auto 0;display:block}
.rbm-form .wpcf7-response-output{margin:0!important;border-radius:6px;font-size:14px}
.rbm-form-missing{color:var(--rbm-muted)}
.rbm-success .rbm-tick{width:60px;height:60px;border-radius:50%;background:var(--rbm-red);color:#fff;display:grid;place-items:center;font-size:28px;margin-bottom:22px;font-weight:800}
.rbm .rbm-success h3{font-size:30px;font-weight:800;margin-bottom:12px}
.rbm .rbm-success p{color:var(--rbm-muted);margin-bottom:18px}
.rbm-form-panel.rbm-sent .rbm-form{display:none}

/* 9. FAQ */
.rbm-grid-faq{grid-template-columns:.8fr 1.2fr;align-items:start}
.rbm .rbm-faq h2{margin-top:12px}
.rbm-faq-list details{border-bottom:1px solid var(--rbm-line)}
.rbm-faq-list details:first-child{border-top:1px solid var(--rbm-line)}
.rbm-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:700;font-size:18px;letter-spacing:-.01em}
.rbm-faq-list summary::-webkit-details-marker{display:none}
.rbm-pm{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--rbm-red);color:var(--rbm-red);display:grid;place-items:center;transition:transform .2s;font-weight:400}
.rbm-faq-list details[open] .rbm-pm{transform:rotate(45deg);background:var(--rbm-red);color:#fff}
.rbm .rbm-faq-list details p{color:var(--rbm-muted);padding:0 48px 20px 0}

/* 10. Fecho */
.rbm .rbm-closing{padding:0;background:var(--rbm-grey-50)}
.rbm-closing-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.rbm-closing-grid img{width:100%;height:100%!important;min-height:480px;object-fit:cover}
.rbm-closing .rbm-txt{padding:clamp(48px,7vw,96px) var(--rbm-gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px}
.rbm .rbm-closing h2{font-size:clamp(42px,5.2vw,78px);letter-spacing:-.04em}
.rbm .rbm-closing h2 em{font-style:normal;color:var(--rbm-red)}

/* 11. Nota legal */
.rbm .rbm-legal{padding:28px 0 36px;font-size:12px;color:var(--rbm-muted);border-top:1px solid var(--rbm-line)}

/* Barra fixa (só mobile) */
.rbm-sticky{display:none}

/* Modo de revisão — cores de ferramenta, fora da paleta da marca. Nunca gerado na versão pública. */
.rbm-review-bar{position:relative;z-index:5;background:#ffe7a3;color:#5b4300;font-size:13px;padding:10px var(--rbm-gutter);line-height:1.5}
.rbm-review-bar a{color:#5b4300;font-weight:700}
.rbm .rbm-tbc{display:inline;background:#ffe7a3;color:#5b4300;border-radius:4px;padding:1px 6px;font-weight:700;font-style:normal;font-size:.84em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rbm .rbm-review-note{display:inline-block;margin-top:14px;background:#ffe7a3;color:#5b4300;font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px;max-width:72ch}
.rbm .rbm-first .rbm-review-note{margin:0 0 16px}
.rbm-hidden-block{outline:2px dashed #e0a800;outline-offset:4px;border-radius:8px}
.rbm-review-overlay{position:absolute;left:14px;top:14px;z-index:3;background:#ffe7a3;color:#5b4300;font-size:12px;line-height:1.35;padding:8px 12px;border-radius:6px;max-width:75%}
.rbm-review-overlay b{display:block}
.rbm-ph{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,var(--rbm-grey-100) 0 14px,var(--rbm-grey-50) 14px 28px);display:flex;align-items:flex-end;padding:16px;color:var(--rbm-muted)}
.rbm-ph span{background:var(--rbm-white);border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.35}
.rbm-ph b{display:block;color:var(--rbm-text)}

/* Tablet */
@media (max-width:1100px){
  .rbm-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbm .rbm-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 45%,rgba(255,255,255,0) 66%)}
}
/* Mobile: vídeo em cima (com poster de recurso), texto em baixo sobre branco */
@media (max-width:900px){
  .rbm .rbm-hero{display:block;min-height:0}
  .rbm .rbm-hero::after{display:none}
  .rbm-hero-media{position:relative;width:100%;aspect-ratio:1/1;background-image:var(--rbm-poster-m);-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
  .rbm .rbm-hero .rbm-wrap{padding-top:4px;padding-bottom:44px}
  .rbm-grid-2,.rbm-grid-faq,.rbm-closing-grid{grid-template-columns:1fr}
  .rbm-media{aspect-ratio:1/1}
  .rbm-card{grid-template-columns:1fr;min-height:0}
  .rbm-card img{aspect-ratio:4/3;height:auto!important}
  .rbm-model-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--rbm-gutter));padding:8px var(--rbm-gutter) 4px}
  .rbm-model{flex:0 0 80%;scroll-snap-align:start}
  .rbm-step-grid,.rbm-store-grid{grid-template-columns:1fr}
  .rbm-step{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;padding:24px}
  .rbm-step .rbm-n{font-size:46px;grid-row:span 2}
  .rbm .rbm-step h3{margin:4px 0 0}
  .rbm-closing-grid img{min-height:0;aspect-ratio:4/3;height:auto!important}
}
@media (max-width:600px){
  .rbm{font-size:16px}
  .rbm .rbm-hero h1{font-size:42px;margin-top:12px}
  .rbm .rbm-hero h1.rbm-h1-launch{font-size:clamp(40px,12.5vw,60px);white-space:nowrap}
  .rbm .rbm-d1{font-size:clamp(84px,27vw,108px)}
  .rbm .rbm-d2{font-size:clamp(32px,10.5vw,42px);gap:8px}
  .rbm .rbm-d2 small{font-size:12px;letter-spacing:.1em}
  .rbm-countdown{gap:8px;margin:22px 0}
  .rbm-countdown div{padding:12px 4px 10px}
  .rbm-countdown b{font-size:34px}
  .rbm-countdown span{font-size:11px;letter-spacing:.1em}
  .rbm-ctas{flex-direction:column}
  .rbm-ctas .rbm-btn{width:100%}
  .rbm .rbm-signature{margin-top:24px;font-size:16px}
  .rbm-feat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .rbm-body{padding:14px 14px 16px}
  .rbm .rbm-feat h3{font-size:22px}
  .rbm .rbm-example{font-size:13px;gap:5px}
  .rbm .rbm-example svg{width:11px;height:11px;margin-top:3px}
  .rbm-ico{width:34px;height:34px;left:10px;bottom:10px}
  .rbm-ico svg{width:17px;height:17px}
  .rbm .rbm-feat-desc{font-size:14px}
  .rbm-form .wpcf7-form{grid-template-columns:1fr}
  .rbm-card .rbm-txt .rbm-btn,.rbm-closing .rbm-btn{align-self:stretch;width:100%}
  /* Pré-lançamento em ecrãs estreitos: o cartão "Antes de todos" não alarga além do ecrã e o botão pode partir linha */
  .rbm--pre .rbm-card{grid-template-columns:minmax(0,1fr)}
  .rbm--pre .rbm-card .rbm-txt .rbm-btn{white-space:normal;text-align:center}
  .rbm .rbm-faq-list details p{padding-right:0}
  /* Barra fixa: por omissão no fundo (com safe area do iPhone). Se o site tiver botões flutuantes no fundo
     (Call Now Button, CookieYes, reCAPTCHA, voltar ao topo), o rbm.js mede-os e sobe a barra para cima deles
     (--rbm-sticky-bottom), sem os esconder. O espaço final da página acompanha a altura real da barra. */
  .rbm{--rbm-safe-b:env(safe-area-inset-bottom,0px)}
  .rbm .rbm-legal{padding-bottom:var(--rbm-sticky-space,100px)}
  .rbm-sticky{display:flex;position:fixed;left:0;right:0;bottom:var(--rbm-sticky-bottom,0px);z-index:60;padding:12px 16px calc(12px + var(--rbm-safe-b));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--rbm-line);transition:transform .25s,opacity .25s}
  .rbm-sticky .rbm-btn{width:100%}
  .rbm-sticky.rbm-raised{padding:0 16px;background:transparent;backdrop-filter:none;border-top:0;pointer-events:none}
  .rbm-sticky.rbm-raised .rbm-btn{pointer-events:auto;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
  .rbm-sticky.rbm-away{transform:translateY(calc(100% + var(--rbm-sticky-bottom,0px) + 20px));opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){
  .rbm-track{animation:none}
  .rbm-vis img,.rbm .rbm-btn,.rbm-pm{transition:none}
  .rbm-feat:hover .rbm-vis img{transform:none}
}

/* v1.0.6: hero com fundo preto e lockup de marca (pré-lançamento e lançamento partilham o fundo) */
.rbm .rbm-hero{background:#000}
.rbm-hero-media{background-color:#000}
.rbm .rbm-hero::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 62%)}
.rbm .rbm-hero h1,.rbm .rbm-hero .rbm-sub,.rbm .rbm-hero .rbm-d2,.rbm .rbm-hero .rbm-signature{color:#fff}
.rbm .rbm-hero .rbm-d2 small{color:rgba(255,255,255,.72)}
.rbm .rbm-hero .rbm-def{color:rgba(255,255,255,.8)}
.rbm .rbm-hero .rbm-countdown div{background:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.rbm .rbm-hero .rbm-btn-line{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.rbm .rbm-hero .rbm-btn-line:hover,.rbm .rbm-hero .rbm-btn-line:focus-visible{border-color:#fff;color:#fff}
/* Lockup no topo, a branco: Ray-Ban | Meta (composição como a referência do utilizador; só ficheiros oficiais brancos) */
.rbm-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:6px}
.rbm-lockup{display:inline-flex;align-items:center;padding:8px 0}
.rbm .rbm-lockup img{display:block;width:auto!important;max-width:none;height:64px!important}
.rbm .rbm-lockup .rbm-logo-rb{height:64px!important}
.rbm .rbm-lockup .rbm-logo-meta{height:30px!important}
.rbm-lockup-sep{display:block;width:1.5px;height:62px;margin:0 26px;background:#fff}
.rbm-logo-slot{box-sizing:border-box;overflow:hidden;min-width:0;flex:none;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1.5px dashed rgba(255,255,255,.75);border-radius:4px;color:#fff;font:700 15px/1.2 var(--rbm-cond);letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap}
.rbm-slot-rb{width:170px;height:64px}
.rbm-slot-meta{width:180px;height:44px}
.rbm-logo-slot small{font:400 10.5px/1.3 var(--rbm-font);letter-spacing:0;text-transform:none;opacity:.75;margin-top:3px}
.rbm-brand-at{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--rbm-cond);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.rbm .rbm-po-logo{display:block;height:44px!important;width:auto!important;max-width:none}
.rbm .rbm-hero .rbm-brand + h1{margin-top:22px}
@media (max-width:1100px){
  .rbm .rbm-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.9) 45%,rgba(0,0,0,0) 66%)}
}
@media (max-width:900px){
  .rbm .rbm-hero::after{display:none}
}
@media (max-width:600px){
  .rbm-brand{gap:12px}
  .rbm .rbm-lockup img,.rbm .rbm-lockup .rbm-logo-rb{height:48px!important}
  .rbm .rbm-lockup .rbm-logo-meta{height:23px!important}
  .rbm-lockup-sep{height:46px;margin:0 14px}
  .rbm-slot-rb{width:112px;height:48px}
  .rbm-slot-meta{width:120px;height:34px}
  .rbm-logo-slot{font-size:13px}
  .rbm-logo-slot small{font-size:9.5px}
  .rbm .rbm-po-logo{height:32px!important}
}
/* v1.0.7: não partir "vê-los" no hífen (passa inteiro para a linha seguinte) */
.rbm .rbm-nobr{white-space:nowrap}
