/* Refinements grounded in the customer's October 8 screenshots. */
body.me-luxe { font-size:16px; }
body.me-luxe .me-header-inner { min-height:100px; gap:26px; padding-block:14px; }
body.me-luxe .me-site-brand { gap:14px; }
body.me-luxe .me-site-brand img { width:70px; height:70px; flex:0 0 70px; object-fit:contain; border-radius:50%; }
body.me-luxe .me-site-brand strong { font-size:21px; font-weight:800; }
body.me-luxe .me-site-brand small { font-size:11px; }
body.me-luxe .me-site-nav { gap:18px; }
body.me-luxe .me-site-nav a { font-size:14px; font-weight:500; }
body.me-luxe .me-icon-button { border-radius:50%; }
body.me-luxe .me-site-header { box-shadow:0 3px 16px #00000012; }
body.me-luxe #main-content { min-width:0; }
body.me-luxe .me-shell,body.me-luxe .site-page { min-width:0; }
body.me-luxe .me-hero { margin-top:22px; border-radius:18px; min-height:490px; padding:54px 46px; }
body.me-luxe .me-hero h1 { font-size:clamp(32px,3.6vw,50px); line-height:1.6; letter-spacing:-1px; margin:18px 0 20px; }
body.me-luxe .me-hero p { font-size:16px; line-height:2; max-width:510px; }
body.me-luxe .me-hero-stats { gap:18px; padding-top:20px; margin-top:20px; border-top:1px solid #ffffff24; font-size:12px; }
body.me-luxe :is(.me-section,.me-why,.me-faq-card) { padding-block:44px; }
body.me-luxe .me-section-title { align-items:center; margin-bottom:24px; }
body.me-luxe .me-section-title>div { min-width:0; }
body.me-luxe .me-section-title h2 { font-size:28px; line-height:1.65; }
body.me-luxe .me-section-title p { font-size:14px; color:var(--lux-muted); margin:6px 0 0; line-height:1.9; }
body.me-luxe .me-section-title .me-heading-label { color:var(--lux-gold); font-size:11px; font-weight:700; letter-spacing:.3px; }
/* Use a complete responsive directory rather than an overflowing desktop strip. */
body.me-luxe .me-experts-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; overflow:visible; padding:0; width:100%; transform:none!important; }
body.me-luxe .me-expert-native-slide { min-width:0; width:auto; flex:initial; height:auto; }
body.me-luxe .me-home-expert { padding:25px 20px 18px; border-radius:14px; align-items:center; text-align:center; position:relative; transition:border-color .2s,box-shadow .2s; }
body.me-luxe .me-home-expert:hover { border-color:var(--lux-gold); box-shadow:0 8px 24px #00000018; }
body.me-luxe .me-home-expert>img { width:112px; height:112px; margin:0 0 18px; object-fit:cover; border-radius:50%; border:1px solid var(--lux-line); }
body.me-luxe .me-home-expert h3 { font-size:18px; margin:0 0 7px; width:100%; overflow-wrap:anywhere; line-height:1.75; }
body.me-luxe .me-home-expert>p { font-size:13px; margin:0 0 16px; line-height:1.9; color:var(--lux-muted); min-height:50px; }
body.me-luxe .me-home-expert .me-verified { font-size:11px; margin:0 0 16px; padding:5px 10px; border-radius:6px; color:var(--lux-muted); background:var(--lux-soft); }
body.me-luxe .me-home-expert.is-verified .me-verified { color:var(--lux-gold); }
body.me-luxe .me-expert-foot { width:100%; justify-content:center; color:var(--lux-muted); font-size:11px; gap:8px; margin:0; padding:12px 0; margin-top:auto; }
body.me-luxe .me-expert-foot b { font-weight:500; }
body.me-luxe .me-expert-profile-link { width:100%; color:var(--lux-gold); font-weight:700; font-size:12px; border-top:1px solid var(--lux-line); padding:12px 0 0; display:flex; justify-content:center; gap:10px; align-items:center; }
body.me-luxe .me-experts-slider .me-slider-controls { display:none!important; }
body.me-luxe .me-services-wrapper { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; overflow:visible; padding:0; transform:none!important; }
body.me-luxe .me-services-slider .swiper-slide { width:auto!important; min-width:0; }
body.me-luxe .me-service-card { text-align:start; border:1px solid var(--lux-line); border-radius:12px; padding:22px; min-height:205px; background:var(--lux-surface); }
body.me-luxe .me-service-thumb { background:none; height:48px; width:48px; margin:0 0 16px; overflow:visible; }
body.me-luxe .me-service-thumb img { display:none; }
body.me-luxe .me-service-icon { position:static; display:flex; align-items:center; justify-content:flex-start; color:var(--lux-gold); font-size:32px; background:none; width:48px; height:48px; border:0; box-shadow:none; }
body.me-luxe .me-service-card h3 { font-size:16px; margin-bottom:10px; }
body.me-luxe .me-service-card p { font-size:13px; }
body.me-luxe .me-service-card button { padding:12px 0 0; text-align:start; font-weight:700; }
body.me-luxe .me-services-slider .me-slider-controls { display:none!important; }
body.me-luxe :is(.me-home-articles,.blog-grid,.product-grid) { gap:22px; }
body.me-luxe :is(.me-home-article-card,.blog-card,.product-card,.me-home-shop-card) { border-radius:14px; }
body.me-luxe .me-home-article-body p { font-size:14px; line-height:2; }
body.me-luxe .me-home-article-body h3 { line-height:1.9; }
body.me-luxe .me-home-article-body small { font-size:11px; }
body.me-luxe .me-conversion-card h3 { font-size:16px; line-height:1.8; }
body.me-luxe .me-conversion-card p { line-height:2; font-size:13px; }
body.me-luxe .me-site-footer::before { content:none; }
body.me-luxe .me-footer-main { gap:30px; }
body.me-luxe .me-site-footer .me-site-brand img { width:76px; height:76px; flex-basis:76px; }
body.me-luxe .me-site-footer .me-site-brand strong { font-size:18px; }
body.me-luxe .me-site-footer :is(p,a) { font-size:13px; }
/* Avoid the inherited vertical scrollbar skin becoming a thick horizontal bar. */
body.me-luxe ::-webkit-scrollbar { width:6px; height:6px; }
body.me-luxe ::-webkit-scrollbar-thumb { background:var(--lux-line); border-radius:8px; }
body.me-luxe ::-webkit-scrollbar-track { background:transparent; }
body.me-luxe #site-loader.me-site-loader { position:fixed; inset:0; z-index:99999; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:24px; background:var(--lux-bg); color:var(--lux-text); overflow:hidden; transition:none; }
body.me-luxe #site-loader.me-site-loader[hidden] { display:none!important; }
body.me-luxe #site-loader.me-site-loader::before { content:none; }
body.me-luxe .me-loading-brand { display:flex; align-items:center; flex-direction:column; gap:18px; }
body.me-luxe .me-loading-brand img { width:104px; height:104px; object-fit:contain; border-radius:50%; }
body.me-luxe .me-loading-brand strong { font-size:22px; font-weight:800; }
body.me-luxe .me-loading-status { display:flex; gap:10px; align-items:center; font-size:13px; color:var(--lux-muted); }
body.me-luxe .me-loading-status i { color:var(--lux-gold); font-size:20px; animation:me-loader-turn .9s linear infinite; }
body.me-luxe .me-loader-dismiss { margin-top:10px; background:none; border:1px solid var(--lux-line); border-radius:8px; padding:8px 14px; font-size:12px; color:var(--lux-muted); cursor:pointer; min-height:40px; }
body.me-luxe .me-site-loader.reduce-motion i { animation:none; }
@keyframes me-loader-turn { to { transform:rotate(360deg); } }
@media(max-width:1200px) { body.me-luxe .me-header-inner { gap:16px; } body.me-luxe .me-site-nav { gap:13px; } body.me-luxe .me-site-nav a { font-size:13px; } }
@media(max-width:1000px) { body.me-luxe .me-experts-wrapper { grid-template-columns:repeat(3,minmax(0,1fr)); } body.me-luxe .me-services-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { body.me-luxe .me-experts-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } body.me-luxe .me-header-inner { min-height:80px; padding:10px 16px; gap:10px; } body.me-luxe .me-site-brand img { width:52px; height:52px; flex-basis:52px; } body.me-luxe .me-site-brand strong { font-size:16px; } body.me-luxe .me-site-brand small { display:none; } body.me-luxe .me-hero { margin-top:14px; border-radius:12px; padding:42px 26px; } }
@media(max-width:600px) { body.me-luxe .me-services-wrapper { gap:12px; } body.me-luxe .me-service-card { padding:17px; min-height:230px; } body.me-luxe .me-service-card h3 { font-size:14px; } body.me-luxe .me-service-card p { font-size:12px; } body.me-luxe .me-section-title { gap:14px; flex-wrap:wrap; } body.me-luxe .me-section-title h2 { font-size:23px; } body.me-luxe .me-section-title p { font-size:13px; } body.me-luxe .me-hero h1 { font-size:32px; letter-spacing:-.5px; } body.me-luxe .me-hero p { font-size:14px; } body.me-luxe :is(.me-section,.me-why,.me-faq-card) { padding-block:32px; } body.me-luxe .me-home-expert { padding:22px 14px 14px; } body.me-luxe .me-home-expert>img { width:96px; height:96px; } body.me-luxe .me-home-expert h3 { font-size:16px; } body.me-luxe .me-home-expert>p { font-size:12px; } body.me-luxe .me-profile-hero-card { text-align:start; } body.me-luxe .me-profile-avatar-wrap { max-width:180px; } body.me-luxe .me-site-footer .me-site-brand { align-items:center; } }
@media(max-width:440px) { body.me-luxe .me-experts-wrapper { grid-template-columns:1fr; } body.me-luxe .me-site-brand { gap:9px; } body.me-luxe .me-site-brand img { width:46px; height:46px; flex-basis:46px; } body.me-luxe .me-site-brand strong { font-size:14px; } body.me-luxe .me-hero h1 { font-size:29px; } }
@media(prefers-reduced-motion:reduce) { body.me-luxe .me-loading-status i { animation:none!important; } }
/* Editorial rhythm shares the same palette as services and shop. */
body.me-luxe .blog-hero { gap:40px; padding:40px; margin:22px 0 40px; }
body.me-luxe .blog-hero img { height:300px; object-fit:cover; object-position:left center; border-radius:12px; }
body.me-luxe .blog-hero h1 { font-size:clamp(30px,3.3vw,44px); line-height:1.7; }
body.me-luxe .blog-hero p { font-size:15px; }
body.me-luxe .blog-card .blog-body { padding:24px; }
body.me-luxe .blog-card h3 { font-size:19px; line-height:1.9; }
body.me-luxe .blog-card p { font-size:14px; line-height:2; }
body.me-luxe .blog-card:hover { border-color:var(--lux-gold); transform:translateY(-3px); box-shadow:0 8px 24px #00000014; }
body.me-luxe .blog-thumb { aspect-ratio:16/10; }
body.me-luxe .category-pill { padding:5px 10px; border-radius:6px; font-size:11px; }
body.me-luxe .blog-search { padding:24px; margin-bottom:28px; }
body.me-luxe .blog-search :is(input,select) { border-radius:8px; min-height:48px; }
body.me-luxe .article-body { font-size:17px; line-height:2.2; }
body.me-luxe .article-body blockquote { border-radius:8px; }
body.me-luxe .me-conversion-card p { font-size:14px; line-height:2; }
@media(max-width:760px) { body.me-luxe .blog-hero { padding:28px 22px; gap:24px; } body.me-luxe .blog-hero img { height:220px; } body.me-luxe .blog-card .blog-body { padding:20px; } }
@media(max-width:600px) { body.me-luxe .blog-hero { grid-template-columns:1fr; } body.me-luxe .blog-hero img { height:180px; } body.me-luxe .blog-search { padding:18px; } body.me-luxe .article-body { font-size:16px; } body.me-luxe .me-services-wrapper { grid-template-columns:1fr; } body.me-luxe .me-service-card { min-height:190px; } }
body.me-luxe .repairmans-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.me-luxe .repairman-card { border-radius:14px; padding:25px 22px 18px; display:flex; flex-direction:column; align-items:center; }
body.me-luxe .repairman-card>img { width:112px; height:112px; border-radius:50%; margin-bottom:18px; }
body.me-luxe .repairman-card h3 { font-size:18px; margin:0 0 7px; line-height:1.8; }
body.me-luxe .repairman-card>p { color:var(--lux-muted); font-size:13px; line-height:1.9; margin:0 0 16px; }
body.me-luxe .me-directory-verification { font-size:11px; color:var(--lux-muted); background:var(--lux-soft); padding:5px 10px; border-radius:6px; margin-bottom:16px; }
body.me-luxe .me-directory-verification.is-verified { color:var(--lux-gold); }
body.me-luxe .me-directory-rating { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; color:var(--lux-muted); width:100%; font-size:11px; padding:12px 0; margin-top:auto; }
body.me-luxe .me-directory-rating .stars { color:var(--lux-gold); }
body.me-luxe .me-directory-link { display:flex; align-items:center; justify-content:center; gap:10px; border-top:1px solid var(--lux-line); width:100%; padding-top:12px; color:var(--lux-gold); font-size:12px; font-weight:700; }
body.me-luxe .me-profile-avatar-wrap img { aspect-ratio:1; border-radius:50%; border:1px solid var(--lux-line); }
body.me-luxe .me-profile-avatar-wrap>span { inset:auto auto 8% 8%; border:3px solid var(--lux-surface); }
body.me-luxe .me-experts-wrapper>.me-empty,body.me-luxe .me-experts-wrapper>.swiper-slide,body.me-luxe .repairmans-grid>.me-empty { grid-column:1/-1; }
@media(max-width:900px) { body.me-luxe .repairmans-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { body.me-luxe .repairmans-grid { grid-template-columns:1fr; } body.me-luxe .me-profile-hero-card { justify-items:start; } body.me-luxe .me-profile-avatar-wrap { max-width:160px; } }
