@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: 
    url('../../assets/font/playfair-display/static/playfair-display-latin-ext-500-normal.woff2') format('woff2'),
    url('../../assets/font/playfair-display/static/playfair-display-latin-ext-500-normal.woff') format('woff')
  ;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: 
    url('../../assets/font/playfair-display/static/playfair-display-latin-500-normal.woff2') format('woff2'),
    url('../../assets/font/playfair-display/static/playfair-display-latin-500-normal.woff') format('woff')
  ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/playfair-display/static/playfair-display-latin-ext-400-italic.woff2') format('woff2'),
    url('../../assets/font/playfair-display/static/playfair-display-latin-ext-400-italic.woff') format('woff')
  ;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/playfair-display/static/playfair-display-latin-400-italic.woff2') format('woff2'),
    url('../../assets/font/playfair-display/static/playfair-display-latin-400-italic.woff') format('woff')
  ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-ext-400-normal.woff2') format('woff2'),
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-ext-400-normal.woff') format('woff')
  ;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-400-normal.woff2') format('woff2'),
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-400-normal.woff') format('woff')
  ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: 
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-ext-600-normal.woff2') format('woff2'),
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-ext-600-normal.woff') format('woff')
  ;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: 
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-600-normal.woff2') format('woff2'),
    url('../../assets/font/source-serif-4/static/source-serif-4-latin-600-normal.woff') format('woff')
  ;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






:root{
--navy:#141d2b;
--cream:#f3ece0;
--red:#b3283d;
--ink:#2a2f3a;
--gold:#e9c79a;
color-scheme:light;
--tn:url('img/ustrizek.webp');
--heart:url('img/cat-heart.svg');
}
@media(prefers-color-scheme:dark){:root{color-scheme:light}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:'Source Serif 4',Georgia,serif;background:var(--cream);color:var(--ink);line-height:1.75;overflow-x:hidden;padding-top:env(safe-area-inset-top,0)}
h1,h2,h3,blockquote{font-family:'Playfair Display',Georgia,serif;font-weight:500}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.bar2{background:rgba(20,29,43,.88);backdrop-filter:blur(8px);color:#fff;padding:12px 5vw;display:flex;gap:28px;align-items:center;font-size:15px}
.bar2 .t{font-family:'Playfair Display',serif;font-size:19px;white-space:nowrap}
.bar2 nav{display:flex;gap:26px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.bar2 nav a{padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap;transition:.3s}.bar2 nav a:hover,.bar2 nav a.on{border-color:var(--red);color:var(--gold)}
.heart{
  display: inline-block;
  width: 25px;
  height: 54px;
  background-image: var(--heart);
  -webkit-mask-image: var(--heart);
  mask-image: var(--heart);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #e4586f;
  height: 43px;
  mask-position: 0 6px;
  position: absolute;
  color: #0000;
  margin-left: 10px;
  transform: rotate(20deg);

  background: #e4586f;
  ;animation:beat 2.2s infinite;display:inline-block
}@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}
section{position:relative;padding:clamp(80px,12vw,150px) 6vw;overflow: hidden;}
.wrap{max-width:1100px;margin:auto;position:relative;z-index:2}
.hero{min-height:100vh;padding-top:170px;color:#fff;background:#0e1520;display:flex;align-items:flex-end;overflow:hidden}
.hero .bg img{position:absolute; top: -5%;filter:saturate(1.1);will-change:transform;
width: auto;
margin: auto;
translate: -50%;
left: 50%;
height: auto;
min-height: 100%;
min-width: 100%;
max-width: initial;
}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,21,32,.85) 0%,rgba(14,21,32,.2) 55%,transparent)}
.hero .wrap{width:100%;padding-bottom:6vh}.kick{letter-spacing:.25em;font-size:13px;color:var(--gold);text-transform:uppercase}
.hero h1{font-size:clamp(56px,11vw,120px);line-height:1;margin:14px 0}.dates{letter-spacing:.2em}
.hero q{display:block;font:italic 22px/1.5 'Playfair Display',serif;margin:28px 0 8px;max-width:420px;quotes:"„" "“"}
.cue{position:absolute;left:50%;bottom:18px;z-index:3;color:#fff;animation:bob 1.8s infinite;font-size:26px}@keyframes bob{50%{transform:translateY(8px)}}
.torn{clip-path:var(--clip)}
.paper{
  background:var(--cream);
  background: url("img/paper5.avif");
}
.dark{background:var(--navy);color:#e8e6e1}

h2{font-size:clamp(38px,5vw,56px);color:var(--navy);margin-bottom:6px}.dark h2{color:#fff}
.rule{width:44px;height:2px;background:var(--red);margin:10px 0 28px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.cols.rev .vis{order:-1}.txt p{margin-bottom:1.1em}
.more{max-height:0;overflow:hidden;opacity:0;transition:max-height .9s ease,opacity .6s}.more.open{opacity:1}
.btn{background:none;border:0;font:600 16px 'Source Serif 4',serif;color:var(--red);cursor:pointer;padding:6px 0}.btn:after{content:" →";display:inline-block;transition:.3s}.btn:hover:after{transform:translateX(6px)}.btn[aria-expanded=true]:after{content:" ↑"}
.dark .btn{color:#ef8b9a}
.polaroid{position:relative;height:400px}.polaroid img{transition:transform .5s}
.polaroid .a{left:0;top:20px;width:56%;border:10px solid #f8f4ec;border-bottom-width:26px;transform:rotate(-4deg)}.polaroid .b{right:0;top:0;width:48%;transform:rotate(3deg)}
.polaroid:hover .a{transform:rotate(-1deg) scale(1.03)}.polaroid:hover .b{transform:rotate(1deg) translateY(-6px)}
.polaroid .heart{position:absolute;right:12%;bottom:40px;font-size:60px;color:var(--red)}
.tornstrip{
display: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
max-width: 142px;
background: var(--tn);
z-index: 1;
background-position: top right;
background-size: 100%;
background-repeat: no-repeat;
aspect-ratio: 272/1233;
pointer-events: none;
}
.img-note{
position: absolute;
left: 0;
top: 0;
width: 100%;
max-width: 172px;
background: url("img/text.avif");
z-index: 1;
background-position: top left;
background-size: 100%;
background-repeat: no-repeat;
aspect-ratio: 313/658;
pointer-events: none;
}
.img-note.right{
right: 0px;
top: 0px;
transform: scale(-1,1);
left: initial;
}
.tl{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:80px;position:relative;padding-top:26px}
.tl:before{content:"";position:absolute;top:4px;left:0;height:1px;width:var(--w,0);background:var(--red);transition:width 2s}
.tl div{position:relative;font-size:14px;line-height:1.4}.tl div:before{content:"";position:absolute;top:-26px;left:0;width:7px;height:7px;border-radius:50%;background:var(--red)}
.tl b{display:block;font:500 22px 'Playfair Display',serif;color:var(--navy)}
@media(max-width:760px){.tl{grid-template-columns:1fr;border-left:1px solid var(--red);padding:0 0 0 24px;margin-left:4px;gap:26px}.tl:before{display:none}.tl div:before{top:8px;left:-28px}}
.quote{background:linear-gradient(90deg,rgba(14,21,32,.92),rgba(14,21,32,.45));color:#fff;padding:clamp(90px,12vw,150px) 6vw}
blockquote{font-style:italic;font-size:clamp(26px,4vw,40px);line-height:1.35;max-width:620px}cite{display:block;font:13px 'Source Serif 4';letter-spacing:.2em;margin-top:20px;font-style:normal}
.books{position:relative}.books img{width:100%;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:transform .6s}.books:hover img{transform:scale(1.03) rotate(-1deg)}
.bird{position:absolute;right:8%;top:-30px;font-size:34px;animation:fly 7s ease-in-out infinite}@keyframes fly{50%{transform:translate(-16px,-10px) rotate(-6deg)}}
.praha{background:linear-gradient(#f3ece0,#ead9bd)}
.pgrid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(30px,5vw,70px);margin-top:40px;align-items:start}
.pimg{position:sticky;top:130px;aspect-ratio:4/4.3;background:var(--p) center/cover;transition:transform .6s}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tabs button{border:1px solid #b9a98d;background:none;padding:8px 16px;border-radius:30px;font:15px 'Source Serif 4',serif;cursor:pointer;transition:.3s;color:var(--ink)}
.tabs button.on,.tabs button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel{display:none;animation:fade .7s}.panel.on{display:block}@keyframes fade{from{opacity:0;transform:translateY(14px)}}
.panel h3{font-size:28px;color:var(--navy);margin-bottom:10px}.panel p{margin-bottom:1em}
@media(max-width:860px){.cols,.pgrid{grid-template-columns:1fr}.cols.rev .vis{order:0}.pimg{position:relative;top:0;aspect-ratio:16/10}.polaroid{      height: initial;}.hand{display:none}.bar1 span{display:none}}
.cits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}
.legacy{background:linear-gradient(90deg,var(--navy) 50%,rgba(20,29,43,.7));color:#e8e6e1}
.cta{text-align:center;}
.cta .big{display:inline-block;margin-top:30px;background:var(--red);color:#fff;padding:18px 38px;font:600 18px 'Source Serif 4',serif;letter-spacing:.04em;transition:.35s;box-shadow:0 10px 24px rgba(179,40,61,.35);position:relative;overflow:hidden}
.cta .big:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(179,40,61,.45)}.cta .big:after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sh 3.5s infinite}@keyframes sh{to{left:130%}}
footer{background:#0b1018;color:#9aa1ad;text-align:center;padding:50px 6vw calc(40px + env(safe-area-inset-bottom,0));font-size:14px}footer .sig{display:block;margin-bottom:8px;color:#fff}
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s,transform 1s}.rv.in{opacity:1;transform:none}.rv.l{transform:translateX(-50px)}.rv.r{transform:translateX(50px)}.rv.in.l,.rv.in.r{transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

.top{position:static;transform:none!important}.bar1{padding-top:calc(9px + env(safe-area-inset-top,0))}
.bar2{position:sticky;top:0;z-index:60;margin-bottom:-60px;background:linear-gradient(rgba(8,12,20,.8),rgba(8,12,20,0));backdrop-filter:none;transition:background .35s;padding-top:16px}
.bar2.st{background:rgba(20,29,43,.96);backdrop-filter:blur(8px);padding-top:12px}
html{scroll-padding-top:70px}.heart{animation:none;font-size:1.25em}
.hero{padding-top:190px}.hero:after{background:linear-gradient(90deg,rgba(14,21,32,.85),rgba(14,21,32,.2) 55%,transparent),linear-gradient(transparent 70%,rgba(14,21,32,.6))}
.tornstrip.l{right:auto;left:0;transform:scaleX(-1)}
.polaroid .heart{font-size:72px}
.tl{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:36px 22px;margin-top:70px;padding-top:0}.tl:before{display:none}
.tl div{border-top:1px solid var(--red);padding-top:22px}.tl div:before{top:-4px;left:0}
.tl .x{display:none}.tl.all .x{display:block;animation:fade .9s both;animation-delay:calc(var(--i)*.1s)}
@media(max-width:760px){.tl{grid-template-columns:1fr;border-left:1px solid var(--red);padding-left:26px;margin-left:4px}.tl div{border-top:0;padding-top:0}.tl div:before{top:9px;left:-30px}}
.dark .txt p,.dark p{color:#d9dce2}.dark .rule{background:#ef8b9a}
.pic{width:100%;box-shadow:0 16px 34px rgba(0,0,0,.3);transition:transform .6s}.pic:hover{transform:scale(1.02)}
.frame{border:10px solid #f8f4ec;border-bottom-width:28px;transform:rotate(2deg)}
.cut{aspect-ratio:4/3;object-fit:cover}
.pr{position:relative;color:#fff;background:linear-gradient(90deg,rgba(14,21,32,.8),rgba(14,21,32,.15) 60%),var(--p) center/cover;padding:clamp(80px,10vw,130px) 6vw}
.pr .wrap{display:grid;grid-template-columns:5fr 6fr;gap:5vw;align-items:center}.pr h2{color:#fff}.pr .tx{max-width:420px}
@media(max-width:860px){.pr .wrap{grid-template-columns:1fr}.pr{background:linear-gradient(rgba(14,21,32,.55),rgba(14,21,32,.3)),var(--p) center/cover}}

.bw{position:sticky;top:0;z-index:60;height:0}.bar2{position:absolute;left:0;right:0;top:0;margin:0!important}
.tl{
grid-template-columns:repeat(5,1fr);
gap: 50px 0px;
margin-top:70px}.tl.all{grid-template-columns:repeat(6,1fr)}
.tl div{border-top:1px solid var(--red);padding:22px 18px 0 0}.tl div:before{top:-4px;left:0}
.tl .end{padding-right:38px}
@media(max-width:980px){.tl.all{grid-template-columns:repeat(3,1fr)}.tl{margin-top:50px}.tl div{font-size:13px}}
@media(max-width:760px){
.hero{
min-height: initial;
}
  .tl,.tl.all{grid-template-columns:1fr;border-left:1px solid var(--red);padding-left:26px;margin-left:8px}.tl div{border-top:0;padding:0 0 26px}.tl div:before{top:9px;left:-30px}.tl .end{padding-bottom:0}.tl .end:after{right:auto;left:-40px;top:0}
.bar2{flex-wrap:wrap;gap:6px 0;padding:12px 5vw 10px}.bar2 .t{width:100%;font-size:17px}.bar2 nav{margin:0;width:100%;flex-wrap:wrap;overflow:visible;gap:2px 16px}.bar2 nav a{font-size:14px;padding:3px 0}.bar2.st .t{display:none}.hero{padding-top:200px}html{scroll-padding-top:80px}}
.quotes{position:relative;overflow:hidden}
.ql{margin-top:50px;display:grid;gap:50px}.ql figure{margin:0;padding-left:34px;border-left:2px solid var(--red);max-width:760px}.ql figure:nth-child(even){margin-left:auto}
.ql blockquote{color:var(--navy);font-size:clamp(24px,3.2vw,34px)}.ql cite{color:var(--red);font-size:12px;margin-top:14px}
.pr{min-height:62vh;display:flex;align-items:center}.pr .wrap{display:block;width:100%}
.places{padding:clamp(60px,8vw,110px) 6vw}.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 40px;max-width:1100px;margin:auto}
.pc .im{overflow:hidden;margin-bottom:18px}.pc img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s}.pc:hover img{transform:scale(1.06)}
.pc h3{font-size:24px;color:var(--navy)}.pc h3:after{content:"";display:block;width:34px;height:2px;background:var(--red);margin:10px 0 12px}.pc p{font-size:16px;line-height:1.7}
@media(max-width:980px){.pg{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pg{grid-template-columns:1fr}}


@media(max-width:530px){
.hero{
padding-top: 550px;
}
.hero .bg img {
translate: -68%;
}
}
.dark .prague-engraving{
filter: invert(1);
}
.prague-engraving{
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
right: 0;
top: 0;
}
.prague-engraving img{
position: absolute;
right: 0;
top: 0;
height: 100%;
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%);
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-composite: intersect;
mask-composite: intersect;
max-height: 600px;
}

.prague-engraving-left img{
position: absolute;
left: 0;
top: 0;
height: 100%;
-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%);
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0)), linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0) 20%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-composite: intersect;
mask-composite: intersect;
max-height: 600px;
}
.quotes-dec{
right: 5vw;
top: 260px;
position: absolute;
}
.bw .heart{
margin-top: -3px;
transform: rotate(10deg);
}
.end .heart{
position: absolute;
top: -15px;
right: -3px;
background: #b3283d;
width: 16px;
transform: rotate(10deg);
}
.b-img{
position: absolute;
top: 0;
right: 0;
width: initial;
}
.b-img img{
width: auto;
height: auto;
}
.cff {
background: linear-gradient(90deg,var(--navy) 50%,rgba(20,29,43,.7));
position: absolute;
top: 0;
height: 100%;
width: 100%;
}




.top{
background: #070f17;
}
.top .bar1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
padding: 12px 5vw;
}
.top .left-line{
width: 120px;
margin-top: 10px;
}
.end-line nav ul{
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
margin-top: 7px;
}
.end-line nav a{
text-decoration: none;
font-size: .8rem;
color: #d4dae0;
transition: color .3s;
}
.end-line nav a:hover{
color:#fff;
}




.cookies_info .set_off_on input{
opacity: 0;
height: 0;
width: 0;
margin: 0;
display: block;
padding: 0;
border: 0;
}
.cookies_info .set_off_on label .btn .on,
.cookies_info .set_off_on label input:checked + .btn .off{
display: none;
}
.cookies_info .set_off_on label input:checked + .btn .on{
display: block;
}
.cookies_info .set_off_on label:hover  input + .btn div,
.cookies_info .buttons button:hover,
.cookies_info .set_off_on label:hover input + .btn{
color: #fff;
border-color: #fff;
}
.cookies_info .set_off_on label:hover input + .btn{
cursor: pointer;
}
.cookies_info .set_off_on label .btn div{
font-weight: bold;
font-size: 15px;
padding: 3px 15px 1px;
color: #fff;
text-shadow: var(--text-shadow-contrast);
}
.cookies_info .set_off_on label .btn{
width: 140px;
text-align: center;
border: 2px solid #ff8a1f;
border-radius: 6px;
padding: 0;
transition: 0.3s ease-out;
}
.cookies_info .set_off_on label  input + .btn div{
color: #ff8a1f;
transition: 0.3s ease-out;
}
.cookies_info .set_off_on{
margin-left: auto;
margin-top: -3px;
}
.cookies_info p a:hover{
color: #fff;
}
.cookies_info p a{
font-weight: 600;
font-size: .95rem;
text-decoration: none;
}
.cookies_info .head2{
display:flex;
margin-top: 35px;
}
.cookies_info .head2 div {
color: #fff;
font-weight: bold;
font-size: 20px;
letter-spacing: 0;
line-height: 27px;
}
.cookies_info .sett_content{
margin-top: 25px;
}
.cookies_info .sett_content .content_2{
font-size: 15px;
margin: 10px 0 28px;
line-height: 22px;
}
.cookies_info .sett_content .head2 > div:first-child{
margin-top: auto;
}
.cookies_info .head{
color: var(--ink);
font-weight: bold;
font-size: 26px;
letter-spacing: 0;
line-height: 27px;
justify-content: center;
display: flex;
}
.cookies_info p{
font-size: 15px;
line-height: 22px;
margin: 10px 0 18px;
}
.cookies_info .buttons button{
background: none;
cursor: pointer;
color: white;
font-weight: bold;
font-size: 16px;
border: 2px solid #ff8a1f;
padding: 15px 51px;
position: relative;
right: initial;
min-width: initial;
min-height: initial;
width: initial;
height: initial;
line-height: initial;
border-radius: 12px;
color: var(--or);
font-weight: 600;
font-size: .95rem;
transition: 0.3s ease-out;
}
.cookies_info{
left: 0;
height: 100%;
top: 0;
position: fixed;
width: 100%;
background: #00000070;
z-index: 10;
display: flex;
flex-direction: column;
}
.cookies_info #cookies_info_2 .buttons{
display: flex;
}
.cookies_info #cookies_info_2 .buttons button.sett{
margin: auto;
}
.cookies_info #cookies_info_1 .buttons .good{
margin-left:0;
}
.cookies_info #cookies_info_1 .buttons .sett{
margin-right:0;
}
.cookies_info #cookies_info_1 .buttons{
display: flex;
}
.cookies_info #cookies_info_1 .buttons button{
width: 50%;
margin: 0 5px;
padding: 15px 0;
}
.window .text_part {
width: 100%;
padding: 20px 50px;
display: flex;
position: relative;
overflow: auto;
}
.cookies_info .content{
box-shadow: 0px 0px 14px -2px rgba(255,255,255,.5);
background: #232323;
padding: 40px;
max-width: 680px;
width: 100%;
margin: auto;
border-radius: 10px;
overflow: auto;
box-sizing: border-box;
}

@media screen and (max-width: 690px) {
  
.cookies_info #cookies_info_2 .buttons button{
padding: 15px 8%;
}
}

@media screen and (max-width: 650px) {
.cookies_info #cookies_info_2 .buttons button{
padding: 15px 6.5%;
}
}
@media screen and (max-width: 570px) {

.cookies_info #cookies_info_2 .buttons button{
padding: 15px 6%;
}

}
@media screen and (max-width: 530px) {
.cookies_info #cookies_info_2 .buttons button{
padding: 15px 4%;
}
}
@media screen and (max-width: 480px){
.cookies_info #cookies_info_2 .buttons button {
padding: 15px 3%;
}
}
@media screen and (max-width: 440px){
  
.cookies_info .head2 div {
font-size: 17px;
}
.cookies_info .set_off_on label .btn {
width: 115px;
}
.cookies_info .set_off_on label .btn div{
padding: 3px 3px 1px;
}
.cookies_info #cookies_info_2 .buttons{
display: block;
}
.cookies_info #cookies_info_2 .buttons button{
width: 100%;
margin: 0 0 15px !important;
}
.cookies_info #cookies_info_1 .buttons{
display: block;
}
.cookies_info #cookies_info_1 .buttons button{
width: 100%;
margin: 0 0 15px;
}
}
@media screen and (max-width: 380px) {
.cookies_info .head2{
flex-direction: column;
}
.cookies_info .head2 div {
text-align: center;
margin: auto;
}
.cookies_info .set_off_on label .btn {
width: 135px;
}
}
@media screen and (max-width: 340px) {
.cookies_info #cookies_info_1 .head{
font-size: 24px;
}
}
.img-credit { position: relative; }
.img-credit details { position: absolute; right: 0; bottom: 0; }
.img-credit summary {
  list-style: none; cursor: pointer;
  min-width: 30px; min-height: 30px;
  display: grid; place-items: center;
  background: rgb(0 0 0 / .6); color: #fff;
}
.img-credit summary::-webkit-details-marker { display: none; }
.img-credit details[open] p {
  position: absolute; right: 0; bottom: 100%;
  width: max-content; max-width: min(320px, 90vw);
  margin: 0; padding: .5rem .75rem;
  background: rgb(0 0 0 / .85); color: #fff; font-size: .8rem;
}
.img-credit a { color: #fff; text-decoration: underline; }
.img-credit img{
width: 100%;
height: auto;
}

.ai{
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
background: #ffffff70;
border-radius: 80px;
aspect-ratio: 1;
width: 27px;
text-align: center;
}