/* ============================================================
   Pārcelšanās24 V2 — Landing Page Styles
   Mobile-first · CSS Custom Properties · No framework
   ============================================================ */

:root {
  --navy:           #1a2e4a;
  --navy-dark:      #0f1d30;
  --orange:         #f97316;
  --orange-hover:   #ea6c0a;
  --orange-light:   #fff7ed;
  --white:          #ffffff;
  --bg-light:       #f8fafc;
  --text:           #1a2e4a;
  --text-2:         #4b5563;
  --text-3:         #9ca3af;
  --border:         #e5e7eb;
  --success:        #10b981;
  --whatsapp:       #25d366;
  --wa-hover:       #1eba57;
  --star:           #facc15;
  --font:           'Inter', system-ui, -apple-system, sans-serif;
  --section-py:     56px;
  --px:             20px;
  --radius:         10px;
  --radius-lg:      16px;
  --shadow:         0 4px 16px rgba(0,0,0,.09);
  --shadow-lg:      0 8px 32px rgba(0,0,0,.13);
  --shadow-orange:  0 4px 20px rgba(249,115,22,.28);
}
@media(min-width:768px){:root{--section-py:80px;--px:24px;}}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
[hidden]{display:none!important}

/* ── Container ── */
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 var(--px)}
.section-pad{padding:var(--section-py) 0}
.bg-light{background:var(--bg-light)}

/* ── Icons ── */
.icon{fill:currentColor;flex-shrink:0;display:inline-block;vertical-align:middle}
.icon-star-filled{color:var(--star)}
.icon-star-half{color:var(--star);opacity:.45}

/* ── Section header ── */
.s-header{text-align:center;margin-bottom:40px}
.s-header h2{font-size:clamp(1.65rem,4vw,2.25rem);font-weight:700;line-height:1.2;color:var(--text)}
.s-sub{margin-top:10px;font-size:1.0625rem;color:var(--text-2)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:1rem;line-height:1;border-radius:var(--radius);white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s,color .15s;cursor:pointer;text-decoration:none}
.btn:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
/* v4: H-1 default glow; M-1 hover 2px; M-4 weight 700 */
.btn-primary{background:var(--orange);color:var(--white);padding:14px 28px;min-height:52px;font-weight:700;box-shadow:var(--shadow-orange)}
.btn-primary:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 6px 28px rgba(249,115,22,.38)}
.btn-outline-navy{background:transparent;color:var(--navy);border:2px solid var(--navy);padding:12px 28px;min-height:52px}
.btn-outline-navy:hover{background:var(--navy);color:var(--white)}
.btn-whatsapp{background:var(--whatsapp);color:var(--white);padding:14px 28px;min-height:52px}
.btn-whatsapp:hover{background:var(--wa-hover);transform:translateY(-1px);box-shadow:0 4px 20px rgba(37,211,102,.28)}
.btn-lg{padding:16px 32px;min-height:56px;font-size:1.0625rem}
.btn-sm{padding:10px 20px;min-height:44px;font-size:.9375rem}

/* ── Fade-in ── */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* ═══════════════ HEADER ═══════════════ */
.site-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo-img{height:34px;width:auto}
@media(min-width:600px){.logo-img{height:38px}}

.header-right{display:flex;align-items:center;gap:16px}
.header-phone-block{display:flex;flex-direction:column;align-items:flex-end}
.header-phone-link{display:flex;align-items:center;gap:6px;font-size:1.125rem;font-weight:700;color:var(--navy);transition:color .15s}
.header-phone-link .icon{color:var(--orange)}
.header-phone-link:hover{color:var(--orange)}
.header-phone-number{letter-spacing:.02em}
.header-hours{font-size:.75rem;color:var(--text-3);font-weight:500}
.header-cta-btn{display:none}
@media(min-width:640px){.header-cta-btn{display:inline-flex}}

/* Language switcher (v7-ru) */
.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:.8125rem;font-weight:700;letter-spacing:.04em}
.lang-link{color:var(--text-2);padding:6px 8px;border-radius:6px;text-transform:uppercase;transition:color .15s,background .15s}
.lang-link:hover{color:var(--orange);background:rgba(0,0,0,.04)}
.lang-link.lang-active{color:var(--orange);background:rgba(255,148,32,.1);cursor:default}
.lang-sep{color:var(--border);font-weight:400;user-select:none}
@media(max-width:520px){
  .lang-switch{font-size:.75rem;gap:0}
  .lang-link{padding:5px 6px}
}

/* ═══════════════ HERO ═══════════════ */
.hero{position:relative;min-height:92svh;min-height:92vh;display:flex;align-items:center;overflow:hidden}
@media(min-width:768px){.hero{min-height:88vh}}

.hero-bg{position:absolute;inset:0;z-index:0}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,22,40,.84) 0%,rgba(10,22,40,.60) 55%,rgba(10,22,40,.38) 100%)}

.hero-content{position:relative;z-index:1;width:100%;padding:40px 0 56px}
.hero-text{max-width:640px}

.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(249,115,22,.18);color:var(--orange);font-size:.8125rem;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:16px;border:1px solid rgba(249,115,22,.25)}
.hero-badge .icon{color:var(--orange)}

.hero-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}
.price-hl{color:var(--orange)}
.hero-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:rgba(255,255,255,.82);line-height:1.55;margin-bottom:24px}

.hero-bonus{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;padding:16px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius)}
.hero-bonus-item{display:flex;align-items:center;gap:10px;color:var(--white);font-size:.9375rem}
.hero-bonus-item .icon{color:var(--orange)}
.hero-bonus-item strong{font-weight:700}

.hero-cta-group{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
@media(min-width:480px){.hero-cta-group{flex-direction:row;flex-wrap:wrap}}
.hero-phone-btn,.hero-cta-group .btn-whatsapp{width:100%}
@media(min-width:480px){.hero-phone-btn,.hero-cta-group .btn-whatsapp{width:auto}}

.hero-trust{display:flex;flex-wrap:wrap;gap:8px 20px}
.hero-trust-item{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.80);font-size:.8125rem}
.hero-trust-item .icon{color:var(--orange);flex-shrink:0}
.hero-trust-item strong{color:var(--white)}
.trust-stars-inline{display:flex;gap:1px}

/* ═══════════════ BONUS STRIP ═══════════════ */
.bonus-strip{background:var(--navy);padding:20px 0;border-bottom:3px solid var(--orange)}
.bonus-inner{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.bonus-inner{grid-template-columns:repeat(4,1fr);gap:0;align-items:center}}
.bonus-card{display:flex;align-items:center;gap:14px;padding:8px 0}
@media(min-width:640px){.bonus-card{padding:0 16px;justify-content:center}}
.bonus-icon{color:var(--orange);flex-shrink:0}
.bonus-card div{display:flex;flex-direction:column}
.bonus-card strong{color:var(--white);font-size:.9375rem;font-weight:700;line-height:1.3}
.bonus-card span{color:rgba(255,255,255,.55);font-size:.8125rem;line-height:1.3}
.bonus-sep{display:none}
@media(min-width:640px){.bonus-sep{display:block;width:1px;height:40px;background:rgba(255,255,255,.12);justify-self:center}}

/* ═══════════════ SERVICES ═══════════════ */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(min-width:768px){.services-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.service-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--orange)}
.service-icon-wrap{width:52px;height:52px;background:var(--orange-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--orange)}
.service-card h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}
.service-card p{font-size:.8125rem;color:var(--text-2);line-height:1.5}

/* ═══════════════ REVIEWS ═══════════════ */
.trust-score-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px}
.trust-score-stars{display:flex;gap:2px}
.trust-score-label{font-size:1.125rem;color:var(--text)}
.trust-score-source{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-3);font-weight:500}
.trust-score-source .icon{width:18px;height:18px}

.testimonials-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}

.t-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .2s}
.t-card:hover{transform:translateY(-2px)}
.t-stars{color:var(--star);font-size:1rem;letter-spacing:2px}
.t-card blockquote{font-size:.9375rem;color:var(--text-2);line-height:1.6;flex:1}
.t-author{display:flex;align-items:center;gap:8px;font-size:.875rem}
.t-author strong{color:var(--text)}
.t-source{font-size:.75rem;color:var(--text-3);background:var(--bg-light);padding:2px 8px;border-radius:4px;font-weight:500}

/* ═══════════════ VIDEO ═══════════════ */
.video-wrap{max-width:800px;margin:0 auto}
.video-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:#000;aspect-ratio:16/9}
.video-poster{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);transition:background .2s;border:none;cursor:pointer}
.video-play-btn .icon{color:var(--white);filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .2s}
.video-play-btn:hover{background:rgba(0,0,0,.20)}
.video-play-btn:hover .icon{transform:scale(1.12)}
.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.video-cta{text-align:center;margin-top:28px}

/* ═══════════════ PRICING ═══════════════ */
.pricing-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start}}

.p-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.p-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.p-card-pop{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),var(--shadow-lg);position:relative}
@media(min-width:768px){.p-card-pop{transform:scale(1.025)}.p-card-pop:hover{transform:scale(1.025) translateY(-3px)}}
.p-badge{display:inline-block;background:var(--orange);color:var(--white);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:var(--radius);align-self:flex-start;margin-bottom:-6px}

.p-head h3{font-size:1.25rem;font-weight:700;color:var(--text)}
.p-price{display:flex;align-items:baseline;gap:4px;margin-top:4px}
.p-price span{font-size:2.25rem;font-weight:800;color:var(--orange);line-height:1}
.p-price::after{content:'';display:none}
.p-min{font-size:.8125rem;color:var(--text-3);margin-top:-10px}

.p-list{display:flex;flex-direction:column;gap:8px;flex:1}
.p-list li{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--text-2)}
.p-list .icon{color:var(--success);flex-shrink:0}
.p-highlight .icon{color:var(--orange)}

.p-note{font-size:.8125rem;color:var(--text-3);font-style:italic}
.p-btn{width:100%;justify-content:center;margin-top:auto}
.pricing-fn{text-align:center;margin-top:20px;font-size:.8125rem;color:var(--text-3);line-height:1.6}

/* ═══════════════ PROCESS ═══════════════ */
.process-grid{display:flex;flex-direction:column;gap:0}
@media(min-width:768px){.process-grid{flex-direction:row;align-items:flex-start}}
.proc-step{display:flex;align-items:flex-start;gap:16px;padding:20px 0;flex:1}
@media(min-width:768px){.proc-step{flex-direction:column;align-items:center;text-align:center;padding:0 24px;gap:14px}}
.proc-num{width:48px;height:48px;min-width:48px;background:var(--orange);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:800;box-shadow:var(--shadow-orange);flex-shrink:0}
.proc-step h3{font-size:1.0625rem;font-weight:700;margin-bottom:4px;line-height:1.3}
.proc-step p{font-size:.9375rem;color:var(--text-2);line-height:1.5}
.proc-line{width:2px;height:24px;background:var(--border);margin-left:23px}
@media(min-width:768px){.proc-line{width:50px;height:2px;margin:24px 0 0;background:linear-gradient(90deg,var(--orange),var(--border));flex-shrink:0}}
.process-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;padding:14px 24px;background:var(--orange-light);border-radius:var(--radius);border-left:4px solid var(--orange);font-size:1rem;color:var(--text-2)}
.process-note .icon{color:var(--orange)}

/* ═══════════════ FAQ ═══════════════ */
.faq-wrap{max-width:760px}
.faq-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:none}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;text-align:left;font-size:1rem;font-weight:600;color:var(--text);background:var(--white);transition:background .15s,color .15s;min-height:56px}
.faq-q:hover{background:var(--bg-light)}
.faq-q[aria-expanded="true"]{color:var(--orange)}
.faq-toggle{width:22px;height:22px;position:relative;flex-shrink:0}
.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;background:var(--orange);border-radius:2px;transition:transform .3s}
.faq-toggle::before{width:14px;height:2px;top:10px;left:4px}
.faq-toggle::after{width:2px;height:14px;top:4px;left:10px}
.faq-q[aria-expanded="true"] .faq-toggle::after{transform:rotate(90deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .45s ease}
.faq-a.open{max-height:700px;padding:0 24px 22px}
.faq-a p{font-size:.9375rem;color:var(--text-2);line-height:1.65;margin-bottom:10px}
.faq-a p:last-child{margin-bottom:0}
.faq-a strong{color:var(--text)}
.faq-a em{color:var(--text-2);font-style:italic;font-size:.875rem}
.faq-list-inner{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.faq-list-inner li{font-size:.9375rem;color:var(--text-2);line-height:1.55;padding-left:18px;position:relative}
.faq-list-inner li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--orange)}
.faq-list-inner li strong{color:var(--text)}

/* ═══════════════ FINAL CTA / FORM ═══════════════ */
.final-section{background:var(--navy)}
.final-inner{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
@media(min-width:800px){.final-inner{grid-template-columns:1fr 1.2fr;gap:56px}}

.final-left h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--white);margin-bottom:8px}
.final-left>p{font-size:1.0625rem;color:rgba(255,255,255,.65);margin-bottom:28px}

.final-ctas{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
@media(min-width:480px){.final-ctas{flex-direction:row;flex-wrap:wrap}}
.final-phone,.final-ctas .btn-whatsapp{width:100%}
@media(min-width:480px){.final-phone,.final-ctas .btn-whatsapp{width:auto}}

.final-trust-items{display:flex;flex-direction:column;gap:10px}
.final-trust-row{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.70);font-size:.9375rem}
.final-trust-row .icon{color:var(--success)}

/* Form */
.quote-form{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:28px 24px}
.qf-row{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:480px){.qf-row{grid-template-columns:1fr 1fr}}
.qf-group{display:flex;flex-direction:column;gap:5px}
.qf-group label{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.70)}
.req{color:var(--orange)}
.qf-group input{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:12px 16px;font-size:1rem;font-family:var(--font);color:var(--white);min-height:50px;transition:border-color .15s,background .15s;width:100%}
.qf-group input::placeholder{color:rgba(255,255,255,.30)}
.qf-group input:focus{outline:none;border-color:var(--orange);background:rgba(255,255,255,.10)}
.qf-group input.err{border-color:#ef4444}

/* Upload */
.qf-upload-row{display:flex;flex-direction:column;gap:8px}
.qf-upload-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.60);cursor:pointer;padding:12px 16px;border:1.5px dashed rgba(255,255,255,.20);border-radius:var(--radius);transition:border-color .15s,color .15s}
.qf-upload-label:hover{border-color:var(--orange);color:var(--orange)}
.qf-upload-label .icon{color:var(--orange)}
.qf-upload-hint{font-weight:400;font-size:.75rem;color:rgba(255,255,255,.35)}
.qf-upload-input{display:none}
.qf-file-list{display:flex;flex-wrap:wrap;gap:6px}
.qf-file-tag{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.70);font-size:.75rem;padding:4px 10px;border-radius:4px}
.qf-file-tag button{color:rgba(255,255,255,.50);font-size:.875rem;background:none;border:none;cursor:pointer;padding:0 2px}

.qf-consent{margin-top:-4px}
.qf-consent small{font-size:.75rem;color:rgba(255,255,255,.35);line-height:1.5}
.qf-consent a{color:rgba(255,255,255,.55);text-decoration:underline}
.qf-submit{width:100%;justify-content:center;font-size:1.0625rem}

/* Confirmation */
.form-ok{text-align:center;padding:40px 24px}
.form-ok-icon{width:64px;height:64px;background:var(--success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.form-ok h3{font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:8px}
.form-ok p{font-size:1rem;color:rgba(255,255,255,.70);margin-bottom:6px}
.form-ok-alt a{color:var(--orange);font-weight:600}

/* ═══════════════ LOGO MARQUEE (v7) — stutter-free GPU build ═══════════════
   Geometry: 53 logos × 2 sets = 106 imgs, identical gap between every pair.
   Track width = sum(items) + 105 × gap. Animating to translate3d(-50%, 0, 0)
   lands exactly on Set B's mirror of Set A start — seamless loop iff gap is
   uniform AND each img has explicit width (so layout is stable on first paint).
   Stutter-killing choices:
   - eager + decoding=async + explicit w/h on every img (no progressive shifts)
   - translate3d via animation forces GPU compositing layer
   - will-change: transform on the track promotes the layer up-front
   - no transition on .logo-marquee-img (hover repaint was per-frame jank source)
   - mask-image kept (cheap on a single composited layer)
*/
.logo-marquee-section{background:var(--white);padding:36px 0 40px;border-top:1px solid var(--border)}
.logo-marquee-title{text-align:center;font-size:.8125rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.14em;margin-bottom:22px}
.logo-marquee{position:relative;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%)}
.logo-marquee-track{display:flex;align-items:center;gap:48px;width:max-content;will-change:transform;backface-visibility:hidden;animation:logo-marquee-scroll 90s linear infinite}
.logo-marquee-img{height:42px;width:120px;object-fit:contain;flex:0 0 auto;filter:grayscale(100%);opacity:.7;user-select:none;-webkit-user-drag:none}
.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}
@keyframes logo-marquee-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:720px){
  .logo-marquee-section{padding:28px 0 32px}
  .logo-marquee-track{gap:32px;animation-duration:70s}
  .logo-marquee-img{height:32px;width:96px}
}
@media(prefers-reduced-motion:reduce){
  .logo-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;gap:24px 32px;padding:0 16px;will-change:auto}
  .logo-marquee{mask-image:none;-webkit-mask-image:none}
}

/* ═══════════════ FOOTER ═══════════════ */
.site-footer{background:var(--navy-dark);padding-top:48px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px}}
.footer-tagline{font-size:.875rem;color:rgba(255,255,255,.65);line-height:1.55;max-width:300px}
.footer-contact h4,.footer-trust h4{font-size:.875rem;font-weight:700;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.footer-link{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:rgba(255,255,255,.65);padding:4px 0;transition:color .15s}
.footer-link:hover{color:var(--white)}
.footer-link .icon{color:var(--orange);width:16px;height:16px}
.footer-trust-row{display:flex;align-items:center;gap:8px;font-size:.875rem;color:rgba(255,255,255,.7);padding:3px 0}
.footer-trust-row .icon{width:14px;height:14px}

.footer-bottom{padding:20px 0}
.footer-bottom-inner{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:center;font-size:.8125rem;color:rgba(255,255,255,.30);text-align:center}
.footer-bottom a{color:rgba(255,255,255,.45);text-decoration:underline}
.footer-vat-note{color:rgba(255,255,255,.25)}

/* ═══════════════ STICKY BAR ═══════════════ */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;height:60px;box-shadow:0 -4px 20px rgba(0,0,0,.20);transform:translateY(100%);transition:transform .3s ease}
.sticky-bar.visible{transform:translateY(0)}
.stick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9375rem;font-weight:700;color:var(--white)}
.stick-btn:active{opacity:.85}
.stick-phone{background:var(--orange)}
.stick-wa{background:var(--whatsapp)}
@media(min-width:1024px){.sticky-bar{display:none!important}}
@media(max-width:1023px){body.sticky-active{padding-bottom:60px}}

/* ═══════════════════════════════════════════════
   V3 OVERRIDES — changes on top of V2 base
   ═══════════════════════════════════════════════ */

/* #3: Gold star color (not orange) */
.icon-star-gold{color:#FFD700}
.t-stars{color:#FFD700;font-size:1.125rem;letter-spacing:2px}
.v3-stars-big{gap:3px}

/* Gold accent for featured icons */
.icon-gold{color:#FFD700}

/* #5: Header 24/7 icon inline with phone */
.icon-phone-header{color:var(--orange)}
.header-phone-link{gap:6px}
.header-hours{display:none} /* removed text, now it's an icon */

/* v7-r7: Mobile (<640px) — hide entire header phone link (icon + number).
   The bottom sticky bar provides phone + WhatsApp CTAs on mobile. */
@media(max-width:639px){
  .header-phone-link{display:none}
}

/* v7-r7: 24/7 badge removed from header entirely per client feedback. */

/* #4: Bonus strip — evenly centered, no separators needed */
.v3-bonus-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;justify-items:start}
@media(min-width:640px){.v3-bonus-inner{grid-template-columns:repeat(4,1fr);gap:0;justify-items:center}}
.v3-bonus-inner .bonus-card{width:100%}
@media(min-width:640px){.v3-bonus-inner .bonus-card{justify-content:center;padding:0 12px}}

/* #6: Bigger, more prominent hero bonus block */
.v3-bonus{padding:20px 24px;background:rgba(255,215,0,.10);border:1.5px solid rgba(255,215,0,.30);border-radius:12px;gap:14px}
.v3-bonus .hero-bonus-item{gap:14px;font-size:1rem}
.v3-bonus .hero-bonus-item div{display:flex;flex-direction:column;gap:2px}
.v3-bonus .hero-bonus-item span{font-size:.8125rem;color:rgba(255,255,255,.55);font-weight:400}
.v3-bonus .hero-bonus-item strong{font-size:1rem}

/* #8: Slightly bigger trust bar */
.v3-trust{gap:10px 24px}
.v3-trust .hero-trust-item{font-size:.9rem;gap:6px}
.v3-trust .trust-stars-inline{gap:2px}

/* #9: Testimonial slider */
.t-slider{position:relative;overflow:hidden}
.t-slides{position:relative}
.t-slide{display:none}
.t-slide-active{display:block}
.t-slide{animation:fadeSlide .4s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

.t-dots{display:flex;justify-content:center;gap:10px;margin-top:28px}
.t-dot{width:12px;height:12px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:background .2s,transform .2s}
.t-dot-active{background:var(--orange);transform:scale(1.2)}
.t-dot:hover{background:var(--orange);opacity:.7}

/* #11: Pricing with vedam-style feature rows */
.p-features{display:flex;flex-direction:column;gap:0;flex:1}
.p-feat{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.9375rem;color:var(--text);font-weight:600}
.p-feat:last-child{border-bottom:none}
.p-feat .icon{color:var(--navy);flex-shrink:0;opacity:.65}
.p-card-pop .p-feat .icon{color:var(--orange);opacity:1}
.p-feat-sub{padding:4px 0 4px 28px;font-size:.8125rem;color:var(--text-2);position:relative}
.p-feat-sub::before{content:'·';position:absolute;left:14px;color:var(--text-3)}

/* v5: Expandable accordion rows in price cards */
.p-feat-acc{border-bottom:1px solid var(--border);border-top:none}
.p-feat-acc:last-child{border-bottom:none}
.p-feat-acc > summary{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.9375rem;color:var(--text);font-weight:600;cursor:pointer;list-style:none;user-select:none;transition:color .15s}
.p-feat-acc > summary::-webkit-details-marker{display:none}
.p-feat-acc > summary:hover{color:var(--navy)}
.p-feat-acc > summary .icon{color:var(--navy);flex-shrink:0;opacity:.65}
.p-feat-acc > summary .p-feat-emoji{font-size:1.125rem;flex-shrink:0;line-height:1}
.p-card-pop .p-feat-acc > summary .icon{color:var(--orange);opacity:1}
.p-feat-acc > summary .acc-chev{margin-left:auto;opacity:.55;transition:transform .2s}
.p-feat-acc[open] > summary .acc-chev{transform:rotate(180deg);opacity:.85}
.p-acc-body{padding:4px 0 14px 28px;font-size:.8125rem;color:var(--text-2);line-height:1.55;animation:accFade .2s ease-out}
@keyframes accFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.p-acc-body{animation:none}.p-feat-acc > summary .acc-chev{transition:none}}

/* v5: Footer brand name (replaced logo) */
.footer-brand-name{font-size:1.625rem;font-weight:800;color:var(--white);margin:0 0 16px;letter-spacing:-.015em;position:relative;display:inline-block;padding-bottom:10px}
.footer-brand-name::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--orange);border-radius:2px}

/* #12: Final CTA feature rows with gold icons */
.final-features{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.final-feat-row{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.80);font-size:.9375rem}
.final-feat-row .icon{flex-shrink:0}

/* ═══════════════════════════════════════════════
   V4 OVERRIDES — conversion fixes from critic report
   ═══════════════════════════════════════════════ */

/* H-2 fix: On mobile, swap CTA above bonus block so CTA is above fold */
@media(max-width:479px){
  .hero-text{display:flex;flex-direction:column}
  .hero-badge{order:1}
  .hero-title{order:2}
  .hero-subtitle{order:3}
  .hero-cta-group{order:4;margin-bottom:20px}
  .hero-bonus{order:5;margin-bottom:20px}
  .hero-trust{order:6}
}

/* Mid-page CTA block style */
.mid-cta{text-align:center;padding:40px 0}
.mid-cta p{font-size:1.05rem;color:var(--text-2);margin-bottom:18px}

/* Pricing card secondary form link */
.p-form-link{display:block;text-align:center;margin-top:8px;font-size:.875rem;font-weight:600;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.p-form-link:hover{color:var(--orange)}

/* Form reassurance line */
.qf-reassurance{text-align:center;font-size:.8125rem;color:rgba(255,255,255,.45);margin-top:10px}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.fade-in{opacity:1;transform:none}.t-slide{animation:none}}

/* ── Cookie consent banner ── */
.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);max-width:780px;margin-left:auto;margin-right:auto;padding:16px 18px;animation:cookie-rise .3s ease-out}
@keyframes cookie-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.cookie-banner[hidden]{display:none}
.cookie-banner-inner{display:flex;flex-direction:column;gap:14px}
.cookie-banner-text strong{display:block;font-size:15px;font-weight:700;color:#111;margin-bottom:4px;line-height:1.3}
.cookie-banner-text p{font-size:13px;color:#444;margin:0;line-height:1.5}
.cookie-banner-text a{color:var(--orange);text-decoration:underline;font-weight:500}
.cookie-banner-actions{display:flex;gap:8px}
.cookie-btn{flex:1;padding:11px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;font-family:inherit;line-height:1;transition:all .15s ease;-webkit-tap-highlight-color:transparent}
.cookie-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.cookie-btn-accept{background:var(--orange);color:#fff}
.cookie-btn-accept:hover{background:#e06a18}
.cookie-btn-reject{background:#f5f5f5;color:#444;border:1px solid #e5e5e5}
.cookie-btn-reject:hover{background:#ebebeb}
@media (min-width:720px){
  .cookie-banner-inner{flex-direction:row;align-items:center;gap:24px}
  .cookie-banner-actions{flex-shrink:0;gap:10px}
  .cookie-btn{flex:0 0 auto;min-width:160px}
}
/* push banner above sticky CTA bar on mobile */
body.sticky-active .cookie-banner{bottom:88px}
@media (min-width:720px){body.sticky-active .cookie-banner{bottom:12px}}