/* ===== fixes.css — footer, mobile, App button (loaded last) ===== */

/* --- Footer: the generic `footer{display:flex}` rule squeezed the columns --- */
.cinematic-footer,.mega-footer{display:block!important;width:100%}
.cinematic-footer .footer-main{width:100%;margin-inline:auto;grid-template-columns:1.3fr .8fr 1.3fr .9fr;gap:48px}
.footer-contact-card b{display:block;font-size:13px;line-height:1.7;white-space:nowrap;text-align:right!important;unicode-bidi:plaintext}
.footer-contact-card b[dir="ltr"]{direction:ltr;text-align:right!important}
.footer-contact-card b:not([dir]){white-space:normal}
.footer-col h4{white-space:nowrap}
@media(max-width:1200px){
  .cinematic-footer .footer-main{grid-template-columns:1.2fr 1fr 1.2fr;gap:36px}
  .cinematic-footer .footer-signature{grid-column:1/-1}
}
@media(max-width:900px){
  .cinematic-footer .footer-main{grid-template-columns:1fr 1fr;gap:34px}
  .cinematic-footer .footer-brand-col{grid-column:1/-1}
  .cinematic-footer .footer-contact{grid-column:1/-1}
}
@media(max-width:560px){
  .cinematic-footer .footer-main{grid-template-columns:1fr;gap:30px;padding:44px 20px 36px}
  .footer-topline{padding:14px 20px;justify-content:center;flex-wrap:wrap;gap:8px 12px;white-space:normal;font-size:8px}
  .footer-bottom{padding:18px 20px!important;align-items:center!important;text-align:center}
  .cinematic-footer .footer-bottom{flex-direction:column}
  .back-top{align-self:center!important}
  .footer-number{font-size:64px}
}

/* --- App button in header --- */
.vh-app{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;background:rgba(255,255,255,.08)!important;color:#fff;
  font:700 11px Montserrat,Inter,sans-serif;letter-spacing:.4px;cursor:pointer;transition:background .2s,color .2s}
.vh-app:hover{background:#fff!important;color:#0a1020}
.vh-app[hidden]{display:none!important}
.vh-app svg{flex:none}

/* --- install help modal --- */
.app-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(4,8,18,.62);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.2s}
.app-modal.open{opacity:1;visibility:visible}
.app-modal-card{position:relative;width:min(340px,100%);padding:26px 22px 20px;border-radius:18px;background:#fff;color:#0a1830;text-align:center;font-family:Vazirmatn,Inter,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.app-modal-card img{border-radius:16px;display:block;margin:0 auto 8px}
.app-modal-card h3{margin:0 0 10px;font:800 18px Montserrat,Inter,sans-serif}
#appModalBody{font-size:14px;line-height:2;text-align:right}
#appModalBody p{margin:0 0 4px}#appModalBody ol{margin:0;padding-inline-start:20px}
.app-modal-ok{margin-top:14px;height:40px;padding:0 30px;border:0;border-radius:999px;background:#0a1830;color:#fff;font:700 13px Montserrat,Inter,sans-serif;cursor:pointer}
.app-modal-x{position:absolute;top:8px;left:12px;border:0;background:none;font-size:26px;line-height:1;color:#6b7689;cursor:pointer}

/* --- Mobile --- */
html{-webkit-text-size-adjust:100%}
body{padding-bottom:env(safe-area-inset-bottom)}
img{max-width:100%}
@media(max-width:1000px){
  .vh-bar{padding-inline:18px}
  .vh-tools{gap:10px}
  .vh-nav{max-height:calc(100svh - 68px);overflow-y:auto;padding-inline:22px}
}
@media(max-width:480px){
  .vh{height:62px;padding-top:env(safe-area-inset-top)}
  .vh-bar{padding-inline:12px}
  .vh-brand{gap:7px;min-width:0}
  .vh-brand img{width:34px;height:34px}
  .vh-brand .vh-name{font-size:13px}
  .vh-tools{gap:7px}.vh-sep{display:none}
  .vh-app{height:26px;padding:0 9px!important;font-size:10px}
  .vh-search form{padding:12px 14px}
  .vh-nav{top:62px}
  html{scroll-padding-top:62px}
}
@media(max-width:360px){.vh-brand .vh-name{display:none}}

/* hero slider (mobile): keep the logo block clear of the product photo */
@media(max-width:900px){
  .vhero{height:auto;min-height:100svh}
  .vhero-slide{background:var(--bg) 0 62px/auto 52% no-repeat,#070b14}
  .vhero-shade{background:linear-gradient(180deg,rgba(5,8,16,.5) 0,rgba(5,8,16,.1) 22%,rgba(7,11,20,.45) 42%,#070b14 58%)}
  .vhero-content{bottom:64px;width:min(340px,86vw)}
  .vhero-dots{bottom:22px}
}
@media(max-width:380px){
  .vhero-word{font-size:36px}.vhero-slogan{font-size:17px}.vhero-ic{width:40px;height:40px}
}

/* cinematic hero + product cards (mobile) */
@media(max-width:900px){
  .cinematic-hero{padding:96px 20px 90px!important;min-height:auto}
  .cinematic-hero .hero-copy{padding-top:10px}
  .cinematic-hero h1{font-size:clamp(34px,10vw,52px)}
  .cinematic-hero .hero-product{height:auto;min-height:360px}
  .cinematic-hero .hero-product img{width:min(62%,300px)}
  .cinematic-hero .floating-tag{font-size:8px;padding:7px 9px}
  .cinematic-hero .tag-top{right:2%}.cinematic-hero .tag-bottom{left:2%}
  .cinematic-hero .hero-actions{flex-wrap:wrap;justify-content:center}
  .cinematic-hero .hero-meta{gap:18px;flex-wrap:wrap;justify-content:center}
  .cinema-caption{display:none}
  .hero-corner{display:none}
}
@media(max-width:560px){
  .pc-section{padding-inline:16px}
  .pc-grid{gap:16px}
  .cf-section{padding:70px 16px}
  .cf-wrap{gap:26px}
  .cf-form{padding:20px 16px}
  .cf-field input,.cf-field textarea{font-size:16px} /* stops iOS zoom on focus */
}
@media(hover:none){.cursor-glow{display:none}}
@media(display-mode:standalone){.vh-app{display:none!important}}

/* --- footer bottom bar: larger, readable credits --- */
.cinematic-footer .footer-bottom{font:600 10px/1.6 Montserrat,Inter,Vazirmatn,sans-serif;letter-spacing:.3px;color:#2c3a52;padding-block:20px}
.cinematic-footer .footer-bottom span{font-size:10px}
.cinematic-footer .footer-bottom span:nth-child(1){color:#0a1830;font-weight:700}
.cinematic-footer .footer-bottom span:nth-child(2){color:#2c3a52;font-weight:700;letter-spacing:.8px}
.footer-topline{font-size:10px!important}
@media(max-width:560px){
  .cinematic-footer .footer-bottom,.cinematic-footer .footer-bottom span{font-size:9.5px}
  .footer-topline{font-size:9px!important}
}

/* P3YA credit link */
.p3ya-link{color:inherit;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;transition:color .2s,border-color .2s}
.p3ya-link:hover,.p3ya-link:focus-visible{color:#135cff;border-color:#135cff}
.cinematic-footer .footer-bottom span a.p3ya-link{color:#0a1830}
.cinematic-footer .footer-bottom span a.p3ya-link:hover{color:#135cff}

/* ===== compact footer (narrower content, tighter spacing) ===== */
.cinematic-footer .footer-topline,
.cinematic-footer .footer-main,
.cinematic-footer .footer-bottom{max-width:1080px}
.cinematic-footer .footer-topline{padding:12px 4vw}
.cinematic-footer .footer-main{padding:36px 4vw 30px;gap:32px;grid-template-columns:1.25fr .7fr 1.15fr .8fr}
.cinematic-footer .footer-logo-block img{width:46px;height:46px}
.cinematic-footer .footer-logo-block b{font-size:15px}
.cinematic-footer .footer-lead{margin:14px 0!important;font-size:11.5px!important;line-height:1.95!important;max-width:340px!important}
.cinematic-footer .footer-cta{margin:0 0 16px!important;padding:9px 0!important}
.cinematic-footer .footer-col{gap:8px}
.cinematic-footer .footer-col h4{margin-bottom:6px}
.cinematic-footer .footer-contact-card{padding:10px 0;gap:3px}
.cinematic-footer .footer-contact-card b{font-size:12px}
.cinematic-footer .footer-number{font-size:60px;top:-4px}
.cinematic-footer .footer-signature h4{margin:6px 0 10px!important;font-size:clamp(20px,2.1vw,28px)!important}
.cinematic-footer .footer-status{margin-top:16px}
.cinematic-footer .footer-glow{width:420px;height:420px}
.cinematic-footer .footer-bottom{padding-block:12px}
@media(max-width:1200px){
  .cinematic-footer .footer-main{grid-template-columns:1.2fr 1fr 1.2fr;gap:26px}
}
@media(max-width:900px){
  .cinematic-footer .footer-main{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:560px){
  .cinematic-footer .footer-main{grid-template-columns:1fr;gap:22px;padding:30px 20px 24px}
}