/*
Theme Name:  Quality Chemical Fiji
Description: Premium luxury theme for Quality Chemical Fiji — black, white & gold design with Services, Gallery, Testimonials, and one-click demo import.
Version:     1.0.0
Author:      Quality Chemical Fiji
Text Domain: qcf
*/

/* ── VARIABLES ── */
:root {
  --gold:     #d4af37;
  --gold-dk:  #b8941f;
  --black:    #0a0a0a;
  --black2:   #1a1a1a;
  --white:    #ffffff;
  --gray:     rgba(255,255,255,0.65);
  --head:     'Cormorant Garamond', Georgia, serif;
  --body:     'Montserrat', sans-serif;
  --trans:    all .3s ease;
  --glow:     0 10px 40px rgba(212,175,55,.25);
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none;transition:var(--trans)}
a:hover{color:var(--gold-dk)}
ul{list-style:none}

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4,h5,h6{font-family:var(--head);font-weight:600;line-height:1.15;letter-spacing:.5px;color:var(--white)}
h1{font-size:clamp(2.8rem,6vw,5.5rem)}
h2{font-size:clamp(2.2rem,4vw,3.8rem)}
h3{font-size:clamp(1.6rem,3vw,2.6rem)}
h4{font-size:1.4rem}
p{margin-bottom:1.2rem}

/* ── LAYOUT ── */
.qcf-wrap{max-width:1380px;margin:0 auto;padding:0 5%}
.qcf-sec{padding:7rem 5%;position:relative}
.qcf-sec-dark{background:var(--black2)}

/* ── SECTION HEADER ── */
.qcf-hdr{text-align:center;margin-bottom:5rem}
.qcf-hdr .sub{color:var(--gold);font-size:.78rem;letter-spacing:4px;text-transform:uppercase;display:block;margin-bottom:.75rem}
.qcf-hdr .sub::before,.qcf-hdr .sub::after{content:'—';margin:0 .6rem;opacity:.4}
.qcf-hdr h2{margin-bottom:1rem}
.qcf-hdr p{color:var(--gray);max-width:680px;margin:0 auto;font-size:1rem}

/* ── BUTTONS ── */
.qcf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;font-family:var(--body);font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;transition:var(--trans);position:relative;overflow:hidden}
.qcf-btn-gold{background:var(--gold);color:var(--black)}
.qcf-btn-gold:hover{background:var(--gold-dk);color:var(--black);transform:translateY(-3px);box-shadow:var(--glow)}
.qcf-btn-outline{background:transparent;color:var(--white);border:2px solid var(--gold)}
.qcf-btn-outline:hover{background:var(--gold);color:var(--black);transform:translateY(-3px)}
.qcf-btn-dark{background:var(--black);color:var(--gold);border:2px solid var(--gold)}
.qcf-btn-dark:hover{background:var(--gold);color:var(--black)}

/* ── HEADER/NAV ── */
#qcf-header{position:fixed;top:0;left:0;right:0;z-index:9000;padding:1.4rem 5%;background:rgba(10,10,10,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.15);transition:padding .3s ease,background .3s ease}
#qcf-header.scrolled{padding:.9rem 5%;background:rgba(10,10,10,.98);border-bottom-color:rgba(212,175,55,.3)}
.qcf-hdr-inner{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.qcf-logo-link{text-decoration:none}
.qcf-logo-name{font-family:var(--head);font-size:1.5rem;font-weight:700;color:var(--gold);letter-spacing:2px;line-height:1;display:block}
.qcf-logo-tag{font-family:var(--body);font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:3px;text-transform:uppercase}
.qcf-nav ul{display:flex;gap:2rem;align-items:center}
.qcf-nav ul a{font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.8);position:relative;padding-bottom:4px}
.qcf-nav ul a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gold);transition:width .3s}
.qcf-nav ul a:hover,.qcf-nav ul .current-menu-item>a{color:var(--gold)}
.qcf-nav ul a:hover::after,.qcf-nav ul .current-menu-item>a::after{width:100%}
.qcf-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;position:relative;z-index:9999}
.qcf-burger span{width:26px;height:3px;background:var(--gold);display:block;transition:all .3s ease;border-radius:2px}
.qcf-burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.qcf-burger.open span:nth-child(2){opacity:0}
.qcf-burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* mobile nav */
@media(max-width:1024px){
  .qcf-nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:rgba(10,10,10,.98);padding:2rem 5%;overflow-y:auto;transition:left .3s;z-index:9998}
  .qcf-nav.open{left:0}
  .qcf-nav ul{flex-direction:column;align-items:flex-start;gap:0}
  .qcf-nav ul a{padding:1rem 0;border-bottom:1px solid rgba(212,175,55,.08);display:block;width:100%;font-size:.95rem}
  .qcf-burger{display:flex!important}
  .qcf-hdr-cta{display:none!important}
  .qcf-logo-name{font-size:1.3rem}
  .qcf-logo-tag{font-size:.55rem}
}

/* ── PAGE HERO (inner pages) ── */
.qcf-page-hero{position:relative;height:52vh;min-height:340px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-attachment:fixed;margin-top:76px;overflow:hidden}
.qcf-page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.82),rgba(10,10,10,.55))}
.qcf-page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.qcf-page-hero-body{position:relative;z-index:2;text-align:center;padding:0 5%}
.qcf-page-hero-body .sub{color:var(--gold);font-size:.78rem;letter-spacing:4px;text-transform:uppercase;display:block;margin-bottom:1rem}

/* ── HOME HERO ── */
.qcf-hero{height:100vh;min-height:600px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-attachment:fixed}
.qcf-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.88),rgba(10,10,10,.55))}
.qcf-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(212,175,55,.12),transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(212,175,55,.06),transparent 50%);animation:heroGlow 9s ease-in-out infinite alternate}
@keyframes heroGlow{from{opacity:.7}to{opacity:1}}
.qcf-hero-body{position:relative;z-index:2;text-align:center;max-width:1000px;padding:0 5%}
.qcf-hero-body .eye{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;display:block;margin-bottom:1.2rem;opacity:0;animation:fadeUp .8s ease .3s forwards}
.qcf-hero-body h1{opacity:0;animation:fadeUp .9s ease .5s forwards;margin-bottom:1.5rem}
.qcf-hero-body .desc{font-size:1.1rem;color:rgba(255,255,255,.78);max-width:780px;margin:0 auto 2rem;opacity:0;animation:fadeUp .9s ease .7s forwards}
.qcf-hero-tags{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem;opacity:0;animation:fadeUp .9s ease .85s forwards}
.qcf-hero-tags span{background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.3);color:var(--gold);padding:.3rem .9rem;font-size:.7rem;letter-spacing:2px;text-transform:uppercase}
.qcf-hero-btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .9s ease 1s forwards}
.qcf-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.35);font-size:.62rem;letter-spacing:3px;text-transform:uppercase;animation:fadeIn 1s ease 1.5s backwards}
.qcf-scroll-hint::after{content:'';width:1px;height:48px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s infinite}
@keyframes scrollPulse{0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}

/* ── STATS ── */
.qcf-stats{background:linear-gradient(135deg,var(--gold-dk),var(--gold));padding:3.5rem 5%}
.qcf-stats-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.qcf-stat h3{font-size:3rem;color:var(--black);margin-bottom:.3rem}
.qcf-stat p{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,.65)}

/* ── SERVICE CARDS ── */
.qcf-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.qcf-svc-card{background:var(--black2);border:1px solid rgba(212,175,55,.15);padding:2.5rem 2rem;text-align:center;transition:all .4s;position:relative;overflow:hidden}
.qcf-svc-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.06),transparent);transition:left .7s}
.qcf-svc-card:hover::before{left:100%}
.qcf-svc-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:var(--glow)}
.qcf-svc-card .icon{font-size:2.8rem;margin-bottom:1.2rem}
.qcf-svc-card h3{color:var(--gold);font-size:1.7rem;margin-bottom:.8rem}
.qcf-svc-card p{color:var(--gray);font-size:.92rem;line-height:1.7;margin:0}
.qcf-svc-card a.more{margin-top:1.5rem;display:inline-block;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:2px}

/* ── BEFORE / AFTER ── */
.qcf-ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}
.qcf-ba-item{position:relative;overflow:hidden;border:2px solid rgba(212,175,55,.2);transition:all .4s;cursor:pointer}
.qcf-ba-item:hover{border-color:var(--gold);box-shadow:var(--glow)}
.qcf-ba-img{height:380px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.5rem;transition:transform .5s;font-size:.95rem;font-weight:600;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.9);letter-spacing:1px;text-transform:uppercase}
.qcf-ba-item:hover .qcf-ba-img{transform:scale(1.06)}
.qcf-ba-badge{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--black);font-size:.68rem;font-weight:800;letter-spacing:2px;padding:.4rem 1.2rem;text-transform:uppercase}

/* ── WHY CHOOSE US ── */
.qcf-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem}
.qcf-feat{text-align:center;padding:2rem 1.5rem;border:1px solid rgba(212,175,55,.1);transition:all .4s}
.qcf-feat:hover{border-color:rgba(212,175,55,.4);transform:translateY(-6px)}
.qcf-feat-icon{width:70px;height:70px;background:var(--black2);border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 1.2rem;transition:all .5s}
.qcf-feat:hover .qcf-feat-icon{background:var(--gold);transform:rotate(360deg)}
.qcf-feat h3{color:var(--gold);font-size:1.4rem;margin-bottom:.6rem}
.qcf-feat p{color:var(--gray);font-size:.9rem;margin:0}

/* ── TESTIMONIALS ── */
.qcf-tes-wrap{max-width:860px;margin:0 auto}
.qcf-tes{display:none;text-align:center;padding:2rem;animation:fadeIn .6s ease}
.qcf-tes.active{display:block}
.qcf-tes-quote{font-family:var(--head);font-size:1.35rem;font-style:italic;color:#fff;line-height:1.8;margin-bottom:2rem;position:relative}
.qcf-tes-quote::before{content:'\201C';font-size:5rem;color:var(--gold);opacity:.18;position:absolute;top:-1.5rem;left:-1rem;line-height:1}
.qcf-tes-stars{color:var(--gold);font-size:1.1rem;margin-bottom:1rem;letter-spacing:3px}
.qcf-tes-name{color:var(--gold);font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:.2rem}
.qcf-tes-role{color:rgba(255,255,255,.4);font-size:.82rem;letter-spacing:1px}
.qcf-tes-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}
.qcf-tes-dot{width:10px;height:10px;border-radius:50%;background:rgba(212,175,55,.25);cursor:pointer;border:none;transition:all .3s}
.qcf-tes-dot.on{background:var(--gold);transform:scale(1.4)}

/* ── GALLERY ── */
.qcf-gal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
.qcf-gal-item{position:relative;overflow:hidden;height:360px;border:2px solid rgba(212,175,55,.15);transition:border-color .3s;cursor:pointer}
.qcf-gal-item:hover{border-color:var(--gold)}
.qcf-gal-img{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:3rem;text-shadow:0 2px 8px rgba(0,0,0,.7);transition:transform .6s}
.qcf-gal-item:hover .qcf-gal-img{transform:scale(1.1)}
.qcf-gal-cap{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.92) 0%,rgba(10,10,10,.2) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem;transform:translateY(72%);transition:transform .4s}
.qcf-gal-item:hover .qcf-gal-cap{transform:translateY(0)}
.qcf-gal-cap h4{color:var(--gold);font-size:1.3rem;margin-bottom:.3rem}
.qcf-gal-cap p{color:rgba(255,255,255,.75);font-size:.85rem;margin:0}

/* ── SERVICE DETAIL PAGE ── */
.qcf-svc-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:4rem}
.qcf-svc-img-box{overflow:hidden}
.qcf-svc-img{height:480px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:5rem;text-shadow:0 4px 10px rgba(0,0,0,.8);transition:transform .4s}
.qcf-svc-img-box:hover .qcf-svc-img{transform:scale(1.04)}
.qcf-svc-body h3{color:var(--gold);margin-bottom:1.2rem}
.qcf-svc-body p{color:rgba(255,255,255,.78);line-height:1.9;margin-bottom:1.2rem}
.qcf-checklist{margin-bottom:2rem}
.qcf-checklist li{color:rgba(255,255,255,.78);padding:.5rem 0 .5rem 2rem;position:relative;border-bottom:1px solid rgba(255,255,255,.05);font-size:.92rem}
.qcf-checklist li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:.65rem;top:.75rem}

/* ── PACKAGES ── */
.qcf-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.qcf-pkg{background:var(--black2);border:1px solid rgba(212,175,55,.2);padding:2.5rem 2rem;text-align:center;transition:all .4s;position:relative}
.qcf-pkg.hot{border-color:var(--gold);box-shadow:var(--glow)}
.qcf-pkg.hot::before{content:'MOST POPULAR';position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--black);font-size:.6rem;font-weight:800;letter-spacing:2px;padding:.3rem 1.2rem}
.qcf-pkg:hover{border-color:var(--gold);transform:translateY(-6px)}
.qcf-pkg .icon{font-size:2.5rem;margin-bottom:1rem}
.qcf-pkg h3{color:var(--gold);font-size:1.8rem;margin-bottom:.5rem}
.qcf-pkg p{color:var(--gray);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}

/* ── PROCESS STEPS ── */
.qcf-steps{counter-reset:st;margin:1.5rem 0 2rem}
.qcf-steps li{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem;counter-increment:st}
.qcf-steps li::before{content:counter(st);min-width:38px;height:38px;background:var(--gold);color:var(--black);font-family:var(--head);font-size:1.2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qcf-steps li strong{color:var(--gold);display:block;margin-bottom:.2rem;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}
.qcf-steps li span{color:rgba(255,255,255,.7);font-size:.9rem}

/* ── FAQ ── */
.qcf-faq-list{max-width:860px;margin:0 auto}
.qcf-faq-item{border:1px solid rgba(212,175,55,.2);margin-bottom:1rem;overflow:hidden;transition:border-color .3s}
.qcf-faq-item:hover,.qcf-faq-item.open{border-color:var(--gold)}
.qcf-faq-q{padding:1.3rem 1.8rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;font-size:.88rem;font-weight:600;letter-spacing:.5px}
.qcf-faq-q .tog{width:24px;height:24px;background:var(--gold);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:300;flex-shrink:0;transition:transform .3s}
.qcf-faq-item.open .qcf-faq-q .tog{transform:rotate(45deg)}
.qcf-faq-a{max-height:0;overflow:hidden;transition:all .4s;padding:0 1.8rem;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.8}
.qcf-faq-item.open .qcf-faq-a{max-height:400px;padding:0 1.8rem 1.3rem}

/* ── ABOUT ── */
.qcf-abt-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:5rem;align-items:start}
.qcf-abt-col h3{color:var(--gold);margin-bottom:1rem;font-size:1.8rem}
.qcf-abt-col p{color:rgba(255,255,255,.75);line-height:1.9}
.qcf-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem}
.qcf-team-card{text-align:center;padding:2.5rem 1.5rem;background:var(--black2);border:1px solid rgba(212,175,55,.15);transition:all .4s}
.qcf-team-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:var(--glow)}
.qcf-team-av{width:110px;height:110px;border-radius:50%;background:var(--black);border:3px solid var(--gold);margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;font-size:2.8rem}
.qcf-team-card h4{color:var(--gold);font-size:1.2rem;margin-bottom:.3rem}
.qcf-team-card p{color:rgba(255,255,255,.45);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;margin:0}

/* ── CONTACT ── */
.qcf-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.qcf-ci-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--black2);border:1px solid rgba(212,175,55,.15);margin-bottom:1.5rem;transition:all .3s}
.qcf-ci-card:hover{border-color:var(--gold);transform:translateX(8px)}
.qcf-ci-card .ico{font-size:2rem;flex-shrink:0}
.qcf-ci-card h5{color:#fff;font-family:var(--body);font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem}
.qcf-ci-card p,.qcf-ci-card a{color:var(--gray);font-size:.88rem;margin:0;line-height:1.6}
.qcf-ci-card a{color:var(--gold)}

/* ── FORMS ── */
.qcf-form-box{background:var(--black2);padding:3rem;border:1px solid rgba(212,175,55,.2)}
.qcf-form-box h3{color:var(--gold);margin-bottom:2rem}
.qcf-fld{margin-bottom:1.5rem}
.qcf-fld label{display:block;color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}
.qcf-fld input,.qcf-fld select,.qcf-fld textarea{width:100%;padding:.9rem 1.1rem;background:var(--black);border:1px solid rgba(212,175,55,.25);color:#fff;font-family:var(--body);font-size:.9rem;outline:none;transition:border-color .3s,box-shadow .3s;border-radius:0;-webkit-appearance:none}
.qcf-fld input:focus,.qcf-fld select:focus,.qcf-fld textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.1)}
.qcf-fld textarea{resize:vertical;min-height:140px}
.qcf-fld select option{background:var(--black2)}

/* ── CTA BANNER ── */
.qcf-cta{background:linear-gradient(135deg,var(--gold-dk),var(--gold));padding:6rem 5%;text-align:center}
.qcf-cta h2{color:var(--black);margin-bottom:1rem}
.qcf-cta p{color:rgba(0,0,0,.72);font-size:1.05rem;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}

/* ── FOOTER ── */
#qcf-footer{background:var(--black);border-top:1px solid rgba(212,175,55,.12);padding:5rem 5% 2rem}
.qcf-ft-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(212,175,55,.1);margin-bottom:2rem}
.qcf-ft-col h4{color:var(--gold);font-family:var(--head);font-size:1.3rem;margin-bottom:1.2rem}
.qcf-ft-col p,.qcf-ft-col a{color:rgba(255,255,255,.48);font-size:.87rem;line-height:1.8;display:block;margin-bottom:.5rem}
.qcf-ft-col a:hover{color:var(--gold)}
.qcf-ft-btm{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.28);font-size:.77rem;flex-wrap:wrap;gap:1rem}

/* ── WHATSAPP ── */
.qcf-wa{position:fixed;bottom:28px;right:28px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;z-index:9999;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:all .3s;animation:waPulse 2.5s infinite}
.qcf-wa:hover{transform:scale(1.15) rotate(-5deg);color:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.45)}50%{box-shadow:0 4px 35px rgba(37,211,102,.7)}}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.qcf-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}
.qcf-reveal.in{opacity:1;transform:none}

/* ── ADMIN BAR ── */
.admin-bar #qcf-header{top:32px}
@media(max-width:782px){.admin-bar #qcf-header{top:46px}}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .qcf-ft-grid{grid-template-columns:1fr 1fr}
  .qcf-pkgs{grid-template-columns:1fr}
}
@media(max-width:900px){
  .qcf-abt-grid,.qcf-svc-layout,.qcf-contact-grid{grid-template-columns:1fr;gap:2.5rem}
  .qcf-stats-inner{grid-template-columns:1fr 1fr}
  .qcf-ba-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  /* Extra mobile fixes */
  .qcf-burger{display:flex!important;margin-left:auto}
  .qcf-hdr-inner{flex-wrap:nowrap}
  .qcf-logo-link{flex-shrink:0}
}
@media(max-width:600px){
  .qcf-sec{padding:4rem 5%}
  .qcf-ft-grid{grid-template-columns:1fr}
  .qcf-ft-btm{flex-direction:column;text-align:center}
  .qcf-stats-inner{grid-template-columns:1fr 1fr;gap:1rem}
  .qcf-hero-tags{gap:.6rem}
  #qcf-header{padding:1rem 5%}
  .qcf-logo-name{font-size:1.2rem}
  .qcf-logo-tag{font-size:.52rem}
}
/* WP core */
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.alignleft{float:left;margin-right:1.5rem}
.alignright{float:right;margin-left:1.5rem}
.aligncenter{display:block;margin:0 auto}