/* Compact Black Friday homepage. Shared catalogs and service dialogs keep their own styles. */
.compact-hero{padding:28px 0 24px}
.compact-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:center}
.compact-heading{min-width:0}
.compact-dates{display:block;font-size:10px;line-height:1.4;letter-spacing:1.2px;color:#776d63;margin-bottom:9px}
.compact-heading h1{font-size:clamp(34px,3.6vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:0;font-weight:700}
.compact-subtitle{font-size:clamp(23px,2.5vw,32px);font-weight:600;line-height:1.2;letter-spacing:-1px;color:#dd5b00;margin:7px 0 0}
.compact-banner{padding:12px 0;border-radius:8px;background:#101010}
.compact-banner .campaign-art{margin:0;border-radius:0}
.compact-audience{display:flex;align-items:center;gap:13px;padding:13px 18px;background:#fff0df;border:1px solid #f6d5b5;border-radius:8px;font-size:14px;line-height:1.5;margin:23px 0 14px}
.compact-audience svg{width:25px;height:25px;color:#f16c00}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.featured-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;margin:0;padding:17px;background:linear-gradient(135deg,#191919,#0b0b0b);color:#fff;border:1px solid #242424;border-radius:11px;text-decoration:none;text-align:left;font:inherit;cursor:pointer;appearance:none;transition:border-color .18s,box-shadow .18s}
.featured-card:hover{border-color:#ff7900;box-shadow:inset 0 0 0 1px #ff7900}
.featured-card:focus-visible{outline:3px solid #ff7900;outline-offset:4px}
.featured-badge{display:block;align-self:flex-start;padding:5px 9px;border-radius:4px;background:#ff7900;color:#151515;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.3px;white-space:nowrap}
.featured-media{display:flex;align-items:center;justify-content:center;height:112px;margin:10px 0 12px;min-width:0}
.featured-phone img{display:block;object-fit:contain;height:112px;width:90px;padding:5px;background:#fff;border-radius:7px}
.featured-symbol{color:#ff7900}
.featured-symbol svg{width:72px;height:72px}
.featured-title{display:block;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.45px;min-height:25px;margin-bottom:6px}
.featured-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-height:53px;margin-bottom:5px;color:#ff7900}
.featured-price strong{font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:46px;font-weight:600;line-height:1.1;letter-spacing:-1.5px;white-space:nowrap}
.featured-price small{color:#fff;font-size:12px;line-height:1.3;font-weight:400;white-space:nowrap}
.featured-price .featured-free{font-weight:600;color:#ff9e47;font-size:11px;letter-spacing:.4px}
.featured-meta{display:block;font-size:13px;line-height:1.5;min-height:39px;color:#eee9e3}
.featured-meta strong{font-weight:600;color:#fff;white-space:nowrap}
.featured-note{display:block;color:#c0b6ad;font-size:10px;line-height:1.5;margin-top:5px;min-height:15px}
.featured-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:10px;margin-top:16px;border:1px solid #ff7900;border-radius:6px;color:#ff9f4d;font-size:12px;line-height:1.3;font-weight:600}
.featured-cta svg{width:17px;height:17px}
.featured-card:hover .featured-cta{background:#2a1b0e;color:#ffb16b}
.featured-television{padding:10px 3px}
.featured-tv-window{position:relative;display:block;width:min(100%,200px);aspect-ratio:550/348;overflow:hidden}
.featured-tv-window img{position:absolute;left:0;top:0;display:block;width:113.4545454545%;height:auto;max-width:none;max-height:none;transform:translate(-5.9294871795%,-22.1153846154%)}
.compact-bundle{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:center;padding:20px 24px;margin-top:16px;border:1px solid #f6cfaa;border-radius:10px;background:#fff0df}
.compact-bundle-visual{display:flex;align-items:center;justify-content:center;gap:11px;color:#ef6d00;padding-right:24px;border-right:1px solid #e3c5a6;height:91px}
.compact-bundle-visual svg{width:52px;height:52px;flex:1;min-width:0}
.compact-bundle-visual>span{font-size:21px}
.compact-bundle-copy{min-width:0}
.compact-bundle h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin:0 0 4px}
.compact-bundle-price{display:flex;align-items:baseline;gap:6px;color:#c65300;margin:0}
.compact-bundle-price strong{font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:38px;line-height:1.1;letter-spacing:-1.3px;font-weight:600;white-space:nowrap}
.compact-bundle-price>span{font-size:15px}
.compact-bundle-components{font-size:12px;line-height:1.5;color:#645648;margin:5px 0 0}
.compact-bundle-copy small{display:block;font-size:11px;line-height:1.5;color:#776656;margin-top:2px}
.compact-bundle-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:14px 17px;border:1px solid #079d48;border-radius:7px;background:#079d48;color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.compact-bundle-whatsapp:hover{background:#07833e;border-color:#07833e}
.compact-bundle-whatsapp svg{width:22px;height:22px}
.compact-bundle-whatsapp svg:last-child{width:17px;height:17px}
.compact-terms{text-align:center;color:#80766d;font-size:10px;line-height:1.6;margin:12px 0 0}
@media(max-width:1100px){.compact-intro{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.compact-heading h1{font-size:38px}.compact-subtitle{font-size:27px}.featured-card{padding:15px}.featured-title{font-size:18px;min-height:44px}.featured-price strong{font-size:41px}.featured-price small{font-size:11px}.featured-price{min-height:51px;gap:5px}.featured-meta{font-size:12px}.compact-bundle{grid-template-columns:minmax(0,1fr) auto;gap:20px}.compact-bundle-visual{display:none}}
@media(max-width:800px){.compact-intro{grid-template-columns:minmax(0,1fr) 240px}.compact-heading h1{font-size:31px}.compact-subtitle{font-size:23px}.compact-audience{font-size:12px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{padding:17px}.featured-title{font-size:20px;min-height:24px}.featured-media{height:90px}.featured-phone img{height:90px;width:72px}.featured-symbol svg{width:64px;height:64px}.featured-tv-window{width:160px}.featured-price strong{font-size:39px}.featured-cta{margin-top:12px}}
@media(max-width:700px){.shell{width:calc(100% - 28px)}.shell>header{height:76px;gap:12px}.brand{gap:10px}.brand-logo{width:43px;height:43px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:9px;line-height:1.4;letter-spacing:0}.header-right{gap:0}.header-right .pdf-action-group{display:none}.header-right .nav-link{display:none}.header-right .nav-link[href='#contact']{display:block;font-size:11px;border:1px solid #ddd5ca;border-radius:5px;padding:9px 11px}.compact-hero{padding:14px 0 23px}.compact-intro{display:flex;flex-direction:column;align-items:stretch;gap:13px}.compact-banner{order:-1;padding:3px 0}.compact-heading h1{font-size:clamp(26px,7.5vw,36px);letter-spacing:-1.2px;line-height:1.1}.compact-subtitle{font-size:clamp(21px,5.5vw,27px);letter-spacing:-.65px;line-height:1.2;margin-top:4px}.compact-dates{font-size:8px;letter-spacing:.9px;margin-bottom:5px}.compact-audience{font-size:11px;line-height:1.45;padding:10px 12px;gap:10px;margin:14px 0 12px}.compact-audience svg{width:22px;height:22px}.featured-grid{gap:10px}.featured-card{padding:12px;border-radius:9px}.featured-badge{font-size:8px;padding:4px 7px;letter-spacing:.15px}.featured-media{height:64px;margin:9px 0}.featured-phone img{height:64px;width:56px;padding:3px;border-radius:5px}.featured-symbol svg{height:48px;width:48px}.featured-television{padding:2px 0}.featured-tv-window{width:112px}.featured-title{font-size:14px;line-height:1.25;letter-spacing:-.2px;min-height:35px;margin-bottom:2px}.featured-price{gap:4px;min-height:38px;margin-bottom:5px}.featured-price strong{font-size:33px;letter-spacing:-1px}.featured-price small{font-size:10px}.featured-price .featured-free{font-size:9px}.featured-meta{font-size:11px;line-height:1.45;min-height:32px}.featured-note{font-size:9px;line-height:1.45;min-height:26px;margin-top:4px}.featured-cta{min-height:35px;padding:8px 6px;border-radius:5px;font-size:11px;gap:8px;margin-top:10px}.featured-cta svg{width:14px;height:14px}.compact-bundle{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:13px 15px;margin-top:12px}.compact-bundle h2{font-size:15px;margin-bottom:2px}.compact-bundle-price strong{font-size:33px}.compact-bundle-price>span{font-size:13px}.compact-bundle-components{font-size:11px;line-height:1.4;margin-top:4px}.compact-bundle-copy small{font-size:10px}.compact-bundle-whatsapp{min-height:40px;padding:10px 11px;font-size:11px}.compact-bundle-whatsapp svg{width:19px;height:19px}.compact-terms{font-size:9px;text-align:left;margin-top:10px}.pdf-resource-bar{padding:15px;margin-top:0}.offers{padding-bottom:23px}}
@media(max-width:360px){.shell{width:calc(100% - 24px)}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px}.brand-logo{width:39px;height:39px}.brand{gap:8px}.header-right .nav-link[href='#contact']{padding:8px;font-size:10px}.featured-card{padding:10px}.featured-grid{gap:8px}.featured-title{font-size:13px}.featured-price strong{font-size:29px}.featured-price small{font-size:9px}.featured-price .featured-free{font-size:8px}.featured-meta{font-size:10px}.featured-note{font-size:8px}.featured-cta{font-size:10px}.compact-audience{font-size:10px}}
@media(prefers-reduced-motion:reduce){.featured-card{transition:none}}

/* Equal CTA baseline even when a title or detail wraps. */
.featured-note{margin-bottom:16px}.featured-cta{margin-top:auto}
@media(max-width:700px){.featured-note{margin-bottom:10px}.featured-cta{margin-top:auto}}

/* Keep the mobile offer grid close to the compact preview without empty text rows. */
@media(max-width:700px){.featured-media{height:56px;margin:7px 0}.featured-phone img{height:56px;width:50px}.featured-tv-window{width:96px}.featured-title{min-height:0}.featured-price{min-height:36px}.featured-note{min-height:0;margin-bottom:9px}.compact-intro{gap:10px}.compact-audience{margin-top:12px}}
@media(max-width:360px){.featured-note{font-size:9px}}

/* Prices remain refined, with a clearer stroke at mobile sizes. */
.compact-hero .featured-price strong,.compact-hero .compact-bundle-price strong,.offers .offer-price strong{font-weight:500}
.compact-hero .featured-title{overflow-wrap:break-word}

/* A consistent title row keeps campaign prices aligned on small screens. */
@media(max-width:700px){.featured-card .featured-title{min-height:2.5em}}

/* Stronger campaign figures, without increasing the weight of explanatory copy. */
.compact-hero .featured-price strong,.compact-hero .compact-bundle-price strong{font-weight:600}