/* Flirt & Travel — v4 home-only design candidate.
   Original scripts, CTA, legal, analytics, tariff links and cookies behaviour unchanged. */
.preview-index{--v4-paper:#faf7f1;--v4-ink:#102a42;--v4-red:#ac5148;--v4-soft:#e9ede7}
.preview-index .site-header{position:relative;z-index:5;background:#faf7f1}
.preview-index .header-inner{min-height:78px}
.preview-index .brand{font-size:28px;letter-spacing:-.025em}
.preview-index .top-action{font-size:12px;border-radius:30px;border:1px solid #c9cfcc;padding:9px 19px}
.preview-index .hero{background:#f6f3eb;position:relative;overflow:hidden}
.preview-index .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:0;min-height:468px;align-items:center}
.preview-index .hero-copy{padding:48px 20px 52px 0;position:relative;z-index:2}
.preview-index .hero-copy .eyebrow{margin-bottom:18px;letter-spacing:.22em}
.preview-index .hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(39px,3.7vw,50px);line-height:1.1;letter-spacing:-.047em;max-width:635px;margin-bottom:22px;font-weight:400}
.preview-index .hero-copy .lead{font-size:15px;line-height:1.63;max-width:520px;margin-bottom:11px}
.preview-index .hero-copy .access-disclosure{font-size:12px;line-height:1.5;max-width:530px;color:#506879}
.preview-index .hero-copy .button-row{margin-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.preview-index .hero-copy .btn-primary{background:#17364f;border-color:#17364f;border-radius:28px;padding:13px 25px;min-height:49px;font-size:12px;letter-spacing:.015em}
.preview-index .hero-copy .btn-light{font-size:12px;font-weight:500;color:#17364f;border:0;text-decoration:underline;text-underline-offset:5px}
.preview-index .lifestyle-hero{height:468px;width:calc(100% + 50px);margin:0 -50px 0 0;overflow:hidden;position:relative;align-self:stretch;background:#c7b29c;border-radius:0}
.preview-index .lifestyle-hero img{width:100%;height:100%;display:block;object-fit:cover;object-position:55% 48%;filter:saturate(.9) contrast(1.015)}
.preview-index .lifestyle-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:27%;z-index:1;background:linear-gradient(90deg,#f6f3eb 0%,rgba(246,243,235,.76) 28%,rgba(246,243,235,0) 100%);pointer-events:none}
.preview-index .hero+.section{padding-top:58px}
.preview-index #cities .section-head h2{font-size:clamp(35px,3.6vw,46px)}
.preview-index #cities .section-head>p{max-width:335px}
.preview-index #home-city-track{gap:0 25px}
.preview-index #home-city-track .city-photo{background:#e8e3dd}
.preview-index #home-city-track .city-photo img{filter:saturate(.89) contrast(1.01);transition:transform .4s ease}
.preview-index #home-city-track .city-card:hover .city-photo img{transform:scale(1.025)}
.preview-index .city-card:nth-child(1) .city-photo{height:265px}
.preview-index .city-card:nth-child(1) .city-photo img{object-position:center 51%}
.preview-index .city-card:nth-child(2) .city-photo,.preview-index .city-card:nth-child(3) .city-photo{height:157px}
.preview-index .city-card:nth-child(2) .city-photo img,.preview-index .city-card:nth-child(3) .city-photo img{object-position:center 48%}
.preview-index .city-card:nth-child(1) .city-body h3{font-size:37px}
.preview-index .city-body h3{font-weight:400}
.preview-index .city-card:nth-child(n+4){border-top:1px solid #dfe2db;padding-top:19px;padding-bottom:16px}
.preview-index .city-card:nth-child(n+4) h3{font-size:25px}
.preview-index .city-card:nth-child(n+4) .text-link{white-space:nowrap}
.preview-index .city-body .text-link{color:#a34e47}
.preview-index .city-access summary{color:#15334d;font-size:12px}
.preview-index .city-access summary:hover{color:#a34e47}
.preview-index #how{background:#f0f1eb}
.preview-index #how .wrap{grid-template-columns:240px 1fr;column-gap:55px}
.preview-index #how .step{padding-top:16px}
.preview-index #how h2{font-size:32px}
.preview-index .editorial h2{font-size:clamp(34px,3.45vw,43px)}
.preview-index .editorial .lead{font-size:14px}
.preview-index .editorial-panel{height:264px;min-height:0;padding:16px 23px 16px 0;grid-template-columns:50% 1fr;gap:8px 21px}
.preview-index .editorial-panel .editorial-atmosphere{display:block;width:100%;height:264px;max-height:none;object-fit:cover;object-position:center 49%;position:relative;margin:0;grid-row:1/4;grid-column:1}
.preview-index .editorial-panel blockquote{font-size:22px;letter-spacing:-.025em}
.preview-index .editorial-panel span{font-size:9px}
.preview-index .compact-cta{background:#112c43;border:0;padding:19px 0 12px;color:#fff}
.preview-index .compact-cta .cta-panel h2{color:#fff;font-size:23px;margin-bottom:4px}
.preview-index .compact-cta .cta-panel p{color:#bfcdd3;font-size:12px}
.preview-index .compact-cta .btn-primary{background:#f5f0e7;color:#102a42;border-color:#f5f0e7;border-radius:25px}
.preview-index .site-footer{border-top:1px solid #37536a;padding-top:26px}
.preview-index .footer-top{gap:24px}
.preview-index .footer-top>p{max-width:270px}
.preview-index .footer-service-links{padding:13px 0}
.preview-index .footer-bottom{padding-top:9px}

/* Cookie consent: only its presentation changes, original choice logic is untouched. */
.preview-index .cookie-panel{position:fixed;left:auto;right:24px;bottom:23px;top:auto;width:min(418px,calc(100vw - 40px));border:1px solid #d9dbd6;border-radius:17px;background:#fffdf9;color:#102a42;box-shadow:0 16px 58px rgba(10,38,59,.2);font:400 13px/1.57 'DM Sans',Arial,sans-serif;overflow:hidden;z-index:1000}
.preview-index .cookie-panel-inner{display:block;padding:23px 23px 17px;max-width:none}
.preview-index .cookie-intro{font-size:13px;line-height:1.62;color:#506272}
.preview-index .cookie-intro:before{content:'Немного о cookies';display:block;font:400 25px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;color:#102a42;margin:0 0 11px}
.preview-index .cookie-intro:after{content:'♡';position:absolute;right:24px;top:20px;font:30px/1 Georgia,serif;color:#b75d54}
.preview-index .cookie-intro a{color:#a04640;text-decoration:underline;text-underline-offset:3px}
.preview-index .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;white-space:normal}
.preview-index .cookie-panel button{min-height:43px;padding:10px 12px;font:600 12px/1.2 'DM Sans',Arial,sans-serif;border-radius:999px;box-shadow:none}
.preview-index .cookie-actions [data-cookie-action="reject"]{grid-row:1;grid-column:1;background:#fffdf9;border:1px solid #a9b6bb;color:#102a42}
.preview-index .cookie-actions [data-cookie-action="accept"]{grid-row:1;grid-column:2;background:#102a42;border:1px solid #102a42;color:#fff}
.preview-index .cookie-actions [data-cookie-action="settings"]{grid-row:2;grid-column:1/3;justify-self:center;min-height:29px;font-size:11px;font-weight:500;color:#647683;border:0;text-decoration:underline;text-underline-offset:3px;background:transparent;padding:2px 12px}
.preview-index .cookie-panel button:hover{filter:brightness(.96)}
.preview-index .cookie-panel [data-cookie-action="accept"]:hover{background:#214962;color:#fff}
.preview-index .cookie-settings{grid-template-columns:1fr;gap:14px;align-items:center}
.preview-index .cookie-settings label{font-size:12px;line-height:1.5}
.preview-index .cookie-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.preview-index .cookie-panel.is-settings .cookie-panel-inner:before{content:'Ваш выбор';display:block;font:24px/1.2 'Playfair Display',Georgia,serif;margin-bottom:12px;color:#102a42}

/* Phone and tablet: maintain compact site journey and accessible consent UI. */
@media(max-width:1000px){
.preview-index .hero-grid{min-height:420px;grid-template-columns:minmax(0,1.12fr) minmax(0,.9fr)}
.preview-index .hero-copy h1{font-size:clamp(37px,4.1vw,45px)}
.preview-index .lifestyle-hero{height:420px}
.preview-index .hero-copy{padding-right:10px}
.preview-index .city-card:nth-child(n+4) h3{font-size:23px}
}
@media(max-width:800px){
.preview-index .hero-grid{grid-template-columns:52% 48%;min-height:385px}
.preview-index .hero-copy{padding:32px 16px 35px 0}
.preview-index .hero-copy h1{font-size:clamp(32px,4.35vw,40px)}
.preview-index .hero-copy .lead{font-size:13px}
.preview-index .lifestyle-hero{height:385px;width:calc(100% + 20px);margin-right:-20px}
.preview-index #how .wrap{display:block}
.preview-index .editorial-panel{height:300px;grid-template-columns:44% 1fr;gap:10px}
.preview-index .editorial-panel .editorial-atmosphere{height:275px;grid-row:1/4}
.preview-index .editorial-panel blockquote{font-size:20px}
}
@media(max-width:650px){
.preview-index .header-inner{min-height:82px}
.preview-index .hero{overflow:visible}
.preview-index .hero-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch}
.preview-index .hero-copy{order:2;padding:21px 0 27px}
.preview-index .hero-copy .eyebrow{font-size:9px;margin-bottom:11px}
.preview-index .hero-copy h1{font-size:clamp(34px,8.1vw,38px);line-height:1.12;margin-bottom:13px}
.preview-index .hero-copy .lead{font-size:13px;line-height:1.5;margin-bottom:12px}
.preview-index .hero-copy .access-disclosure{font-size:11px}
.preview-index .hero-copy .button-row{margin-top:16px;gap:16px}
.preview-index .hero-copy .btn-primary{font-size:11px;min-height:46px;padding:10px 18px}
.preview-index .lifestyle-hero{order:1;height:228px;margin:0 -18px;width:calc(100% + 36px)}
.preview-index .lifestyle-hero:before{display:none}
.preview-index .lifestyle-hero img{object-position:center 47%}
.preview-index .hero+.section{padding-top:37px}
.preview-index .section{padding:38px 0}
.preview-index #cities .section-head h2{font-size:34px}
.preview-index .city-card:nth-child(1) .city-photo{height:209px}
.preview-index .city-card:nth-child(2) .city-photo,.preview-index .city-card:nth-child(3) .city-photo{height:145px}
.preview-index .city-card:nth-child(n+4){padding:13px 0 12px}
.preview-index .city-card:nth-child(n+4) h3{font-size:25px}
.preview-index #how h2{font-size:28px;max-width:none;margin-bottom:20px}
.preview-index #how h2 br{display:none}
.preview-index #how .steps{display:block}
.preview-index .editorial-panel{height:209px;grid-template-columns:46% 1fr;padding:9px 12px 9px 0;gap:8px 12px}
.preview-index .editorial-panel .editorial-atmosphere{height:191px;grid-row:1/4}
.preview-index .editorial-panel blockquote{font-size:18px}
.preview-index .compact-cta{padding:18px 0 13px}
.preview-index .compact-cta .cta-panel h2{font-size:20px}
.preview-index .compact-cta .btn-primary{font-size:10px}
.preview-index .site-footer{padding-top:23px}
.preview-index .cookie-panel{right:12px;left:12px;bottom:10px;width:auto;border-radius:15px}
.preview-index .cookie-panel-inner{padding:18px 17px 12px}
.preview-index .cookie-intro{font-size:12px;line-height:1.5}
.preview-index .cookie-intro:before{font-size:23px;margin-bottom:9px}
.preview-index .cookie-intro:after{font-size:25px;top:15px;right:18px}
.preview-index .cookie-actions{gap:7px;margin-top:13px}
.preview-index .cookie-panel button{min-height:43px;font-size:12px}
.preview-index .cookie-actions [data-cookie-action="settings"]{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.preview-index *{animation:none!important;transition:none!important}}

/* Final mobile readback: preserve the explicit line break in the original heading. */
@media(max-width:650px){.preview-index #how h2 br{display:initial}}