/* Only the brand artwork and account links differ from the shared storefront. */
header .brand-logo-image{object-fit:contain}
/* Fundo da marca compartilhado pelo cabecalho e pela vitrine audiovisual. */
body{--pharma-showcase-height:410px;isolation:isolate}
body>header{position:relative;background:transparent}
header .brand-logo-image{mix-blend-mode:lighten}
body>header::before{content:"";position:absolute;inset:0 0 auto;height:calc(100% + 40px + var(--pharma-showcase-height));z-index:-1;pointer-events:none;background:#101214 url('../img/baxpharma-metal-background-v2.png') center top/cover no-repeat}
.store-banners,.store-banners .hero-slide{background:transparent}
@media(max-width:900px){body{--pharma-showcase-height:406px}}
@media(max-width:600px){body{--pharma-showcase-height:210px}}
.pharma-account-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.pharma-account-links a{display:inline-block}
.detail-promotion{margin:0 0 12px;padding:8px 12px;border-radius:3px;font-size:13px;font-weight:800;line-height:1.2;text-align:center;color:#111}
.detail-promotion-flash{background:#fff000}
.detail-promotion-clearance{background:#ff9800}
.detail-promotion-collective{background:#1681dc;color:#fff}


/* Additional franchise slide; the two validated store photos keep their layout. */
.hero-franchise{background:#101214}
.hero-franchise>a{position:absolute;inset:0;display:block}
.hero-franchise>a:focus-visible{outline:3px solid #c4f400;outline-offset:-5px}
.hero-franchise img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

/* Two offer cards above one full-width card. */
#collective-spotlight .spotlight-grid{height:410px;min-height:410px;overflow:hidden;background:#fff}
.spotlight-slides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:198px;gap:14px;height:100%;min-height:0}
.spotlight-slide:nth-child(3){grid-column:1/-1}
.spotlight-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;height:100%;min-width:0;padding:6px;border:1px solid #e3e5df;border-radius:3px;background:#fff;color:#282e25;cursor:pointer;text-align:center;font:inherit}
.spotlight-slide[hidden]{display:none}
.spotlight-label{grid-column:1/-1;align-self:stretch;padding:4px 2px;border-radius:2px;background:#c4f400;color:#111;font-size:9px;font-weight:800;line-height:1.2}
.spotlight-flash .spotlight-label{background:#fff000}
.spotlight-clearance .spotlight-label{background:#ff9800}
.spotlight-collective .spotlight-label{background:#1681dc;color:#fff}
.spotlight-photo{position:relative;grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding-right:30px;overflow:hidden}
.spotlight-photo img{display:block;width:100%;height:100%;object-fit:contain}
.spotlight-photo .collective-thermometer{right:0;width:30px;height:72px;color:#17324e;text-shadow:none}
.spotlight-photo .thermometer-glass{top:0;left:12px;width:12px;height:43px;border-width:2px;background:#d5d9d6;box-shadow:none}
.spotlight-photo .thermometer-bulb{top:34px;left:7px;width:22px;height:22px;border-width:2px;box-shadow:0 1px 4px #0002}
.spotlight-photo .thermometer-scale{position:absolute;top:2px;left:0;display:flex;flex-direction:column;justify-content:space-between;width:9px;height:40px;font-size:6px;text-align:right}
.spotlight-photo .thermometer-scale i{font-style:normal}
.spotlight-photo .collective-thermometer small{right:0;bottom:1px;left:0;min-width:0;font-size:8px}
.spotlight-copy{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;text-align:left}
.spotlight-pricing{display:flex;flex-direction:column;gap:2px;line-height:1.2;overflow-wrap:anywhere}
.spotlight-original{font-size:9px;color:#72766e}
.spotlight-pricing strong{display:flex;flex-direction:column;font-size:11px;font-weight:800;color:#282e25}
.spotlight-sale-value{white-space:nowrap}
.spotlight-pricing small{font-size:8px;color:#72766e}
.spotlight-remaining{font-size:9px;line-height:1.2}
.spotlight-countdown-note{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 5px;max-width:100%;font-size:8px;line-height:1.3;color:#72766e}
.spotlight-slide .bax-countdown{flex:none;align-self:center;grid-template-columns:repeat(4,24px);width:max-content;max-width:100%;margin:0;gap:3px}
.spotlight-slide .countdown-cell{flex-direction:column;justify-content:center;gap:1px;width:24px;height:24px;padding:2px 0;border-radius:2px;background:#f0f0ef;color:#72766e}
.spotlight-slide .countdown-cell b{font-size:9px;line-height:1;font-weight:650;color:#72766e}
.spotlight-slide .countdown-cell small{font-size:7px;line-height:1}
.spotlight-name{max-width:100%;font-size:11px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.spotlight-slide:focus-visible{outline:2px solid #91b600;outline-offset:-3px}

/* Cards sem promoção acompanham a altura do conteúdo. */
#products .product-carousel-track>.product:not(.offer-card){height:auto;min-height:0;align-self:start}
#products .product:not(.offer-card) .product-copy>.product-bottom{margin-top:0}

/* Informacoes da Compra Coletiva no mesmo padrao da Baxcell. */
.collective-activation{display:flex;flex-wrap:wrap;gap:1px 6px;margin-top:4px;font-size:11px;line-height:1.15;color:#4d5548;font-weight:500}
.collective-activation>span,.collective-activated{display:block}
.collective-activation.is-compact{margin-top:0;font-size:8px;line-height:1.1}
.collective-activated{color:#277329;font-size:inherit;font-weight:800}
#products .offer-card .collective-activation{margin-top:2px;font-size:9px;line-height:1.15}
#products .collective-activation .collective-activated{font-size:9px;line-height:1.15}
.spotlight-collective .spotlight-copy{gap:2px}