/* Template Studio Eyelash Extension: garis bulu mata — hitam #141214, merah muda susu #FBE3E8, lilac #B9A7E8, putih; sapuan helai SVG,
   bingkai almond, mata ilustrasi yang bulunya digambar ulang per gaya. */
:root{--latar:#FFF7F9;--latar-2:#FBE3E8;--permukaan:#FFFFFF;--teks:#141214;--teks-2:#5B5258;--teks-3:#A397A0;--garis:#F1D9DF;
  --utama:#141214;--utama-tua:#000;--utama-muda:#F4EFF8;--pada-utama:#fff;--aksen:#B9A7E8;--aksen-tua:#9A84D9;--pada-aksen:#141214;
  --pink:#F6B9C7;--gelap:#141214;--pada-gelap:#B3A9B0;--radius:24px;--radius-kecil:12px;--bayang:0 18px 34px -24px rgba(20,18,20,.45);
  --almond:ellipse(50% 38% at 50% 50%)}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-family:"Lora",Georgia,serif;font-weight:500;letter-spacing:-.01em;color:var(--teks)}
.serif{font-family:"Lora",Georgia,serif;font-style:italic;color:var(--aksen-tua)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.bag-alt{background:var(--latar-2)}
.kaki{background:var(--gelap)}
[hidden]{display:none!important}
.eye-alis{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aksen-tua)}
.eye-lead{font-size:17px;color:var(--teks-2);line-height:1.7}
.eye-btn{background:var(--utama);color:#fff;font-weight:600;border-radius:999px;letter-spacing:.04em}
.eye-btn:hover{background:var(--aksen);color:var(--teks)}
.eye-link{font-weight:600;color:var(--teks);border-bottom:1px solid var(--teks)}
.eye-blok{width:100%;justify-content:center}
.eye-almond{margin:0;clip-path:polygon(0 50%,8% 30%,22% 14%,40% 5%,50% 3%,60% 5%,78% 14%,92% 30%,100% 50%,92% 70%,78% 86%,60% 95%,50% 97%,40% 95%,22% 86%,8% 70%)}
.eye-almond img{display:block;width:100%;height:100%;object-fit:cover}

.eye-hero{padding-top:44px;padding-bottom:74px;overflow:hidden;background:radial-gradient(50% 60% at 75% 55%,#FBE3E8,transparent 70%)}
.eye-hero-isi{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.eye-hero-isi{grid-template-columns:.95fr 1.05fr}}
.eye-teks,.eye-visual{min-width:0}
.eye-sapu{width:120px;height:32px;margin-bottom:6px}
.eye-sapu path{fill:none;stroke:var(--teks);stroke-width:2;stroke-linecap:round}
.eye-hero h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:0 0 20px}
.eye-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.eye-visual{position:relative;justify-self:center;width:min(100%,520px);padding-top:50px}
.eye-visual .eye-almond{aspect-ratio:16/9}
.eye-helai{position:absolute;left:0;top:0;width:100%}
.eye-helai path{fill:none;stroke:var(--teks);stroke-width:2.4;stroke-linecap:round}
.eye-kilau{position:absolute;right:12%;top:40%;font-style:normal;font-size:30px;color:#fff;text-shadow:0 0 14px var(--aksen)}

.eye-kepala{margin-bottom:34px;text-align:center}
.eye-kepala h2{font-size:clamp(32px,4.2vw,50px);margin:0}
.eye-kisi{display:grid;gap:26px}
@media(min-width:640px){.eye-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.eye-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.eye-kartu{display:flex;flex-direction:column;align-items:center;padding:22px 22px 24px;background:var(--permukaan);border-radius:var(--radius);box-shadow:var(--bayang);text-align:center}
.eye-k-foto{display:block;width:100%;clip-path:polygon(0 50%,8% 28%,22% 12%,40% 3%,50% 2%,60% 3%,78% 12%,92% 28%,100% 50%,92% 72%,78% 88%,60% 97%,50% 98%,40% 97%,22% 88%,8% 72%)}
.eye-k-foto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.eye-th{margin:12px 0 8px;padding:4px 12px;border-radius:999px;background:var(--utama-muda);color:var(--aksen-tua);font-size:12px;font-weight:700}
.eye-kartu h3{margin:0 0 2px;font-size:22px}
.eye-kartu h3 a{color:inherit;text-decoration:none}
.eye-sub{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teks-3);font-weight:700}
.eye-kartu p{margin:0 0 12px;color:var(--teks-2);font-size:14.5px}
.eye-harga{margin-top:auto!important}.eye-harga b{font-family:"Lora",Georgia,serif;font-size:20px;font-weight:500}

.eye-pilih{margin-top:64px;padding:32px clamp(18px,3vw,42px);background:var(--utama);color:#fff;border-radius:36px;box-shadow:var(--bayang)}
.eye-pilih h2{color:#fff;margin:0 0 6px;font-size:clamp(28px,3.6vw,42px)}
.eye-pilih .eye-lead{color:#CFC4CC}
.eye-p-isi{display:grid;gap:26px;margin-top:16px}
@media(min-width:1000px){.eye-p-isi{grid-template-columns:.9fr 1.2fr .9fr}}
.eye-form,.eye-mata-wrap,.eye-ring{min-width:0}
.eye-gaya{display:grid;gap:8px}
.eye-gaya input{position:absolute;opacity:0}
.eye-gaya span{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;border:1.5px solid #3A3239;border-radius:16px;cursor:pointer}
.eye-gaya b{font-size:14.5px}.eye-gaya em{font-style:normal;color:var(--pink);font-weight:700}.eye-gaya small{grid-column:1/-1;font-size:12px;color:#A99EA6}
.eye-gaya input:checked+span{background:#fff;color:var(--teks);border-color:#fff}.eye-gaya input:checked+span em{color:var(--aksen-tua)}.eye-gaya input:checked+span small{color:var(--teks-2)}
.eye-gaya input:focus-visible+span{outline:2px solid var(--aksen)}
.eye-pj{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:700;color:#CFC4CC}
.eye-pj span{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.eye-pj input{width:100%;min-width:0;accent-color:#B9A7E8}
.eye-pj output{color:#fff}
.eye-tgl{display:grid;gap:4px;margin-top:12px;font-size:13px;font-weight:700;color:#CFC4CC}
.eye-tgl input{width:100%;min-width:0;padding:10px 12px;border:0;border-radius:12px;font:inherit}
.eye-mata-wrap{display:grid;place-items:center;padding:16px;border-radius:28px;background:#FFF7F9}
.eye-mata{width:100%;max-width:380px}
.eye-mata .kel{fill:#fff;stroke:#E8C8CF;stroke-width:3}
.eye-mata .iris{fill:#6B4A3A}.eye-mata .pupil{fill:#141214}.eye-mata .kil{fill:#fff}
.eye-mata [data-bulu] path{fill:none;stroke:#141214;stroke-width:2.2;stroke-linecap:round}
.eye-mata [data-bulu] path.v{stroke-width:1.2;opacity:.75}
.eye-refill{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.eye-refill li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:10px 12px;border-radius:14px;background:#221D21}
.eye-refill li.awal{background:var(--aksen);color:var(--teks)}
.eye-refill b{font-size:14px}.eye-refill span{font-size:13px;text-align:right}.eye-refill em{grid-column:1/-1;font-style:normal;font-size:12px;opacity:.8}
.eye-rawat{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#2A2328;font-size:12.5px;color:#E5DCE2}
.eye-pilih .eye-btn{background:var(--pink);color:var(--teks)}
.eye-catat{margin:12px 0 0;font-size:12.5px;color:#958A92}

.eye-t{display:grid;gap:50px;align-items:center}
@media(min-width:900px){.eye-t{grid-template-columns:1.1fr .9fr}}
.eye-t-teks{min-width:0}
.eye-t h2{font-size:clamp(30px,4vw,46px);margin:0 0 14px}
.eye-t-foto{width:min(100%,440px);justify-self:center;aspect-ratio:16/10}
.eye-helai-deret{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.eye-helai-deret li{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"h b" "h s";gap:0 12px;align-items:center}
.eye-helai-deret svg{grid-area:h;width:40px;height:40px}
.eye-helai-deret path{fill:none;stroke:var(--teks);stroke-width:2.4;stroke-linecap:round}
.eye-helai-deret li.w1 path{stroke:var(--aksen-tua)}
.eye-helai-deret b{grid-area:b;font-family:"Lora",Georgia,serif;font-weight:500;font-size:17px}.eye-helai-deret small{grid-area:s;font-size:13px;color:var(--teks-2)}
@media(max-width:560px){.eye-helai-deret{grid-template-columns:1fr}}