/* СИН ДОМ v1.18 — Signature ///: locked brand system and Apple-like horizontal Horizon. */
@import url('./brand-tokens.css');
/* Guard rails: do not accidentally recolor Levski typography with Europa League orange. */
.sd-v18-home .sd-v18-title h1,.sd-v18-home .sd-v18-title h1 em{
 color:var(--sd-brand-white)!important;-webkit-text-fill-color:var(--sd-brand-white)!important;
 -webkit-text-stroke:0!important;background:none!important;text-shadow:0 9px 38px rgba(0,8,25,.68)!important;
 font-family:var(--sd-font-display)!important;letter-spacing:-.085em!important;font-style:normal!important;
}
.sd-v18-title h1{font-size:clamp(40px,8.6vw,136px)!important;line-height:1.02!important;text-wrap:balance;overflow-wrap:normal!important}
.sd-v18-home .sd-v18-title{padding-top:clamp(18px,2.5vw,34px)!important;padding-bottom:23px!important;position:relative}
.sd-v18-home .sd-v18-title h1::before,.sd-v18-home .sd-v18-title h1::after,.sd-v18-home .sd-v18-title em::before,.sd-v18-home .sd-v18-title em::after{display:none!important;content:none!important}
.sd-v18-slashes{display:block;width:102px;height:auto;object-fit:contain;flex:none}
.sd-v18-hero-slashes{margin:20px auto 0;width:94px;filter:drop-shadow(0 3px 19px #e5bc7080)}
.sd-v18-home .sd-v17-hero{border-bottom-color:var(--sd-brand-royal)!important}
.sd-v18-home .sd-v17-hero .sd-v17-spotlight-b{background:linear-gradient(80deg,transparent 25%,rgba(54,134,224,.015) 41%,rgba(141,213,255,.16) 50%,transparent 73%)}
.sd-v18-home .sd-v17-hero.theme-europa .sd-v17-spotlight-b{background:linear-gradient(80deg,transparent 25%,rgba(255,137,59,.02) 41%,rgba(246,197,115,.18) 50%,transparent 73%)}
/* Identity stays Levski blue and gold, competition color only within matchday badge/border. */
.header.fan-header,.fan-bottom-nav{background:var(--sd-brand-navy)!important}
.header.fan-header .brand-type{font-family:var(--sd-font-display);letter-spacing:-.05em;font-weight:900}
.header.fan-header .brand-mark{color:var(--sd-brand-white);background:var(--sd-brand-royal);border-color:var(--sd-brand-gold)}
.fan-footer{background:var(--sd-brand-navy)}
/* Assets are locally authored high-density transparent PNGs. Never inline SVG for icons/trophies. */
.ui-icon.sd-asset-icon{display:inline-block;width:19px;height:19px;object-fit:contain;vertical-align:middle;flex-shrink:0;filter:none}
.fan-nav-icon .ui-icon.sd-asset-icon{width:26px;height:26px;opacity:.8}
.fan-bottom-nav button.active .ui-icon.sd-asset-icon{filter:sepia(.8) saturate(1.6);opacity:1}
.sd-award-asset{display:block;width:clamp(30px,3.7vw,44px);height:clamp(30px,3.7vw,44px);object-fit:contain;filter:drop-shadow(0 3px 10px #e4be6c4d)}
.trophy-icon .sd-award-asset{width:72px;height:72px}
.sd-legacy-strip .sd-legacy-award{gap:4px}
.sd-v17-opening>span:last-child{display:none}
/* Unified signature: the same /// cut also appears in News, not random decoration. */
.sd-v18-news-band .fan-shell{position:relative}
.sd-v18-news-slashes{position:absolute;right:3px;top:15px;width:64px;opacity:.85;z-index:3}
.sd-v18-news-band .sd-v17-editorial-feature{clip-path:polygon(0 0,100% 0,100% 89%,92% 100%,0 100%)}
.sd-v18-news-band .fan-section-head h2 em{color:#e7be75!important}
/* ---------- HORIZON // Horizontal journey ---------- */
.sd-v18-horizon{
 position:relative;isolation:isolate;margin:0!important;padding:0!important;
 background:linear-gradient(128deg,#f5f7fc 0%,#e7edf6 60%,#dbe7f6 100%)!important;
 color:var(--sd-brand-ink);overflow:clip;
 border-bottom:8px solid var(--sd-brand-royal);
}
.sd-v18-horizon::before{content:'1914';position:absolute;inset:auto -5vw -105px auto;font:900 clamp(130px,25vw,440px)/1 var(--sd-font-display);letter-spacing:-.12em;color:#113a7a08;pointer-events:none;z-index:0}
.sd-v18-horizon-sticky{position:sticky;top:80px;height:min(710px,calc(100vh - 82px));min-height:580px;display:flex;flex-direction:column;justify-content:center;z-index:1}
.sd-v18-horizon-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;width:100%}
.sd-v18-head-title{min-width:0}
.sd-v18-section-overline{font:800 10px/1.3 var(--sd-font-body);letter-spacing:.2em;color:var(--sd-brand-royal)}
.sd-v18-head-title h2{display:flex;align-items:center;gap:clamp(10px,2vw,25px);margin:14px 0 0;font:900 clamp(31px,5.2vw,78px)/1.04 var(--sd-font-display);letter-spacing:-.085em;color:var(--sd-brand-ink)}
.sd-v18-title-slashes{width:clamp(48px,6vw,93px)}
.sd-v18-horizon-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sd-v18-horizon-tools [data-horizon-count]{font:800 12px var(--sd-font-display);color:var(--sd-brand-royal);margin-right:12px;white-space:nowrap}
.sd-v18-horizon-arrow{height:46px;width:46px;display:grid;place-items:center;line-height:1;font-size:34px;font-weight:700;border:1px solid #9baecb;color:var(--sd-brand-royal);background:#f8faff;cursor:pointer;border-radius:0;transition:background .2s,color .2s,transform .2s;touch-action:manipulation}
.sd-v18-horizon-arrow:hover:not(:disabled){background:var(--sd-brand-royal);color:white;transform:translateY(-2px)}
.sd-v18-horizon-arrow:disabled{opacity:.33;cursor:default}
.sd-v18-horizon-viewport{width:100%;overflow:hidden;outline-offset:-3px;overscroll-behavior-x:contain}
.sd-v18-horizon-track{width:max-content;display:flex;align-items:stretch;gap:20px;padding:0 max(22px,calc((100vw - 1320px)/2));will-change:transform}
.sd-v18-horizon-card{
 position:relative;isolation:isolate;width:clamp(345px,37vw,520px);height:clamp(330px,31vw,402px);flex:0 0 auto;
 display:flex;flex-direction:column;align-items:stretch;text-align:left;color:#f8fbff;
 border:0;background:linear-gradient(145deg,#123d8d,#071e48 75%);padding:28px 35px 29px 40px;
 clip-path:polygon(0 0,100% 0,100% 80%,90% 100%,0 100%);
 box-shadow:none;cursor:pointer;overflow:hidden;
 transition:filter .25s,background .25s;
}
.sd-v18-horizon-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--sd-brand-gold);transform:skewX(-8deg);pointer-events:none}
.sd-v18-horizon-card::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,rgba(128,191,255,.08) 55%,transparent 90%);opacity:.6;pointer-events:none;transition:opacity .3s}
.sd-v18-horizon-card:hover::after,.sd-v18-horizon-card:focus-visible::after{opacity:1}
.sd-v18-horizon-card:focus-visible{outline:4px solid var(--sd-brand-gold);outline-offset:2px}
.sd-v18-horizon-card.is-featured{background:#f8fbff;color:var(--sd-brand-ink);border-left:0}
.sd-v18-horizon-card.is-featured::before{background:var(--sd-brand-royal)}
.sd-v18-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;position:relative;z-index:1}
.sd-v18-card-counter{font:900 11px var(--sd-font-display);opacity:.64;white-space:nowrap}
.sd-v18-competition{font:850 10px var(--sd-font-body);letter-spacing:.11em;text-transform:uppercase;text-align:right}
.sd-v18-card-date{display:flex;align-items:end;gap:18px;min-height:135px;position:relative;z-index:1}
.sd-v18-card-date strong{font:900 clamp(94px,10vw,146px)/.9 var(--sd-font-display);letter-spacing:-.12em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-v18-card-date>span{font:900 13px var(--sd-font-display);letter-spacing:-.045em;padding-bottom:10px;color:var(--sd-brand-gold)}
.sd-v18-horizon-card.is-featured .sd-v18-card-date>span{color:var(--sd-brand-royal)}
.sd-v18-card-main{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:12px;align-items:center;min-height:84px;position:relative;z-index:1}
.sd-v18-card-names{display:flex;flex-direction:column;align-items:start;gap:3px;min-width:0;font:850 clamp(16px,1.7vw,23px)/1.2 var(--sd-font-display);letter-spacing:-.05em;overflow-wrap:anywhere}
.sd-v18-card-names>span{color:var(--sd-brand-gold);font-size:14px}
.sd-v18-horizon-card.is-featured .sd-v18-card-names>span{color:var(--sd-brand-royal)}
.sd-v18-card-crest{display:grid;place-items:center;width:82px;height:82px;justify-self:end}
.sd-v18-card-crest .crest-rail.crest-shell{display:grid!important;place-items:center!important;position:static!important;width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;margin:0!important;transform:none!important}
.sd-v18-card-crest .crest-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.sd-v18-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #91b8f650;margin-top:auto;padding-top:15px;font:800 11px var(--sd-font-body);letter-spacing:.04em;position:relative;z-index:1}
.sd-v18-horizon-card.is-featured .sd-v18-card-footer{border-top-color:#153b7a30}
.sd-v18-card-footer b{font:900 20px var(--sd-font-display);letter-spacing:-.08em}
.sd-v18-card-footer span:last-child{text-align:right;max-width:50%}
.sd-v18-card-slashes{position:absolute!important;right:-16px!important;bottom:3px!important;width:95px!important;height:auto!important;opacity:.25!important;pointer-events:none;transform:rotate(-4deg);z-index:0}
.sd-v18-horizon-card:hover .sd-v18-card-slashes{opacity:.55!important}
.sd-v18-horizon-end{background:linear-gradient(137deg,#06152f,#174eaf);justify-content:center;gap:17px}
.sd-v18-horizon-end span:first-child{font:800 11px var(--sd-font-body);letter-spacing:.18em;color:var(--sd-brand-gold)}
.sd-v18-horizon-end strong{font:900 36px/1.08 var(--sd-font-display);letter-spacing:-.09em}
.sd-v18-horizon-end span:nth-child(3){font:850 12px var(--sd-font-body)}
.sd-v18-horizon-foot{width:100%;display:flex;align-items:center;gap:22px;padding-top:26px;padding-bottom:18px}
.sd-v18-progress-rail{height:4px;flex:1;background:#a2badb72;overflow:hidden}
.sd-v18-progress-rail span{display:block;width:100%;height:100%;background:var(--sd-brand-royal);transform-origin:left;transform:scaleX(0)}
.sd-v18-swipe-hint{font:800 9px var(--sd-font-body);letter-spacing:.13em;color:#395c88;white-space:nowrap}
@media(max-width:899px){
 .sd-v18-horizon{min-height:0!important;height:auto!important;overflow:hidden}
 .sd-v18-horizon-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:40px 0 40px}
 .sd-v18-horizon-head{padding:12px 22px 22px;gap:12px}
 .sd-v18-section-overline{font-size:9px}
 .sd-v18-head-title h2{font-size:clamp(28px,7.5vw,49px);letter-spacing:-.09em;gap:8px}
 .sd-v18-title-slashes{width:47px}
 .sd-v18-horizon-tools{gap:6px;align-self:end}
 .sd-v18-horizon-tools [data-horizon-count]{font-size:9px;margin-right:0}
 .sd-v18-horizon-arrow{height:36px;width:31px;font-size:23px}
 .sd-v18-horizon-viewport{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;outline-offset:-1px}
 .sd-v18-horizon-viewport::-webkit-scrollbar{display:none}
 .sd-v18-horizon-track{transform:none!important;padding:0 22px 0 22px;gap:12px;will-change:auto}
 .sd-v18-horizon-card{width:calc(100vw - 84px);min-width:230px;max-width:400px;height:332px;clip-path:polygon(0 0,100% 0,100% 80%,89% 100%,0 100%);padding:24px 25px 28px 30px;scroll-snap-align:start;scroll-snap-stop:always}
 .sd-v18-card-date{min-height:116px;gap:10px}
 .sd-v18-card-date strong{font-size:clamp(70px,19vw,103px)}
 .sd-v18-card-date>span{font-size:10px}
 .sd-v18-card-main{grid-template-columns:minmax(0,1fr) 58px;gap:8px}
 .sd-v18-card-names{font-size:clamp(13px,3.7vw,17px);line-height:1.2}
 .sd-v18-card-crest{width:58px;height:62px}
 .sd-v18-card-crest .crest-rail.crest-shell{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}
 .sd-v18-card-footer{padding-top:12px;font-size:9px}
 .sd-v18-card-footer b{font-size:16px}
 .sd-v18-horizon-foot{padding:20px 22px 0}
 .sd-v18-swipe-hint{font-size:8px;letter-spacing:.06em}
 .sd-v18-hero-slashes{width:75px;margin-top:12px}
 .sd-v18-home .sd-v18-title h1{font-size:clamp(35px,9.5vw,60px)!important;letter-spacing:-.09em!important}
 .sd-v18-news-slashes{right:23px;top:8px;width:45px}
 .sd-award-asset{width:32px;height:32px}
}
@media(max-width:370px){
 .sd-v18-head-title h2{font-size:26px;white-space:nowrap}
 .sd-v18-title-slashes{width:37px}
 .sd-v18-horizon-head{padding-inline:14px}
 .sd-v18-horizon-track{padding-inline:14px}
 .sd-v18-horizon-card{width:calc(100vw - 66px);padding-inline:25px 20px}
 .sd-v18-card-date strong{font-size:69px}
 .sd-v18-card-names{font-size:13px}
 .sd-v18-horizon-foot{padding-inline:14px}
 .sd-v18-horizon-tools [data-horizon-count]{display:none}
}
@media(prefers-reduced-motion:reduce){
 .sd-v18-horizon-sticky{position:relative!important;top:auto!important;min-height:0!important;height:auto!important}
 .sd-v18-horizon-viewport{overflow-x:auto!important;scroll-snap-type:x proximity!important}
 .sd-v18-horizon-track{transform:none!important;will-change:auto!important}
 .sd-v18-horizon-card,.sd-v18-horizon-arrow,.sd-v18-card-slashes{animation:none!important;transition:none!important}
}