/* =========================================================
   MAGAZINE THEME — VARIABLES
========================================================= */

:root{
  --mag-paper:#fffdf8;
  --mag-paper-soft:#f7f3ea;
  --mag-ink:#111111;
  --mag-muted:#68645e;
  --mag-rule:#d8d1c5;
  --mag-red:#d71920;
  --mag-red-dark:#9f1015;
  --mag-blue:#173e6b;
  --mag-gold:#b58a35;

  --bg:var(--mag-paper-soft);
  --surface:var(--mag-paper);
  --surface2:#f3eee4;
  --text:var(--mag-ink);
  --muted:var(--mag-muted);
  --accent:var(--mag-red);
  --accent2:var(--mag-blue);
  --link:var(--mag-red-dark);
  --border:var(--mag-rule);

  --header-bg:var(--mag-paper);
  --header-text:var(--mag-ink);
  --footer-bg:#101010;
  --footer-text:#f6f1e7;

  --font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-title:"Space Grotesk","Inter",sans-serif;
  --font-serif:Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --maxw:1380px;
  --layout-gap:30px;
  --layout-sidebar-width:330px;

  --radius:0;
  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-xl:8px;
  --radius-pill:999px;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;

  --shadow-sm:0 8px 20px rgba(17,17,17,.06);
  --shadow-md:0 16px 36px rgba(17,17,17,.09);
  --shadow-lg:0 28px 64px rgba(17,17,17,.12);

  --transition-fast:.16s ease;
  --transition-base:.24s ease;

  --z-header:1000;
  --z-dropdown:1100;
  --z-overlay:9999;
}


/* =========================================================
   MAGAZINE THEME — BASE
========================================================= */

*,
*::before,
*::after{box-sizing:border-box}

html,body{margin:0;padding:0}

html{
  min-height:100%;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  background:
    linear-gradient(rgba(17,17,17,.022) 1px,transparent 1px),
    var(--bg);
  background-size:100% 32px;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  margin-top:0;
  color:inherit;
  font-family:var(--font-title);
  line-height:1.05;
  letter-spacing:-.045em;
}

a{color:var(--link);text-decoration:none}
a:hover{text-decoration:none}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid rgba(215,25,32,.28);
  outline-offset:3px;
}

img,picture,video,canvas,svg,iframe{max-width:100%}
picture{display:block}
img,video{height:auto}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
table{border-spacing:0}
::selection{color:#fff;background:var(--mag-red)}
[hidden]{display:none!important}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* =========================================================
   UTILITIES
========================================================= */

.u-block{display:block!important}
.u-inline-block{display:inline-block!important}
.u-inline-flex{display:inline-flex!important}
.u-flex{display:flex!important}
.u-grid{display:grid!important}
.u-hidden{display:none!important}
.u-items-center{align-items:center!important}
.u-items-start{align-items:flex-start!important}
.u-justify-center{justify-content:center!important}
.u-justify-between{justify-content:space-between!important}
.u-flex-wrap{flex-wrap:wrap!important}
.u-flex-column{flex-direction:column!important}
.u-w-full{width:100%!important}
.u-max-w-full{max-width:100%!important}
.u-min-w-0{min-width:0!important}
.u-text-left{text-align:left!important}
.u-text-center{text-align:center!important}
.u-text-right{text-align:right!important}
.u-text-muted{color:var(--muted)!important}
.u-text-accent{color:var(--accent)!important}
.u-font-bold{font-weight:800!important}
.u-font-black{font-weight:950!important}
.u-uppercase{text-transform:uppercase!important}
.u-nowrap{white-space:nowrap!important}
.u-overflow-hidden{overflow:hidden!important}
.u-overflow-auto{overflow:auto!important}
.u-m-0{margin:0!important}
.u-mt-0{margin-top:0!important}
.u-mb-0{margin-bottom:0!important}
.u-mx-auto{margin-inline:auto!important}
.u-p-0{padding:0!important}
.u-relative{position:relative!important}
.u-absolute{position:absolute!important}
.u-sticky{position:sticky!important}

.u-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

@media (max-width:720px){
  .u-hide-mobile{display:none!important}
}

@media (min-width:721px){
  .u-show-mobile{display:none!important}
}


/* =========================================================
   MAGAZINE THEME — LAYOUT
========================================================= */

.container{
  width:min(var(--maxw),calc(100% - 42px));
  margin-inline:auto;
}

.layout-shell{
  display:grid;
  align-items:start;
  gap:var(--layout-gap);
  margin:26px auto 46px;
  min-width:0;
}

.layout-grid,
.layout-home{
  grid-template-columns:minmax(0,1fr) var(--layout-sidebar-width);
}

.layout-shell > *{min-width:0}

.layout-shell > main{
  max-width:100%;
  min-width:0;
}

.home-content-wide{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.content-card{
  min-width:0;
  padding:30px;
  border:1px solid var(--border);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}

/* =========================================================
   SITE ADVERTISING
========================================================= */

.site-ad{
  width:100%;
  margin:20px 0;
}

.site-ad__inner{
  display:flex;
  align-items:center;
  justify-content:center;

  min-width:0;
  min-height:90px;

  margin:0 auto;
  padding:0;

  overflow:hidden;

  border-block:1px solid var(--border);

  background:var(--surface);
}


/* =========================================================
   AD CONTENT
========================================================= */

.site-ad iframe,
.site-ad ins,
.site-ad img,
.site-ad video{
  max-width:100%;
  height:auto;
}

.td-ad-box{
  display:block;

  width:100%;
  max-width:970px;
  min-height:90px;

  margin:0 auto;

  overflow:hidden;
}


/* =========================================================
   FOOTER AD
========================================================= */

.site-ad--footer{
  width:100%;

  margin:0;
  padding:24px 0 28px;

  background:transparent;
}

.site-ad--footer .site-ad__inner{
  min-height:0;

  padding:0;

  border:0;

  background:transparent;
}

.site-ad--footer .td-ad-box--footer{
  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  max-width:970px;
  min-height:0;

  margin:0 auto;

  overflow:hidden;
}

.site-ad--footer .td-ad-box--footer iframe,
.site-ad--footer .td-ad-box--footer ins,
.site-ad--footer .td-ad-box--footer img,
.site-ad--footer .td-ad-box--footer video{
  display:block;

  max-width:100%;
  height:auto;

  margin:0 auto;
}


/* =========================================================
   ADSENSE
========================================================= */

.site-ad .adsbygoogle{
  display:block;

  width:100%;
  max-width:100%;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:768px){

  .site-ad--footer{
    padding:18px 0 22px;
  }

  .site-ad--footer .td-ad-box--footer{
    max-width:100%;
  }

}

@media (max-width:1100px){
  .layout-grid,
  .layout-home{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .container{
    width:min(var(--maxw),calc(100% - 22px));
  }

  .layout-shell{
    gap:20px;
    margin-top:18px;
  }

  .content-card{
    padding:20px;
  }
}

@media (max-width:480px){
  .container{
    width:min(var(--maxw),calc(100% - 14px));
  }

  .content-card{
    padding:16px;
  }
}


/* =========================================================
   MAGAZINE — SINGLE ARTICLE LAYOUT RESET
========================================================= */

.content-card:has(.single-post),
body:has(.single-post) main.content-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.content-card:has(.single-post) .single-post{
  margin:0;
}

@media (max-width:768px){
  .content-card:has(.single-post),
  body:has(.single-post) main.content-card{
    padding:0;
  }
}


/* =========================================================
   MAGAZINE THEME — COMPONENTS
========================================================= */

.card{
  min-width:0;
  border:1px solid var(--border);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 11px;
  border:1px solid #111;
  border-radius:0;
  color:#111;
  background:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.pill:hover,
.pill.is-active,
.pill[aria-current="page"]{
  color:#fff;
  background:#111;
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  min-height:24px;
  padding:0 7px;
  color:#fff;
  background:var(--mag-red);
  font-size:10px;
  font-weight:950;
}

.empty-state{
  padding:22px;
  border-left:5px solid var(--mag-red);
  background:var(--mag-paper-soft);
}

.empty-state p{
  margin:0;
  color:var(--muted);
  font-family:var(--font-serif);
}

.muted{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.td-lang-switch-wrap{
  position:fixed;
  right:20px;
  bottom:18px;
  z-index:9998;
}

.td-lang-switch{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 12px;
  border:1px solid #111;
  color:#fff;
  background:#111;
  font-size:10px;
  font-weight:950;
}

.td-lang-switch__target{
  color:#ff7d81;
}

.td-theme-preview-badge{
  position:fixed;
  top:12px;
  left:12px;
  z-index:var(--z-overlay);
  padding:8px 10px;
  color:#fff;
  background:var(--mag-red);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}

.grecaptcha-badge{
  right:14px!important;
  bottom:78px!important;
  z-index:9999!important;
}

/* =========================================================
   MAGAZINE THEME — HEADER
   Editorial masthead
========================================================= */

/* =========================================================
   HEADER SHELL
========================================================= */

html[data-theme="magazine"] .site-header,
html[data-theme-preview="magazine"] .site-header{
  position:relative;
  z-index:var(--z-header, 1000);
  width:100%;
  padding:0 !important;
  color:#111 !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:2px solid var(--mag-red, #dc2626) !important;
  box-shadow:none !important;
}

/* Linea superiore editoriale */

html[data-theme="magazine"] .site-header::before,
html[data-theme-preview="magazine"] .site-header::before{
  content:"" !important;
  position:static !important;
  inset:auto !important;

  display:block !important;

  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  height:3px !important;
  min-height:3px !important;
  max-height:3px !important;

  margin:0 !important;
  padding:0 !important;

  background:#111 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  opacity:1 !important;
  transform:none !important;
  clip-path:none !important;

  pointer-events:none;
}

/* Elimina eventuali decorazioni Premium */

html[data-theme="magazine"] .site-header::after,
html[data-theme-preview="magazine"] .site-header::after{
  content:none !important;
  display:none !important;
  position:static !important;
  inset:auto !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  box-shadow:none !important;
}


/* =========================================================
   TOPBAR / MASTHEAD
========================================================= */

html[data-theme="magazine"] .site-header .topbar,
html[data-theme-preview="magazine"] .site-header .topbar{
  display:grid !important;
  grid-template-columns:250px minmax(0, 1fr) 300px;
  grid-template-areas:"brand nav actions";
  align-items:center;
  gap:22px;

  width:min(var(--maxw, 1380px), calc(100% - 42px));
  min-height:104px;
  margin:0 auto;
  padding:8px 0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   BRAND
========================================================= */

html[data-theme="magazine"] .site-header .brand,
html[data-theme-preview="magazine"] .site-header .brand{
  grid-area:brand;
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

html[data-theme="magazine"] .site-header .site-logo,
html[data-theme-preview="magazine"] .site-header .site-logo{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
}

html[data-theme="magazine"] .site-header .site-logo img,
html[data-theme-preview="magazine"] .site-header .site-logo img{
  display:block !important;
  width:245px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:88px !important;
  margin:0 !important;
  object-fit:contain;
  object-position:left center;
  filter:none;
}

/* =========================================================
   LOGO MOTION
   Entrata singola + impulso elettrico discreto
========================================================= */

html[data-theme="magazine"] .site-header .site-logo,
html[data-theme-preview="magazine"] .site-header .site-logo{
  transform-origin:left center;
  animation:magLogoReveal .65s ease-out both;
}

html[data-theme="magazine"] .site-header .site-logo img,
html[data-theme-preview="magazine"] .site-header .site-logo img{
  transform-origin:center;
  animation:magLogoPulse 8s ease-in-out 1.2s infinite;
  transition:transform .3s ease, filter .3s ease;
}

html[data-theme="magazine"] .site-header .site-logo:hover img,
html[data-theme-preview="magazine"] .site-header .site-logo:hover img{
  animation:none;
  transform:scale(1.025);
  filter:brightness(1.08) drop-shadow(0 0 8px rgba(22,130,255,.38)) !important;
}

@keyframes magLogoReveal{
  from{
    opacity:0;
    transform:translateY(-6px) scale(.98);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes magLogoPulse{
  0%,88%,100%{
    filter:none;
  }
  93%{
    filter:brightness(1.10) drop-shadow(0 0 9px rgba(22,130,255,.32));
  }
}

html[data-theme="magazine"] .site-header .brand-copy,
html[data-theme-preview="magazine"] .site-header .brand-copy{
  display:none !important;
}


/* =========================================================
   NAVIGATION
========================================================= */

html[data-theme="magazine"] .site-header .nav--categories,
html[data-theme-preview="magazine"] .site-header .nav--categories{
  grid-area:nav;
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

html[data-theme="magazine"] .site-header .nav-flat,
html[data-theme="magazine"] .site-header .nav ul,
html[data-theme="magazine"] .site-header .nav > div,
html[data-theme-preview="magazine"] .site-header .nav-flat,
html[data-theme-preview="magazine"] .site-header .nav ul,
html[data-theme-preview="magazine"] .site-header .nav > div{
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;

  list-style:none;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-theme="magazine"] .site-header .nav li,
html[data-theme-preview="magazine"] .site-header .nav li{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* Link completamente piatti */

html[data-theme="magazine"] .site-header .nav a,
html[data-theme="magazine"] .site-header .nav-link,
html[data-theme-preview="magazine"] .site-header .nav a,
html[data-theme-preview="magazine"] .site-header .nav-link{
  position:relative;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:42px !important;
  margin:0 !important;
  padding:0 11px !important;

  color:#151515 !important;
  background:transparent !important;

  border:0 !important;
  border-right:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
  text-shadow:none !important;

  font-family:var(--font-sans, Arial, sans-serif);
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.045em;
  text-transform:uppercase;
  text-decoration:none !important;
  white-space:nowrap;

  transition:color .18s ease;
}

html[data-theme="magazine"] .site-header .nav li:last-child > a,
html[data-theme="magazine"] .site-header .nav li:last-child > .nav-link,
html[data-theme-preview="magazine"] .site-header .nav li:last-child > a,
html[data-theme-preview="magazine"] .site-header .nav li:last-child > .nav-link{
  border-right:0 !important;
}

/* Sottolineatura editoriale */

html[data-theme="magazine"] .site-header .nav a::after,
html[data-theme="magazine"] .site-header .nav-link::after,
html[data-theme-preview="magazine"] .site-header .nav a::after,
html[data-theme-preview="magazine"] .site-header .nav-link::after{
  content:"";
  position:absolute;
  right:11px;
  bottom:2px;
  left:11px;

  height:3px;
  background:var(--mag-red, #dc2626);

  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s ease;
}

html[data-theme="magazine"] .site-header .nav a:hover,
html[data-theme="magazine"] .site-header .nav a.is-active,
html[data-theme="magazine"] .site-header .nav-link:hover,
html[data-theme="magazine"] .site-header .nav-link.is-active,
html[data-theme-preview="magazine"] .site-header .nav a:hover,
html[data-theme-preview="magazine"] .site-header .nav a.is-active,
html[data-theme-preview="magazine"] .site-header .nav-link:hover,
html[data-theme-preview="magazine"] .site-header .nav-link.is-active{
  color:var(--mag-red, #dc2626) !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html[data-theme="magazine"] .site-header .nav a:hover::after,
html[data-theme="magazine"] .site-header .nav a.is-active::after,
html[data-theme="magazine"] .site-header .nav-link:hover::after,
html[data-theme="magazine"] .site-header .nav-link.is-active::after,
html[data-theme-preview="magazine"] .site-header .nav a:hover::after,
html[data-theme-preview="magazine"] .site-header .nav a.is-active::after,
html[data-theme-preview="magazine"] .site-header .nav-link:hover::after,
html[data-theme-preview="magazine"] .site-header .nav-link.is-active::after{
  transform:scaleX(1);
}

/* Elimina pallini e decorazioni Premium */

html[data-theme="magazine"] .site-header .nav-link__dot,
html[data-theme-preview="magazine"] .site-header .nav-link__dot{
  display:none !important;
}

html[data-theme="magazine"] .site-header .nav-link__chevron,
html[data-theme-preview="magazine"] .site-header .nav-link__chevron{
  margin-left:6px;
  color:currentColor;
  font-size:9px;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

html[data-theme="magazine"] .site-header .header-actions,
html[data-theme-preview="magazine"] .site-header .header-actions{
  grid-area:actions;

  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;

  min-width:0;
  margin:0 !important;
  padding:0 !important;
}


/* =========================================================
   SEARCH
========================================================= */

html[data-theme="magazine"] .site-header .header-search,
html[data-theme-preview="magazine"] .site-header .header-search{
  position:relative;
  width:184px !important;
  margin:0 !important;
}

html[data-theme="magazine"] .site-header .header-search input,
html[data-theme-preview="magazine"] .site-header .header-search input{
  display:block;
  width:100% !important;
  height:38px !important;
  margin:0 !important;
  padding:0 14px !important;

  color:#111 !important;
  background:#fff !important;

  border:1px solid #111 !important;
  border-radius:0 !important;

  outline:none;
  box-shadow:none !important;

  font-size:13px;
}

html[data-theme="magazine"] .site-header .header-search input::placeholder,
html[data-theme-preview="magazine"] .site-header .header-search input::placeholder{
  color:#777 !important;
  opacity:1;
}

html[data-theme="magazine"] .site-header .header-search input:focus,
html[data-theme-preview="magazine"] .site-header .header-search input:focus{
  border-color:var(--mag-red, #dc2626) !important;
}


/* =========================================================
   CTA
========================================================= */

html[data-theme="magazine"] .site-header .header-cta,
html[data-theme-preview="magazine"] .site-header .header-cta{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:38px !important;
  margin:0 !important;
  padding:0 15px !important;

  color:#fff !important;
  background:var(--mag-red, #dc2626) !important;

  border:1px solid var(--mag-red, #dc2626) !important;
  border-radius:0 !important;

  box-shadow:none !important;

  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.045em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none !important;
}

html[data-theme="magazine"] .site-header .header-cta:hover,
html[data-theme-preview="magazine"] .site-header .header-cta:hover{
  color:#fff !important;
  background:#111 !important;
  border-color:#111 !important;
}


/* =========================================================
   HEADER STICKER / BREAKING NEWS
========================================================= */

html[data-theme="magazine"] .header-sticker,
html[data-theme-preview="magazine"] .header-sticker{
  width:100%;
  margin:0 !important;
  padding:0 !important;

  color:#fff !important;
  background:#111 !important;

  border:0 !important;
  border-top:1px solid #222 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

html[data-theme="magazine"] .header-sticker__inner,
html[data-theme-preview="magazine"] .header-sticker__inner{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:18px;

  width:min(var(--maxw, 1380px), calc(100% - 42px));
  min-height:42px;
  margin:0 auto;
  padding:0 !important;
}

html[data-theme="magazine"] .header-sticker__label,
html[data-theme-preview="magazine"] .header-sticker__label{
  display:inline-flex !important;
  align-items:center;

  height:42px !important;
  margin:0 !important;
  padding:0 18px !important;

  color:#fff !important;
  background:var(--mag-red, #dc2626) !important;

  border:0 !important;
  border-radius:0 !important;

  font-family:var(--font-sans, Arial, sans-serif);
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

html[data-theme="magazine"] .header-sticker__viewport,
html[data-theme-preview="magazine"] .header-sticker__viewport{
  min-width:0;
  overflow:hidden;
}

html[data-theme="magazine"] .header-sticker__track,
html[data-theme-preview="magazine"] .header-sticker__track{
  display:flex;
  align-items:center;
  gap:32px;

  width:max-content;
  animation:magHeaderTicker 40s linear infinite;
}

html[data-theme="magazine"] .header-sticker__item,
html[data-theme-preview="magazine"] .header-sticker__item{
  display:inline-flex !important;
  align-items:center;
  gap:10px;

  color:#fff !important;

  font-family:var(--font-serif, Georgia, serif);
  font-size:14px !important;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none !important;
}

html[data-theme="magazine"] .header-sticker__item:hover,
html[data-theme-preview="magazine"] .header-sticker__item:hover{
  color:#fff !important;
  text-decoration:underline !important;
  text-decoration-color:var(--mag-red, #dc2626) !important;
  text-underline-offset:4px;
}

html[data-theme="magazine"] .header-sticker__dot,
html[data-theme-preview="magazine"] .header-sticker__dot{
  width:5px;
  height:5px;
  flex:0 0 5px;

  background:var(--mag-red, #dc2626) !important;
  border-radius:50%;
}

html[data-theme="magazine"] .header-sticker__date,
html[data-theme-preview="magazine"] .header-sticker__date{
  color:rgba(255,255,255,.58) !important;
  font-family:var(--font-sans, Arial, sans-serif);
  font-size:10px !important;
  font-weight:800;
  letter-spacing:.04em;
}

@keyframes magHeaderTicker{
  to{
    transform:translateX(-50%);
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1180px){

  html[data-theme="magazine"] .site-header .topbar,
  html[data-theme-preview="magazine"] .site-header .topbar{
    grid-template-columns:210px minmax(0, 1fr);
    grid-template-areas:
      "brand actions"
      "nav nav";

    gap:14px 24px;
    min-height:0;
    padding:14px 0 !important;
  }

  html[data-theme="magazine"] .site-header .site-logo img,
  html[data-theme-preview="magazine"] .site-header .site-logo img{
    width:200px !important;
    max-height:68px !important;
  }

  html[data-theme="magazine"] .site-header .nav--categories,
  html[data-theme-preview="magazine"] .site-header .nav--categories{
    justify-content:flex-start;
    border-top:1px solid #ddd;
    padding-top:8px !important;
  }

  html[data-theme="magazine"] .site-header .nav-flat,
  html[data-theme="magazine"] .site-header .nav ul,
  html[data-theme="magazine"] .site-header .nav > div,
  html[data-theme-preview="magazine"] .site-header .nav-flat,
  html[data-theme-preview="magazine"] .site-header .nav ul,
  html[data-theme-preview="magazine"] .site-header .nav > div{
    justify-content:flex-start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:720px){

  html[data-theme="magazine"] .site-header .topbar,
  html[data-theme-preview="magazine"] .site-header .topbar{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "actions"
      "nav";

    width:min(var(--maxw, 1380px), calc(100% - 28px));
    gap:14px;
    padding:14px 0 !important;
  }

  html[data-theme="magazine"] .site-header .brand,
  html[data-theme-preview="magazine"] .site-header .brand{
    justify-content:center;
  }

  html[data-theme="magazine"] .site-header .site-logo img,
  html[data-theme-preview="magazine"] .site-header .site-logo img{
    width:210px !important;
    object-position:center;
  }

  html[data-theme="magazine"] .site-header .header-actions,
  html[data-theme-preview="magazine"] .site-header .header-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    width:100%;
  }

  html[data-theme="magazine"] .site-header .header-search,
  html[data-theme-preview="magazine"] .site-header .header-search{
    width:100% !important;
  }

  html[data-theme="magazine"] .site-header .nav--categories,
  html[data-theme-preview="magazine"] .site-header .nav--categories{
    width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }

  html[data-theme="magazine"] .site-header .nav--categories::-webkit-scrollbar,
  html[data-theme-preview="magazine"] .site-header .nav--categories::-webkit-scrollbar{
    display:none;
  }

  html[data-theme="magazine"] .site-header .nav-flat,
  html[data-theme="magazine"] .site-header .nav ul,
  html[data-theme="magazine"] .site-header .nav > div,
  html[data-theme-preview="magazine"] .site-header .nav-flat,
  html[data-theme-preview="magazine"] .site-header .nav ul,
  html[data-theme-preview="magazine"] .site-header .nav > div{
    flex-wrap:nowrap;
    width:max-content;
  }

  html[data-theme="magazine"] .site-header .nav a,
  html[data-theme="magazine"] .site-header .nav-link,
  html[data-theme-preview="magazine"] .site-header .nav a,
  html[data-theme-preview="magazine"] .site-header .nav-link{
    border-right:1px solid #ddd !important;
  }

  html[data-theme="magazine"] .header-sticker__inner,
  html[data-theme-preview="magazine"] .header-sticker__inner{
    grid-template-columns:1fr;
    gap:0;

    width:100%;
    padding:0 !important;
  }

  html[data-theme="magazine"] .header-sticker__label,
  html[data-theme-preview="magazine"] .header-sticker__label{
    width:max-content;
    height:34px !important;
    margin-left:14px !important;
    padding:0 12px !important;
  }

  html[data-theme="magazine"] .header-sticker__viewport,
  html[data-theme-preview="magazine"] .header-sticker__viewport{
    min-height:42px;
    padding:0 14px;
  }

  html[data-theme="magazine"] .header-sticker__track,
  html[data-theme-preview="magazine"] .header-sticker__track{
    min-height:42px;
  }
}

/* =========================================================
   FIX MAGAZINE — SEARCH TAGLIATA
========================================================= */

html[data-theme="magazine"] .site-header .header-actions,
html[data-theme-preview="magazine"] .site-header .header-actions{
  position:relative !important;
  overflow:visible !important;
}

html[data-theme="magazine"] .site-header .header-search,
html[data-theme-preview="magazine"] .site-header .header-search{
  position:relative !important;

  display:block !important;
  flex:0 0 184px !important;

  width:184px !important;
  min-width:184px !important;
  max-width:184px !important;

  height:38px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;
  translate:none !important;
}

html[data-theme="magazine"] .site-header .header-search::before,
html[data-theme="magazine"] .site-header .header-search::after,
html[data-theme-preview="magazine"] .site-header .header-search::before,
html[data-theme-preview="magazine"] .site-header .header-search::after{
  content:none !important;
  display:none !important;
}

html[data-theme="magazine"] .site-header .header-search input,
html[data-theme-preview="magazine"] .site-header .header-search input{
  position:static !important;

  display:block !important;

  box-sizing:border-box !important;

  width:184px !important;
  min-width:184px !important;
  max-width:184px !important;

  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;

  margin:0 !important;
  padding:0 14px !important;

  overflow:visible !important;

  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;
  translate:none !important;

  clip:auto !important;
  clip-path:none !important;

  text-indent:0 !important;
  line-height:36px !important;

  color:#111 !important;
  background:#fff !important;

  border:1px solid #111 !important;
  border-radius:0 !important;

  opacity:1 !important;
  visibility:visible !important;
}

@media (max-width:720px){
  html[data-theme="magazine"] .site-header .header-search,
  html[data-theme-preview="magazine"] .site-header .header-search{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  html[data-theme="magazine"] .site-header .header-search input,
  html[data-theme-preview="magazine"] .site-header .header-search input{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

  html[data-theme="magazine"] .site-header .header-actions,
  html[data-theme-preview="magazine"] .site-header .header-actions{
    grid-template-columns:1fr;
  }

  html[data-theme="magazine"] .site-header .header-cta,
  html[data-theme-preview="magazine"] .site-header .header-cta{
    width:100%;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  html[data-theme="magazine"] .site-header .site-logo,
  html[data-theme="magazine"] .site-header .site-logo img,
  html[data-theme-preview="magazine"] .site-header .site-logo,
  html[data-theme-preview="magazine"] .site-header .site-logo img{
    animation:none;
    transition:none;
  }

  html[data-theme="magazine"] .header-sticker__track,
  html[data-theme-preview="magazine"] .header-sticker__track{
    animation:none;
  }
}