:root{
  --white:#FFFFFF;
  --bg-warm:#FAF6F4;
  --ink:#221C1A;
  --ink-soft:#8C7F7A;
  --red:#224A81;
  --red-hover:#163564;
  --red-light:#E4EAF3;
  --orange:#E4640E;
  --orange-light:#FF8A3D;
  --orange-dark:#B84A0A;
  --blue-bright:#5C8AE6;
  --line:#EAE1DD;
  --radius-btn:20px;
  --radius-s:10px;
  --radius-m:18px;
  --radius-l:28px;
  --container:1180px;
  --ease:cubic-bezier(.16,.8,.24,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;background:#FFFFFF;}
body{
  font-family:'General Sans',sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  overflow-x:hidden;
}
#pageLoader{
  position:fixed;inset:0;z-index:99999;background:#FAF6F4;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .5s ease, visibility .5s ease;
}
#pageLoader.loader-hidden{opacity:0;visibility:hidden;pointer-events:none;}
#pageLoaderMark{
  width:44px;height:44px;border-radius:50%;
  border:3px solid var(--line);border-top-color:var(--red);
  animation:page-loader-spin .8s linear infinite;
}
@keyframes page-loader-spin{to{transform:rotate(360deg);}}
body.loading{overflow:hidden;}
h1,h2,h3,h4{
  font-family:'Cabinet Grotesk',sans-serif;
  font-weight:800;
  line-height:1.04;
  letter-spacing:-0.02em;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 32px;}
@media(max-width:640px){.wrap{padding:0 20px;}}

/* ===== Scroll reveal ===== */
/* Visible by default — JS hides+animates only if it successfully initializes,
   so content is never stuck invisible if a script/CDN fails to load. */
.reveal, .reveal-stagger > *{opacity:1;transform:none;}
.no-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
.no-motion .reveal.in{opacity:1;transform:translateY(0);}
.no-motion .reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
.no-motion .reveal-stagger.in > *{opacity:1;transform:translateY(0);}
.no-motion .reveal-stagger.in > *:nth-child(1){transition-delay:.02s;}
.no-motion .reveal-stagger.in > *:nth-child(2){transition-delay:.10s;}
.no-motion .reveal-stagger.in > *:nth-child(3){transition-delay:.18s;}
.no-motion .reveal-stagger.in > *:nth-child(4){transition-delay:.26s;}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none;}}

/* ===== Buttons: rounded rectangle, 20px ===== */
.btn{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:19px 34px;
  border-radius:var(--radius-btn);
  font-weight:600;font-size:16.5px;
  background:linear-gradient(180deg,#F0791E 0%, var(--orange) 55%, var(--orange-dark) 100%);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 10px 24px -8px rgba(228,100,14,.65);
  border:1px solid #7E1B1F;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease);
  isolation:isolate;
}
.btn::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;z-index:-1;
  animation:radial-pulse 1.6s infinite;
}
@keyframes radial-pulse{
  0%{box-shadow:0 0 0 0 rgba(228,100,14,.85);}
  100%{box-shadow:0 0 0 20px rgba(228,100,14,0);}
}
.btn:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 18px 32px -8px rgba(228,100,14,.78);}
.btn:active{transform:translateY(-1px) scale(.98);}
.btn-light{background:#fff;color:var(--red);border-color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.35);}
.btn-light::after{border-color:#fff;}
.btn-quiet{
  background:var(--line);color:var(--ink-soft);box-shadow:none;border:1px solid transparent;
  transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease), transform .22s var(--ease);
}
.btn-quiet::after{display:none;}
button.btn-quiet:disabled{opacity:1;cursor:not-allowed;}
.btn-quiet:not(:disabled){
  background:linear-gradient(180deg,#F0791E 0%, var(--orange) 55%, var(--orange-dark) 100%);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 10px 24px -8px rgba(228,100,14,.65);
}
.btn-quiet:not(:disabled)::after{
  display:block;content:"";position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;z-index:-1;
  animation:radial-pulse 1.6s infinite;
}
.btn-quiet:not(:disabled):hover{transform:translateY(-2px);}
.btn-block{width:100%;}
.btn:disabled{opacity:.4;pointer-events:none;}
.btn-tall{padding-top:29px;padding-bottom:29px;}
@media(max-width:400px){.btn-tall{font-size:15px;padding-left:20px;padding-right:20px;}}
.btn-popup-tall{padding-top:25px;padding-bottom:25px;}
.btn-hero{
  padding:29px 40px;font-size:17.5px;width:100%;
  background:linear-gradient(180deg,#FF8A3D 0%, #F0791E 45%, #B84A0A 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 22px 44px -14px rgba(228,100,14,.85);
}
.btn-hero:hover{box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 26px 50px -14px rgba(228,100,14,.95);}
@media(min-width:901px){.btn-hero{font-size:20.5px;}}

/* ===== Header ===== */
header{
  position:relative;z-index:60;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:flex;align-items:center;gap:14px;
  padding:14px 32px;max-width:var(--container);margin:0 auto;
}
.brand-block{display:flex;align-items:center;gap:12px;min-width:0;}
.brand-logo img{height:34px;width:auto;flex:none;}
.brand-copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap;}
.brand-name{color:var(--ink);font-weight:700;font-size:13.5px;font-family:'Cabinet Grotesk',sans-serif;}
.brand-geo{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--ink);}
.brand-geo svg{width:14px;height:14px;flex:none;}
.header-right{margin-left:auto;flex:none;}
.header-phone-text{font-weight:600;font-size:15.5px;white-space:nowrap;position:relative;}
.header-phone-text::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:var(--red);transition:width .25s var(--ease);}
.header-phone-text:hover::after{width:100%;}
.header-phone-btn{
  display:none;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(180deg,#F0791E, var(--orange));
  color:#fff;box-shadow:0 8px 16px -8px rgba(228,100,14,.6);
}
.header-phone-btn svg{width:19px;height:19px;}
@media(max-width:640px){
  .header-inner{padding:12px 18px;gap:10px;}
  .brand-logo img{height:28px;}
  .brand-copy{gap:2px;}
  .brand-name{font-size:12px;}
  .brand-geo{font-size:11.5px;}
  .brand-geo svg{width:12px;height:12px;}
  .header-phone-text{display:none;}
  .header-phone-btn{display:flex;}
}

/* ===== Ticker ===== */
.ticker{
  background:var(--red);overflow:hidden;padding:9px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
.ticker-track{display:flex;width:max-content;animation:ticker 22s linear infinite;}
.ticker-track span{
  color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  padding:0 22px;white-space:nowrap;display:inline-flex;align-items:center;
}
.ticker-track span.dot{padding:0 10px;opacity:.6;font-weight:400;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;}}

/* ===== Hero (Block 1) ===== */
.hero{position:relative;min-height:100svh;overflow:hidden;}
.hero-photo{
  position:absolute;inset:0;background-size:cover;background-position:center;
  background-image:url(img/hero-mobile.jpg);
  transform:scale(1.06);opacity:0;transition:transform 1.6s var(--ease), opacity .9s ease;
}
@media(max-width:760px){.hero-photo{background-position:center 15%;}}
.hero.loaded .hero-photo{transform:scale(1);opacity:1;}
@media(min-width:761px){
  .hero-photo{background-image:url(img/hero-desktop.jpg);}
}
.hero-spotlight{
  position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:0;
  background:radial-gradient(480px circle at var(--sx,50%) var(--sy,30%), rgba(255,255,255,.95), transparent 62%);
  transition:opacity .4s ease;
}
.hero:hover .hero-spotlight{opacity:.75;}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg, rgba(8,6,5,.99) 0%, rgba(8,6,5,.97) 28%, rgba(8,6,5,.94) 48%, rgba(8,6,5,.83) 66%, rgba(8,6,5,.36) 84%, rgba(8,6,5,0) 100%);}
@media(min-width:901px){
  .hero-scrim{background:linear-gradient(90deg, rgba(6,4,3,.94) 0%, rgba(6,4,3,.86) 30%, rgba(6,4,3,.58) 52%, rgba(6,4,3,.22) 70%, rgba(6,4,3,0) 84%);}
}

.hero-content{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:56px;}
.hero-content > .wrap{width:100%;}
.hero-spacer{height:120px;flex:none;}
.hero-inner{max-width:780px;}
.hero-inner h1{color:#fff;font-size:clamp(34px,4.5vw,52px);margin-bottom:26px;}
@media(max-width:430px){.hero-inner h1{font-size:30px;}}
@media(max-width:400px){.hero-inner h1{font-size:28px;}}
@media(max-width:350px){.hero-inner h1{font-size:26px;}}
@media(max-width:330px){.hero-inner h1{font-size:23px;}}
.h1-accent{
  color:var(--blue-bright);
  text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--blue-bright);
  text-decoration-thickness:3px;text-underline-offset:8px;
  text-shadow:0 0 24px rgba(92,138,230,.5);
}
.h1-small{display:block;font-size:.5em;font-weight:600;letter-spacing:.01em;margin-top:8px;}
.hero-pains{display:flex;flex-direction:column;gap:9px;margin-bottom:26px;}
.pain-chip{
  background:rgba(255,255,255,.12);border-left:3px solid var(--red);
  border-radius:0 12px 12px 0;padding:12px 16px;
  font-size:14.5px;color:#F0E8E5;line-height:1.4;
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
}
.hero-stat{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  margin-bottom:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);
}
.hero-stat-num{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:38px;color:#fff;white-space:nowrap;}
.hero-stat-unit{font-size:18px;color:var(--red-light);font-weight:600;}
.hero-stat-note{font-size:13.5px;color:#D8CBC7;max-width:480px;line-height:1.5;}

.hero-offer-block{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#2E5A99 0%,#173561 100%);
  border-radius:var(--radius-m);padding:22px 24px;margin-bottom:20px;
  box-shadow:0 20px 50px -16px rgba(34,74,129,.65);
}
.hero-offer-block::before{
  content:"";position:absolute;top:-45%;left:-45%;width:24%;height:220%;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
  transform:rotate(18deg);filter:blur(9px);
  animation:offer-shimmer 3.6s ease-in-out infinite;pointer-events:none;
}
@keyframes offer-shimmer{0%{left:-45%;}55%{left:115%;}100%{left:115%;}}
.offer-tag{
  position:relative;z-index:1;display:inline-block;background:#fff;color:var(--red);
  font-size:12px;font-weight:800;letter-spacing:.03em;padding:7px 14px;border-radius:20px;margin-bottom:14px;
}
.offer-content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:14px;}
.offer-visual{display:flex;align-items:center;gap:6px;flex:none;}
.offer-percent{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:42px;color:#fff;line-height:1;text-shadow:0 6px 22px rgba(0,0,0,.35);white-space:nowrap;}
.offer-plus{font-size:20px;color:#FCE0DE;font-weight:700;}
.offer-gift{width:56px;height:56px;flex:none;object-fit:contain;}
.offer-copy{font-size:15px;color:#FCEAE8;line-height:1.4;margin:0;flex:1;min-width:0;}
.offer-copy b{color:#fff;}
@media(min-width:901px){
  .hero-offer-block{display:flex;align-items:center;gap:26px;padding:18px 26px;}
  .offer-tag{
    flex:none;margin-bottom:0;background:#E9E6E3;color:var(--red);
    text-align:center;line-height:1.3;font-size:13px;padding:12px 22px;border-radius:14px;
  }
  .offer-tag-lead{display:block;}
  .offer-content{flex:1;min-width:0;gap:22px;}
  .offer-visual{flex:none;}
  .offer-copy{margin:0;}
}

.hero-coupons{margin-top:34px;}
.coupon-widget{display:flex;align-items:center;gap:10px;}
.coupon-widget-text{font-size:12.5px;color:#D8CBC7;white-space:nowrap;flex:none;}
.coupon-count{
  color:#fff;font-family:'Cabinet Grotesk',sans-serif;font-weight:800;
  animation:coupon-blink 1.5s ease-in-out infinite;
}
@keyframes coupon-blink{0%,100%{opacity:1;}50%{opacity:.32;}}
.coupon-bar{flex:1 1 auto;min-width:46px;height:8px;border-radius:5px;background:rgba(255,255,255,.18);overflow:hidden;}
.coupon-bar-fill{
  position:relative;overflow:hidden;display:block;height:100%;width:0%;border-radius:5px;
  background:linear-gradient(90deg,#3A6BB0,var(--red));
  box-shadow:0 0 12px rgba(34,74,129,.55);
  transition:width .6s var(--ease);
}
.coupon-bar-fill::after{
  content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  animation:coupon-sweep 1.8s ease-in-out infinite;
}
@keyframes coupon-sweep{0%{left:-40%;}100%{left:110%;}}
.coupon-widget--light .coupon-widget-text{color:var(--ink-soft);}
.coupon-widget--light .coupon-count{color:var(--red);}
.coupon-widget--light .coupon-bar{background:var(--line);}
@media(max-width:640px){
  .hero-spacer{height:250px;}
  .hero-content{padding-bottom:40px;}
  .hero-stat-num{font-size:30px;}
  .hero-offer-block{padding:20px 18px;}
  .offer-percent{font-size:36px;}
  .offer-gift{width:48px;height:48px;}
  .offer-copy{line-height:1.3;}
}
@media(min-width:641px){.hero-spacer{height:180px;}}

/* ===== Section shell ===== */
.section{padding:110px 0 26px;background:#FFFFFF;position:relative;z-index:1;}
.section-head{max-width:640px;margin-bottom:52px;}
.section-head h2{font-size:clamp(28px,3.4vw,40px);}

/* ===== USP bento (Block 2) ===== */
.usp-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;align-items:stretch;}
.usp-card{
  background:var(--bg-warm);border-radius:var(--radius-l);padding:32px;
  display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;
  border:1px solid var(--line);
  transition:border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
  position:relative;overflow:hidden;
}
.usp-card:hover{border-color:var(--red);transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(34,74,129,.35);}
.usp-icon{width:44px;height:44px;margin-bottom:20px;transition:transform .35s var(--ease);}
.usp-card:hover .usp-icon{transform:translateY(-4px) rotate(-4deg);}
.usp-card h3{font-size:19px;margin-bottom:10px;font-weight:700;line-height:1.2;}
.usp-card p{font-size:14px;color:var(--ink-soft);}
@media(max-width:900px){.usp-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.usp-grid{grid-template-columns:1fr;}.usp-card{min-height:0;}}

/* ===== Quiz (Block 3) ===== */
.quiz-section{background:var(--ink);padding:6px 0 64px;color:#fff;position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;top:-180px;right:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle, rgba(34,74,129,.35), transparent 70%);}
.quiz-layout{display:block;}
.quiz-head{max-width:640px;margin:0 auto 26px;text-align:center;position:relative;}
.quiz-head h2{color:#fff;font-size:clamp(26px,3.2vw,36px);}
.quiz-head p{color:#C9BCB8;margin-top:14px;font-size:16px;}
.month-end-strong{color:var(--blue-bright);font-weight:700;}
.quiz-card{max-width:1180px;width:100%;margin:0 auto;background:#fff;border-radius:var(--radius-l);padding:44px;color:var(--ink);position:relative;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);}
@media(max-width:640px){.quiz-card{padding:32px 22px;}}
@media(min-width:901px){
  .quiz-step, .quiz-step-label, .quiz-progress, .quiz-coupons{max-width:640px;margin-left:auto;margin-right:auto;}
  .quiz-step4-sub{max-width:100%;}
}
.quiz-step-label{font-size:12.5px;color:var(--ink-soft);font-weight:600;margin-bottom:10px;}
.quiz-progress{display:flex;gap:6px;margin-bottom:26px;}
.quiz-progress i{flex:1;height:4px;border-radius:4px;background:var(--line);display:block;overflow:hidden;position:relative;}
.quiz-progress i.done::after{content:"";position:absolute;inset:0;background:var(--red);animation:fill .4s var(--ease) forwards;transform-origin:left;}
@keyframes fill{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.quiz-step{display:none;}
.quiz-step.active{display:block;animation:step-in .4s var(--ease);}
@keyframes step-in{from{opacity:0;transform:translateX(16px);}to{opacity:1;transform:translateX(0);}}
.quiz-step h3{font-size:22px;margin-bottom:22px;font-weight:700;}
.quiz-step4-sub{font-size:14.5px;color:var(--ink-soft);line-height:1.5;margin:-12px 0 22px;}
.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.quiz-option{border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;font-size:15px;text-align:left;background:#fff;color:var(--ink);transition:all .18s var(--ease);display:flex;align-items:center;gap:12px;}
.quiz-option::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);transition:all .18s var(--ease);}
.quiz-option:hover{border-color:var(--red);transform:translateX(2px);}
.quiz-option.selected{border-color:var(--red);background:var(--red-light);color:var(--red);font-weight:600;}
.quiz-option.selected::before{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 3px #fff;}
.quiz-nav{display:flex;flex-direction:column;align-items:center;gap:14px;}
.quiz-nav .btn{width:100%;}
.quiz-back{font-size:14px;color:var(--ink-soft);transition:color .2s ease;cursor:pointer;}
.quiz-back:hover{color:var(--red);}
.quiz-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;}
.field{position:relative;}
.field input{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:26px 16px 12px;font-size:16px;font-family:inherit;background:#fff;color:var(--ink);transition:border-color .18s ease;}
.field input:focus{outline:none;border-color:var(--red);}
.field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--ink-soft);pointer-events:none;transition:top .2s var(--ease), transform .2s var(--ease), font-size .2s var(--ease), color .2s var(--ease);}
.field.floated label{top:8px;transform:translateY(0);font-size:10.5px;color:var(--red);}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft);margin:2px 0 22px;}
.consent input{margin-top:3px;}
.consent a{color:var(--red);text-decoration:underline;}
.quiz-coupons{text-align:center;margin-top:22px;}
.quiz-coupons-label{display:block;font-size:12.5px;color:var(--ink-soft);margin-bottom:10px;}
.quiz-coupons .coupon-widget{max-width:220px;margin:0 auto;}
.quiz-success{display:none;text-align:center;padding:20px 0;}
.quiz-success.active{display:block;animation:step-in .4s var(--ease);}
.quiz-success h3{margin-bottom:10px;font-weight:700;}

/* ===== Footer ===== */
footer{background:var(--ink);color:#fff;padding:44px 0 0;}
.footer-top{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:40px;padding-bottom:44px;align-items:start;}
.footer-brand img{height:34px;margin-bottom:14px;}
.footer-brand p{font-size:13px;color:#8A7D79;max-width:200px;}
.footer-col h4{font-size:12.5px;color:#8A7D79;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:14px;}
.footer-col p, .footer-col a{display:block;font-size:14px;color:#E7DEDB;margin-bottom:8px;line-height:1.5;}
.footer-col a:hover{color:var(--red-light);}
.footer-underline-link{text-decoration:underline;text-decoration-color:#fff;text-underline-offset:3px;}
.footer-bottom{padding-bottom:32px;}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr;}}

/* ===== Popup ===== */
.popup-overlay{position:fixed;inset:0;background:rgba(20,15,14,.66);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.popup-overlay.active{display:flex;}
.popup{background:#fff;border-radius:var(--radius-l);max-width:420px;width:100%;max-height:88vh;padding:32px 28px 0;position:relative;text-align:center;overflow-x:hidden;overflow-y:auto;}
.popup--wide{max-width:504px;}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:12px;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink-soft);transition:all .2s ease;z-index:2;}
.popup-close:hover{background:var(--red-light);color:var(--red);transform:rotate(90deg);}
.popup-h3-noicon{margin-top:8px;}
.popup h3{font-size:23px;margin:4px 0 8px;font-weight:700;line-height:1.25;}
.popup p{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px;}
.popup-timer{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:26px;color:var(--red);margin-bottom:4px;letter-spacing:.02em;}
.popup-code{display:inline-block;background:var(--red-light);color:var(--red);font-weight:700;padding:6px 16px;border-radius:12px;font-size:13px;margin-bottom:14px;letter-spacing:.03em;}
.popup .field{margin-bottom:10px;text-align:left;}
.popup-note{font-size:11.5px;color:var(--ink-soft);margin-top:10px;}
.popup-image-slot{
  margin:14px -28px 0;overflow:hidden;max-height:260px;
}
.popup-image-slot img{
  display:block;width:calc(100% + 56px);height:auto;object-fit:cover;
}
@media(max-width:640px){
  .popup{padding:24px 20px 0;}
  .popup-h3-noicon{margin-top:6px;}
  .popup h3{font-size:20.5px;margin:2px 0 6px;}
  .popup p{font-size:12.5px;margin-bottom:10px;}
  .popup-timer{font-size:22px;}
  .popup-image-slot{margin:10px -20px 0;max-height:180px;}
  .popup-image-slot img{width:calc(100% + 40px);}
  .popup--wide .popup-image-slot{margin:14px -20px 0;max-height:250px;}
  .popup--wide .popup-image-slot img{width:calc(100% + 40px);}
}

/* ===== Thank-you page (thnx.php) ===== */
.thankyou-page{
  min-height:60vh;display:flex;align-items:center;justify-content:center;
  padding:80px 20px;background:var(--bg-warm);
}
.thankyou-content{max-width:440px;width:100%;text-align:center;}
.thankyou-check{
  width:76px;height:76px;border-radius:50%;margin:0 auto 22px;
  background:var(--red-light);display:flex;align-items:center;justify-content:center;
}
.thankyou-check svg{width:36px;height:36px;}
.thankyou-content h1{font-size:30px;margin-bottom:12px;font-family:'Cabinet Grotesk',sans-serif;}
.thankyou-content p{font-size:15.5px;color:var(--ink-soft);margin-bottom:24px;line-height:1.55;}
.thankyou-content .popup-code{font-size:16px;padding:10px 22px;}
.thankyou-content .popup-timer{margin-top:4px;}
.thankyou-content .btn{margin-top:10px;}
.thankyou-extra{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft);}
.thankyou-extra a{color:var(--red);font-weight:600;}

/* ===== Static legal page (privacy.php) ===== */
.legal-page{max-width:820px;margin:0 auto;padding:70px 20px 100px;}
.legal-page h1{font-size:clamp(28px,4vw,40px);margin-bottom:10px;font-family:'Cabinet Grotesk',sans-serif;}
.legal-page .legal-updated{color:var(--ink-soft);font-size:13.5px;margin-bottom:40px;}
.legal-page h2{font-size:20px;margin:36px 0 12px;font-family:'Cabinet Grotesk',sans-serif;}
.legal-page p{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:14px;}
.legal-page ul{margin:0 0 14px 20px;}
.legal-page li{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:6px;}
.legal-page a{color:var(--red);}

/* ===== Floating catalog button: circular badge with rotating text + emoji ===== */
.fab-catalog{
  position:fixed;right:20px;bottom:20px;z-index:120;
  width:117px;height:117px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%, #FF8A3D, #B84A0A 75%);
  box-shadow:0 16px 32px -10px rgba(228,100,14,.65);
  isolation:isolate;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  animation:fab-breathe 2.6s ease-in-out infinite;
}
.fab-catalog::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  pointer-events:none;z-index:-1;
  animation:radial-pulse 1.6s infinite;
}
@keyframes fab-breathe{0%,100%{box-shadow:0 16px 32px -10px rgba(228,100,14,.65);}50%{box-shadow:0 16px 40px -6px rgba(228,100,14,.85);}}
.fab-catalog:hover{transform:scale(1.06);}
.fab-catalog-ring{position:absolute;inset:0;width:100%;height:100%;animation:fab-spin 10s linear infinite;}
@keyframes fab-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.fab-catalog-ring text{fill:#fff;font-size:8.6px;font-weight:600;letter-spacing:.5px;}
.fab-catalog-flash{
  position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.95), transparent 70%);
  opacity:0;animation:fab-flash 4.5s ease-in-out infinite;
}
@keyframes fab-flash{0%,88%{opacity:0;}91%{opacity:.9;}94%{opacity:0;}100%{opacity:0;}}
.fab-catalog-media{
  position:relative;z-index:1;width:62%;height:62%;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);
}
.fab-catalog-media img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:640px){.fab-catalog{right:14px;bottom:14px;width:102px;height:102px;}.fab-catalog-ring text{font-size:8px;}}

</style>
<style>
#kt-sp-x7q{
position:fixed; left:16px; top:8px; z-index:130;
width:300px; max-width:calc(100vw - 24px);
pointer-events:none;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.kt-sp-x7q-card{
pointer-events:auto; position:relative; display:flex; align-items:stretch; gap:0;
background:#ffffff; border:1px solid rgba(20,23,42,.07); border-radius:12px; overflow:hidden;
box-shadow:0 18px 40px -16px rgba(20,23,42,.22);
opacity:0; transform:translateY(-14px) scale(.98);
transition:opacity .4s ease, transform .4s cubic-bezier(.22,1,.36,1);
}
.kt-sp-x7q-card.kt-sp-x7q-show{ opacity:1; transform:translateY(0) scale(1); }
.kt-sp-x7q-bar{ flex:0 0 4px; background:linear-gradient(180deg,#7CB342,#568c2a); }
.kt-sp-x7q-body{ flex:1; min-width:0; padding:13px 14px 12px 12px; display:flex; gap:10px; }
.kt-sp-x7q-badge{
flex:0 0 26px; width:26px; height:26px; border-radius:8px; margin-top:1px;
background:rgba(124,179,66,.14); display:flex; align-items:center; justify-content:center;
}
.kt-sp-x7q-badge svg{ width:14px; height:14px; }
.kt-sp-x7q-text{ min-width:0; flex:1; }
.kt-sp-x7q-line1{
font-size:13.5px; line-height:1.35; color:#3a3f52;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.kt-sp-x7q-line1 b{ color:#14172a; font-weight:700; }
.kt-sp-x7q-line2{ font-size:11px; color:#9297ad; margin-top:4px; letter-spacing:.2px; }
.kt-sp-x7q-x{
pointer-events:auto; position:absolute; top:6px; right:7px; border:0; background:transparent;
color:#c2c6d6; font-size:15px; line-height:1; cursor:pointer; padding:3px;
}
.kt-sp-x7q-x:hover{ color:#8b8fa8; }
@media (max-width:480px){
#kt-sp-x7q{ left:10px; top:8px; }
}
@media (prefers-reduced-motion:reduce){
.kt-sp-x7q-card{ transition:opacity .3s ease; }
.kt-sp-x7q-card:not(.kt-sp-x7q-show){ transform:none; }
}