/* Breaking Bad Editorial 2.1.0 — core bundle. Generated from style.css. */
:root{--bg: #07110d;
  --surface: #0c1c13;
  --surface-2: #102218;
  --surface-hover: #13291b;
  --surface-deep: #09150f;
  --line: #294330;
  --line-strong: #52763d;
  --text: #edf2e7;
  --body-text: #b4c1b2;
  --muted: #94a58f;
  --gold: #acd85f;
  --gold-soft: #acd85f;
  --green: #102218;
  --radius: 20px;
  --container: 1220px;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{margin: 0; background: radial-gradient(circle at 84% 4%, rgba(82,118,61,.08), transparent 26%), var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; line-height: 1.5;}
body::before{content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");}
a{color: inherit; text-decoration: none;}
button, select{font: inherit;}
button, a{-webkit-tap-highlight-color: transparent;}
img{display: block; max-width: 100%; height: auto;}
.container{width: min(calc(100% - 40px), var(--container)); margin-inline: auto;}
.skip-link{position: fixed; top: 8px; left: 8px; z-index: 100; background: var(--text); color: var(--bg); padding: 10px 14px; transform: translateY(-160%);}
.skip-link:focus{transform: none;}
.site-header{position: sticky; top: 0; z-index: 30; height: 76px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: rgba(9,10,10,.88); backdrop-filter: blur(16px);}
.header-inner{display: flex; align-items: center; justify-content: space-between; gap: 28px;}
.brand{display: inline-flex; align-items: center; gap: 12px; min-width: max-content;}
.brand-mark{width: 58px; height: 31px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; border: 0; font: 700 13px/1 Arial, sans-serif; color: #06100c;}
.brand-mark b{display: grid; place-items: center; min-width: 0; border: 1px solid rgba(215,243,107,.78); border-radius: 3px; background: linear-gradient(145deg, var(--gold-soft), #79bd5c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);}
.brand-text{display: flex; flex-direction: column; font-family: Georgia, 'Times New Roman', serif; font-weight: 700; font-size: 16px; letter-spacing: .12em; line-height: 1;}
.brand-text small{margin-top: 5px; font: 600 9px Arial, sans-serif; color: var(--muted); letter-spacing: .22em; text-transform: uppercase;}
.nav{display: flex; gap: 28px; align-items: center; color: #d1d0c8; font-size: 14px;}
.nav a{position: relative; padding: 8px 0;}
.nav a::after{content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--gold); transition: right .2s;}
.nav a:hover::after, .nav a[aria-current="page"]::after{right: 0;}
.header-actions{display: flex; gap: 10px; align-items: center;}
.search-btn, .menu-btn{width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text); cursor: pointer;}
.menu-btn{display: none;}
.menu-icon, .menu-icon::before, .menu-icon::after{width: 17px; height: 1.5px; display: block; border-radius: 2px; background: currentColor;}
.menu-icon{position: relative;}
.menu-icon::before, .menu-icon::after{content: ""; position: absolute; left: 0;}
.menu-icon::before{transform: translateY(-5px);}
.menu-icon::after{transform: translateY(5px);}
.search-icon{width: 15px; height: 15px; border: 1.7px solid currentColor; border-radius: 50%; position: relative;}
.search-icon::after{content: ""; position: absolute; width: 7px; height: 1.7px; background: currentColor; right: -5px; bottom: -3px; transform: rotate(45deg);}
.search-open{overflow: hidden;}
.site-search[hidden]{display: none;}
.site-search{position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding: 9vh 20px 30px;}
.site-search-backdrop{position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0,0,0,.78); backdrop-filter: blur(10px); cursor: default;}
.site-search-dialog{position: relative; width: min(760px, 100%); max-height: 82vh; overflow: auto; border: 1px solid var(--line); border-radius: 22px; padding: 28px; background: #0e0f0f; box-shadow: 0 32px 90px rgba(0,0,0,.55);}
.site-search-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 22px;}
.site-search-head h2{margin: 8px 0 0; font: 34px/1.08 Georgia, serif;}
.site-search-close{flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text); font-size: 27px; line-height: 1; cursor: pointer;}
.site-search-field{display: flex; align-items: center; gap: 16px; border: 1px solid #657c5c; border-radius: 14px; padding: 0 18px; background: #09150f;}
.site-search-field:focus-within{border-color: var(--gold-soft); box-shadow: 0 0 0 3px rgba(167,214,90,.1);}
.site-search-field .search-icon{flex: 0 0 auto; color: var(--gold-soft);}
.site-search-field input{width: 100%; min-width: 0; height: 56px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 16px; line-height: 1.4;}
.site-search-field input::placeholder{color: var(--muted);}
.site-search-status{margin: 20px 0 8px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .12em;}
.site-search-results{border-top: 1px solid var(--line);}
.site-search-result{display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 15px 4px; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none;}
.site-search-result:hover, .site-search-result:focus-visible{background: rgba(255,255,255,.035); outline: none;}
.site-search-code, .site-search-rating{color: var(--gold-soft); font-size: 11px; white-space: nowrap;}
.site-search-title strong, .site-search-title small{display: block;}
.site-search-title strong{font: 19px/1.25 Georgia, serif;}
.site-search-title small{margin-top: 4px; color: var(--muted); font-size: 11px;}
.site-search-empty{display: grid; gap: 7px; padding: 28px 4px; border-bottom: 1px solid var(--line);}
.site-search-empty span{color: var(--muted); font-size: 13px;}
.site-search-hint{display: flex; justify-content: space-between; gap: 18px; padding-top: 16px; color: var(--muted); font-size: 11px;}
.eyebrow{display: flex; align-items: center; gap: 10px; color: var(--gold-soft); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 700;}
.eyebrow::before{content: ""; width: 34px; height: 1px; background: var(--gold);}
.muted{color: var(--muted);}
.btn{min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 999px; background: transparent; color: var(--text); font-size: 14px; font-weight: 700; cursor: pointer; transition: transform .2s, background .2s, border-color .2s;}
.btn:hover{transform: translateY(-2px); border-color: var(--gold);}
.btn-primary{background: var(--gold); border-color: var(--gold); color: #111;}
.btn-primary:hover{background: var(--gold-soft);}
.play-dot{width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(0,0,0,.18);}
.play-dot::before{content: ""; margin-left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid currentColor;}
.field label{display: block; color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 8px 5px;}
.field select{width: 100%; height: 48px; appearance: none; color: var(--text); border: 1px solid var(--line); border-radius: 12px; background: #0d0f0e linear-gradient(45deg, transparent 50%, var(--gold) 50%) calc(100% - 17px) 21px/5px 5px no-repeat; padding: 0 40px 0 14px;}
.picker-status{display: block; min-height: 16px; margin: 6px 5px 0; color: var(--muted); font-size: 10px; line-height: 1.4;}
.section{padding: 104px 0; border-bottom: 1px solid var(--line);}
.section-sm{padding: 72px 0;}
.section-head{display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 38px;}
.section-head h2, .page-title{margin: 10px 0 0; font: 400 clamp(38px, 5vw, 68px)/1 Georgia, serif; letter-spacing: -.035em;}
.section-head p{max-width: 480px; color: var(--muted);}
.text-link{display: inline-flex; align-items: center; gap: 9px; color: var(--gold-soft); font-size: 13px; font-weight: 700; white-space: nowrap;}
.text-link:hover{gap: 13px;}
.arrow-circle{width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%;}
.page-hero{padding: 86px 0 60px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 20%, rgba(22,83,55,.27), transparent 30%);}
.breadcrumbs{display: flex; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin-bottom: 28px;}
.breadcrumbs a:hover{color: var(--gold-soft);}
.page-intro{max-width: 700px; margin-top: 18px; color: #b4c1b2; font-size: 18px;}
.stats{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
.stat{padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; color: #cbc8bd; font-size: 12px;}
.share-link{padding: 0; border: 0; border-bottom: 1px solid var(--gold); background: none; color: var(--gold-soft); cursor: pointer;}
.footer{padding: 58px 0 28px;}
.footer-top{display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 60px; padding-bottom: 45px; border-bottom: 1px solid var(--line);}
.footer p{max-width: 480px; color: var(--muted); font-size: 13px;}
.footer h3{margin: 0 0 16px; color: #dbd8cf; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;}
.footer-links{display: grid; gap: 9px; list-style:none; margin:0; padding:0; color: var(--muted); font-size: 13px;}
.footer-links a:hover{color: var(--gold-soft);}
.footer-bottom{display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; color: #777a74; font-size: 11px;}
.toast{position: fixed; z-index: 100; left: 50%; bottom: 24px; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, calc(100% + 64px)); padding: 11px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-2); color: var(--text); font-size: 12px; transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s;}
.toast.show,.toast:not([hidden]){opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: transform .25s ease, opacity .2s ease, visibility 0s;}
.toast[hidden]{display: none;}
/* v6: каталог серий, персонажи, смысловые SEO-блоки и расширенные эпизоды */
.nav{gap: 20px;}
.character-portrait{width: 100%; aspect-ratio: 1; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid #294330; border-radius: 25px; background: #102218; box-shadow: inset 0 0 48px rgba(0,0,0,.24);}
.character-portrait span{color: rgba(215,243,107,.78); font: 78px Georgia, serif;}
@media (max-width: 980px){.nav{display: none; position: fixed; inset: 76px 0 auto; padding: 22px 20px; flex-direction: column; align-items: flex-start; background: #101211; border-bottom: 1px solid var(--line);}
.nav.open{display: flex;}
.menu-btn{display: grid;}}
@media (max-width: 680px){.container{width: min(calc(100% - 28px), var(--container));}
.site-header{height: 66px;}
.brand-text{font-size: 14px;}
.search-btn{display: grid; width: 38px; height: 38px;}
.site-search{place-items: stretch; padding: 0;}
.site-search-dialog{width: 100%; height: 100%; max-height: none; border: 0; border-radius: 0; padding: 22px 18px;}
.site-search-head h2{font-size: 29px;}
.site-search-result{grid-template-columns: 62px minmax(0, 1fr); gap: 12px;}
.site-search-rating{grid-column: 2; margin-top: -8px;}
.site-search-hint span:last-child{display: none;}
.nav{inset: 66px 0 auto;}
.section{padding: 76px 0;}
.section-sm{padding: 55px 0;}
.section-head{display: block;}
.section-head .text-link{margin-top: 18px;}
.page-hero{padding: 60px 0 46px;}
.footer-top{grid-template-columns: 1fr; gap: 30px;}
.footer-bottom{display:flex;flex-direction:column;gap:8px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.footer-links a{display:flex;align-items:center;min-height:44px}
.character-portrait{width: 100%;}
.character-portrait span{font-size: 48px;}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}
*, *::before, *::after{scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important;}}
.header-search{position:absolute;left:0;right:0;top:100%;z-index:30;padding:18px 0;background:rgba(17,16,15,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.header-search[hidden]{display:none}
.header-search form{display:grid;grid-template-columns:1fr auto auto;gap:12px}
.header-search input{width:100%;min-height:48px;padding:0 16px;color:var(--paper);background:#171715;border:1px solid var(--line);border-radius:8px;font:inherit}
.site-header{position:sticky;top:0;z-index:40}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.header-search form{grid-template-columns:1fr auto}
.header-search [data-search-close]{grid-column:1/-1}}