/*
 * Theme Name:  Gloskin Id Child
 * Description: Child theme for Gloskin Id. Add your customisations here.
 * Template:    gloskin-id
 * Version:     1.0.54
 * Author:      Developer
 * Author URI:  https://developer.wordpress.org/
 * License:     MIT
 * License URI: https://opensource.org/licenses/MIT
 * Text Domain: gloskin-id-child
 */

/* Add your custom CSS overrides below. */

/* 2026-10-09 client rev point 1: home 7 Alasan */
.gloskin-home-why__media{position:static!important}
.gloskin-home-why__brand-word{font-style:normal!important}

/* 2026-10-09 client rev point 7: skincare hero */
body.gloskin-ui1 .gloskin-skincare-page .gloskin-skincare-hero__media{height:clamp(420px,58svh,560px)!important}
html body.gloskin-ui1 .gloskin-skincare-page .gloskin-skincare-hero__intro-title{font-size:clamp(1rem,4.6vw,3.2rem)!important;white-space:nowrap!important;line-height:1.12!important;letter-spacing:.02em}

/* 2026-10-09 client rev point 5: treatment hero - no diagonal glint, gradient off the face */
.gloskin-treatment-category-hero__media::before,.gloskin-treatment-category-hero__media::after{display:none!important;animation:none!important}
html body .gloskin-treatment-category-hero__overlay{background:linear-gradient(90deg,rgba(18,15,13,.55) 0%,rgba(18,15,13,.25) 22%,rgba(18,15,13,0) 38%)!important}
.gloskin-treatment-category-hero__content{text-shadow:0 1px 8px rgba(0,0,0,.45)}

/* 2026-10-09 treatment hero mobile: gradient only at the bottom, off the faces */
@media (max-width:768px){html body .gloskin-treatment-category-hero__overlay{background:linear-gradient(180deg,rgba(18,15,13,0) 0%,rgba(18,15,13,0) 56%,rgba(18,15,13,.62) 100%)!important}}

/* 2026-10-09 owner decision: hide the empty review state (no reviews yet) until real reviews exist. To re-enable, delete this rule. */
html body .gloskin-ui1-retail-review-state[data-gloskin-review-state="unrated"]{display:none!important}

/* Hanny client revisions 9-12 and article spacing, 2026-10-12. */
html body.gloskin-ui1 .gloskin-doctor-card__body{min-height:0;flex:0 0 auto}
html body.gloskin-ui1 .gloskin-doctor-card__detail{margin-top:12px;padding-top:0}
html body.gloskin-ui1 .gloskin-doctors-directory__intro h2{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.15}
html body.gloskin-ui1 .gloskin-ui1-insights-hero{min-height:0;aspect-ratio:16/9}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__slide{min-height:0;height:100%}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{min-height:0;padding:48px 0 100px;align-items:center}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__copy{max-width:650px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.12;max-width:650px;margin-bottom:18px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__excerpt{font-size:15px!important;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:580px;margin-bottom:24px}
html body.gloskin-ui1.single-post,html body.gloskin-ui1.single-post .gloskin-ui1-insight-single{background:#fff}
@media(max-width:767px){
 html body.gloskin-ui1 .gloskin-ui1-insights-hero{aspect-ratio:auto;min-height:460px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{padding:40px 0 90px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:28px!important;line-height:1.14}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__excerpt{font-size:14px!important}
}

/* White background throughout the single article. */
html body.gloskin-ui1.single-post .gloskin-ui1-insight-single__header,html body.gloskin-ui1.single-post .gloskin-ui1-insight-single__discussion,html body.gloskin-ui1.single-post .comment-respond{background:#fff!important}
/* Treatment gallery thumbnails: one horizontal scroll row. */
html body.single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 4px 12px!important;margin:0!important;scrollbar-width:thin;scroll-snap-type:x proximity}
html body.single-product .woocommerce-product-gallery .flex-control-thumbs li{float:none!important;flex:0 0 72px!important;width:72px!important;max-width:72px!important;margin:0!important;scroll-snap-align:start}
html body.single-product .woocommerce-product-gallery .flex-control-thumbs img{display:block;width:72px!important;height:72px!important;object-fit:cover;border-radius:10px}

html body.single-product .gloskin-gallery-caption { display:block; font-size:10px; line-height:1.3; text-align:center; margin-top:6px; color:#29242d; white-space:normal; font-weight:600; }

/* Treatment category search, shared by all four archives. */
.gloskin-treatment-search { margin:20px 0 32px; }
.gloskin-treatment-search label { display:block; font-weight:600; margin-bottom:8px; }
.gloskin-treatment-search__fields { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.gloskin-treatment-search input[type=search] { flex:1 1 260px; min-width:0; padding:13px 16px; border:1px solid #d8ccd0; border-radius:8px; background:#fff; color:#29242d; font-size:16px; }
.gloskin-treatment-search button { padding:13px 24px; border:0; border-radius:8px; color:#fff; background:#d80018; font-size:16px; cursor:pointer; }
.gloskin-treatment-search a { color:#b50018; }

html body.single-product .woocommerce-product-gallery__image { position:relative; }
html body.single-product .gloskin-gallery-overlay { position:absolute; z-index:3; bottom:12px; left:50%; transform:translateX(-50%); padding:7px 16px; max-width:90%; border-radius:20px; background:rgba(25,25,25,.78); color:#fff; font-size:16px; font-weight:600; line-height:1.35; white-space:nowrap; text-align:center; pointer-events:none; }
/* Client Insights reference: category top-left; copy bottom-left; three-line limits. */
html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{width:calc(100% - 80px);max-width:1120px;height:100%;min-height:0;margin-inline:auto;padding:64px 0 76px;align-items:flex-end}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__copy{position:static;width:100%;max-width:740px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{position:absolute;top:48px;left:0;margin:0;font-size:14px;padding:11px 17px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(30px,3vw,44px)!important;line-height:1.14;max-width:740px;margin:0 0 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__excerpt{font-size:16px!important;line-height:1.4;max-width:600px;margin:0 0 32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__bottom{bottom:32px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__bottom-inner{justify-content:center}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__count,html body.gloskin-ui1 .gloskin-ui1-insights-hero__side-note{display:none}
@media(max-width:767px){
 html body.gloskin-ui1 .gloskin-ui1-insights-hero{aspect-ratio:auto;height:540px;min-height:540px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{width:calc(100% - 40px);padding:88px 0 70px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{top:28px;font-size:12px;padding:9px 14px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:28px!important;line-height:1.15;margin-bottom:18px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__excerpt{font-size:14px!important;line-height:1.45;margin-bottom:24px}
 html body.gloskin-ui1 .gloskin-ui1-insights-hero__bottom{bottom:28px}
}

/* Prevent carousel focus from scrolling its clipped photo container. */
html body.gloskin-ui1 .gloskin-ui1-insights-hero{overflow:clip}
/* 2026-10-13 client rev 1: Treatment Unggulan intro max 2 lines, font unchanged. */
@media(min-width:1024px){html body.gloskin-ui1 .gloskin-home-treatments .gloskin-ui1-section-heading{max-width:1100px}html body.gloskin-ui1 .gloskin-home-treatments .gloskin-ui1-section-heading p{max-width:960px}}
/* 2026-10-13 client rev 3: Piagam & Penghargaan title on one line, font unchanged. */
@media(min-width:1024px){html body.gloskin-ui1 [data-gloskin-section="achievements"] .gloskin-ui1-section-heading{max-width:1100px}html body.gloskin-ui1 [data-gloskin-section="achievements"] .gloskin-ui1-section-heading h2{white-space:nowrap}}
/* 2026-10-13 client rev 5: Profil Dokter subtitle 2 lines, font unchanged. */
@media(min-width:1024px){html body.gloskin-ui1 .gloskin-doctors-hero__inner>p{max-width:920px!important}}

/* 2026-10-13 client rev doc6 (desktop only): Insight hero. Category chip sits right above the title, title a little bigger. Banner stays 16:9. Mobile (<=767px) unchanged. */
@media(min-width:768px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{position:static;margin:0 0 18px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(34px,3.4vw,50px)!important}
}

/* 2026-10-13 client rev doc6 (Fiki steering, desktop >=1024px only): hero banner wide ratio 2.83:1 measured from the reference screenshot (1587x560 px visible banner), title a bit larger with looser letter and line spacing. */
@media(min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero{aspect-ratio:2.83/1!important;height:auto!important;min-height:0!important}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(36px,3.7vw,56px)!important;letter-spacing:.01em!important;line-height:1.22!important}
}
/* doc6 steering (>=1024px): tighter vertical padding so the shorter banner holds tag, title, excerpt and button without overflow */
@media(min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{padding:24px 0 56px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{margin:0 0 12px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(34px,3.5vw,54px)!important;line-height:1.2!important;margin:0 0 14px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__excerpt{-webkit-line-clamp:2;margin:0 0 18px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__bottom{bottom:18px}
}
/* doc6 steering (>=1024px): full title, no ellipsis clamp */
@media(min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__copy{max-width:900px}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{display:block;-webkit-line-clamp:unset;overflow:visible;max-width:900px}
}

/* 2026-10-13 client rev doc12: treatment category pages (all widths). Description block under the hero, search first, then "Pilihan Perawatan" + count, then grid. Search bar styled like the Insight search. */
html body.gloskin-ui1 .gloskin-treatment-category-intro{padding:36px 0 0}
html body.gloskin-ui1 .gloskin-treatment-category-intro .gloskin-treatment-owner__eyebrow{display:block;margin:0 0 10px;text-transform:uppercase}
html body.gloskin-ui1 .gloskin-treatment-category-intro p{max-width:760px;margin:0;font-size:16px;line-height:1.6}
html body.gloskin-ui1 [data-gloskin-treatment-archive-results]{display:flex;flex-direction:column}
html body.gloskin-ui1 [data-gloskin-treatment-archive-results]>*{order:4}
html body.gloskin-ui1 [data-gloskin-treatment-archive-results]>.gloskin-treatment-search{order:1}
html body.gloskin-ui1 [data-gloskin-treatment-archive-results]>.gloskin-treatment-category-archive__header{order:2}
html body.gloskin-ui1 [data-gloskin-treatment-archive-results]>.gloskin-treatment-grid{order:3}
html body.gloskin-ui1 .gloskin-treatment-search{margin:24px 0 28px}
html body.gloskin-ui1 .gloskin-treatment-search__fields{gap:14px}
html body.gloskin-ui1 .gloskin-treatment-search input[type=search]{height:48px;padding:0 46px;border:1px solid transparent;border-radius:16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%2390827d' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") no-repeat 16px center;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 6px 18px rgba(73,45,37,.055);font-size:14px;color:#2c2624}
html body.gloskin-ui1 .gloskin-treatment-search button[type=submit]{height:48px;border-radius:16px}
@media(max-width:767px){html body.gloskin-ui1 .gloskin-treatment-category-intro{padding-top:24px}}
/* doc12: intro shares the archive background, tighter gap before the search */
html body.gloskin-ui1 .gloskin-treatment-category-intro{background:#f3eee5;padding-top:56px}
html body.gloskin-ui1 .gloskin-treatment-category-intro+.gloskin-treatment-category-archive{padding-top:8px}
@media(max-width:767px){html body.gloskin-ui1 .gloskin-treatment-category-intro{padding-top:36px}}
/* Doc 7 (B) + item 9: baris rating & blok ulasan PDP skincare [13 Okt 2026 WITA]. Rollback: hapus blok. */
body.single-product.gloskin-ui1--item6-pdp .woocommerce-product-rating{display:flex;align-items:center;gap:10px;margin:10px 0 4px}
body.single-product.gloskin-ui1--item6-pdp .woocommerce-product-rating .star-rating,.gloskin-ui1-reviews .star-rating{color:#f5a623;margin:0;float:none}
body.single-product.gloskin-ui1--item6-pdp .woocommerce-product-rating .woocommerce-review-link{font-size:14px;color:rgba(0,0,0,.6);text-decoration:none}
.gloskin-ui1-reviews{padding:32px 20px 8px}
.gloskin-ui1-reviews__inner{max-width:1200px;margin:0 auto;border-top:1px solid rgba(0,0,0,.1);padding-top:28px}
.gloskin-ui1-reviews__title{margin:0 0 14px;font-size:24px}
.gloskin-ui1-reviews__summary{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.gloskin-ui1-reviews__avg{font-size:32px;font-weight:700;line-height:1}
.gloskin-ui1-reviews__of{opacity:.6;margin-left:-6px}
.gloskin-ui1-reviews__count{opacity:.6;font-size:14px}
.gloskin-ui1-reviews__list{list-style:none;margin:0;padding:0}
.gloskin-ui1-reviews__item{padding:16px 0;border-top:1px solid rgba(0,0,0,.08)}
.gloskin-ui1-reviews__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}
.gloskin-ui1-reviews__head time{font-size:13px;opacity:.55;margin-left:auto}
.gloskin-ui1-reviews__item p{margin:0;line-height:1.6}
/* Doc 7 (B) fix lebar/judul blok ulasan [13 Okt 2026 WITA] */
body.single-product .gloskin-ui1-reviews{grid-column:1 / -1;width:100%;box-sizing:border-box;padding:32px 0 8px}
body.single-product .gloskin-ui1-reviews__inner{max-width:none;width:100%;margin:0;padding:28px 18px 0;box-sizing:border-box}
body.single-product .gloskin-ui1-reviews__title{font-family:inherit;text-transform:none;letter-spacing:normal;font-size:24px;font-weight:700;line-height:1.2}
body.single-product .gloskin-ui1-reviews__item{padding:16px 0}
body.single-product .gloskin-ui1-reviews__list,body.single-product .gloskin-ui1-reviews__item{margin-left:0!important;padding-left:0!important}
/* Doc 7 (B) steering Fiki 13:02: tab Details/Cara Penggunaan/Bahan Produk mengikuti referensi (tab datar, di kolom kanan bawah blok beli). [13 Okt 2026 WITA]. Rollback: hapus blok. */
@media (min-width:1041px){
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-commerce-native>div.product>.summary{grid-row:1;grid-column:2}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-commerce-native>div.product>.gloskin-ui1-retail-tabs{grid-column:2;grid-row:2;align-self:start}
}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs__list{display:flex!important;gap:8px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.1)!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow-x:auto}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs__tab{flex:0 0 auto!important;width:auto!important;background:none!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;color:rgba(42,35,44,.75)!important;font-size:14px!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important;padding:14px 16px!important;margin:0 0 -1px!important;white-space:nowrap}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs__tab.is-active{color:#2a232c!important;border-bottom-color:#2a232c!important;font-weight:600!important}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs__panel{padding:16px 0 0!important;font-size:14px!important;line-height:1.7!important}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs__prose,body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-usage-panel__body{font-size:14px!important;line-height:1.7!important;white-space:pre-line}
body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs .gloskin-ui1-product-facts{display:none!important}
@media (max-width:1040px){body.single-product.gloskin-ui1.gloskin-ui1--item6-pdp .gloskin-ui1-retail-tabs{margin-top:20px!important}}

/* Review form (13 Okt 2026) */
.gloskin-ui1-review-form{max-width:1240px;margin:0 auto;padding:0 16px 48px}
.gloskin-ui1-review-form .gloskin-ui1-reviews__inner{padding:24px 16px;border-top:1px solid #e6e1d9}
.gloskin-ui1-review-form label{display:block;font-weight:600;margin:0 0 6px}
.gloskin-ui1-review-form select,.gloskin-ui1-review-form textarea{width:100%;max-width:560px;border:1px solid #d9d3c9;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}
.gloskin-ui1-review-form .comment-form-rating,.gloskin-ui1-review-form .comment-form-comment{margin:0 0 16px}
.gloskin-ui1-review-form .form-submit input[type=submit],.gloskin-ui1-review-form__login{background:#111;color:#fff;border:0;border-radius:10px;padding:12px 28px;font:inherit;font-weight:600;cursor:pointer}
.gloskin-ui1-review-form__note{color:#6b655c;font-size:14px;margin:0 0 16px}
.gloskin-ui1-review-form .comment-reply-title small{display:none}
@media(max-width:640px){.gloskin-ui1-review-form{padding:0 8px 40px}}
.gloskin-ui1-review-form{width:100%;max-width:none;flex:0 0 100%;grid-column:1/-1;padding:0;margin:0}
.gloskin-ui1-review-form .gloskin-ui1-reviews__inner{border-top:0;padding:8px 16px 40px;max-width:none}
.gloskin-ui1-commerce-native div.product>.gloskin-ui1-review-form,body.single-product .gloskin-ui1-review-form{grid-column:1/-1!important;width:100%!important;max-width:none!important;float:none!important;clear:both}

/* Fiki 13:36 WITA: kartu "Rekomendasi Produk Lainnya" di PDP disamakan dengan kartu /skincare/. Rollback: hapus blok ini. */
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__copy,.gloskin-ui1-retail-recommendations .gloskin-ui1-wishlist-toggle{display:none!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-product-grid{gap:30px!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__media-wrap{background:transparent!important;border:1px solid transparent!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__body{padding:12px!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__title,.gloskin-ui1-retail-recommendations .gloskin-ui1-card__title a{font-family:Graphik,"Helvetica Neue",Arial,sans-serif!important;font-weight:500!important;font-size:18px!important;line-height:1.3!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__title{margin:0 0 9px!important}
.gloskin-ui1-retail-recommendations .gloskin-ui1-card__actions{margin-top:auto!important;padding:18px 0 0!important}
@media(max-width:767px){.gloskin-ui1-retail-recommendations .gloskin-ui1-card__title,.gloskin-ui1-retail-recommendations .gloskin-ui1-card__title a{font-size:15px!important}}
/* rectitle: judul kartu rekomendasi PDP lebih kecil, line-height rapat */
html body .gloskin-ui1-retail-recommendations .gloskin-ui1-product-grid .gloskin-ui1-card h3.gloskin-ui1-card__title{font-size:16px!important;line-height:1.3!important;margin:0 0 8px!important}
html body .gloskin-ui1-retail-recommendations .gloskin-ui1-product-grid .gloskin-ui1-card h3.gloskin-ui1-card__title a{font-size:16px!important;line-height:1.3!important}
@media(max-width:767px){html body .gloskin-ui1-retail-recommendations .gloskin-ui1-product-grid .gloskin-ui1-card h3.gloskin-ui1-card__title,html body .gloskin-ui1-retail-recommendations .gloskin-ui1-product-grid .gloskin-ui1-card h3.gloskin-ui1-card__title a{font-size:14px!important;line-height:1.3!important}}
/* buyblock: stepper + tombol PDP selaras (tinggi 48, radius 8) */
html body.single-product form.cart[data-gloskin-inline-retail-ready]{display:grid!important;grid-template-columns:132px 1fr 1fr!important;gap:12px!important;align-items:stretch!important;max-width:560px!important}
html body.single-product form.cart[data-gloskin-inline-retail-ready] .quantity{grid-column:1!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;width:132px!important;height:48px!important;min-height:0!important;margin:0!important;padding:0 4px!important;border:1px solid currentColor!important;border-color:rgba(26,22,24,.25)!important;border-radius:8px!important;box-sizing:border-box!important;background:#fff!important}
html body.single-product form.cart[data-gloskin-inline-retail-ready] .quantity .gloskin-qty-btn{flex:0 0 36px!important;width:36px!important;height:44px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:18px!important;line-height:1!important}
html body.single-product form.cart[data-gloskin-inline-retail-ready] .quantity input.qty{flex:1 1 auto!important;width:44px!important;min-width:0!important;height:44px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;font-size:16px!important}
html body.single-product form.cart[data-gloskin-inline-retail-ready] .single_add_to_cart_button,html body.single-product form.cart[data-gloskin-inline-retail-ready] .gloskin-ui1-retail-buy-now{grid-column:auto!important;width:100%!important;min-width:0!important;height:48px!important;min-height:0!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
@media(max-width:767px){html body.single-product form.cart[data-gloskin-inline-retail-ready]{grid-template-columns:1fr 1fr!important;max-width:none!important}html body.single-product form.cart[data-gloskin-inline-retail-ready] .quantity{grid-column:1 / -1!important;justify-self:start!important}}
/* pdpactions: Wishlist + Bagikan jadi pill di tengah */
html body.single-product .gloskin-ui1-pdp-actions{justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;padding:14px 0 4px!important}
html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:44px!important;padding:0 20px!important;border:1px solid rgba(26,22,24,.28)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 2px 10px rgba(26,22,24,.07)!important;font-size:15px!important;font-weight:500!important;line-height:1!important;color:#1a1618!important;cursor:pointer!important;transition:border-color .18s,box-shadow .18s,transform .18s,color .18s!important}
html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn:hover{border-color:#d3001b!important;color:#d3001b!important;box-shadow:0 6px 18px rgba(26,22,24,.12)!important;transform:translateY(-1px)!important}
html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn:focus-visible{outline:2px solid #d3001b!important;outline-offset:2px!important}
html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn[aria-pressed="true"]{border-color:#d3001b!important;color:#d3001b!important}
html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn svg{flex:0 0 auto!important}
@media(max-width:767px){html body.single-product .gloskin-ui1-pdp-actions .gloskin-ui1-pdp-actions__btn{height:42px!important;padding:0 16px!important;font-size:14px!important}}
/* cysteing: daftar bahan Cyste per baris */
body.postid-989276 [data-gloskin-retail-panel="ingredients"] .gloskin-ui1-retail-tabs__prose{white-space:pre-line!important}
/* recgap: jarak Tulis Ulasan -> Rekomendasi dirapatkan ~50% */
html body .gloskin-ui1-retail-recommendations{margin-top:42px!important;padding-top:36px!important}
@media(max-width:767px){html body .gloskin-ui1-retail-recommendations{margin-top:28px!important;padding-top:24px!important}}

/* DEV 13 Okt 2026: foto Dokter Spesialis Gizi (produk 988879) - wajah tidak terpotong, object-position center top. Scoped. */
body.postid-988879 .woocommerce-product-gallery img.wp-post-image,
body.postid-988879 .woocommerce-product-gallery .zoomImg,
.gloskin-treatment-card:has(a[href*="/product/dokter-spesialis-gizi/"]) .gloskin-treatment-card__image {
  object-position: center top !important;
}

/* DEV 13 Okt 2026: kotak foto PDP Dokter Spesialis Gizi (produk 988879) rasio potret 4:5 di semua lebar agar kepala+bahu terlihat. Scoped. */
html body.postid-988879.single-product .woocommerce-product-gallery__image,
html body.postid-988879.single-product .woocommerce-product-gallery__image > a {
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  max-height: none !important;
}
html body.postid-988879.single-product .woocommerce-product-gallery__image img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* 2026-10-13 revisi doc 6 (Hero Insight, desktop saja): banner 16:9, label dekat judul, judul sedikit lebih besar. Mobile tidak disentuh. */
@media (min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{margin:0 0 6px!important}
html body.gloskin-ui1 .gloskin-ui1-insights-hero__title{font-size:clamp(38px,3.85vw,60px)!important;line-height:1.16!important}
}

/* 2026-10-13 revisi doc 6 lanjutan: blok konten Hero Insight di tengah vertikal (desktop saja). */
@media (min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__inner{align-items:center!important;padding:24px 0 56px!important}
}

/* 2026-10-13 revisi doc 6 lanjutan 2: tinggi hero Insight dibatasi = tinggi layar - header (72px) agar banner + dots pas satu layar (desktop saja). */
@media (min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero{max-height:calc(100vh - 72px)!important}
}

/* 2026-10-13 revisi doc 6 lanjutan 3: (desktop) lebar hero tetap 100% saat tinggi dibatasi; (mobile <=767) pill kategori didekatkan ke judul. */
@media (min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero{width:100%!important}
}
@media (max-width:767px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{position:static!important;margin:0 0 10px!important}
}

/* 2026-10-13 Gizi PDP: lebar foto dibatasi di 768-1049 (satu kolom) dan sudut foto dipotong rapi di dalam border. Scoped produk 988879. */
@media (min-width:768px) and (max-width:1049px){
html body.postid-988879.single-product .woocommerce-product-gallery{width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important;float:none!important}
}
html body.postid-988879.single-product .woocommerce-product-gallery{overflow:hidden!important}
html body.postid-988879.single-product .woocommerce-product-gallery__image,
html body.postid-988879.single-product .woocommerce-product-gallery__image > a,
html body.postid-988879.single-product .woocommerce-product-gallery__image img.wp-post-image{border-radius:27px!important;overflow:hidden!important}

/* 2026-10-13 Gizi PDP desktop (>=1050): batas tinggi galeri dilepas agar foto 4:5 utuh di dalam border dan pill label di dasar foto terlihat (sebelumnya foto 798px terpotong di kotak 590px). Scoped produk 988879. */
@media (min-width:1050px){
html body.postid-988879.single-product .woocommerce-product-gallery{max-height:none!important;height:auto!important}
html body.postid-988879.single-product .woocommerce-product-gallery__wrapper{max-height:none!important;height:auto!important}
}

/* revisi doc 12 (DEV): search bar kategori treatment disamakan dengan search Insight (kapsul + ikon + font Gloskin; label dan tombol Cari disembunyikan, filter saat mengetik via JS di functions.php). */
html body .gloskin-treatment-search { display: block; margin: 0 0 24px; padding: 10px; background: rgba(255, 253, 250, 0.78); border: 1px solid rgba(226, 211, 203, 0.72); border-radius: 25px; box-shadow: 0 16px 50px rgba(76, 47, 39, 0.08); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
html body .gloskin-treatment-search > label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html body .gloskin-treatment-search__fields { display: block; position: relative; }
html body .gloskin-treatment-search__fields button { display: none; }
html body .gloskin-treatment-search__fields input[type="search"] { display: block; width: 100%; height: 48px; margin: 0; padding: 0 46px; box-sizing: border-box; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%2390827d' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 16px center; background-size: 17px 17px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 6px 18px rgba(73, 45, 37, 0.055); font-family: Figtree, "Helvetica Neue", Arial, sans-serif; font-size: 12.5px; color: #2c2624; -webkit-appearance: none; appearance: none; }
html body .gloskin-treatment-search__fields input[type="search"]::placeholder { color: #ab9e99; font-family: Figtree, "Helvetica Neue", Arial, sans-serif; opacity: 1; }
html body .gloskin-treatment-search__fields input[type="search"]:focus { outline: 2px solid rgba(216, 0, 24, 0.35); outline-offset: 2px; }

/* revisi doc 12 lanjutan (DEV): judul kategori di atas deskripsi; baris "Pilihan Perawatan | Menampilkan N dari M" satu baris tanpa garis. */
html body .gloskin-treatment-category-intro .gloskin-treatment-category-title { margin: 0 0 20px; font-family: "Felix Titling", Georgia, "Times New Roman", serif; font-size: 62px; line-height: 62px; letter-spacing: 0.62px; font-weight: 400; text-transform: none; color: rgb(37, 33, 29); }
html body .gloskin-treatment-category-archive__header { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0; align-items: center; }
@media (max-width: 767px) { html body .gloskin-treatment-category-intro .gloskin-treatment-category-title { font-size: 38px; line-height: 38px; letter-spacing: 0.38px; margin-bottom: 16px; } html body .gloskin-treatment-category-archive__header { margin-bottom: 16px; } }
@media (max-width: 767px) { html body .gloskin-treatment-category-archive__header { flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; text-align: left; } html body .gloskin-treatment-category-archive__header > div { flex: 0 0 auto; } html body .gloskin-treatment-category-archive__header .gloskin-treatment-category-archive__count { margin: 0; text-align: right; font-size: 12px; } }
@media (max-width: 767px) { html body .gloskin-treatment-category-archive__header .gloskin-treatment-category-archive__count { flex: 1 1 0; min-width: 0; font-size: 11px; line-height: 1.3; } html body .gloskin-treatment-category-archive__header > div { flex: 0 0 auto; } }
/* 2026-10-13 revisi baru: (1) judul PDP Botox kapital (hanya produk 988417); (2) pill kategori hero Insight digeser 56px ke atas (desktop >=1024, semua slide), judul/teks/tombol tetap. */
html body.single-product.postid-988417 .product_title{text-transform:uppercase!important}
@media (min-width:1024px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero__tag{position:relative!important;top:-56px!important}
}
/* 2026-10-13 revisi mobile: hero Insight (<=767) tinggi dikurangi 540 -> 430 supaya gap kosong di atas pill/judul/deskripsi/tombol berkurang ~110px. Desktop tidak berubah. */
@media (max-width:767px){
html body.gloskin-ui1 .gloskin-ui1-insights-hero{height:430px!important;min-height:0!important}
}

/* [2026-10-14 12:30 WITA] footer column titles: Graphik Medium (500) - ALAMAT/JAM OPERASIONAL KLINIK UTAMA, LAYANAN, INFORMASI, JARINGAN KLINIK. Remove this block to roll back. */
body .gloskin-ui1-footer__info-label,body .gloskin-ui1-footer__nav-group h3,body .gloskin-ui1-footer__clinic-group h3{font-family:Graphik,"Helvetica Neue",Arial,sans-serif !important;font-weight:500 !important}
/* end footer font */

/* revisi-2 #1 skincare product card: name Graphik Regular 400 + price/button aligned across cards in a row (subgrid) [2026-10-14 WITA] - remove this block to roll back */
body .gloskin-skincare-page .gloskin-ui1-card__title,body .gloskin-skincare-page .gloskin-ui1-card__title a{font-family:Graphik,"Helvetica Neue",Arial,sans-serif !important;font-weight:400 !important}
body .gloskin-skincare-page .gloskin-skincare-product-grid>.gloskin-skincare-product-card{display:grid !important;grid-row:span 4;grid-template-rows:subgrid;row-gap:0 !important}
body .gloskin-skincare-page .gloskin-skincare-product-card>.gloskin-ui1-card--product{display:grid !important;grid-row:span 4;grid-template-rows:subgrid;row-gap:0 !important}
body .gloskin-skincare-page .gloskin-skincare-product-card .gloskin-ui1-card--product .gloskin-ui1-card__body{display:grid !important;grid-row:span 3;grid-template-rows:subgrid;row-gap:0 !important;align-content:start}
body .gloskin-skincare-page .gloskin-skincare-product-card .gloskin-ui1-card__copy{display:none !important}
/* end revisi-2 #1 */

/* revisi-2 #3 hide intro text under "Jaringan Cabang" title (About page) [2026-10-14 WITA] - remove this block to roll back; text itself still in plugin template, not deleted */
body .gloskin-about-branches .gloskin-about-section-head>p{display:none !important}
/* end revisi-2 #3 */

/* revisi-2 #2 share popup styles (Bagikan Artikel / Bagikan Produk) [2026-10-14 WITA] - remove this block to roll back */
html.gloskin-share-open{overflow:hidden}
.gloskin-share-modal[hidden]{display:none !important}
.gloskin-share-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Graphik,"Helvetica Neue",Arial,sans-serif}
.gloskin-share-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.gloskin-share-modal__dialog{position:relative;width:100%;max-width:440px;background:#fff;border-radius:20px;padding:28px 24px 22px;box-shadow:0 20px 60px rgba(0,0,0,.25);color:#111}
.gloskin-share-modal__close{position:absolute;top:10px;right:14px;width:36px;height:36px;border:0;background:transparent;font-size:28px;line-height:1;color:#555;cursor:pointer}
.gloskin-share-modal__title{margin:0 0 20px;font-family:Graphik,"Helvetica Neue",Arial,sans-serif !important;font-weight:500 !important;font-size:20px !important;line-height:1.3 !important;text-align:center;text-transform:none;letter-spacing:0}
.gloskin-share-modal__list{list-style:none;margin:0 0 20px;padding:0;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.gloskin-share-modal__item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#111;font-size:12px}
.gloskin-share-modal__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#f3f3f3;color:#111;transition:background .15s,color .15s}
.gloskin-share-modal__item:hover .gloskin-share-modal__icon,.gloskin-share-modal__item:focus-visible .gloskin-share-modal__icon{background:#c8102e;color:#fff}
.gloskin-share-modal__copy{display:flex;gap:8px;align-items:stretch}
.gloskin-share-modal__input{flex:1;min-width:0;height:44px;border:1px solid #ddd;border-radius:12px;padding:0 12px;font-size:14px;color:#333;background:#fafafa}
.gloskin-share-modal__copybtn{height:44px;padding:0 18px;border:0;border-radius:12px;background:#c8102e;color:#fff;font-size:14px;font-weight:500;cursor:pointer}
.gloskin-share-modal__status{margin:8px 0 0;min-height:18px;text-align:center;font-size:12px;color:#666}
/* end revisi-2 #2 styles */

/* revisi-2 #2 fix: 5 icons fit one row on mobile [2026-10-14 WITA] - remove this block to roll back */
@media (max-width:480px){.gloskin-share-modal__dialog{padding:28px 16px 22px}.gloskin-share-modal__list{gap:8px;flex-wrap:nowrap}.gloskin-share-modal__icon{width:48px;height:48px}.gloskin-share-modal__item{font-size:11px}}
/* end revisi-2 #2 fix */

/* revisi-2 footer titles Bold 700 (Graphik Bold) [2026-10-14 WITA] - remove this block to go back to Medium 500 */
html body .gloskin-ui1-footer__info-label,html body .gloskin-ui1-footer__nav-group h3,html body .gloskin-ui1-footer__clinic-group h3{font-family:Graphik,"Helvetica Neue",Arial,sans-serif !important;font-weight:700 !important}
/* end revisi-2 footer bold */