@charset "UTF-8";/* ========================================================= CTA BLOCK SECTION ========================================================= */ .cta-block-section{position:relative;overflow:hidden;padding:95px 0 115px;}/* Декоративна линия преди footer */ .cta-block-section::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,199,45,0.12) 10%,rgba(255,199,45,0.65) 50%,rgba(255,199,45,0.12) 90%,transparent 100%);box-shadow:0 0 18px rgba(255,199,45,0.16);}.cta-block-section .container{width:100%;max-width:1600px;margin:0 auto;padding-inline:clamp(1.25rem,4vw,4rem);}/* ========================================================= CTA BOX ========================================================= */ .cta-block{position:relative;overflow:hidden;width:100%;max-width:1280px;min-height:300px;margin:0 auto;padding:clamp(3.25rem,5vw,4.5rem) clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,199,45,0.28);border-radius:32px;box-shadow:0 30px 90px rgba(0,0,0,0.36),0 0 34px rgba(255,196,0,0.08),inset 0 1px 0 rgba(255,255,255,0.05);}/* ========================================================= CTA THEMES ========================================================= */ /* Santa */ .cta-block--santa{background:radial-gradient(circle at 18% 20%,rgba(115,18,34,0.42),transparent 34%),radial-gradient(circle at 85% 72%,rgba(176,72,32,0.34),transparent 42%),linear-gradient(135deg,rgba(38,0,17,0.96) 0%,rgba(62,7,25,0.95) 45%,rgba(105,39,22,0.9) 100%);}/* Tooth Fairy */ .cta-block--fairy{background:radial-gradient(circle at 18% 18%,rgba(110,70,255,0.24),transparent 34%),radial-gradient(circle at 85% 70%,rgba(190,35,45,0.34),transparent 38%),linear-gradient(135deg,rgba(35,13,78,0.82),rgba(18,8,48,0.92),rgba(70,20,24,0.86));}/* ========================================================= CTA DECORATIONS ========================================================= */ .cta-block::before{content:"";position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle,rgba(255,255,255,0.65) 1px,transparent 1px),radial-gradient(circle,rgba(255,215,120,0.65) 1px,transparent 1px);background-size:160px 160px,240px 240px;opacity:0.16;pointer-events:none;}.cta-block::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,0.22) 82%);pointer-events:none;}.cta-block > *{position:relative;z-index:2;}/* ========================================================= EYEBROW ========================================================= */ .cta-block__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:1.25rem;padding:0.65rem 1.5rem;border:1px solid rgba(255,199,45,0.35);border-radius:999px;background:rgba(255,199,45,0.06);color:#f7c948;font-size:0.72rem;font-weight:900;letter-spacing:0.16rem;line-height:1.2;text-transform:uppercase;box-shadow:0 0 18px rgba(255,199,45,0.12);}/* ========================================================= TITLE ========================================================= */ .cta-block__title{max-width:900px;margin:0 0 1.35rem;color:#ffffff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;line-height:1.08;}.cta-block__title span{color:#e7b93f;font-style:italic;text-shadow:0 0 22px rgba(231,185,63,0.18);}/* ========================================================= DESCRIPTION ========================================================= */ .cta-block__description{max-width:680px;margin:0 auto 2rem;color:rgba(255,255,255,0.75);font-size:1.125rem;font-weight:500;line-height:1.7;}/* ========================================================= BUTTONS WRAPPER ========================================================= */ .cta-block__buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;}/* ========================================================= BUTTON BASE Работи за <a> и <button> ========================================================= */ .cta-block__btn{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;min-width:210px;min-height:60px;margin:0;padding:0 2.25rem;border-radius:999px;font-family:inherit;font-size:1rem;font-weight:800;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform 0.3s ease,box-shadow 0.3s ease,background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;}/* * Стрелката идва само от:* <span aria-hidden="true">›</span> * * Тук няма content:"›";* Следователно няма да има две стрелки. */ .cta-block__btn span{display:inline-block;font-size:1.25rem;line-height:1;transition:transform 0.3s ease;}.cta-block__btn:hover span{transform:translateX(4px);}/* ========================================================= PRIMARY BUTTON ========================================================= */ .cta-block__btn--primary{border:1px solid #f8c847;background:#f8c847;color:#1f1238;box-shadow:0 14px 34px rgba(248,200,71,0.32),0 0 38px rgba(248,200,71,0.16);}.cta-block__btn--primary:hover{transform:translateY(-3px);border-color:#ffd95a;background:#ffd95a;color:#1f1238;box-shadow:0 16px 38px rgba(248,200,71,0.34),0 0 44px rgba(248,200,71,0.18);}.cta-block__btn--primary span{color:#1f1238;}/* ========================================================= SECONDARY BUTTON ========================================================= */ .cta-block__btn--secondary{border:1px solid rgba(255,199,45,0.4);background:rgba(10,9,22,0.55);color:#ffffff;box-shadow:0 10px 28px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.05);}.cta-block__btn--secondary span{color:#f8c847;}.cta-block__btn--secondary:hover{transform:translateY(-3px);border-color:rgba(255,199,45,0.75);background:rgba(255,199,45,0.08);color:#ffffff;box-shadow:0 14px 34px rgba(0,0,0,0.28),0 0 26px rgba(255,199,45,0.12);}/* ========================================================= BUTTON ACCESSIBILITY ========================================================= */ .cta-block__btn:focus-visible{outline:3px solid rgba(248,200,71,0.48);outline-offset:4px;}/* ========================================================= VIDEO MODAL ========================================================= */ .wishdream-video-modal{position:fixed !important;inset:0 !important;z-index:2147483647 !important;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px);opacity:0;visibility:hidden;pointer-events:none;isolation:isolate;transition:opacity 0.25s ease,visibility 0.25s ease;}.wishdream-video-modal.is-active{opacity:1;visibility:visible;pointer-events:auto;}/* ========================================================= VIDEO MODAL OVERLAY ========================================================= */ .wishdream-video-modal__overlay{position:fixed !important;inset:0 !important;z-index:1;width:100vw;height:100vh;height:100dvh;background:rgba(2,2,12,0.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;}/* ========================================================= VIDEO MODAL CONTENT ========================================================= */ .wishdream-video-modal__content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(1100px,calc(100vw - 48px));max-width:1100px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;overflow:hidden;border:1px solid rgba(248,200,71,0.45);border-radius:20px;background:#000000;box-shadow:0 30px 100px rgba(0,0,0,0.85),0 0 45px rgba(248,200,71,0.14);transform:translateY(16px) scale(0.98);transition:transform 0.25s ease;}.wishdream-video-modal.is-active .wishdream-video-modal__content{transform:translateY(0) scale(1);}/* ========================================================= VIDEO PLAYER ========================================================= */ .wishdream-video-modal__content video{display:block;width:100%;height:auto;max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);object-fit:contain;background:#000000;}/* ========================================================= VIDEO CLOSE BUTTON ========================================================= */ .wishdream-video-modal__close{position:absolute;top:14px;right:14px;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,0.35);border-radius:50%;background:rgba(5,4,12,0.82);color:#ffffff;font-family:Arial,sans-serif;font-size:27px;font-weight:300;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 6px 20px rgba(0,0,0,0.35);transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,transform 0.25s ease;}.wishdream-video-modal__close:hover{transform:rotate(90deg);border-color:#f8c847;background:#f8c847;color:#1f1238;}.wishdream-video-modal__close:focus-visible{outline:3px solid rgba(248,200,71,0.55);outline-offset:3px;}/* ========================================================= DISABLE PAGE SCROLL WHILE VIDEO IS OPEN ========================================================= */ html.wishdream-video-open,body.wishdream-video-open{overflow:hidden !important;overscroll-behavior:none;}/* ========================================================= TABLET ========================================================= */ @media (max-width:1024px){.cta-block-section{padding:85px 0 100px;}.cta-block{max-width:100%;min-height:280px;padding:3.5rem 2rem;border-radius:28px;}.cta-block__title{font-size:clamp(2.1rem,5vw,3.2rem);}.cta-block__description{font-size:16.5px;line-height:1.7;}.cta-block__btn{min-width:190px;min-height:56px;font-size:0.96rem;}.wishdream-video-modal{padding:24px;}.wishdream-video-modal__content{width:min(960px,calc(100vw - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:18px;}.wishdream-video-modal__content video{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);}}/* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){.cta-block-section{padding:70px 0 80px;}.cta-block-section .container{padding-inline:1.25rem;}.cta-block{min-height:auto;padding:2.75rem 1.35rem;border-radius:24px;}.cta-block__eyebrow{margin-bottom:1.25rem;padding:0.55rem 1.1rem;font-size:0.65rem;letter-spacing:0.12rem;}.cta-block__title{margin-bottom:1.25rem;font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.1;}.cta-block__description{max-width:100%;margin-bottom:1.75rem;font-size:15.5px;font-weight:500;line-height:1.65;}.cta-block__buttons{width:100%;flex-direction:column;gap:0.85rem;}.cta-block__btn{width:100%;max-width:320px;min-width:0;min-height:56px;padding:0 1.5rem;font-size:0.95rem;}.wishdream-video-modal{padding:12px;}.wishdream-video-modal__content{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:15px;}.wishdream-video-modal__content video{width:100%;height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);}.wishdream-video-modal__close{top:8px;right:8px;width:40px;height:40px;font-size:24px;}}/* ========================================================= SMALL PHONES ========================================================= */ @media (max-width:420px){.cta-block{padding:2.5rem 1.1rem;border-radius:20px;}.cta-block__title{font-size:clamp(1.8rem,10vw,2.45rem);}.cta-block__description{font-size:15px;}.cta-block__btn{max-width:100%;font-size:0.9rem;}.wishdream-video-modal{padding:8px;}.wishdream-video-modal__content{width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:12px;}.wishdream-video-modal__content video{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);}.wishdream-video-modal__close{top:6px;right:6px;width:38px;height:38px;font-size:23px;}}/* ========================================================= MOBILE LANDSCAPE ========================================================= */ @media (max-height:600px) and (orientation:landscape){.wishdream-video-modal{padding:10px 56px;}.wishdream-video-modal__content{width:auto;max-width:calc(100vw - 112px);height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);}.wishdream-video-modal__content video{width:auto;max-width:100%;height:100%;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);}.wishdream-video-modal__close{top:6px;right:6px;width:38px;height:38px;font-size:23px;}}/* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce){.cta-block__btn,.cta-block__btn span,.wishdream-video-modal,.wishdream-video-modal__content,.wishdream-video-modal__close{transition:none;}}