:root{--ibeautycard-newdesign-pink:#e94b78;--ibeautycard-newdesign-blush:#fff1f4;--ibeautycard-newdesign-black:#111113;--ibeautycard-newdesign-copy:#28252a;--ibeautycard-newdesign-line:#eee5e8;--ibeautycard-newdesign-max:1180px}
body{color:var(--ibeautycard-newdesign-copy);background:#fff}.shell{width:min(var(--ibeautycard-newdesign-max),calc(100% - 32px))}
header{position:relative;border-bottom:1px solid #f0e8ea;background:#fff;backdrop-filter:none}.nav{height:64px;gap:24px}.brand-mark{width:35px;height:35px;border-radius:3px;color:var(--ibeautycard-newdesign-pink);background:#fff;border:1px solid #d7c4ca;box-shadow:none}.brand b{font-family:Georgia,serif;font-size:18px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.brand small{color:#b08b96;font-size:7px}.nav-links{display:none}.nav-actions .brand-btn,.hero-ctas .brand-btn,.search-btn{border-radius:4px;background:var(--ibeautycard-newdesign-pink);box-shadow:none}.nav-actions .brand-btn{min-height:36px;padding:0 18px}.nav-actions .brand-btn:after{content:'Sign Up';font-size:11px}.nav-actions .brand-btn{font-size:0}.nav-actions .outline-btn{border:0;background:transparent}.nav-actions .outline-btn:after{content:'Log In';font-size:11px}.nav-actions .outline-btn{font-size:0}
.hero{padding:0;background:linear-gradient(90deg,#fff8f9 0%,#f8d9d5 48%,#ebc4bb 100%);overflow:hidden}.hero:after{display:none}.hero-grid{grid-template-columns:42% 58%;min-height:342px;gap:0}.hero-copy{z-index:3;padding:34px 0}.eyebrow{padding:0;border:0;border-radius:0;color:#bc607b;background:transparent;font-size:9px;letter-spacing:.09em}.hero h1{margin:8px 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(43px,5vw,64px);font-weight:600;line-height:.92;letter-spacing:-.035em}.hero h1 span{color:var(--ibeautycard-newdesign-pink);font-style:italic}.hero-copy>p{max-width:390px;color:#453e43;font-size:12px;line-height:1.55}.hero-ctas{display:flex;gap:10px;margin-top:15px}.hero-ctas a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 20px;text-decoration:none;font-size:10px;font-weight:800}.hero-ctas .brand-btn{color:#fff}.hero-ctas .outline-btn{border:1px solid #ce9eaa;border-radius:4px;color:#8c4358;background:rgba(255,255,255,.75)}.hero-points{gap:24px;margin-top:15px}.hero-points span{max-width:82px;color:#4f454a;font-size:8px;line-height:1.2}.hero-points .icon{width:18px;height:18px;color:#2a2629}.showcase{min-height:342px}.hero-photo{position:absolute;inset:0 22% 0 0;background:url('hero-model.png') center 18%/cover no-repeat}.hero-card-promo{position:absolute;right:2%;top:24px;width:185px;height:286px;border-radius:8px;object-fit:cover;object-position:center;box-shadow:0 12px 28px rgba(32,17,22,.25)}
.directory-wrap{margin-top:-20px}.directory{padding:10px;border:0;border-radius:9px;background:var(--ibeautycard-newdesign-black);box-shadow:0 12px 30px rgba(18,12,14,.22)}.tabs{position:absolute;left:12px;bottom:100%;display:flex;width:auto;margin:0;padding:0;background:transparent}.tab{height:25px;padding:0 13px;border-radius:5px 5px 0 0;color:#fff;background:#27272a;font-size:8px}.tab.active{background:var(--ibeautycard-newdesign-black);box-shadow:none}.search-row{grid-template-columns:minmax(0,1.15fr) minmax(190px,.65fr) 110px}.search-box,.location-box{height:45px;border-radius:4px;background:#fff}.search-btn{min-width:110px}.popular{margin-top:8px}.popular-label{color:#d7c9cd}.popular button{min-height:27px;border-color:#343438;color:#ddd;background:#222225;font-size:8px}.popular button:hover{border-color:var(--ibeautycard-newdesign-pink);color:#fff;background:#3b2029}
main{padding:28px 0 72px}.section-head{margin-top:14px}.section-head h2{font-family:Georgia,serif;font-size:23px}.section-head p{font-size:10px}.link-btn{color:var(--ibeautycard-newdesign-pink)}.profile-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}.profile{border-color:#efe7e9!important;border-radius:5px!important;box-shadow:0 4px 14px rgba(52,31,38,.07)!important}.profile:before{height:2px!important;background:var(--ibeautycard-newdesign-pink)!important}.profile-media{aspect-ratio:1.38!important}.profile-body{padding:0 9px 10px!important}.profile-avatar{display:none!important}.profile-body h3{margin-top:8px!important;font-size:11px!important}.profile-description,.profile-connect,.profile-actions,.profile-utility,.profile-foot{font-size:8px!important}.type-badge{border-radius:3px!important;color:var(--ibeautycard-newdesign-pink)!important}.view-card,.profile-action.primary{background:var(--ibeautycard-newdesign-pink)!important;border-color:var(--ibeautycard-newdesign-pink)!important}.client-note{display:none}footer{border-top:1px solid var(--ibeautycard-newdesign-line);background:#fff}.copyright{color:#8a7a7f}
@media(max-width:980px){.hero-grid{grid-template-columns:48% 52%}.hero-card-promo{display:none}.hero-photo{inset:0}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){header{position:sticky}.nav{height:58px}.brand b{font-size:15px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:34px 0 24px}.hero h1{font-size:48px}.showcase{min-height:260px;margin:0 -16px}.hero-photo{background-position:center}.hero-card-promo,.hero-card-copy{display:none}.directory-wrap{margin-top:0;width:100%}.directory{border-radius:0;padding:12px}.tabs{position:static;margin-bottom:8px}.tab{flex:1;height:32px;border-radius:4px}.search-row{grid-template-columns:1fr}.search-box,.location-box,.search-btn{width:100%;height:45px}.popular{padding-bottom:2px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-head{align-items:flex-start}.section-head p{max-width:230px}.mobile-nav{border-top-color:#eadde1}.mobile-nav button.active{color:var(--ibeautycard-newdesign-pink)}}
@media(max-width:420px){.shell{width:calc(100% - 22px)}.hero h1{font-size:42px}.hero-copy>p{font-size:11px}.hero-points{gap:12px}.showcase{min-height:220px}.profile-grid{gap:8px!important}.profile-body{padding:0 7px 8px!important}.profile-body h3{font-size:10px!important}}

/* v4.1 clean rebuild: balanced hero, compact search and category rail. */
body{background:#fff}.shell{width:min(1180px,calc(100% - 40px))}header .nav{height:68px}.brand-mark{width:38px;height:38px}.nav-actions{gap:12px}.nav-actions .icon-btn{width:40px;height:40px;border-radius:10px}.nav-actions .outline-btn,.nav-actions .brand-btn{min-height:40px}
.hero{min-height:420px;background:#f8d5d4}.hero-grid{position:relative;display:block;min-height:420px}.hero-copy{position:relative;z-index:4;width:44%;padding:54px 0 95px}.hero .eyebrow{font-size:10px;font-weight:800}.hero h1{margin:12px 0 14px;font-size:clamp(48px,4.5vw,64px);line-height:.94}.hero-copy>p{max-width:390px;font-size:13px;line-height:1.55}.hero-ctas{margin-top:18px}.hero-ctas a{min-height:42px;padding:0 20px;border-radius:6px}.hero-points{gap:26px;margin-top:19px}.hero-points span{max-width:92px;font-size:9px}.hero .showcase{position:absolute;inset:0 calc((1180px - 100vw)/2) 0 38%;min-height:420px;margin:0}.hero-photo{position:absolute;inset:0;background:url('ibeautycard-hero-v2.png') center/cover no-repeat}.hero-card-promo{right:max(28px,calc((100vw - 1180px)/2));top:68px;width:172px;height:265px;border:6px solid rgba(255,255,255,.25);border-radius:12px;box-shadow:0 18px 45px rgba(48,22,30,.24)}
.directory-wrap{z-index:20;margin-top:-36px}.directory{padding:10px;border:1px solid #262327;border-radius:12px;background:#111113;box-shadow:0 18px 42px rgba(34,24,27,.2)}.tabs{position:static;display:flex;width:max-content;margin:0 0 8px;padding:0;background:transparent}.tab{height:29px;padding:0 13px;border-radius:6px;color:#ddd;background:#28272a}.tab+.tab{margin-left:5px}.tab.active{color:#fff;background:#e94b78}.search-row{grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr) 118px;gap:8px}.search-box,.location-box{height:48px;border:1px solid #ebe4e7;border-radius:7px}.search-btn{height:48px;min-width:118px;border-radius:7px}.popular{margin-top:8px}.popular button{min-height:28px}
.ibeautycard-newdesign-services{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;padding:18px 0 12px}.ibeautycard-newdesign-services button{display:grid;place-items:center;gap:7px;min-width:0;padding:8px 3px;border:0;color:#4b4146;background:transparent;font-size:9px;font-weight:750;cursor:pointer}.ibeautycard-newdesign-services button span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #efdfe4;border-radius:50%;color:#c73d67;background:#fff5f7;font-family:Georgia,serif;font-size:18px;transition:.18s}.ibeautycard-newdesign-services button:hover span{color:#fff;background:#e94b78;transform:translateY(-2px)}main{padding-top:18px}.section-head h2{font-size:25px}
@media(max-width:1050px){.hero-copy{width:47%}.hero .showcase{left:42%}.hero-card-promo{right:20px;width:145px;height:224px}.ibeautycard-newdesign-services{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){.shell{width:calc(100% - 24px)}.hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy{width:100%;padding:38px 0 28px}.hero h1{font-size:48px}.hero .showcase{position:relative;inset:auto;width:calc(100% + 24px);min-height:300px;margin:0 -12px}.hero-photo{background-position:63% center}.hero-card-promo{right:15px;top:34px;width:112px;height:173px}.directory-wrap{width:100%;margin-top:0}.directory{border-radius:0}.tabs{width:100%}.tab{flex:1}.search-row{grid-template-columns:1fr}.search-btn{width:100%}.ibeautycard-newdesign-services{grid-template-columns:repeat(5,1fr);gap:3px;padding:13px 6px;overflow-x:auto}.ibeautycard-newdesign-services button span{width:42px;height:42px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.hero-copy{padding-top:30px}.hero h1{font-size:42px}.hero-ctas{display:grid;grid-template-columns:1fr 1fr}.hero-ctas a{padding:0 10px;text-align:center}.hero-points{justify-content:space-between;gap:6px}.hero .showcase{min-height:245px}.hero-card-promo{width:94px;height:145px}.ibeautycard-newdesign-services{grid-template-columns:repeat(4,1fr)}.ibeautycard-newdesign-services button:nth-child(n+9){display:none}}

/* v4.2 speed and mobile refinement */
.hero-photo{background-image:url('ibeautycard-hero-v2.webp')}
@media(max-width:760px){header .nav{height:60px}.brand-mark{width:34px;height:34px}.brand-text strong{font-size:15px}.nav-actions{gap:6px}.nav-actions .icon-btn{width:36px;height:36px}.hero-copy{padding:28px 0 22px;text-align:center}.hero .eyebrow{font-size:8px}.hero h1{margin:9px 0 10px;font-size:clamp(38px,12vw,48px);line-height:.91}.hero-copy>p{max-width:340px;margin-right:auto;margin-left:auto;font-size:11px}.hero-ctas{justify-content:center;margin-top:14px}.hero-points{justify-content:center;margin-top:14px}.hero .showcase{min-height:235px}.hero-photo{background-position:60% 24%}.hero-card-promo{top:24px;right:12px;width:88px;height:136px;border-width:4px}.directory{padding:8px 10px 10px}.search-row{gap:7px}.search-box,.location-box,.search-btn{height:43px}.popular{overflow-x:auto;white-space:nowrap}.popular::-webkit-scrollbar{display:none}.ibeautycard-newdesign-services{display:flex;gap:4px;padding:11px 8px 8px;overflow-x:auto;scroll-snap-type:x proximity}.ibeautycard-newdesign-services button{flex:0 0 64px;scroll-snap-align:start}.ibeautycard-newdesign-services button span{width:40px;height:40px}.profile-grid{grid-template-columns:1fr!important;gap:14px}.section-head h2{font-size:21px}}
@media(max-width:480px){.shell{width:calc(100% - 20px)}.brand-text small{display:none}.hero-copy{padding-top:24px}.hero h1{font-size:39px}.hero-ctas{grid-template-columns:1fr;gap:7px;max-width:280px;margin-right:auto;margin-left:auto}.hero-ctas a{min-height:39px}.hero-points span{font-size:7px}.hero .showcase{width:calc(100% + 20px);min-height:210px;margin-right:-10px;margin-left:-10px}.hero-card-promo{width:76px;height:117px}.directory-wrap{position:relative;z-index:30}.directory{border-radius:0 0 12px 12px}.search-box input{font-size:11px}.ibeautycard-newdesign-services button:nth-child(n+9){display:grid}main{padding-top:10px}}

/* v4.3: guaranteed mobile hero image and readable mobile typography */
.hero-mobile-image{display:none}
@media(max-width:760px){body{font-size:16px}.hero .showcase{display:block!important;position:relative!important;min-height:300px!important;background:#efb9b8}.hero-photo{display:none!important}.hero-mobile-image{display:block;width:100%;height:300px;object-fit:cover;object-position:65% center}.hero-card-promo{display:block!important;z-index:3;top:28px;right:14px;width:105px;height:162px}.hero .eyebrow{font-size:11px}.hero h1{font-size:clamp(44px,13vw,54px)}.hero-copy>p{max-width:390px;font-size:15px;line-height:1.6}.hero-ctas a{min-height:46px;font-size:13px}.hero-points span{max-width:104px;font-size:11px;line-height:1.35}.tab{height:38px;font-size:12px}.search-box,.location-box,.search-btn{height:50px}.search-box input,.location-box,.search-btn{font-size:14px}.popular-label,.popular button{font-size:11px}.popular button{min-height:34px;padding:0 12px}.filter-toggle,.filter-summary{font-size:11px}.ibeautycard-newdesign-services button{flex-basis:78px;font-size:11px}.ibeautycard-newdesign-services button span{width:48px;height:48px;font-size:20px}.section-head h2{font-size:25px}.section-head p{display:block;font-size:13px}.profile-body h3{font-size:18px!important}.role,.meta,.profile-description,.profile-connect,.profile-actions,.profile-utility,.profile-foot{font-size:12px!important}.profile-action,.view-card,.flyer-btn{min-height:42px;font-size:11px!important}.type-badge{font-size:10px}.mobile-nav button{font-size:10px}}
@media(max-width:480px){.hero-copy{text-align:left}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-ctas{max-width:none}.hero-points{justify-content:flex-start}.hero .showcase,.hero-mobile-image{height:260px;min-height:260px!important}.hero-mobile-image{object-position:67% center}.hero-card-promo{top:22px;width:88px;height:136px}.directory{padding:10px}.section-head h2{font-size:23px}}