/* Approved Christmas offer. Scoped to the CZ homepage campaign. */
.cv-xmas{--xmas-ink:#17434d;--xmas-teal:#006b80;--xmas-gold:#b69b72;--xmas-paper:#f1efe8;--xmas-pattern:url('/front/images/christmas-2026/textures/teal-platno.svg?v=2');width:min(1280px,90%);margin:0 auto 65px;background:var(--xmas-paper);color:var(--xmas-ink);scroll-margin-top:145px;position:relative;isolation:isolate;font-family:Poppins,Arial,sans-serif}
.cv-xmas *{box-sizing:border-box}
.cv-xmas .cv-xmas-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) 140px minmax(0,1.1fr);align-items:center;gap:20px;padding:40px 42px 30px;min-height:480px}
.cv-xmas p,.cv-xmas h2{margin:0;padding:0}
.cv-xmas .cv-xmas-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#e3d0af;margin-bottom:20px}
.cv-xmas-eyebrow>span{color:#d1ddd7;font-size:9px;font-weight:400;letter-spacing:.09em;white-space:nowrap}
.cv-xmas .cv-xmas-copy h2{font-size:clamp(30px,3.1vw,46px);line-height:1.12;letter-spacing:-.05em;font-weight:400;color:#fff}
.cv-xmas h2 em{font-style:normal;color:#cddcd5}
.cv-xmas .cv-xmas-lead{font-size:15px;line-height:1.85;max-width:38ch;margin-top:21px;color:#edf3ef}
.cv-xmas-lead strong{font-weight:600;color:#fff}
.cv-xmas .cv-xmas-note{font-size:12px;color:#edf3ef;margin-top:8px}
.cv-xmas-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px 25px;margin-top:25px}
.cv-xmas .cv-xmas-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:12px 23px;text-decoration:none;color:#075668;font-size:12px;line-height:1.5;font-weight:500;border:1px solid #fff;transition:background .2s;white-space:nowrap}
.cv-xmas .cv-xmas-button:hover{background:#e7eee9}
.cv-xmas .cv-xmas-details-link{display:inline-flex;align-items:center;min-height:48px;color:#edf3ef;font-size:11px;line-height:1.5;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.cv-xmas a:focus-visible{outline:2px solid var(--xmas-gold);outline-offset:5px}
.cv-xmas-visual{min-width:0;align-self:center}
.cv-xmas-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;height:315px}
.cv-xmas-looks img{display:block;width:100%;height:100%;max-height:315px;object-fit:contain;object-position:center}
.cv-xmas-gift{display:flex;align-items:center;justify-content:center;align-self:center;min-width:0;transform:translateX(-50px)}
.cv-xmas-envelope{position:relative;width:155px;flex-shrink:0;transform:rotate(-9deg)}
.cv-xmas .cv-xmas-envelope-paper{display:block;width:100%;height:auto}
.cv-xmas .cv-xmas-envelope-logo{display:block;position:absolute;left:33%;top:61%;width:46%;height:auto;opacity:.9}
.cv-xmas-texture{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-image:var(--xmas-pattern);background-repeat:repeat}
.cv-xmas-texture:before{content:'';position:absolute;inset:0 55% 0 0;background:#075668 var(--xmas-pattern) repeat}
.cv-xmas-texture:after{content:'';position:absolute;inset:14px;border:1px solid #b69b7270}
.cv-xmas-masthead{position:sticky;top:0;z-index:1000;background:#fff}
.cv-xmas-masthead>.cvw-header{position:relative;top:0}
.cv-xmas-announcement{background:#006b80;color:#fff;font-family:Poppins,Arial,sans-serif;text-align:center;padding:9px 5%;position:relative;z-index:2}
.cv-xmas-announcement p{margin:0;display:flex;justify-content:center;align-items:center;gap:8px 22px;font-size:11px;line-height:1.6;font-weight:400}
.cv-xmas-announcement strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
/* The assurances already provide symmetrical padding; add no extra top gap. */
.homepage-editorial .hs-assurances+.cv-xmas{margin-top:0}
@media(max-width:1050px){
 .cv-xmas .cv-xmas-inner{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px;min-height:0}
 .cv-xmas .cv-xmas-copy{position:relative;background:#075668 var(--xmas-pattern) repeat;padding:30px 30px 66px;margin:-30px -30px 0}
 .cv-xmas .cv-xmas-copy h2{font-size:38px}
 .cv-xmas .cv-xmas-lead{font-size:15px;max-width:46ch}
 .cv-xmas-envelope{width:145px}
 .cv-xmas-gift{margin-top:-58.25px;margin-bottom:8px;padding:0;position:relative;z-index:2;transform:none}
 .cv-xmas-looks{height:285px}
 .cv-xmas-looks img{max-height:285px}
 .cv-xmas-texture:before{display:none}
 .cv-xmas-texture:after{inset:12px}
}
@media(max-width:700px){
 .cv-xmas{width:90%;margin-block:0 35px;scroll-margin-top:135px}
 .cv-xmas .cv-xmas-inner{padding:25px 20px 21px;gap:20px}
 .cv-xmas .cv-xmas-copy{padding:25px 20px 65px;margin:-25px -20px 0}
 .cv-xmas .cv-xmas-eyebrow{font-size:9px;gap:5px 12px;margin-bottom:17px;letter-spacing:.08em}
 .cv-xmas-eyebrow>span{font-size:8px;letter-spacing:.03em}
 .cv-xmas .cv-xmas-copy h2{font-size:34px;line-height:1.12;letter-spacing:-.055em}
 .cv-xmas .cv-xmas-lead{font-size:14px;line-height:1.8;margin-top:17px;max-width:none}
 .cv-xmas .cv-xmas-note{font-size:11px;margin-top:9px}
 .cv-xmas-actions{gap:8px 20px;margin-top:20px}
 .cv-xmas .cv-xmas-button{font-size:12px;min-height:46px;padding:12px 19px}
 .cv-xmas .cv-xmas-details-link{min-height:44px}
 .cv-xmas-gift{margin-top:-56.25px}
 .cv-xmas-looks{height:215px;gap:5px;margin-inline:-6px;grid-template-columns:1fr 1.05fr 1.15fr 1.05fr}
 .cv-xmas-looks img{max-height:215px}
 .cv-xmas-texture:after{inset:9px}
 .cv-xmas-announcement{padding-block:9px}
 .cv-xmas-announcement p{font-size:10px;gap:3px 10px;flex-wrap:wrap}
 .cv-xmas-announcement strong{font-size:9px;letter-spacing:.06em}
 .cv-xmas-announcement p>span:first-of-type{order:3;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.cv-xmas .cv-xmas-button{transition:none}}
/* Shared editorial typography must not override light copy on the teal offer. */
.homepage-editorial .cv-xmas .cv-xmas-copy h2 em,
.homepage-editorial .cv-xmas p.cv-xmas-lead,
.homepage-editorial .cv-xmas p.cv-xmas-note{color:#fff}
.homepage-editorial .cv-xmas p.cv-xmas-eyebrow{color:#ead8b8}
.homepage-editorial .cv-xmas p.cv-xmas-eyebrow>span{color:#fff}
/* Longer multilingual order-value claim keeps the approved composition readable. */
.cv-xmas .cv-xmas-copy h2{font-size:clamp(30px,2.8vw,41px);text-wrap:balance}
html[lang="ru"] .cv-xmas .cv-xmas-eyebrow{letter-spacing:.035em}
@media(max-width:1050px) and (min-width:701px){.cv-xmas .cv-xmas-copy h2{font-size:38px}}
@media(max-width:700px){.cv-xmas .cv-xmas-copy h2{font-size:33px;line-height:1.13}}