/* ===== hair tea — Y2K IMMERSIVE world (Arabic RTL) ===== */
@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Tajawal:wght@400;500;700;800;900&family=Archivo+Black&family=Bungee&family=Bungee+Shade&display=swap');

:root{
  --pink:#FF3EA5;--pink-hot:#FF1E8E;--pink2:#FF8AC4;--pink-pale:#FFD6EC;--pink-bg:#FFEAF5;
  --lilac:#E7C9FF;--cherry:#E11D48;--cream:#FFF3F8;
  --black:#0E0E0E;--white:#fff;--ink:#0E0E0E;
  --hard:5px 5px 0 var(--black);--hard-sm:3px 3px 0 var(--black);--hard-lg:8px 8px 0 var(--black);
  --bd:3px solid var(--black);--bd-thick:4px solid var(--black);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',system-ui,sans-serif;background:var(--pink-bg);color:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.2 8.8L24 12l-9.8 3.2L12 24l-2.2-8.8L0 12l9.8-3.2z' fill='%23FF3EA5' stroke='%230E0E0E' stroke-width='1.2'/%3E%3C/svg%3E") 14 14, auto}
a,button,summary,.sticker,.head-card{cursor:inherit}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.en{font-family:'Archivo Black',sans-serif;direction:ltr;display:inline-block}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
section{position:relative}
.halftone{background-image:radial-gradient(circle,rgba(14,14,14,.16) 1.3px,transparent 1.4px);background-size:13px 13px}
.grid-paper{background-image:linear-gradient(rgba(14,14,14,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,14,14,.07) 1px,transparent 1px);background-size:26px 26px}

/* ============ INTRO SPLASH ============ */
#splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:radial-gradient(circle at 50% 40%,#FF6FB8,#FF1E8E 60%,#B30E63 100%);overflow:hidden;transition:transform .8s cubic-bezier(.7,0,.2,1),opacity .8s}
#splash.gone{transform:translateY(-100%);opacity:0;pointer-events:none}
#splash .scan{position:absolute;inset:0;background:repeating-linear-gradient(rgba(255,255,255,.06) 0 2px,transparent 2px 4px);pointer-events:none}
#splash .disco{width:160px;height:160px;border-radius:50%;position:relative;margin-bottom:8px;
  background:radial-gradient(circle at 38% 32%,#fff 0 6%,#FFD6EC 20%,#FF8AC4 55%,#C026A0 100%);
  box-shadow:0 0 0 6px #fff,0 0 0 10px var(--black),0 18px 50px rgba(0,0,0,.4);
  background-image:radial-gradient(circle at 38% 32%,#fff 0 5%,transparent 6%),
    linear-gradient(rgba(0,0,0,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.18) 1px,transparent 1px);
  background-size:100% 100%,22px 22px,22px 22px;animation:discoSpin 6s linear infinite}
@keyframes discoSpin{to{filter:hue-rotate(40deg)}}
#splash .disco::before{content:"";position:absolute;width:8px;height:60px;background:#fff;left:50%;top:-58px;transform:translateX(-50%)}
#splash .wel{font-family:'Tajawal';font-weight:900;color:#fff;font-size:16px;letter-spacing:2px}
#splash h1{font-family:'Bungee',cursive;color:#fff;font-size:clamp(34px,7vw,72px);line-height:1;text-align:center;text-shadow:4px 4px 0 var(--black);direction:ltr}
#splash h1 .ar{font-family:'Lalezar';display:block;font-size:.62em;margin-top:.1em;text-shadow:3px 3px 0 var(--black)}
#splash .enter{margin-top:22px;font-family:'Lalezar';font-size:28px;color:var(--black);background:#fff;border:var(--bd-thick);
  border-radius:100px;padding:14px 44px;box-shadow:var(--hard-lg);transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;gap:12px}
#splash .enter:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 var(--black)}
#splash .enter:active{transform:translate(2px,2px);box-shadow:var(--hard-sm)}
#splash .stars-bg span{position:absolute;color:#fff;opacity:.85;animation:tw 2.4s ease-in-out infinite}

/* cursor sparkle trail dot */
.spark-dot{position:fixed;z-index:9998;pointer-events:none;width:16px;height:16px;transform:translate(-50%,-50%);animation:sparkFade .7s ease-out forwards}
@keyframes sparkFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(60deg)}}

/* ============ Buttons ============ */
.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;font-family:'Tajawal';font-weight:900;font-size:18px;line-height:1.1;
  padding:15px 32px;border:var(--bd-thick);border-radius:100px;background:var(--pink);color:#fff;box-shadow:var(--hard);
  transition:transform .12s,box-shadow .12s;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.25)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--hard-lg)}
.btn:active{transform:translate(2px,2px);box-shadow:var(--hard-sm)}
.btn-lg{font-size:21px;padding:18px 40px}
.btn-black{background:var(--black);color:#fff;text-shadow:none}
.btn-white{background:#fff;color:var(--black);text-shadow:none}
.cart-ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4}

/* ============ Marquee ============ */
.marq{overflow:hidden;white-space:nowrap;border-block:var(--bd);background:var(--black)}
.marq .track{display:inline-flex;animation:marq 22s linear infinite}
.marq span{display:inline-flex;align-items:center;gap:18px;padding:11px 0;font-family:'Archivo Black';font-size:16px;letter-spacing:.5px;color:#fff;text-transform:uppercase}
.marq .ar{font-family:'Tajawal';font-weight:900}
.marq .st{color:var(--pink);font-size:18px;padding-inline:18px}
.marq.pink{background:var(--pink)}.marq.pink span{color:#fff}.marq.pink .st{color:var(--black)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ Ransom logo ============ */
.logo{display:inline-flex;align-items:flex-end;gap:3px;direction:ltr}
.logo .word{display:inline-flex;gap:2px}
.logo .word+.word{margin-inline-start:14px}
.rl{font-family:'Archivo Black';font-size:30px;line-height:.9;display:inline-grid;place-items:center;width:1.05em;height:1.1em;
  border:2.5px solid var(--black);color:var(--black);background:#fff;box-shadow:2.5px 2.5px 0 var(--black);position:relative;animation:wig 3s ease-in-out infinite}
.rl:nth-child(1){transform:rotate(-7deg)}.rl:nth-child(2){transform:rotate(5deg);animation-delay:.3s}
.rl:nth-child(3){transform:rotate(-4deg);animation-delay:.6s}.rl:nth-child(4){transform:rotate(6deg);animation-delay:.15s}
.rl.pink{background:var(--pink);color:#fff}
.rl.black{background:var(--black);color:#fff;box-shadow:2.5px 2.5px 0 var(--pink)}
.rl.grid{background:#fff;background-image:linear-gradient(rgba(14,14,14,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(14,14,14,.18) 1px,transparent 1px);background-size:7px 7px}
.rl.shade{font-family:'Bungee',cursive;background:var(--pink2);color:var(--black)}
@keyframes wig{0%,100%{transform:rotate(var(--r,-5deg)) translateY(0)}50%{transform:rotate(calc(var(--r,-5deg)*-1)) translateY(-3px)}}
.logo:hover .rl{animation-duration:.5s}

/* ============ Stickers (decorative) ============ */
.sticker{display:inline-flex;align-items:center;gap:8px;font-family:'Tajawal';font-weight:900;font-size:15px;padding:8px 16px;border:var(--bd);border-radius:100px;background:#fff;color:var(--black);box-shadow:var(--hard-sm)}
.sticker.pink{background:var(--pink);color:#fff}.sticker.black{background:var(--black);color:#fff}
.spin{animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.wobble{animation:wob 2.5s ease-in-out infinite}@keyframes wob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.bob{animation:bob 4s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.twinkle{animation:tw 2.2s ease-in-out infinite}@keyframes tw{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(40deg)}}

/* floating deco stickers absolutely placed in sections */
.deco{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(14,14,14,.25))}
.deco.float{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--rot,0deg) + 6deg))}}
/* pill word stickers */
.wsticker{position:absolute;z-index:4;font-family:'Bungee',cursive;font-size:18px;padding:9px 18px;border:var(--bd);border-radius:100px;background:#fff;color:var(--pink-hot);box-shadow:var(--hard-sm);white-space:nowrap;text-transform:lowercase}
.wsticker.pink{background:var(--pink);color:#fff}
.wsticker.lilac{background:var(--lilac);color:var(--black)}
.wsticker.ar{font-family:'Lalezar';text-transform:none;font-size:22px}

/* disco ball sticker */
.disco-s{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0 8%,#FFD6EC 22%,#FF8AC4 60%,#C026A0 100%);
  background-image:radial-gradient(circle at 36% 30%,#fff 0 6%,transparent 7%),linear-gradient(rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.2) 1px,transparent 1px);
  background-size:100% 100%,11px 11px,11px 11px;border:3px solid var(--black)}

/* ============ Header ============ */
header.nav{position:sticky;top:0;z-index:60;background:var(--white);border-bottom:var(--bd)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:78px;gap:18px}
.nav-links{display:flex;gap:24px;font-weight:800;font-size:16px}
.nav-links a{position:relative}.nav-links a:hover{color:var(--pink)}
.nav-links a::after{content:"";position:absolute;bottom:-4px;inset-inline:0;height:3px;background:var(--pink);transform:scaleX(0);transition:transform .2s}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta .btn{font-size:15px;padding:11px 20px}

/* ============ HERO editorial ============ */
.hero{position:relative;background:linear-gradient(180deg,#F7D9E8,#EBC4D8);border-bottom:var(--bd);overflow:hidden;padding:40px 0 56px}
.hero .halftone{position:absolute;inset:0;opacity:.5;z-index:0}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.02fr;gap:34px;align-items:center}
.hero h1{font-family:'Lalezar';font-weight:400;font-size:clamp(40px,5vw,66px);line-height:1.12;color:var(--black)}
.hero h1 .box{display:inline-block;white-space:nowrap;background:var(--black);color:#fff;padding:0 .14em;transform:rotate(-2deg);box-shadow:var(--hard)}
.hero h1 .pk{color:var(--pink-hot)}
.hero .tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 6px}
.hero .tags .sticker:nth-child(1){transform:rotate(-3deg)}.hero .tags .sticker:nth-child(2){transform:rotate(2deg)}.hero .tags .sticker:nth-child(3){transform:rotate(-2deg)}
.hero p.lead{font-size:19px;font-weight:500;max-width:480px;margin:14px 0}
.price-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 6px}
.price-now{font-family:'Lalezar';font-size:62px;color:var(--black);line-height:.8}
.price-now .cur{font-size:26px;color:var(--pink-hot)}
.price-old{font-size:24px;text-decoration:line-through;font-weight:800;opacity:.55}
.save-tag{background:var(--black);color:#fff;font-weight:900;font-size:15px;padding:8px 16px;border-radius:100px;transform:rotate(-3deg);box-shadow:var(--hard-sm)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.ship-mini{display:flex;align-items:center;gap:10px;margin-top:18px;font-weight:800;font-size:15px}
.ship-mini svg{width:24px;height:24px;stroke:var(--black);fill:none;stroke-width:2}
/* editorial frame */
.hero-photo{position:relative;z-index:2}
.hero-photo .frame{position:relative;background:#fff;border:var(--bd-thick);box-shadow:var(--hard-lg);padding:14px;transform:rotate(2deg);border-radius:12px}
.hero-photo .frame img{width:100%;border-radius:6px;display:block}
.hero-photo .frame .tape{position:absolute;width:120px;height:30px;background:rgba(255,62,165,.5);border:2px dashed rgba(14,14,14,.4);top:-14px;left:30px;transform:rotate(-5deg)}
.hero-photo .cap{position:absolute;bottom:-18px;right:-12px;z-index:5;background:var(--pink);color:#fff;font-family:'Lalezar';font-size:22px;padding:8px 20px;border:var(--bd);border-radius:100px;box-shadow:var(--hard-sm);transform:rotate(-4deg)}

/* ============ Section ============ */
.sec{padding:72px 0;overflow:hidden}
.sec-head{text-align:center;max-width:740px;margin:0 auto 46px;position:relative;z-index:5}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Tajawal';font-weight:900;font-size:14px;background:var(--black);color:#fff;padding:8px 18px;border-radius:100px;transform:rotate(-2deg);box-shadow:var(--hard-sm);margin-bottom:18px}
.sec-head h2{font-family:'Lalezar';font-size:clamp(34px,5vw,60px);line-height:1;color:var(--black)}
.sec-head h2 .pk{color:var(--pink)}
.sec-head p{font-size:18px;font-weight:500;margin-top:14px}

/* ============ HEADS as cards ============ */
.heads-band{background:#fff;border-block:var(--bd)}
.heads-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.head-card{position:relative;background:linear-gradient(180deg,#fff,var(--pink-pale));border:var(--bd-thick);border-radius:18px;padding:18px;box-shadow:var(--hard);transition:transform .16s,box-shadow .16s;overflow:hidden}
.head-card:nth-child(3n+1){transform:rotate(-1.4deg)}.head-card:nth-child(3n){transform:rotate(1.4deg)}
.head-card:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:var(--hard-lg)}
.head-card .num{position:absolute;top:14px;right:14px;z-index:3;font-family:'Lalezar';font-size:18px;background:var(--pink);color:#fff;border:var(--bd);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:var(--hard-sm);transform:rotate(-6deg)}
.head-card .ph{height:240px;display:grid;place-items:center;margin:8px 0 12px}
.head-card .ph img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.head-card h3{display:none}
.head-card .tag{display:block;text-align:center;font-family:'Lalezar';font-weight:400;font-size:21px;color:var(--black);margin-top:2px}
.head-card p{font-weight:500;font-size:14.5px;text-align:center;margin-top:8px}

/* ============ Features ============ */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:5}
.feat{background:#fff;border:var(--bd-thick);border-radius:16px;padding:26px 24px;box-shadow:var(--hard);transition:transform .14s,box-shadow .14s}
.feat:nth-child(3n+1){transform:rotate(-1.4deg)}.feat:nth-child(3n){transform:rotate(1.4deg)}
.feat:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:var(--hard-lg)}
.feat .fic{width:64px;height:64px;border:var(--bd);border-radius:14px;background:var(--pink-pale);display:grid;place-items:center;margin-bottom:16px;box-shadow:var(--hard-sm)}
.feat .fic svg{width:34px;height:34px;stroke:var(--black);fill:none;stroke-width:2}
.feat h3{font-family:'Lalezar';font-size:25px;margin-bottom:6px}
.feat p{font-weight:500;font-size:15.5px}
.ani-heat svg{animation:bob 1.8s ease-in-out infinite}.ani-swap svg{animation:spin 5s linear infinite}
.ani-feather svg{animation:wob 3s ease-in-out infinite;transform-origin:bottom center}.ani-shield svg{animation:bob 2.2s ease-in-out infinite}
.ani-drop svg{animation:bob 2.4s ease-in-out infinite}.ani-bolt svg{animation:tw2 1.4s steps(1) infinite}@keyframes tw2{0%,100%{opacity:1}50%{opacity:.4}}

/* ============ Use ============ */
.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;position:relative;z-index:5}
.use-media{background:#fff;border:var(--bd-thick);box-shadow:var(--hard-lg);border-radius:12px;padding:14px;transform:rotate(-2deg)}
.use-media img{width:100%;border-radius:6px}
.steps{display:flex;flex-direction:column;gap:18px}
.step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:var(--bd);border-radius:14px;padding:16px 18px;box-shadow:var(--hard-sm)}
.step:nth-child(odd){transform:rotate(-1deg)}.step:nth-child(even){transform:rotate(1deg)}
.step .sn{width:48px;height:48px;flex:0 0 auto;border:var(--bd);border-radius:50%;display:grid;place-items:center;font-family:'Lalezar';font-size:24px;background:var(--pink);color:#fff;box-shadow:var(--hard-sm)}
.step b{font-size:19px;display:block;margin-bottom:2px}.step p{font-weight:500;font-size:15px}

/* ============ Gallery ============ */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:5}
.gal figure{background:#fff;border:var(--bd-thick);box-shadow:var(--hard);border-radius:12px;padding:12px;overflow:hidden}
.gal figure:nth-child(2n){transform:rotate(-1.6deg)}.gal figure:nth-child(2n+1){transform:rotate(1.6deg)}
.gal img{width:100%;height:100%;object-fit:cover;border-radius:6px;aspect-ratio:1}
.gal figcaption{font-family:'Lalezar';text-align:center;margin-top:8px;font-size:18px}
image-slot{display:block;border-radius:6px;overflow:hidden}

/* ============ Reviews ============ */
.reviews{background:var(--pink)}
.reviews .sec-head h2,.reviews .sec-head p{color:#fff}.reviews .sec-head h2 .pk{color:var(--black)}.reviews .eyebrow{background:#fff;color:var(--black)}
.rev-top{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:36px;position:relative;z-index:5}
.rev-top .big{font-family:'Lalezar';font-size:72px;color:#fff;line-height:.8;-webkit-text-stroke:2px var(--black)}
.rev-top .stars svg{width:26px;height:26px;fill:#fff;stroke:var(--black);stroke-width:1px}
.rev-top b{color:#fff;font-size:16px;display:block}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:5}
.rev{background:#fff;border:var(--bd-thick);border-radius:14px;padding:24px;box-shadow:var(--hard);position:relative}
.rev:nth-child(2){transform:rotate(-1.6deg)}.rev:nth-child(1){transform:rotate(1.4deg)}.rev:nth-child(3){transform:rotate(-.8deg)}
.rev .tape{position:absolute;top:-12px;right:24px;width:80px;height:26px;background:rgba(255,62,165,.5);border:2px dashed rgba(14,14,14,.35);transform:rotate(-4deg)}
.rev .stars{display:flex;gap:3px;margin-bottom:12px}.rev .stars svg{width:22px;height:22px;fill:var(--pink);stroke:var(--black);stroke-width:1px}
.rev p{font-size:16px;font-weight:600;margin-bottom:18px;min-height:78px}
.rev .who{display:flex;align-items:center;gap:12px}
.rev .av{width:46px;height:46px;border:var(--bd);border-radius:50%;display:grid;place-items:center;font-family:'Lalezar';font-size:22px;background:var(--pink-pale)}
.rev .who b{font-size:16px;display:block}
.rev .vbadge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--pink-hot)}
.rev .vbadge svg{width:14px;height:14px;fill:var(--pink-hot)}

/* ============ Offer ============ */
.offer-band{background:var(--black);border-block:var(--bd)}
.offer-band .grid-paper{position:absolute;inset:0;opacity:.5}
.offer-in{position:relative;z-index:5;display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;padding:56px 0}
.offer-in h2{font-family:'Lalezar';font-size:clamp(34px,4.6vw,56px);color:#fff;line-height:1}.offer-in h2 .pk{color:var(--pink)}
.offer-in p{color:rgba(255,255,255,.82);font-weight:500;font-size:17px;margin-top:12px}
.offer-card{background:#fff;border:var(--bd-thick);border-radius:18px;padding:28px;box-shadow:var(--hard-lg);text-align:center;transform:rotate(-2deg)}
.offer-card .ow{font-size:20px;text-decoration:line-through;font-weight:800;opacity:.55}
.offer-card .on{font-family:'Lalezar';font-size:80px;line-height:.8;margin:6px 0}.offer-card .on .cur{font-size:30px;color:var(--pink-hot)}
.offer-card .free{font-weight:900;color:var(--pink-hot);margin-bottom:16px}.offer-card .btn{width:100%}

/* ============ FAQ ============ */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;position:relative;z-index:5}
.faq{background:#fff;border:var(--bd);border-radius:14px;overflow:hidden;box-shadow:var(--hard-sm)}
.faq:nth-child(odd){transform:rotate(-.6deg)}.faq:nth-child(even){transform:rotate(.6deg)}
.faq summary{list-style:none;padding:18px 22px;font-weight:900;font-size:17.5px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:30px;height:30px;flex:0 0 auto;border:var(--bd);border-radius:50%;background:var(--pink);position:relative;box-shadow:var(--hard-sm)}
.faq summary .pm::before,.faq summary .pm::after{content:"";position:absolute;background:#fff;inset:0;margin:auto;border-radius:2px}
.faq summary .pm::before{width:14px;height:3px}.faq summary .pm::after{width:3px;height:14px;transition:transform .25s}
.faq[open] summary .pm::after{transform:rotate(90deg);opacity:0}
.faq .ans{padding:0 22px 20px;font-weight:500;font-size:15.5px}

/* ============ Footer ============ */
footer{background:var(--black);color:#fff;padding:50px 0 26px;text-align:center;position:relative;overflow:hidden}
footer .logo{justify-content:center;margin-bottom:18px}
footer p{color:rgba(255,255,255,.6);font-weight:500}
footer .fnav{display:flex;gap:22px;justify-content:center;margin:22px 0;flex-wrap:wrap;font-weight:800}
footer .fnav a:hover{color:var(--pink)}
footer .pay{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}
footer .pay span{border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:800;font-family:'Archivo Black'}
footer .copy{color:rgba(255,255,255,.4);font-size:13px;margin-top:16px}
/* footer contact */
.fcontact{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:22px 0 4px;position:relative;z-index:5}
.fc-item{display:inline-flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.22);border-radius:100px;padding:9px 16px 9px 9px;transition:transform .12s,background .12s,border-color .12s}
.fc-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:var(--pink)}
.fc-ic{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;border:2px solid #0E0E0E}
.fc-ic.wa{background:#25D366}
.fc-ic svg{width:22px;height:22px}
.fc-tx{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.fc-tx small{color:rgba(255,255,255,.6);font-size:11.5px;font-weight:700}
.fc-tx b{color:#fff;font-family:'Archivo Black';font-size:15px;letter-spacing:.2px}
/* floating whatsapp */
.wa-float{position:fixed;z-index:65;inset-inline-start:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;border:var(--bd-thick);box-shadow:var(--hard);display:grid;place-items:center;animation:bob 4s ease-in-out infinite;transition:transform .14s,box-shadow .14s}
.wa-float svg{width:32px;height:32px}
.wa-float:hover{transform:translate(-2px,-2px) scale(1.04);box-shadow:var(--hard-lg)}
.wa-float::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;opacity:0;animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}

/* ============ Sticky mobile ============ */
.sticky-buy{position:fixed;inset-inline:0;bottom:0;z-index:70;background:#fff;border-top:var(--bd);padding:11px 16px;display:none;align-items:center;justify-content:space-between;gap:12px}
.sticky-buy .sp b{font-family:'Lalezar';font-size:28px}
.sticky-buy .sp small{text-decoration:line-through;font-weight:800;opacity:.5;font-size:13px;margin-inline-start:6px}
.sticky-buy .btn{flex:1;max-width:230px}

/* ============ Reveal ============ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ============ Responsive ============ */
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:22px}.hero-photo{order:-1}
  .nav-links{display:none}
  .heads-cards,.feat-grid,.rev-grid,.gal{grid-template-columns:1fr 1fr}
  .use-grid,.offer-in{grid-template-columns:1fr;gap:26px}
  .sticky-buy{display:flex}.sec{padding:54px 0}body{padding-bottom:74px}
  .wa-float{bottom:86px;width:52px;height:52px}.wa-float svg{width:28px;height:28px}
  .deco{transform:scale(.7)}
}
@media(max-width:560px){
  .heads-cards,.feat-grid,.rev-grid,.gal{grid-template-columns:1fr}
  .price-now{font-size:52px}
  .deco.hide-sm{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}