*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;max-width:100%;overflow-x:hidden;background:#000;color:#111;font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto;border:0}
a{color:#0046ff;text-decoration:none}
.topnav{background:#000;color:#fff;border-bottom:1px solid #1d1d1d;max-width:100%;overflow:hidden}
.nav-inner{max-width:840px;margin:0 auto;display:flex;gap:18px;align-items:center;padding:11px 18px;font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.page{width:100%;max-width:840px;margin:0 auto;background:#fff;padding:24px 34px 44px;min-height:100vh;overflow:hidden}
h1,h2,h3,p,li,.important,.comment h4,.comment p{overflow-wrap:anywhere;word-wrap:break-word}
h1{font-size:30px;line-height:1.08;margin:0 0 18px;font-weight:700}
.lead{font-size:20px;line-height:1.35;margin:0 0 24px}
p,li{font-size:17px;line-height:1.5}
p{margin:14px 0}
h2{font-size:22px;line-height:1.22;margin:24px 0 12px;font-weight:700}
h3{font-size:20px;margin:22px 0 10px}.red-rule{border-bottom:3px solid #bd0036;padding-bottom:8px;text-transform:uppercase}
.hero{width:100%;max-width:610px;margin:20px auto}
.wide-img{width:100%;max-width:700px;margin:20px auto}
.product{width:120px;max-width:42vw;margin:12px auto 22px}
.important{border:2px solid #ff5757;padding:11px 14px;margin:20px 0;font-size:17px;line-height:1.42}
ul,ol{padding-left:28px} li{margin:7px 0}
.doors{margin:28px 0 18px}.doors h2{margin:0;background:#344451;color:#fff;border-radius:8px 8px 0 0;text-align:center;padding:11px 14px;border-bottom:4px solid #be0037;font-size:18px}
.door-row{display:flex;align-items:flex-end;justify-content:space-around;gap:24px;padding:20px 16px 8px;flex-wrap:nowrap}
.door{border:0;background:transparent;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease;flex:0 1 auto}.door:hover{transform:translateY(-5px) scale(1.02);filter:brightness(1.04)}
.door img{width:165px;max-width:25vw;height:auto}
.comments{margin-top:26px}.comments>h2{font-size:22px;margin:0 0 16px}
.comment{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #eee;max-width:100%}
.comment img{flex:0 0 58px;width:58px;height:58px;object-fit:cover;object-position:center;border-radius:8px;background:#fff;border:1px solid #ddd}
.comment>div{flex:1 1 auto;min-width:0;max-width:100%}
.comment h4{margin:0 0 2px;font-size:18px;line-height:1.2}.comment time{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.comment p{margin:0;font-size:16px;line-height:1.48}
.cta-wrap{text-align:center;padding:28px 0 0}.cta{background:#ff0a00;color:#fff;border:0;border-radius:8px;padding:17px 42px;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px rgba(255,0,0,.2)}.cta:hover{background:#e40900}
@media(max-width:700px){body{background:#fff}.page{padding:18px 16px 32px} .nav-inner{gap:14px;padding:9px 12px;font-size:12px} h1{font-size:26px;line-height:1.12}.lead{font-size:18px} p,li{font-size:17px;line-height:1.55} h2{font-size:21px}.important{font-size:16px}.door-row{gap:9px;padding:15px 2px 5px}.door img{width:110px;max-width:29vw}.doors h2{font-size:15px;padding:10px 8px}.comment{gap:10px}.comment img{flex-basis:52px;width:52px;height:52px}.comment h4{font-size:17px}.comment p{font-size:16px}.cta{width:100%;font-size:18px}}
@media(max-width:420px){.page{padding-left:12px;padding-right:12px} h1{font-size:23px}.lead{font-size:17px} p,li{font-size:16.5px}.door img{width:94px;max-width:28vw}.comment{gap:9px}.comment img{flex-basis:50px;width:50px;height:50px}.comment h4{font-size:16.5px}.comment p{font-size:15.5px;line-height:1.45}}


/* === PDF REFERENCE FIX: eye infographic + comment avatars === */

/* In the source PDF this infographic is deliberately narrower than the article text. */
.eye-conditions-ref{
  display:block !important;
  width:60.5% !important;
  max-width:470px !important;
  height:auto !important;
  margin:14px auto 18px !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Avatars: show the whole source photo like in the PDF reference, never crop it. */
.comment img{
  flex:0 0 52px !important;
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:5px !important;
  border:0 !important;
  background:#fff !important;
}

@media(max-width:700px){
  .eye-conditions-ref{
    width:64% !important;
    max-width:440px !important;
  }
  .comment img{
    flex-basis:50px !important;
    width:50px !important;
    height:50px !important;
  }
}

@media(max-width:480px){
  /* On genuinely narrow phones, allow the infographic to grow so its embedded captions remain readable. */
  .eye-conditions-ref{
    width:88% !important;
    max-width:none !important;
  }
  .comment img{
    flex-basis:48px !important;
    width:48px !important;
    height:48px !important;
  }
}


/* German infographic rebuilt from source visuals so no Hungarian caption text remains. */
.eye-infographic{width:60.5%;max-width:470px;margin:14px auto 18px;background:#fff;text-align:center;}
.eye-infographic img{display:block;width:100%;height:auto;margin:0 auto;}
.eye-infographic .eye-caption{margin:0;padding:7px 5px 9px;font-size:13px;line-height:1.25;font-style:italic;font-weight:600;text-align:center;color:#111;background:#fff;}
@media(max-width:700px){.eye-infographic{width:64%;max-width:440px}.eye-infographic .eye-caption{font-size:12px;line-height:1.25}}
@media(max-width:480px){.eye-infographic{width:88%;max-width:none}.eye-infographic .eye-caption{font-size:12px;line-height:1.28;padding:7px 4px 9px}}


/* === Interactive doors – adapted from the supplied reference landing === */
.door-promo{
  margin:28px auto 26px;
}
.door-promo .door-title{
  margin:0 0 28px;
  background:#344451;
  color:#fff;
  border-radius:8px 8px 0 0;
  text-align:center;
  padding:11px 14px;
  border-bottom:4px solid #be0037;
  font-size:18px;
  line-height:1.2;
}
.door-game{
  width:100%;
  max-width:740px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,190px));
  justify-content:center;
  gap:clamp(18px,5vw,50px);
  align-items:start;
}
.door-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:191 / 402;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  perspective:950px;
  -webkit-tap-highlight-color:transparent;
}
.door-reveal{
  position:absolute;
  inset:8% 1% 2% 8%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:2px solid #1c1c1c;
  overflow:hidden;
}
.discount-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66%;
  aspect-ratio:1 / 1;
  max-width:108px;
  border:1px solid #aaa;
  border-radius:28%;
  background:#fff;
  color:#f00000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(27px,4vw,48px);
  line-height:1;
  font-weight:900;
  box-shadow:0 3px 5px rgba(0,0,0,.28);
}
.door-front{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  transform-origin:left center;
  transform:rotateY(0deg);
  transition:transform .34s cubic-bezier(.2,.72,.25,1), filter .25s ease;
  backface-visibility:hidden;
  will-change:transform;
  filter:drop-shadow(1px 1px 0 rgba(0,0,0,.2));
}
@media (hover:hover) and (pointer:fine){
  .door-card:not(.is-open):hover .door-front,
  .door-card:not(.is-open):focus-visible .door-front{
    transform:rotateY(-25deg);
    filter:drop-shadow(8px 5px 6px rgba(0,0,0,.22));
  }
}
.door-card.is-open .door-front{
  transform:rotateY(-78deg);
  transition-duration:.65s;
  filter:drop-shadow(12px 7px 8px rgba(0,0,0,.25));
}
.door-card:focus-visible{
  outline:3px solid #1b65b8;
  outline-offset:5px;
  border-radius:3px;
}
.door-game.is-locked .door-card:not(.is-open){
  pointer-events:none;
  opacity:.72;
}
.door-hint{
  margin:17px 0 0;
  text-align:center;
  font-size:15px;
  line-height:1.3;
  color:#666;
}
@media(max-width:760px){
  .door-game{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  .door-reveal{border-width:1.5px}
  .discount-badge{
    width:72%;
    border-radius:24%;
    font-size:clamp(22px,9vw,40px);
  }
  .door-hint{font-size:13px;margin-top:12px}
  .door-promo .door-title{font-size:17px;padding:10px 9px}
}
@media(max-width:390px){
  .door-game{gap:8px}
  .discount-badge{font-size:clamp(20px,8.8vw,34px)}
  .door-promo .door-title{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .door-front{transition-duration:.01ms !important}
}


/* === Door -> popup -> order form flow, based on supplied reference landing === */
.order-flow{display:block;margin:0 auto 28px;}
.api-form1{display:none;background:#fff;box-sizing:border-box;max-width:465px;margin:0 auto;text-align:center;border:2.5px dashed #ddd;border-radius:3px;padding:15px;clear:both;font-family:Arial,Helvetica,sans-serif;}
.api-form1 *{box-sizing:border-box;}
.product-image1{position:relative;margin:0 auto;background:#fff;text-align:center;max-width:400px;min-height:260px;display:flex;align-items:center;justify-content:center;}
.product-image1 img{display:block;width:auto;max-width:220px;max-height:300px;height:auto;margin:0 auto;border:0;object-fit:contain;}
.product-banner1{opacity:.9;display:flex;width:80px;height:80px;align-items:center;justify-content:center;position:absolute;top:0;right:0;color:#f2f2f2;}
.product-banner-text1{font-size:18px;font-weight:700;color:#f2f2f2;}
.prices{margin:8px 0 4px;text-align:center;font-family:Arial,Helvetica,sans-serif;}
.old-price{color:#000;font-size:18px;text-decoration:line-through;margin-right:8px;}
.new-price{color:red;font-size:22px;font-weight:700;padding:10px;}
.api-form1 .text{border:0;text-align:center;color:#222;padding:0;font-size:16px;width:100%;line-height:25px;font-weight:700;margin:10px 0;}
.api-form1 .offer-name{color:#ca2d2d;font-weight:700;}
.api-form1 .deadline1{font:700 15px/1.7 Arial,Helvetica,sans-serif;color:#222;text-align:center;margin:10px 0 0;}
.time_remains{font:700 1.1em/1.5 Arial,Helvetica,sans-serif;color:red;}
.api-form1 form{padding:0;background:transparent;margin:15px auto 0;border:0;}
.api-form1 .name,.api-form1 .phone{font-style:normal;transition:.25s;line-height:20px;box-shadow:none;font-size:14px;font-weight:400;max-width:100%;width:100%;height:auto;background:#f2f2f2;outline:none;border:2.5px solid #ddd;border-radius:35px;padding:15px;margin:0 0 15px;}
.api-form1 .name:focus,.api-form1 .phone:focus{border-color:#aaa;background:#fff;}
.api-form1 .submit{outline:none;max-width:100%;line-height:1.5;height:auto;box-shadow:none;text-align:center;clear:both;font-weight:700;border:0;background:#388e3c;color:#fff;font-size:22px;text-decoration:none;padding:15px 35px;border-radius:35px;width:100%;display:block;cursor:pointer;margin:0;}
.api-form1 .submit:hover{background:#2e7d32;}
.api-form1 .footnote1{line-height:15px;font-size:10px;margin:10px 0 0;text-align:center;padding:0;color:#888;border-bottom:0;}

.spin-result-wrapper{display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.65);padding:20px;overflow:auto;}
.pop-up-window{position:relative;width:min(92vw,430px);margin:12vh auto 0;background:#fff;border-radius:10px;padding:30px 24px 24px;text-align:center;box-shadow:0 12px 45px rgba(0,0,0,.35);font-family:Arial,Helvetica,sans-serif;}
.close-popup{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#777;font-size:32px;line-height:1;cursor:pointer;padding:2px 7px;}
.popup-title{margin:0 0 14px;font-size:28px;line-height:1.15;color:#222;text-transform:none;}
.pop-up-text{margin:0 0 20px;font-size:18px;line-height:1.45;color:#222;}
.pop-up-text strong{color:#d71920;}
.pop-up-button{display:inline-block;border:0;background:#388e3c;color:#fff;font-size:18px;font-weight:700;padding:13px 28px;border-radius:28px;cursor:pointer;}
.pop-up-button:hover{background:#2e7d32;}

@media(max-width:520px){
  .api-form1{width:100%;padding:14px 12px;}
  .product-image1{min-height:220px;}
  .product-image1 img{max-width:180px;max-height:250px;}
  .product-banner1{width:64px;height:64px;}
  .api-form1 .text{font-size:15px;line-height:1.45;}
  .api-form1 .deadline1{font-size:14px;line-height:1.5;}
  .api-form1 .submit{font-size:18px;padding:14px 20px;}
  .popup-title{font-size:24px;}
  .pop-up-text{font-size:17px;}
}

.timer-separator{display:inline-block;margin:0 1px;color:red;font-weight:700;}


/* === Public-broadcaster-inspired header, non-branded === */
.news-header{
  position:sticky;
  top:0;
  z-index:9990;
  background:#1f2f4b;
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.06);
  font-family:Arial,Helvetica,sans-serif;
}
.news-header__top{
  max-width:1180px;
  margin:0 auto;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 26px 12px;
}
.news-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:18px;
}
.news-brand__logo{
  flex:0 0 86px;
  width:86px;
  height:86px;
  display:block;
  object-fit:contain;
  border-radius:14px;
}



.news-brand__default,
.news-brand__live{
  font-size:42px;
  line-height:1;
  font-weight:300;
  letter-spacing:.01em;
  white-space:nowrap;
}
.news-brand__live{
  display:none;
  color:#ff00c8;
}
.news-play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-left:7px;
  border:2px solid #ff00c8;
  border-radius:50%;
  font-size:19px;
  vertical-align:middle;
}
.news-menu{
  width:58px;
  height:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:6px;
  border:0;
  background:transparent;
  cursor:pointer;
}
.news-menu span{
  display:block;
  width:46px;
  height:4px;
  border-radius:4px;
  background:#f2f2f2;
}
.news-breadcrumbs{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 26px 15px;
  color:#f1f3f6;
  font-size:27px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
}
.news-home{
  font-size:34px;
  line-height:1;
}
.news-chevron{
  color:#b8c1cc;
  font-size:29px;
}
.news-header.is-scrolled .news-brand__default{display:none}
.news-header.is-scrolled .news-brand__live{display:inline-block}

@media(max-width:820px){
  .news-header__top{
    min-height:72px;
    padding:10px 14px 8px;
  }
  .news-brand{gap:11px}
  .news-brand__logo{
    flex-basis:48px;
    width:48px;
    height:48px;
    border-radius:9px;
  }
  


}

/* === Dark editorial structure inspired by the supplied reference === */
:root{
  --outer-navy:#001228;
  --article-navy:#1f2f4b;
  --article-navy-2:#233551;
  --text:#f5f7fa;
  --muted:#b8c3d2;
  --line:#4c5f79;
  --accent:#ff00c8;
}

html,body{
  background:var(--outer-navy) !important;
}

body{
  color:var(--text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.news-header{
  max-width:1040px;
  margin:0 auto;
  background:var(--article-navy) !important;
  box-shadow:none !important;
  border-bottom:1px solid rgba(255,255,255,.04);
}

.news-header__top,
.news-breadcrumbs{
  max-width:100% !important;
}

.news-breadcrumbs{
  border-top:1px solid rgba(255,255,255,.03);
  padding-bottom:13px !important;
  font-size:14px !important;
  font-weight:600;
}

.page{
  width:100% !important;
  max-width:1040px !important;
  margin:0 auto !important;
  padding:22px 0 60px !important;
  background:var(--article-navy) !important;
  color:var(--text) !important;
  min-height:100vh;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Main editorial column */
.page > h1,
.page > h2,
.page > h3,
.page > p,
.page > ul,
.page > ol,
.page > .lead,
.page > .hero,
.page > .wide-img,
.page > .product,
.page > .important,
.page > .eye-infographic,
.page > .related-story,
.page > .red-rule{
  width:min(100% - 44px, 660px) !important;
  max-width:660px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.page > h1{
  font-family:Arial,Helvetica,sans-serif !important;
  color:#fff !important;
  font-size:36px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  margin-top:8px !important;
  margin-bottom:20px !important;
}

.page > .lead{
  color:#fff !important;
  font-size:20px !important;
  line-height:1.42 !important;
  font-weight:400 !important;
}

.page p,
.page li{
  color:var(--text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:18px !important;
  line-height:1.5 !important;
}

.page h2{
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:25px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  margin-top:34px !important;
}

.page h3{
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.page a{
  color:#fff !important;
  text-decoration:underline;
  text-underline-offset:2px;
}

.hero,
.wide-img,
.product{
  background:transparent !important;
}

.hero{
  max-width:660px !important;
}

.product{
  width:min(100% - 44px, 280px) !important;
  max-width:280px !important;
}

.red-rule{
  border-bottom:1px solid var(--line) !important;
  text-transform:none !important;
  padding-bottom:12px !important;
}

.important{
  color:#fff !important;
  border:1px solid var(--line) !important;
  background:var(--article-navy-2) !important;
  padding:16px 18px !important;
}

.important *{
  color:#fff !important;
}

/* Related story card: image on the left, editorial text on the right */
.related-story{
  display:grid;
  grid-template-columns:176px minmax(0,1fr);
  gap:20px;
  align-items:start;
  padding:12px 0 12px;
  margin-top:32px !important;
  margin-bottom:34px !important;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.related-story img{
  width:176px;
  height:176px;
  object-fit:cover;
  margin:0;
}

.related-story__text{
  min-width:0;
  padding:6px 0 0;
}

.related-story time{
  display:block;
  color:var(--muted);
  font-style:italic;
  font-size:14px;
  margin-bottom:10px;
}

.related-story__kicker{
  display:block;
  color:#fff;
  font-size:14px;
  margin-bottom:4px;
}

.related-story h3{
  margin:0 0 10px !important;
  font-size:23px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
}

.related-story p{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.45 !important;
}

/* Infographic and comments stay within the editorial canvas */
.eye-infographic,
.comments,
.door-promo,
.order-flow{
  width:min(100% - 44px, 760px) !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.eye-infographic{
  background:transparent !important;
}

.eye-infographic .eye-caption{
  background:transparent !important;
  color:var(--text) !important;
}

.comments{
  color:#fff;
  margin-top:34px !important;
}

.comments > h2{
  color:#fff !important;
  border-top:1px solid var(--line);
  padding-top:25px;
}

.comment{
  border-bottom:1px solid var(--line) !important;
}

.comment h4,
.comment time,
.comment p{
  color:#fff !important;
}

.comment time{
  color:var(--muted) !important;
}

.comment img{
  background:#fff !important;
}

.door-promo{
  padding-top:24px;
}

.door-promo .door-title{
  background:#162640 !important;
  border-bottom:2px solid var(--accent) !important;
  color:#fff !important;
}

.door-hint{
  color:var(--muted) !important;
}

/* Keep the order form readable as a light card on the dark article page */
.api-form1{
  background:#fff !important;
  color:#222 !important;
  border-color:#66758b !important;
}

.api-form1 *{
  color:inherit;
}

.api-form1 .offer-name,
.api-form1 .time_remains,
.api-form1 .timer-separator,
.api-form1 .new-price{
  color:#e3151d !important;
}

.cta-wrap{
  width:min(100% - 44px, 660px);
  margin-left:auto;
  margin-right:auto;
}

/* Small floating control from the reference */
.back-to-top{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999;
  width:38px;
  height:38px;
  border:0;
  border-radius:3px;
  background:#0f65a5;
  color:#fff;
  font-size:21px;
  cursor:pointer;
  box-shadow:0 2px 7px rgba(0,0,0,.25);
}

/* Narrow/mobile layout */
@media(max-width:760px){
  .news-header,
  .page{
    max-width:100% !important;
  }

  .page{
    padding-top:15px !important;
  }

  .page > h1,
  .page > h2,
  .page > h3,
  .page > p,
  .page > ul,
  .page > ol,
  .page > .lead,
  .page > .hero,
  .page > .wide-img,
  .page > .product,
  .page > .important,
  .page > .eye-infographic,
  .page > .related-story,
  .page > .red-rule,
  .comments,
  .door-promo,
  .order-flow{
    width:calc(100% - 28px) !important;
  }

  .page > h1{
    font-size:28px !important;
  }

  .page > .lead{
    font-size:18px !important;
  }

  .page p,
  .page li{
    font-size:17px !important;
  }

  .related-story{
    grid-template-columns:125px minmax(0,1fr);
    gap:14px;
  }

  .related-story img{
    width:125px;
    height:125px;
  }

  .related-story h3{
    font-size:19px !important;
  }

  .related-story p{
    font-size:14px !important;
  }
}

@media(max-width:520px){
  .related-story{
    grid-template-columns:1fr;
  }

  .related-story img{
    width:100%;
    height:auto;
    max-height:220px;
  }

  .news-breadcrumbs{
    font-size:13px !important;
  }

  .page > h1{
    font-size:25px !important;
  }
}


/* === Desktop side bars + unified article/header colors (2026-09-29) === */
:root{
  --desktop-sidebars:#022653;
  --surface-dark:#1e283f;
  --surface-text:#e1e3e6;
  --surface-muted:#c4cad4;
  --surface-line:rgba(225,227,230,.20);
}

html, body{
  background:var(--surface-dark) !important;
}

body{
  color:var(--surface-text) !important;
}

.news-header,
.page{
  background:var(--surface-dark) !important;
  color:var(--surface-text) !important;
}

.news-header{
  max-width:1048px !important;
}

.page{
  max-width:1048px !important;
}

.news-header *,
.page *,
.comments *,
.related-story *,
.eye-infographic .eye-caption,
.comment h4,
.comment time,
.comment p,
.door-hint{
  color:inherit;
}

.page,
.page p,
.page li,
.page h1,
.page h2,
.page h3,
.page strong,
.page .lead,
.news-breadcrumbs,
.news-breadcrumbs span,
.news-brand__default,
.news-brand__live,
.related-story h3,
.related-story p,
.related-story time,
.related-story__kicker,
.comments,
.comments>h2,
.comment h4,
.comment p,
.comment time,
.eye-infographic .eye-caption,
.door-hint{
  color:var(--surface-text) !important;
}

.news-breadcrumbs,
.comment,
.comments>h2,
.related-story,
.red-rule,
.important{
  border-color:var(--surface-line) !important;
}

.related-story time,
.comment time,
.door-hint{
  color:var(--surface-muted) !important;
}

.important{
  background:#223150 !important;
}

.eye-infographic,
.eye-infographic .eye-caption,
.related-story,
.door-promo .door-title{
  background:transparent !important;
}

.door-promo .door-title{
  background:#233350 !important;
  color:var(--surface-text) !important;
  border-bottom-color:#ff00c8 !important;
}

a{
  color:var(--surface-text) !important;
}

@media (min-width: 1025px){
  html, body{
    background:var(--desktop-sidebars) !important;
  }

  .news-header,
  .page{
    max-width:1048px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 1024px){
  html, body{
    background:var(--surface-dark) !important;
  }

  .news-header,
  .page{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* === FINAL DESKTOP EDITORIAL REFINEMENT === */
:root{
  --desktop-sidebars:#022653;
  --surface-dark:#1e283f;
  --surface-text:#e1e3e6;
}

/* Desktop-only outer rails */
@media (min-width:1025px){
  html,body{
    background:var(--desktop-sidebars) !important;
  }
  .news-header,
  .page{
    width:100% !important;
    max-width:1048px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:var(--surface-dark) !important;
  }
}

/* Tablet / mobile: no outer rails */
@media (max-width:1024px){
  html,body{
    background:var(--surface-dark) !important;
  }
  .news-header,
  .page{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    background:var(--surface-dark) !important;
  }
}

/* Header + article base */
.news-header,
.page{
  background:var(--surface-dark) !important;
  color:var(--surface-text) !important;
}

/* Wordmark: clean broadcaster-style lowercase typography */
.news-brand__default{
  font-family:"Trebuchet MS","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.015em !important;
  color:#e1e3e6 !important;
  text-transform:lowercase !important;
}
.news-brand__live{
  font-family:"Trebuchet MS","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:#ff00c8 !important;
}
.news-play{
  color:#ff00c8 !important;
  border-color:#ff00c8 !important;
}

/* Breadcrumb styling */
.news-breadcrumbs{
  color:#e1e3e6 !important;
}
.news-breadcrumbs span{
  color:#e1e3e6 !important;
}
.news-chevron{
  color:#aeb6c4 !important;
}

/* Remove any leftover related-story layout if cached by CSS */
.related-story{
  display:none !important;
}

/* Main product image responsiveness */
.page > img.product,
img.product{
  display:block !important;
  width:clamp(170px,22vw,300px) !important;
  max-width:300px !important;
  height:auto !important;
  margin:18px auto 26px !important;
  object-fit:contain !important;
}

/* Product inside the order form */
.product-image1{
  min-height:unset !important;
  padding:8px 0 4px !important;
}
.product-image1 img{
  width:clamp(180px,22vw,280px) !important;
  max-width:280px !important;
  max-height:none !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

@media (max-width:1024px){
  .news-brand__default{font-size:30px !important}
  .news-brand__live{font-size:20px !important}
  .page > img.product,
  img.product{
    width:clamp(160px,30vw,250px) !important;
    max-width:250px !important;
  }
  .product-image1 img{
    width:clamp(170px,30vw,240px) !important;
    max-width:240px !important;
  }
}

@media (max-width:600px){
  .news-brand__default{font-size:25px !important}
  .news-brand__live{font-size:18px !important}
  .page > img.product,
  img.product{
    width:clamp(150px,58vw,220px) !important;
    max-width:220px !important;
  }
  .product-image1 img{
    width:clamp(155px,56vw,215px) !important;
    max-width:215px !important;
  }
}

@media (max-width:390px){
  .news-brand__default{font-size:22px !important}
  .news-brand__live{font-size:16px !important}
  .page > img.product,
  img.product{
    width:min(72vw,205px) !important;
  }
  .product-image1 img{
    width:min(70vw,200px) !important;
  }
}


/* === color fix: door discounts + popup text === */
.discount-badge{
  color:#1e283f !important;
}
.pop-up-window,
.pop-up-window .popup-title,
.pop-up-window .pop-up-text,
.pop-up-window .pop-up-text strong,
.pop-up-window .close-popup{
  color:#1e283f !important;
}
.pop-up-window .pop-up-button{
  color:#ffffff !important;
}


/* === V4: desktop rails + unified header/article colors === */
:root{
  --outer-rails:#022653;
  --main-surface:#1e283f;
  --main-text:#e1e3e6;
}

/* Desktop: #022653 is visible only as the left/right rails. */
html,
body{
  background:var(--outer-rails) !important;
}

.news-header,
.page{
  width:100% !important;
  max-width:1048px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:var(--main-surface) !important;
  color:var(--main-text) !important;
}

/* General article/header text */
.news-header *,
.page h1,
.page h2,
.page h3,
.page p,
.page li,
.page strong,
.page .lead,
.news-breadcrumbs,
.news-breadcrumbs span,
.news-brand__default,
.comments,
.comments > h2,
.comment h4,
.comment p,
.comment time,
.eye-infographic .eye-caption,
.door-hint{
  color:var(--main-text) !important;
}

/* Keep the pink live label */
.news-brand__live,
.news-play{
  color:#ff00c8 !important;
}
.news-play{
  border-color:#ff00c8 !important;
}

/* Tablet/mobile: no side rails, the main structure fills the viewport. */
@media (max-width:1024px){
  html,
  body{
    background:var(--main-surface) !important;
  }

  .news-header,
  .page{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Exceptions requested earlier: percentages and popup text stay dark. */
.discount-badge{
  color:#1e283f !important;
}

.pop-up-window,
.pop-up-window .popup-title,
.pop-up-window .pop-up-text,
.pop-up-window .pop-up-text strong,
.pop-up-window .close-popup{
  color:#1e283f !important;
}

.pop-up-window .pop-up-button{
  color:#ffffff !important;
}

/* Keep the light order form readable. */
.api-form1,
.api-form1 .text,
.api-form1 .deadline1,
.api-form1 .prices,
.api-form1 .old-price,
.api-form1 .form_control_vik,
.api-form1 .footnote1{
  color:#222222 !important;
}
.api-form1 .offer-name,
.api-form1 .new-price,
.api-form1 .time_remains,
.api-form1 .timer-separator{
  color:#e3151d !important;
}
.api-form1 .submit{
  color:#ffffff !important;
}


/* === V5: exact desktop rails / central canvas applied to the whole landing === */
:root{
  --landing-rails:#022653;
  --landing-main:#1e283f;
  --landing-text:#e1e3e6;
  --landing-line:rgba(225,227,230,.20);
}

/* DESKTOP:
   - side rails: #022653
   - one continuous central canvas: #1e283f
*/
@media (min-width:1025px){
  html,
  body{
    margin:0 !important;
    min-height:100% !important;
    background:#022653 !important;
  }

  .news-header,
  .page{
    width:100% !important;
    max-width:1104px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:#1e283f !important;
    color:#e1e3e6 !important;
  }

  .news-header{
    box-shadow:none !important;
  }

  .page{
    min-height:100vh !important;
  }
}

/* TABLET / MOBILE: no outer rails, same main structure fills viewport */
@media (max-width:1024px){
  html,
  body{
    margin:0 !important;
    background:#1e283f !important;
  }

  .news-header,
  .page{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    background:#1e283f !important;
    color:#e1e3e6 !important;
  }
}

/* Make every editorial part of the landing use the same central background. */
.page,
.page > section,
.page > div:not(.spin-result-wrapper),
.comments,
.comment,
.eye-infographic,
.eye-infographic .eye-caption,
.door-promo,
.order-flow,
.related-story,
.important{
  background-color:#1e283f !important;
}

/* Unified editorial text color across the full landing. */
.news-header,
.news-header *,
.page,
.page h1,
.page h2,
.page h3,
.page h4,
.page p,
.page li,
.page ol,
.page ul,
.page strong,
.page em,
.page .lead,
.page .subhead,
.page .door-hint,
.comments,
.comments *,
.eye-infographic .eye-caption{
  color:#e1e3e6 !important;
}

/* Keep separators subtle on the same dark canvas. */
.news-breadcrumbs,
.comment,
.comments > h2,
.red-rule,
.important{
  border-color:rgba(225,227,230,.20) !important;
}

/* Header live label remains pink. */
.news-brand__live,
.news-play{
  color:#ff00c8 !important;
}
.news-play{
  border-color:#ff00c8 !important;
}

/* The visible inner door area can stay light, but its percentage color stays dark
   exactly as requested. */
.door-reveal,
.discount-badge{
  background:#ffffff !important;
}
.discount-badge{
  color:#1e283f !important;
}

/* Popup: keep the previously requested dark text and white popup surface. */
.pop-up-window{
  background:#ffffff !important;
}
.pop-up-window,
.pop-up-window .popup-title,
.pop-up-window .pop-up-text,
.pop-up-window .pop-up-text strong,
.pop-up-window .close-popup{
  color:#1e283f !important;
}
.pop-up-window .pop-up-button{
  color:#ffffff !important;
}

/* The order form stays a readable functional card inside the dark article canvas. */
.api-form1{
  background:#ffffff !important;
  color:#222222 !important;
}
.api-form1 .text,
.api-form1 .deadline1,
.api-form1 .prices,
.api-form1 .old-price,
.api-form1 .form_control_vik,
.api-form1 .footnote1{
  color:#222222 !important;
}
.api-form1 .offer-name,
.api-form1 .new-price,
.api-form1 .time_remains,
.api-form1 .timer-separator{
  color:#e3151d !important;
}
.api-form1 .submit{
  color:#ffffff !important;
}

/* Prevent legacy mobile rules from reintroducing a white page/background. */
@media (max-width:700px){
  body,
  .page{
    background:#1e283f !important;
  }
}


/* === FIXED CENTERED SITE CANVAS ===
   The supplied screenshot is treated as the full site width.
   On wider desktop screens only the #022653 side rails become visible.
*/
:root{
  --site-canvas-width:784px;
  --site-outer:#022653;
  --site-inner:#1e283f;
  --site-text:#e1e3e6;
}

html,
body{
  margin:0 !important;
  min-height:100% !important;
  background:#022653 !important;
}

/* Header + article + footer/content canvas share the exact same centered width. */
.news-header,
.page,
.site-footer,
footer{
  width:100% !important;
  max-width:784px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:#1e283f !important;
  color:#e1e3e6 !important;
  box-sizing:border-box !important;
}

/* Prevent header/footer from stretching across wide desktop monitors. */
.news-header__top,
.news-breadcrumbs{
  max-width:784px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* All editorial background stays inside the central canvas. */
.page,
.page > section,
.page > div:not(.spin-result-wrapper),
.comments,
.comment,
.eye-infographic,
.eye-infographic .eye-caption,
.door-promo,
.order-flow,
.important{
  background-color:#1e283f !important;
}

/* Main editorial text color. */
.news-header *,
.page h1,
.page h2,
.page h3,
.page h4,
.page p,
.page li,
.page strong,
.page em,
.page .lead,
.comments,
.comments *,
.eye-infographic .eye-caption,
.door-hint{
  color:#e1e3e6 !important;
}

/* Existing requested exceptions */
.discount-badge{
  color:#1e283f !important;
}

.pop-up-window,
.pop-up-window .popup-title,
.pop-up-window .pop-up-text,
.pop-up-window .pop-up-text strong,
.pop-up-window .close-popup{
  color:#1e283f !important;
}

.pop-up-window .pop-up-button{
  color:#ffffff !important;
}

/* At screenshot width and below, the site simply occupies the full viewport:
   no extra side rails are visible. */
@media (max-width:784px){
  html,
  body{
    background:#1e283f !important;
  }

  .news-header,
  .page,
  .site-footer,
  footer,
  .news-header__top,
  .news-breadcrumbs{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* === 820px BREAKPOINT FIX ===
   Global landing styles must remain active above 820px.
*/
@media (min-width:821px){
  html,
  body{
    background:#022653 !important;
  }

  .news-header,
  .page,
  .site-footer,
  footer{
    width:100% !important;
    max-width:784px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:#1e283f !important;
    color:#e1e3e6 !important;
  }

  .news-header__top,
  .news-breadcrumbs{
    width:100% !important;
    max-width:784px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .page,
  .page > section,
  .page > div:not(.spin-result-wrapper),
  .comments,
  .comment,
  .eye-infographic,
  .eye-infographic .eye-caption,
  .door-promo,
  .order-flow,
  .important{
    background-color:#1e283f !important;
  }

  .news-header *,
  .page h1,
  .page h2,
  .page h3,
  .page h4,
  .page p,
  .page li,
  .page strong,
  .page em,
  .page .lead,
  .comments,
  .comments *,
  .eye-infographic .eye-caption,
  .door-hint{
    color:#e1e3e6 !important;
  }

  .news-brand__live,
  .news-play{
    color:#ff00c8 !important;
  }

  .news-play{
    border-color:#ff00c8 !important;
  }

  /* Requested exceptions */
  .discount-badge{
    color:#1e283f !important;
  }

  .pop-up-window,
  .pop-up-window .popup-title,
  .pop-up-window .pop-up-text,
  .pop-up-window .pop-up-text strong,
  .pop-up-window .close-popup{
    color:#1e283f !important;
  }

  .pop-up-window .pop-up-button{
    color:#ffffff !important;
  }
}


/* === RESPONSIVE WIDE DESKTOP REFINEMENT === */
:root{
  --outer-rails-wide:#0d162c;
  --main-surface:#1e283f;
  --main-text:#e1e3e6;
}

/* New side-rail color */
html,
body{
  background:#0d162c !important;
}

/* Keep mobile/tablet full-width, without visible rails */
@media (max-width:820px){
  html,
  body{
    background:#1e283f !important;
  }

  .news-header,
  .page,
  .site-footer,
  footer{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Medium desktop */
@media (min-width:821px) and (max-width:1199px){
  .news-header,
  .page,
  .site-footer,
  footer{
    width:820px !important;
    max-width:820px !important;
  }

  .news-header__top,
  .news-breadcrumbs{
    width:100% !important;
    max-width:820px !important;
  }

  .page > h1,
  .page > h2,
  .page > h3,
  .page > p,
  .page > ul,
  .page > ol,
  .page > .lead,
  .page > .red-rule,
  .page > .important{
    width:calc(100% - 72px) !important;
    max-width:720px !important;
  }
}

/* Large desktop */
@media (min-width:1200px) and (max-width:1599px){
  .news-header,
  .page,
  .site-footer,
  footer{
    width:940px !important;
    max-width:940px !important;
  }

  .news-header__top,
  .news-breadcrumbs{
    width:100% !important;
    max-width:940px !important;
  }

  .page > h1,
  .page > h2,
  .page > h3,
  .page > p,
  .page > ul,
  .page > ol,
  .page > .lead,
  .page > .red-rule,
  .page > .important{
    width:calc(100% - 92px) !important;
    max-width:780px !important;
  }

  .page > .hero,
  .page > .wide-img{
    max-width:780px !important;
  }

  .comments,
  .door-promo,
  .order-flow{
    max-width:820px !important;
  }
}

/* Very wide desktop */
@media (min-width:1600px){
  .news-header,
  .page,
  .site-footer,
  footer{
    width:1040px !important;
    max-width:1040px !important;
  }

  .news-header__top,
  .news-breadcrumbs{
    width:100% !important;
    max-width:1040px !important;
  }

  .page > h1,
  .page > h2,
  .page > h3,
  .page > p,
  .page > ul,
  .page > ol,
  .page > .lead,
  .page > .red-rule,
  .page > .important{
    width:calc(100% - 120px) !important;
    max-width:840px !important;
  }

  .page > .hero,
  .page > .wide-img{
    max-width:840px !important;
  }

  .comments,
  .door-promo,
  .order-flow{
    max-width:880px !important;
  }

  .page > h1{
    font-size:40px !important;
    line-height:1.12 !important;
  }

  .page > .lead{
    font-size:21px !important;
    line-height:1.46 !important;
  }

  .page p,
  .page li{
    font-size:18px !important;
    line-height:1.55 !important;
  }
}

/* Ensure central canvas always keeps its requested colors */
.news-header,
.page,
.site-footer,
footer{
  background:#1e283f !important;
  color:#e1e3e6 !important;
}


/* === COMMENTS REDESIGN — only comment section === */
.comments.comments-redesign{
  width:min(100% - 28px, 760px) !important;
  max-width:760px !important;
  margin:34px auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#f4f6fa !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.comments-redesign .comments-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
  padding:13px 20px;
  margin:0 0 16px;
  background:#202f4b !important;
  border:0 !important;
  border-radius:8px;
  color:#f4f6fa !important;
}

.comments-redesign .comments-heading{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  font-size:21px;
  line-height:1.2;
  font-weight:700;
  color:#fff !important;
}

.comments-redesign .comments-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:32px;
  padding:0 10px;
  border-radius:3px;
  background:#15243e !important;
  color:#fff !important;
  font-size:13px;
  font-weight:700;
}

.comments-redesign .comments-status{
  white-space:nowrap;
  color:#aeb8c9 !important;
  font-size:16px;
  line-height:1.2;
  font-style:italic;
}

.comments-redesign .comments-status em{
  color:#aeb8c9 !important;
  font-style:italic;
  font-weight:400;
}

.comments-redesign .comments-status strong{
  color:#d7dbe3 !important;
  font-style:italic;
  font-weight:700;
}

.comments-redesign .comment.comment-card{
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
  width:100% !important;
  margin:0 0 14px !important;
  padding:16px 20px 20px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#202f4b !important;
  color:#fff !important;
}

.comments-redesign .comment-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin:0 !important;
  border:0 !important;
  border-radius:50%;
  background:#0877ba !important;
  color:#fff !important;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.01em;
  text-transform:uppercase;
  box-shadow:none !important;
}

.comments-redesign .comment-body{
  min-width:0;
  color:#fff !important;
}

.comments-redesign .comment h4{
  margin:0 0 2px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

.comments-redesign .comment time{
  display:block !important;
  margin:0 0 26px !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

.comments-redesign .comment p{
  margin:0 !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  overflow-wrap:anywhere;
}

@media(max-width:600px){
  .comments.comments-redesign{
    width:calc(100% - 18px) !important;
    margin-top:26px !important;
  }

  .comments-redesign .comments-toolbar{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px 16px;
    padding:12px 14px;
  }

  .comments-redesign .comments-heading{
    gap:12px;
    font-size:19px;
  }

  .comments-redesign .comments-status{
    width:100%;
    font-size:14px;
  }

  .comments-redesign .comment.comment-card{
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:9px !important;
    padding:14px 13px 17px !important;
  }

  .comments-redesign .comment-avatar{
    width:38px;
    height:38px;
    font-size:11px;
  }

  .comments-redesign .comment h4{
    font-size:15px !important;
  }

  .comments-redesign .comment time{
    margin-bottom:20px !important;
    font-size:13px !important;
  }

  .comments-redesign .comment p{
    font-size:15px !important;
    line-height:1.5 !important;
  }
}


/* === Dynamic comment timestamps + footer below final CTA === */
.editorial-footer{
  width:min(100% - 28px, 760px);
  max-width:760px;
  margin:18px auto 0;
  padding:18px 2px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-top:1px solid rgba(225,227,230,.20);
  color:#e1e3e6;
  font-family:Arial,Helvetica,sans-serif;
}
.editorial-footer__copyright{
  font-size:12px;
  line-height:1.25;
  color:#e1e3e6;
  white-space:nowrap;
}
.editorial-footer__brand{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  color:#fff;
  white-space:nowrap;
}
.editorial-footer__claim{
  margin-right:3px;
  font-size:13px;
  font-weight:400;
  color:#fff;
}
.editorial-footer__ard{
  font-size:22px;
  line-height:1;
  font-weight:700;
  letter-spacing:.01em;
  color:#fff;
}
.editorial-footer__one{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  margin-left:1px;
  border:3px solid #fff;
  border-left-color:transparent;
  border-radius:50%;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:700;
  line-height:1;
  transform:rotate(-10deg);
}
.editorial-footer__one::before{
  content:"";
  position:absolute;
  left:-7px;
  top:5px;
  width:15px;
  height:3px;
  border-radius:3px;
  background:#fff;
  transform:rotate(-18deg);
}
.editorial-footer__one::after{
  content:"";
  position:absolute;
  left:-4px;
  top:10px;
  width:12px;
  height:3px;
  border-radius:3px;
  background:#fff;
  transform:rotate(-18deg);
}

@media(max-width:600px){
  .editorial-footer{
    width:calc(100% - 18px);
    padding-top:15px;
    flex-wrap:wrap;
    gap:14px 20px;
  }
  .editorial-footer__copyright{
    font-size:11px;
  }
  .editorial-footer__brand{
    margin-left:auto;
  }
  .editorial-footer__claim{font-size:12px}
  .editorial-footer__ard{font-size:20px}
  .editorial-footer__one{
    width:31px;
    height:31px;
    font-size:22px;
  }
}


/* Footer brand is now one image, as requested */
.editorial-footer__brand-image{
  display:block;
  width:193px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:600px){
  .editorial-footer__brand-image{
    width:165px;
  }
}