/* Nail Studio: các khối phía dưới trang chủ và thành phần dùng chung (thẻ, lưới, chân trang). */
.sec-pink .h2 em,.newsl .h3 em{color:var(--dk)}
.chips,.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.chip-b,.tabs button,.tabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:2px solid var(--dk);border-radius:99px;background:#fff;color:var(--dk);font:800 13.5px/1 var(--sans);cursor:pointer}
.chip-b:hover,.tabs button:hover,.tabs a:hover{background:var(--soft)}
.chip-b[aria-pressed=true],.chip-b[aria-current],.tabs button[aria-pressed=true],.tabs a[aria-current]{background:var(--pk);box-shadow:2px 2px 0 var(--dk)}

/* album mẫu nail */
.dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.dcard{background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden}
.dpic{position:relative;display:block;border-bottom:2px solid var(--dk)}
.dpic img{width:100%;aspect-ratio:1;object-fit:cover}
.db{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.db h2,.db h3{font:800 16px/1.25 var(--sans);color:var(--dk);text-wrap:balance}
.dtags{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.sw{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--dk);background:var(--c,#ccc);flex:none}
.df{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.dp{font-size:13px;color:var(--mut)}.dp b{font-size:16px;color:var(--dk)}

/* giờ trống theo thợ */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.tslot{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);padding:16px}
.tav{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--dk);flex:none}
.tn h3{font:800 17px/1.2 var(--sans);color:var(--dk)}.tn .muted{font-size:13.5px;margin:2px 0 10px}
.tt{display:flex;flex-wrap:wrap;gap:8px}
.tt a{display:inline-flex;align-items:center;justify-content:center;min-width:62px;min-height:38px;padding:0 10px;border:2px solid var(--dk);border-radius:99px;font:800 14px/1 var(--sans);background:var(--soft)}
.tt a:hover{background:var(--pk)}
.tt-l a{min-height:44px}

/* bảng giá */
.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px}
.mrow{display:flex;gap:14px;padding:14px;border:2px solid var(--dk);border-radius:var(--r);background:#fff}
.mrow-pic img{width:84px;height:84px;object-fit:cover;border-radius:var(--r);border:2px solid var(--dk)}
.mrow-b{flex:1;min-width:0}
.mrow h3,.mrow h2{display:flex;align-items:baseline;gap:8px;font:800 16.5px/1.25 var(--sans);color:var(--dk)}
.lead-dots{flex:1;border-bottom:2px dotted var(--pk);transform:translateY(-4px);min-width:12px}
.mrow h3 b,.mrow h2 b{color:var(--pkd);white-space:nowrap}
.mrow .muted{font-size:14px;margin:4px 0 6px}
.mrow-m{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--mut)}
.mrow-m span{display:inline-flex;align-items:center;gap:5px}
.mrow-go{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--pkd)}

/* combo và thẻ */
.pgrid,.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pcard{position:relative;background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden}
.pcard.hot{box-shadow:6px 6px 0 var(--dk)}
.pc-pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:2px solid var(--dk)}
.pc-b{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard h3{font:800 22px/1.15 var(--sans);color:var(--dk)}
.pp b{font:400 32px/1 var(--script);color:var(--pkd)}
.hot-tag{position:absolute;right:10px;top:10px;z-index:2;background:var(--dk);color:#fff;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 9px}
.ticks{display:flex;flex-direction:column;gap:7px;margin:6px 0 12px;font-size:14.5px}
.ticks li{display:flex;gap:8px;align-items:flex-start}.ticks .ico{color:var(--pkd);margin-top:3px}
.pc-b .btn{margin-top:auto}

/* quy trình */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.steps li{position:relative}
.steps img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:16px}
.stn{position:absolute;left:-8px;top:-10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--pk);border:2px solid var(--dk);font:800 18px/1 var(--sans);color:var(--dk)}
.steps h3{font:800 18px/1.2 var(--sans);color:var(--dk);margin-bottom:6px}.steps .muted{font-size:14.5px}

/* sản phẩm */
.prgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.prc{background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden}
.prc-pic{position:relative;border-bottom:2px solid var(--dk)}
.prc-pic img{width:100%;aspect-ratio:1;object-fit:cover}
.prc-b{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.prc h2,.prc h3{font:800 16px/1.25 var(--sans);color:var(--dk)}
.dots{display:flex;flex-wrap:wrap;gap:6px}
.dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--dk);background:var(--c);cursor:pointer;padding:0}
.dot.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--dk)}
.prc-p{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.prc-p b{font-size:17px;color:var(--pkd)}.prc-p s{font-size:13px;color:var(--mut)}

/* đánh giá có ảnh */
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rcard{background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);display:flex;overflow:hidden}
.rph{width:42%;object-fit:cover;aspect-ratio:1;border-right:2px solid var(--dk);flex:none}
.rb{padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.stars{color:var(--pkd);letter-spacing:2px;font-size:15px}
.rq{font-size:14.5px;line-height:1.55;flex:1}
.rn{display:flex;align-items:center;gap:10px}
.rav{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--dk)}
.rn span{display:flex;flex-direction:column;line-height:1.25}.rn b{font-size:14px}.rn small{font-size:12.5px;color:var(--mut)}

.spgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.spgrid figure{border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);background:#fff;overflow:hidden}
.spgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:2px solid var(--dk)}
.spgrid figcaption{padding:14px 16px;display:flex;flex-direction:column;gap:3px;font-size:14.5px;color:var(--mut)}.spgrid figcaption b{font-size:16px;color:var(--dk)}

/* bài viết */
.bgrid,.bgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bcard{background:#fff;border:2px solid var(--dk);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.bpic img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:2px solid var(--dk)}
.bb{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.bb h2,.bb h3{font:800 18px/1.25 var(--sans);color:var(--dk);text-wrap:balance}.bb .muted{font-size:14.5px}

.ptn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ptn li{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;font-size:13.5px;font-weight:600;color:var(--dk)}
.ptn img{width:100%;max-width:150px;aspect-ratio:1;object-fit:cover;border:2px solid var(--dk);border-radius:50%;box-shadow:3px 3px 0 var(--dk)}
.ptn span{text-wrap:balance}

.narrow{width:min(780px,100% - 40px);margin-inline:auto}
.faq details{border:2px solid var(--dk);border-radius:var(--r);background:#fff;margin-bottom:12px}
.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font:800 16px/1.4 var(--sans);color:var(--dk);display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font:800 22px/1 var(--sans);color:var(--pkd)}.faq details[open] summary::after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq p{padding:0 18px 18px;color:var(--ink)}

.newsl{background:var(--pk);border-top:2px solid var(--dk);padding:44px 0}
.newsl-in{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.newsl .h3{margin-bottom:6px}.newsl p{color:var(--dk)}
.newsl-f{display:flex;gap:10px}
.newsl-f input{flex:1;min-width:0;height:48px;padding:0 14px;border:2px solid var(--dk);border-radius:var(--r);background:#fff;font:500 15px var(--sans)}
.nl-msg{grid-column:1/-1;font-weight:700}
.site-ft{background:var(--dk);color:#f1dfe9;padding:56px 0 24px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.site-ft .logo b{color:var(--pk)}.site-ft .logo small{color:#f1dfe9}
.ft-about{margin:14px 0;font-size:14.5px;max-width:30em}
.ft-h{font:800 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pk);margin-bottom:14px}
.site-ft li{padding:5px 0;font-size:14.5px}.site-ft a:hover{color:var(--pk)}
.ft-soc{display:flex;gap:14px}
.ft-bot{margin-top:40px;padding-top:18px;border-top:2px dashed #5b3a52;font-size:13.5px;color:#d9bfcd}

@media (max-width:1100px){.dgrid,.prgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.pgrid,.plans,.bgrid,.bgrid3,.spgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.newsl-in{grid-template-columns:1fr}.ptn{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.dgrid,.prgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pgrid,.plans,.bgrid,.bgrid3,.spgrid,.rgrid{grid-template-columns:1fr}.steps{gap:16px}.ft-grid{grid-template-columns:1fr}.ptn{grid-template-columns:repeat(2,minmax(0,1fr))}.newsl-f{flex-direction:column}.db h2,.db h3{font-size:14.5px}.df{flex-direction:column;align-items:stretch}.df .dp{text-align:center}.mrow{flex-wrap:wrap}.rcard{flex-direction:column}.rph{width:100%;border-right:0;border-bottom:2px solid var(--dk)}}
.mrow h3,.mrow h2,.db h3,.db h2,.rq,.tn h3,.steps h3,.dtags span,.site-ft li,.steps .muted,.ticks li,.rn small,.ptn span,.mrow .muted,.spgrid figcaption span,.tt-l{text-wrap:balance}
.mrow h3 a,.mrow h2 a{min-width:0}
@media (max-width:520px){.dot{width:26px;height:26px}.tag{left:6px;top:6px;font-size:10px;padding:5px 6px}.prc-b,.db{padding:10px}.dtags{font-size:12px}.pcard h3{font-size:19px}}
@media (max-width:520px){.tslot{padding:12px}.tav{width:54px;height:54px}.steps{grid-template-columns:1fr 1fr}}