/* Full-width customer pages and one shared account/country header. */
body>header.beauty-header,body>main,body>footer{max-width:none;width:100%;margin-left:0;margin-right:0}
body>header.beauty-header{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:16px clamp(16px,3vw,48px);border-radius:0;border-bottom:1px solid #e2e7e9}
.beauty-header>.brand{order:0;flex:0 0 auto}.beauty-header .brand-logo{width:148px}
.beauty-country{order:1;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap;margin-right:12px}.beauty-country img{display:block;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px #00000018}
.beauty-header>button{order:2;flex:0 0 auto;margin:0;font-size:13px;padding:11px 14px}
.beauty-header>.beauty-account{order:3;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;font-size:12px;min-width:0}
.beauty-account form{margin:0;display:inline-flex}.beauty-account button,.beauty-account .beauty-signin,.beauty-account .beauty-all-apps{font-size:12px;min-height:40px;padding:10px 12px;border:1px solid #d8c5e9;border-radius:10px;background:#f2eaf8;color:#5c3c76;display:inline-flex;align-items:center}
.beauty-signed-in{max-width:230px;overflow-wrap:anywhere}.beauty-account .beauty-all-apps{background:#edf8f3;border-color:#cce5da;color:#315c50}
body>main{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}body>footer{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}body>.bottomnav{width:100%;max-width:none;border-radius:0}
#app>.locationline{display:none}
@media(min-width:1000px){.hero{height:clamp(260px,23vw,400px)}.hero .copy{padding:clamp(30px,4vw,64px)}.hero h1{font-size:clamp(44px,4vw,64px)}.categories .cat{height:clamp(130px,12vw,200px)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card img{height:210px}}
@media(max-width:750px){body>header.beauty-header{gap:8px;padding:12px 16px}.beauty-header .brand-logo{width:112px}.beauty-country{margin-left:auto;margin-right:0;font-size:12px;gap:7px}.beauty-country img{width:27px;height:18px}.beauty-header>button{font-size:12px;padding:10px 12px}.beauty-header>.beauty-account{width:100%;margin-left:0;justify-content:flex-start;gap:8px}.beauty-signed-in{flex:1;max-width:none}.beauty-account button,.beauty-account .beauty-all-apps{font-size:11px;padding:9px}.beauty-header>.brand{margin-right:0}}

/* Desktop refinement: preserve all existing mobile rules below 1000px. */
@media(min-width:1000px){
 body>header.beauty-header,body>main,body>footer{width:100%;max-width:1300px;margin-left:auto;margin-right:auto}
 body>header.beauty-header{padding:14px 24px;gap:10px;border-radius:0 0 16px 16px}
 .beauty-header .brand-logo{width:128px}
 .beauty-country{font-size:12px;gap:8px;margin-right:4px}
 .beauty-header>button{font-size:12px;padding:10px 12px;min-height:40px}
 .beauty-header>.beauty-account{gap:8px}
 body>main{padding:20px 24px 40px}
 body>footer{padding:16px 24px}
 body>.bottomnav{width:calc(100% - 48px);max-width:1252px;border-radius:16px 16px 0 0;padding-top:7px;padding-bottom:7px}
 body>.notice{max-width:1300px;margin:0 auto;padding:12px 24px;font-size:11px;line-height:1.5}
 #app .hero{height:240px;min-height:0;margin:0 0 22px;border-radius:18px}
 #app .hero .copy{padding:28px 36px}
 #app .hero h1{font-size:42px;line-height:1.08;max-width:390px}
 #app .hero p{font-size:15px;line-height:1.5}
 #app .hero img{object-position:center 40%}
 #app .bookingactions{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
 #app .bookingactions button{min-height:54px;font-size:15px;padding:16px 20px}
 #app .bookingactions .primary{background:#e5bfd3;color:#542c43;border:1px solid #c993b0;box-shadow:0 3px 8px #74446612;font-weight:700}
 #app .bookingactions button:not(.primary){background:#f3eef9;color:#655570;border:1px solid #ded3e9;font-weight:500}
 #app .search{margin:22px 0 20px;gap:12px}
 #app .search input,#app .search button{font-size:15px;min-height:48px}
 #app .categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 #app .categories .cat{height:125px;border-width:2px;border-radius:12px;box-shadow:0 2px 7px var(--tile-glow)}
 #app .categories .cat strong{font-size:17px;left:14px;bottom:12px;line-height:1.2}
 #app .categories .cat.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #744466}
 #app .quicklinks{margin-top:18px;font-size:13px}
 #app .section{margin-top:32px}
 #app .sectionhead{margin-bottom:18px}
 #app .sectionhead h2{font-size:28px}
 #app .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
 #app .card img{height:180px}
 #app .accessorylink{margin-top:28px}
}