/* Happy, демо по образеца fridays.gr/en. Числата са от dokumenti/referencia/komponenti.txt (1440 и 390 px). */
:root{
  --red:#E31E25;
  --ink:#000;
  --cond:'Sofia Sans Extra Condensed',Arial Narrow,sans-serif;
  --slab:'Roboto Slab',Georgia,serif;
  --inter:'Inter',Arial,sans-serif;
  --brit:'Roboto',Arial,sans-serif;          /* заместител на Britannic_Gr_It */
  --mod:'Montserrat',Arial,sans-serif;       /* заместител на CFModGrotesk-UltraOblique */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#111}
html:has(body.is-intro){background:#E31E25}
body.is-intro{background:#E31E25}
main{display:block;background-color:#fff;background-image:var(--grain),url(/img/brand-tile.svg);background-size:220px,420px 300px}
body{margin:0;background:#111;color:var(--ink);font:400 16px/1.45 var(--inter);overflow-x:hidden}
body.is-intro{overflow:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.red-grain{background:var(--red) var(--grain)}

/* Начална анимация */
.intro{position:fixed;top:0;left:0;right:0;height:100vh;height:calc(100lvh + 120px);z-index:100000;pointer-events:none}
.intro-mask{position:absolute;inset:0;width:100%;height:100%}
.intro-logo{position:absolute;left:50%;top:50vh;top:50svh;width:min(31vw,440px);height:auto;transform:translate(-50%,-50%);will-change:transform,opacity}
.intro.done{display:none}

/* Заглавна част */
.hdr{position:fixed;top:0;left:0;right:0;z-index:9999;height:85px;display:flex;justify-content:space-between;transform:translateY(-100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hdr.show{transform:none}
.hdr-bg{position:absolute;inset:0;background:#fff var(--grain);box-shadow:0 1px 0 rgba(0,0,0,.08);background-size:220px;opacity:0;transition:opacity .35s}
.hdr.scrolled .hdr-bg{opacity:1}
.hdr-logo{position:relative;width:222px;height:85px;display:flex;align-items:center;justify-content:center;flex:none}
.hdr-logo img{width:176px;height:85px;padding:4px 0;transition:opacity .35s}
.hdr-logo .logo-w,.hdr-logo .logo-c{position:absolute;width:152px;padding:8px 0}
.hdr-logo .logo-c{opacity:0}
.hdr.scrolled .logo-w{opacity:0}
.hdr.open .logo-w{opacity:1}
.hdr.open .logo-c{opacity:0}
.hdr.scrolled .logo-c{opacity:1}
/* Върху видеото горната част е бяла, след скрол става черна */
.hdr:not(.scrolled) .lnk{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hdr:not(.scrolled) .hdr-burger span{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.3)}
.hdr-menu{position:relative;display:flex;align-items:center;width:683px}
.hdr-list{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}
/* Компютър: логото в средата, менюто от двете страни */
@media (min-width:1101px){
  .hdr-logo{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2}
  .hdr-menu{position:absolute;inset:0;width:auto;display:grid;grid-template-columns:1fr 250px 1fr;align-items:center}
  .hdr-list{width:auto;gap:42px}
  .hdr-l{grid-column:1;justify-content:flex-end}
  .hdr-r{grid-column:3;justify-content:flex-start}
  .hdr-right{margin-left:auto}
}
.lnk{position:relative;display:inline-block;white-space:nowrap;font:700 20px/20px var(--cond);text-transform:uppercase;text-align:center;padding:2px 0}
.lnk::after{content:"";position:absolute;left:-6px;right:-6px;bottom:-9px;height:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 11' preserveAspectRatio='none'%3E%3Cpath d='M1 7c14-3 34-5 62-3M3 9c18-2 36-3 58-2' fill='none' stroke='%23E31E25' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .35s ease}
.lnk:hover::after,.lnk:focus-visible::after{clip-path:inset(0 0 0 0)}
.hdr-right{position:relative;width:210px;padding:10px 65px 10px 0;display:flex;justify-content:flex-end;flex:none}
.hdr-burger{display:none}

/* Плаващи бутони */
.float{position:fixed;left:50%;bottom:35px;z-index:9998;transform:translate(-50%,0);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility .3s}
.float.show{opacity:1;visibility:visible}
.hdr.open~.float{opacity:0;visibility:hidden}
.float.show.away{transform:translate(-50%,160%)}
.float ul,.hdr-menu-btns{display:flex;gap:25px}
.hdr-menu-btns,.hdr-menu-foot{display:none}
.fbtn{display:flex;align-items:center;justify-content:center;width:180px;height:70px;padding:15px 20px 13px;background:var(--red);color:#fff;font:800 21.909px/21.909px var(--cond);text-transform:uppercase;text-align:center;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.28);transition:background .25s,transform .25s}
.fbtn:hover{background:#000}
.float .fbtn{border:2px solid rgba(255,255,255,.92)}
.hdr-menu-btns .fbtn{background:#fff;color:#000}
.hdr-menu-btns .fbtn:hover{background:#000;color:#fff}

/* Видео */
.hero{position:relative;height:100vh;height:100lvh;min-height:560px;overflow:hidden;background:#111}
.hero-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Лентата с наградата от happy.bg (размерите са от техния CSS) */
.bra{position:absolute;left:15px;right:15px;top:125px;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;background:#1a2964;border-radius:12px;color:#fff;opacity:0;transform:translateY(-12px);transition:opacity .6s .3s,transform .6s .3s}
.hdr.show~main .bra,.bra.show{opacity:1;transform:none}
.bra span{width:100%;text-align:center;font:900 italic 18px/1.2 var(--brit);text-transform:uppercase}
.bra img{position:absolute;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);transition:transform .4s}
.bra:hover img{transform:translate(-50%,-50%) rotate(-6deg) scale(1.05)}
.bra span:first-child{padding-right:80px}.bra span:last-child{padding-left:80px}

.sp-75{height:75px}.sp-100{height:100px}

/* Лента с ястия */
.car{height:260px;overflow:hidden;display:flex;align-items:center}
.car-track{display:flex;align-items:center;gap:100px;width:max-content;animation:car 60s linear infinite;will-change:transform}
.car:hover .car-track{animation-play-state:paused}
.car2{margin-top:40px}
.car-rev{animation-direction:reverse;animation-duration:70s}
@keyframes car{to{transform:translateX(-50%)}}
.car-item{flex:none;width:310px;display:flex;justify-content:center;transition:transform .35s}
.car-item:hover{transform:scale(1.06) rotate(-2deg)}
.car-item img{width:270px;height:auto;max-height:260px;object-fit:contain}
.car-btn{display:flex;justify-content:center;margin-top:50px}

/* Овален бутон, нарисуван на ръка */
.oval{position:relative;display:inline-block;padding:50px 70px;font:800 25.4545px/23.2px var(--cond);color:var(--red);text-transform:uppercase;text-align:center;white-space:nowrap}
.oval svg{position:absolute;left:50%;top:50%;width:calc(100% - 4px);height:calc(100% + 3px);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.oval svg path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .7s ease}
.oval:hover svg path{animation:draw .7s ease}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.oval span{position:relative}
.oval-w{color:#fff}

/* Банерът „Един бол и си готов“ на цялата ширина */
.bol a{display:block;overflow:hidden;background:#efe8dc}
.bol img{width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bol a:hover img{transform:scale(1.02)}

/* Доставка в телефона */
.club{display:flex;height:719px;max-width:1440px;margin:0 auto}
.club-l{width:50%;padding:0 20px;display:flex;justify-content:center}
.phone{position:relative;flex:none;width:560px;height:713px;transform:translateX(-71px);transform-origin:top center}
@media (min-width:801px) and (max-width:1240px){.phone{transform:translateX(-57px) scale(.8)}}
.phone-sk{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.phone-sk path{stroke-dasharray:1;stroke-dashoffset:1}
.phone.in .phone-sk path{transition:stroke-dashoffset 1.6s ease;stroke-dashoffset:0}
.phone-sk{z-index:2;pointer-events:none}
.app{position:absolute;left:214px;top:50px;width:268px;height:560px;border-radius:26px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font:400 12px/1.25 var(--inter);opacity:0;transform:translateY(10px);transition:opacity .8s 1.1s,transform .8s 1.1s}
.phone.in .app{opacity:1;transform:none}
.app-top{display:flex;align-items:center;gap:7px;padding:20px 12px 8px;border-bottom:1px solid #eee}
.app-burger{display:flex;flex-direction:column;gap:3px;width:16px;flex:none}.app-burger i{height:2px;background:#000}
.app-city{border:1px solid #bbb;border-radius:5px;padding:2px 6px;font-weight:700;font-size:11px}
.app-logo{width:58px;height:auto;margin:0 auto}
.app-cart{display:flex;align-items:center;gap:3px;color:var(--red);font-size:11px;white-space:nowrap}
.app-cart svg{color:#000}
.app-cart.bump{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.18)}}
.app-h{padding:12px 12px 6px;font:800 17px/1 var(--cond);text-transform:uppercase}
.app-hero{display:block;margin:0 12px;padding:10px 12px 12px;border-radius:14px;background:#f6efe7}
.app-hero img{width:100%;height:118px;object-fit:contain}
.app-n{display:block;font-weight:700;font-size:12px;line-height:1.25}
.app-m{display:block;color:#777;font-size:11px;margin-top:2px}
.app-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.app-row b{font-size:15px}
.app-btn{border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06);background:var(--red);color:#fff;border-radius:20px;padding:7px 14px;font:800 14px/1 var(--cond);text-transform:uppercase;transition:background .2s}
.app-hero:hover .app-btn{background:#000}
.app-list{padding:6px 12px 0;flex:1}
.app-list a{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #f0f0f0}
.app-list img{width:52px;height:40px;object-fit:contain;flex:none}
.app-list a>span:nth-child(2){flex:1}
.app-list b{display:block;font-size:12px;margin-top:2px}
.app-plus{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font:700 18px/1 var(--inter);transition:background .2s}
.app-list a:hover .app-plus{background:#000}
.app-nav{display:flex;justify-content:space-around;padding:9px 6px 16px;background:var(--red);color:rgba(255,255,255,.75);font-size:10px}
.app-nav .on{color:#fff;font-weight:700}
.club-r{width:50%;padding-left:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}
.club-t{margin:0;font:900 italic 40.5px/48px var(--mod);color:var(--red);letter-spacing:-.02em}
.club-p{max-width:420px;font:400 23.8px/35.7px var(--slab)}
.club-c{width:100%;max-width:460px;overflow:hidden;padding:12px 0;border-top:2px solid #000;border-bottom:2px solid #000;font:800 25.4545px/1 var(--cond);text-transform:uppercase;}
.club-ct{display:flex;align-items:center;gap:18px;width:max-content;animation:car 18s linear infinite}
.club-c{position:relative}
.club-c::before,.club-c::after{content:"";position:absolute;top:0;bottom:0;width:36px;z-index:1;pointer-events:none}
.club-c::before{left:0;background:linear-gradient(90deg,#f4f4f4,rgba(244,244,244,0))}
.club-c::after{right:0;background:linear-gradient(270deg,#f4f4f4,rgba(244,244,244,0))}
.club-ct i{font-style:normal;color:var(--red);font-size:18px}
.club-r .oval{margin-top:25px}

/* Галерия */
.gal{position:relative;height:100vh;max-height:1000px;min-height:560px;overflow:hidden;background:transparent}
.gal-in{will-change:transform}
.gal-row{display:flex;height:540px}
.gal-row a{display:block;flex:none;overflow:hidden}
.gal-row img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .5s}
.gal-row a:hover img{transform:scale(1.03)}
.gr1 a:nth-child(1){width:33.333%;padding:57.6px 72px 0}
.gr1 a:nth-child(2){width:41.667%;padding:43.2px 28.8px 57.6px 0}
.gr1 a:nth-child(3){width:25%;padding:43.2px 0 14.4px}
.gr2 a:nth-child(1){width:25%;padding:20px 0 40px 72px}
.gr2 a:nth-child(2){width:41.667%;padding:0 30px 108px}
.gr2 a:nth-child(3){width:33.333%;padding:72px 72px 0 0}

/* Поводи: карти със снимки. На компютър отворената е широка, на телефон се плъзгат. */
.days{position:relative}
.days-t{margin:0 auto 44px;max-width:1160px;font:900 italic 64px/64px var(--brit);color:var(--red);text-align:center;letter-spacing:-.01em}
.days-t .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .04em}
.days-t .ch{display:inline-block;transform:translateY(100%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.days.in .days-t .ch{transform:none}
.pv-l{display:flex;gap:12px;height:560px;max-width:1320px;margin:0 auto;padding:0 40px}
.pv-c{position:relative;flex:1 1 0;min-width:0;border-radius:16px;overflow:hidden;cursor:pointer;background:#111;transition:flex-grow .6s cubic-bezier(.2,.7,.2,1),opacity .6s,transform .6s;opacity:0;transform:translateY(30px)}
.days.in .pv-c{opacity:1;transform:none}
.pv-c.on{flex-grow:4.2;cursor:default}
.pv-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pv-c.on img{transform:scale(1.03)}
.pv-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,0) 46%,rgba(0,0,0,0) 70%,rgba(0,0,0,.45));pointer-events:none}
.pv-n{position:absolute;left:50%;bottom:24px;z-index:2;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;white-space:nowrap;font:900 italic 24px/1 var(--mod);color:#fff;letter-spacing:-.01em;transition:opacity .3s}
.pv-c.on .pv-n{opacity:0}
.pv-b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;z-index:2;padding:32px 34px;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .4s;pointer-events:none}
.pv-c.on .pv-b{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}
.pv-b h3{margin:0;font:900 italic 40.9px/1.05 var(--mod);letter-spacing:-.02em}
.pv-b p{margin:10px 0 0;max-width:420px;font:400 20px/1.45 var(--slab)}
.pv-b a{margin-top:auto;border:2px solid rgba(255,255,255,.92);display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:12px;background:var(--red);color:#fff;font:800 20px/1 var(--cond);text-transform:uppercase;transition:background .25s}
.pv-b a:hover{background:#000}

/* Награди: бели карти, редът се плъзга настрани при скрол */
.aw{overflow:hidden}
.aw-row{overflow:hidden}
.aw-row::-webkit-scrollbar{display:none}
.aw-t{margin:0 0 40px;font:900 italic 64px/64px var(--brit);color:var(--red);text-align:center}
.aw-track{display:flex;gap:28px;width:max-content;padding:10px 0 30px 6vw;will-change:transform}
.aw-c{flex:none;width:250px;min-height:280px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 22px 24px;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);text-align:center;transition:transform .35s}
.aw-c:hover{transform:translateY(-6px) rotate(-1.5deg)}
.aw-i{display:flex;align-items:center;justify-content:center;width:150px;height:130px}
.aw-i img{max-width:100%;max-height:100%;object-fit:contain}
.aw-c b{font:700 14px/1.3 var(--inter);text-transform:uppercase}
.aw-c em{margin-top:auto;font:900 italic 30px/1 var(--mod);color:var(--red)}

/* Бюлетин и футър */
.news{display:flex;align-items:center;padding:13px 0;background:var(--red) var(--grain);background-size:220px;color:#fff}
.news-t{position:relative;width:467px;margin-left:137px;font:900 italic 20px/26px var(--brit)}
.news-i{width:350px;margin-left:116px;border-left:1px solid #fff;padding-left:10px}
.news-i input{width:100%;background:none;border:0;color:#fff;font:400 18px/25.2px var(--slab);padding:1px 2px}
.news-i input::placeholder{color:rgba(255,255,255,.85)}
.news-i input:focus{outline:none}
.news-b{width:233px;display:flex;justify-content:center}
.news-b .oval{padding:15px 30px;font-size:25.4545px;line-height:normal;color:#fff}
.foot{display:grid;grid-template-columns:360px 360px 480px;padding:35px 120px 10px;column-gap:0;background:#000;color:#fff;align-items:start}
.foot-p{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px 64px;padding:6px 0 34px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.18)}
.foot-p a{display:flex;align-items:center;height:72px;opacity:.9;transition:opacity .2s,transform .2s}
.foot-p a:hover{opacity:1;transform:translateY(-2px)}
.foot-p img{width:auto;max-height:72px;max-width:170px}
.foot-p li:nth-child(2) img{max-height:64px}
.foot-logos{display:flex;align-items:center;padding-left:20px}
.foot-logos img:first-child{width:200px;height:auto}
.foot-links{display:flex;flex-direction:column;gap:5px;padding-left:140px}
.foot-links a{font:700 16px/23.2px var(--inter);text-transform:uppercase}
.foot-links a:hover,.foot-copy a:hover{color:var(--red)}
.foot-soc{padding-left:20px}
.foot-soc ul{display:flex;gap:18px}
.foot-soc a{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:2.5px solid #fff;border-top-color:rgba(255,255,255,.55);transform:rotate(-12deg);transition:background .25s,color .25s}
.foot-soc a svg{transform:rotate(12deg)}
.foot-soc a:hover{background:#fff;color:#000}
.foot-copy,.foot-credit{font:400 12px/18.6px var(--slab);padding:18px 0 0 20px}
.foot-copy{text-transform:uppercase}
.foot-credit{grid-column:2/4;padding-left:140px}
.coltcode-credit a{color:inherit;text-decoration:none}
.coltcode-credit span{text-decoration:underline;text-underline-offset:3px}

/* Резервация */
.res{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.res[hidden]{display:none}
.res-box{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:16px;background:#fff var(--grain);background-size:220px;padding:34px 28px 28px}
.res-box h2{margin:0 0 18px;font:900 italic 36px/1 var(--brit);color:var(--red)}
.res-x{position:absolute;right:12px;top:6px;font:400 38px/1 var(--inter);width:44px;height:44px}
.res-city{margin:16px 0 6px;font:800 21px/1 var(--cond);text-transform:uppercase;color:var(--red)}
.res-box h2{padding-right:40px}
.res-near{border:2px solid rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 16px;border-radius:12px;background:var(--red);color:#fff;font:800 21px/1.1 var(--cond);text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.res-near:disabled{opacity:.8}
.res-or{margin:18px 0 10px;text-align:center;font:400 15px/1 var(--slab);color:#555}
.res-cities{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.res-cities button{min-height:52px;border-radius:12px;background:#fff;border:2px solid #000;font:800 20px/1 var(--cond);text-transform:uppercase;transition:background .2s,color .2s}
.res-cities button:hover{background:#000;color:#fff}
.res-back{margin:0 0 6px;font:700 15px/1 var(--inter);color:var(--red);padding:8px 0}
.res-list button{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.15);font:400 17px/1.3 var(--slab)}
.res-list b{display:block;font-weight:700}
.res-list small{display:block;margin-top:2px;font:400 13px/1.35 var(--inter);color:#666}
[hidden]{display:none!important}
.res-list button:hover{color:var(--red)}
.res-f{width:100%;height:70vh;border:0}

/* Таблет: менюто става на цял екран */
@media (max-width:1100px){
  .hdr{height:45px}
  .hdr-logo{width:117px;height:45px}
  .hdr-logo img{width:93px;height:45px;padding:2px 0}
  .hdr-logo .logo-w,.hdr-logo .logo-c{width:84px;padding:4px 0}
  @media (max-width:800px){.hdr{height:94px}.hdr-logo{width:auto;height:94px;justify-content:flex-start;padding-left:16px}.hdr-logo .logo-w{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:136px;height:auto;padding:0}.hdr-logo .logo-c{width:136px;height:auto;padding:0}.hdr-right{padding:0 10px 0 0;align-items:center}
  .hdr-burger{display:block;position:relative;width:44px;height:44px;margin:0;padding:0}.hdr-burger span{position:absolute;right:6px;height:2px}.hdr-burger span:nth-child(1){top:13px;width:32px}.hdr-burger span:nth-child(2){top:21px;width:24px}.hdr-burger span:nth-child(3){top:29px;width:32px}
  .hdr.open .hdr-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hdr.open .hdr-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}
  .hdr.open .lnk{color:#000;text-shadow:none}
  .hdr.open .hdr-burger span{background:#fff;box-shadow:none}
  .hdr-menu{position:fixed;inset:0;width:auto;height:100vh;height:100dvh;flex-direction:column;justify-content:center;gap:15px;background:var(--red) var(--grain);background-size:220px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;z-index:-1}
  .hdr.open .hdr-menu{opacity:1;visibility:visible}
  .hdr-list{flex-direction:column;justify-content:center;gap:0;width:auto}
  .hdr-r{margin-top:-15px}
  .lnk{font-size:35px;line-height:54.25px}
  .lnk::after{display:none}
  .hdr-menu-btns{display:flex;margin-top:14px}
  .hdr-menu-foot{display:flex;flex-direction:column;gap:5px;padding:25px 0;text-align:center;color:#fff;font:700 16px/23.2px var(--inter);text-transform:uppercase}
  .hdr-right{width:auto;padding:10px 20px;align-items:center}
  .hdr-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin:-10px 10px -10px 0;padding:0 8px}
  .hdr-burger span{display:block;height:2px;background:#000;transition:transform .3s,opacity .3s}
  .hdr.open .hdr-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hdr.open .hdr-burger span:nth-child(2){opacity:0}
  .hdr.open .hdr-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hdr.open .hdr-bg{opacity:0}
  }

/* Телефон */
@media (max-width:800px){
  .intro-logo{width:62vw}
  .fbtn{width:auto;height:48px;padding:15px 20px 13px;font-size:20px;line-height:20px}
  .float ul,.hdr-menu-btns{gap:25px}
  .float{bottom:24px}
  .hero{height:100vh;height:100svh;min-height:0}
  .bra{top:100px;left:8px;right:8px;height:auto;min-height:66px;display:grid;grid-template-columns:1fr 72px 1fr;gap:6px;padding:0 14px}
  .hdr-right{padding:0 14px 0 0}
  .hdr-logo{width:150px}
  .hdr-logo .logo-w,.hdr-logo .logo-c{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:100px;max-width:none;height:auto;padding:0}
  .bra span{font-size:12px;line-height:1.2;padding:0!important}
  .bra img{position:static;width:72px;height:72px;margin:-6px 0;transform:none}
  .bra:hover img{transform:rotate(-6deg) scale(1.05)}
  .sp-75{height:38px}.sp-100{height:50px}
  .car{height:200px}
  .car-track{gap:40px;animation-duration:40s}
  .car-item{width:250px}
  .car-item img{width:230px;max-height:200px}
  .oval{font-size:21px}
  .club{flex-direction:column;height:auto}
  .club-l,.club-r{width:100%}
  .club-l{height:349px}
  .club-l{align-items:flex-start;overflow:hidden}
  .phone{flex:none;transform:translateX(-34px) scale(.482);transform-origin:top center;margin-bottom:-370px}
  .club-r{height:auto;padding:0;align-items:center}
  .club-r{gap:12px;padding:0 20px;text-align:center}
  .club-t{font-size:24px;line-height:33.6px}
  .club-p{font-size:18px;line-height:27px}
  .club-c{font-size:21px;max-width:none}
  .gal{height:591px;padding:0 30px;max-height:none;min-height:0}
  .gal-row{height:253px}
  .gr1 a:nth-child(1){width:41.8%;padding:13.2px 16.5px 0}
  .gr1 a:nth-child(2){width:58.2%;padding:9.9px 6.6px 13.2px 0}
  .gr1 a:nth-child(3){display:none}
  .gr2 a:nth-child(1){display:none}
  .gr2 a:nth-child(2){width:100%;padding:9.9px 0 3.3px}
  .gr2 a:nth-child(3){display:none}
  .days-t{font-size:36px;line-height:36px;margin-bottom:24px;padding:0 20px}
  .pv-l{height:auto;gap:12px;padding:0 20px 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:none}
  .pv-l::-webkit-scrollbar{display:none}
  .pv-c,.pv-c.on{flex:0 0 78%;height:440px;scroll-snap-align:center;cursor:default}
  .pv-n{display:none}
  .pv-b,.pv-c.on .pv-b{opacity:1;transform:none;pointer-events:auto;padding:22px 20px}
  .pv-b h3{font-size:26px}
  .pv-b p{font-size:16px;margin:6px 0 0}
  .pv-b a{min-height:44px;font-size:18px}
  .aw-t{font-size:36px;line-height:36px;margin-bottom:24px}
  .aw-row{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .aw-track{gap:16px;padding:10px 20px 30px;transform:none!important;will-change:auto}
  .aw-c{scroll-snap-align:center}
  .aw-c:hover{transform:none}
  .aw-c{width:190px;min-height:236px;padding:20px 14px}
  .aw-i{width:120px;height:100px}
  .aw-c b{font-size:12px}
  .aw-c em{font-size:24px}
  .news{flex-wrap:wrap;padding:40px 20px 50px}
  .news-t{width:100%;margin:0 0 34px}
  .news-i{width:auto;flex:1;margin:10px 0 0;padding-left:8px}
  .news-b{width:auto;margin:10px 0 0 20px}
  .news-b .oval{font-size:21px;padding:15px 30px}
  .foot{grid-template-columns:1fr;padding:35px 20px 10px;text-align:center;justify-items:center}
  .foot-p{gap:20px 36px;padding:0 0 26px;margin-bottom:24px}
  .foot-p a{height:54px}
  .foot-p img{max-height:54px;max-width:130px}
  .foot-logos{padding:0;justify-content:center}
  .foot-links{padding:25px 0;align-items:center}
  .foot-soc{padding:0}
  .foot-soc ul{justify-content:center}
  .foot-copy{padding:20px 0 0}
  .foot-credit{grid-column:auto;padding:6px 0 24px}
}

/* iPhone Safari: видеото стига и зад долната лента на браузъра, за да няма бяла ивица */
@media (max-width:767px) and (pointer:coarse){
  .hero{height:calc(100lvh + 84px)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .car-track{animation:none}
}