:root{color-scheme:dark;--pink:#f20a81;--gold:#ffd96b;--black:#050505}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
.skip{position:fixed;z-index:20;left:1rem;top:-4rem;background:var(--pink);color:#fff;padding:.8rem 1rem;border-radius:.4rem;text-decoration:none}
.skip:focus{top:1rem}
main{width:100%;overflow:hidden;background:#000}
.canvas{position:relative;width:min(100%,1100px);margin:0 auto calc(-1 * min(19.34vw,212.74px));box-shadow:0 0 52px rgba(242,10,129,.16);clip-path:inset(0 0 12.9% 0)}
.canvas>img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;border-radius:.35rem;outline:0}
.hotspot:focus-visible,.hotspot:hover{box-shadow:inset 0 0 0 2px var(--gold),0 0 18px var(--pink);background:rgba(242,10,129,.08)}
.home{left:15.3%;top:12.3%;width:6.5%;height:2.2%}
.menu-trigger{z-index:12;left:2.1%;top:3.6%;width:5.3%;height:4.2%;border:0;background:transparent;cursor:pointer}.search-trigger{z-index:12;left:7.8%;top:3.6%;width:5.3%;height:4.2%;border:0;background:transparent;cursor:pointer}
.header-cart-trigger{z-index:12;left:92.8%;top:3.6%;width:6.1%;height:4.5%;border:0;background:transparent;cursor:pointer}.header-cart-trigger:after{content:'';position:absolute;z-index:1;right:12%;top:4%;width:24px;height:24px;border-radius:999px;background:#000}.header-cart-trigger span{position:absolute;z-index:2;right:12%;top:4%;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;font:800 12px Arial;box-shadow:0 0 10px #f20a81}.header-cart-trigger span[hidden]{display:none}
.contact-trigger{z-index:12;left:87.4%;top:3.6%;width:4.7%;height:4.5%;cursor:pointer}
.hair{left:23.6%;top:12.3%;width:11.8%;height:2.2%}
.bundles{left:36.7%;top:12.3%;width:8.8%;height:2.2%}
.beauty{left:47.2%;top:12.3%;width:7.2%;height:2.2%}
.fashion{left:56.2%;top:12.3%;width:8.3%;height:2.2%}
.accessories{left:66.4%;top:12.3%;width:12.2%;height:2.2%}
.hero-shop{left:28.6%;top:38.1%;width:8%;height:2.3%}
.feature-shop{left:80.3%;top:63.6%;width:18%;height:4.8%;border-radius:999px}
.collection-shop{left:2.7%;top:81.4%;width:20%;height:4.4%;border-radius:999px}
.tile{top:70.9%;height:15.8%}
.canvas>.home-beauty-image{position:absolute;z-index:1;left:56.45%;top:71.05%;width:12.8%;height:11.7%;object-fit:cover;object-position:center;border-radius:.2rem}
.beauty-tile{z-index:2}
.canvas>.home-accessories-image{position:absolute;z-index:1;left:70.9%;top:71.05%;width:13.2%;height:11.7%;object-fit:cover;object-position:center;border-radius:.2rem}
.accessory-tile{z-index:2}
.canvas>.home-fashion-image{position:absolute;z-index:1;left:85.05%;top:71.05%;width:12.7%;height:11.7%;object-fit:cover;object-position:center;border-radius:.2rem}
.fashion-tile{z-index:2}
.hair-tile{left:27.3%;width:13.9%}.bundle-tile{left:42%;width:13.6%}.beauty-tile{left:56.2%;width:13.3%}.accessory-tile{left:70.6%;width:13.8%}.fashion-tile{left:84.8%;width:13.3%}
.about-link{left:29%;top:90.2%;width:6%;height:2%}.shipping-link{left:35.2%;top:90.2%;width:10%;height:2%}.return-link{left:45.6%;top:90.2%;width:8.7%;height:2%}.privacy-link{left:54.7%;top:90.2%;width:8.7%;height:2%}.contact-link{left:63.7%;top:90.2%;width:8.5%;height:2%}
.mobile-nav{display:none}
.catalog{position:relative;padding:1.5rem max(1.25rem,calc((100% - 1100px)/2)) 5rem;background:radial-gradient(circle at 50% 0,rgba(242,10,129,.2),transparent 35%),#050505;border-top:1px solid rgba(255,217,107,.65)}
.catalog-head{text-align:center;max-width:720px;margin:0 auto 2rem}.crown{display:block;color:var(--gold);font-size:3rem;filter:drop-shadow(0 0 8px rgba(255,217,107,.5))}.eyebrow{margin:.3rem 0;color:var(--pink);font-weight:800;letter-spacing:.18em;font-size:.8rem}.catalog h1{margin:.25rem 0;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);color:#fff;text-shadow:0 0 18px rgba(242,10,129,.35)}.catalog-head>p:last-child{color:#ddd;font-size:1rem}
.category-tabs{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:0 auto 2.25rem}.category-tabs button{appearance:none;border:1px solid rgba(255,217,107,.6);background:#111;color:#fff;padding:.8rem 1.1rem;border-radius:999px;font:700 .9rem Arial;cursor:pointer}.category-tabs button:hover,.category-tabs button:focus-visible,.category-tabs button.active{color:#080808;background:linear-gradient(135deg,var(--gold),#fff2a8);border-color:var(--pink);outline:none;box-shadow:0 0 18px rgba(242,10,129,.35)}
.shipping-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.55rem 1.3rem;margin:-1rem auto 2rem;color:#ddd;text-align:center;font-size:.9rem}.shipping-note strong{color:var(--gold)}.shipping-note span{position:relative}.shipping-note span:before{content:'•';color:var(--pink);margin-right:1.3rem}
.store-info{padding:4.5rem max(1.25rem,calc((100% - 1100px)/2));background:linear-gradient(180deg,#050505,#12030b);border-top:1px solid rgba(242,10,129,.5)}.info-head{text-align:center;margin-bottom:2rem}.info-head h2{margin:.35rem 0;font:700 clamp(2rem,4vw,3.2rem) Georgia,serif}.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.policy-card{scroll-margin-top:2rem;padding:1.5rem;background:rgba(12,12,12,.88);border:1px solid rgba(255,217,107,.5);border-radius:1rem}.policy-card h3{margin:0 0 .8rem;color:var(--gold);font:700 1.35rem Georgia,serif}.policy-card p{color:#ddd;line-height:1.65;margin:.55rem 0;font-size:.95rem}.policy-card a{display:inline-block;color:var(--pink);font-weight:800;margin:.35rem 0}.contact-card{grid-column:1/-1;text-align:center}
.brand-footer{position:relative;width:min(100%,1100px);aspect-ratio:1024/198;margin:0 auto;background:#000 url("assets/gworlsroom-storefront.png") center bottom/100% auto no-repeat;border-bottom:2px solid var(--gold)}.brand-footer nav,.brand-footer a{position:absolute;inset:0}.brand-footer a{inset:auto;top:22%;height:18%}.footer-about{left:29%;width:6%}.footer-shipping{left:35.2%;width:10%}.footer-return{left:45.6%;width:8.7%}.footer-privacy{left:54.7%;width:8.7%}.footer-contact{left:63.7%;width:8.5%}.brand-footer a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.contact-separator{color:var(--gold);margin:0 .7rem}
.product-card{overflow:hidden}.product-photo{width:calc(100% + 2.7rem);height:180px;margin:-1.35rem -1.35rem 1rem;display:block;object-fit:cover;border-bottom:1px solid rgba(255,217,107,.65)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.15rem}.product-card{min-height:218px;padding:1.35rem;background:linear-gradient(145deg,#181218,#080808);border:1px solid rgba(255,217,107,.65);border-radius:1rem;box-shadow:0 10px 35px rgba(0,0,0,.45);display:flex;flex-direction:column}.product-card .icon{font-size:2rem}.product-card h2{margin:.75rem 0 .35rem;font-size:1.15rem}.product-card .detail{color:#bbb;margin:0 0 1rem;font-size:.9rem;line-height:1.45}.product-card .price{color:var(--gold);font:700 1.35rem Georgia,serif;margin-top:auto}.product-card select{margin-top:.85rem;width:100%;padding:.75rem;border:1px solid var(--pink);border-radius:.55rem;background:#050505;color:#fff;font-size:.9rem}.product-card .shop-btn{margin-top:.85rem;padding:.8rem;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ee0b7c,#a60054);border:1px solid var(--gold);border-radius:999px;font-weight:800}
.select-label{display:block;margin-top:.85rem;color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.05em}.select-label+select{margin-top:.3rem}
@media(max-width:700px){
 body{padding-bottom:4.2rem}.canvas{width:100%}.catalog{padding-top:1.25rem}.product-grid{grid-template-columns:1fr 1fr}.product-card{min-height:205px;padding:1rem}.mobile-nav{position:fixed;z-index:10;display:flex;bottom:0;left:0;right:0;height:4.2rem;background:rgba(3,3,3,.96);border-top:1px solid var(--gold);justify-content:space-around;align-items:center;box-shadow:0 -6px 22px rgba(242,10,129,.2)}
 .mobile-nav a{color:#fff;text-decoration:none;font-size:.8rem;min-width:3.5rem;text-align:center;padding:.85rem .25rem;border-radius:.5rem}.mobile-nav a:last-child{color:var(--gold);font-weight:700}.mobile-nav a:focus-visible{outline:2px solid var(--pink)}
}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.category-tabs button{font-size:.78rem;padding:.7rem .85rem}}
@media(max-width:700px){.policy-grid{grid-template-columns:1fr}.contact-card{grid-column:auto}.shipping-note span:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cart-toggle{position:fixed;right:18px;bottom:76px;z-index:40;border:0;border-radius:999px;background:#d4af37;color:#050505;font-weight:800;padding:13px 18px;box-shadow:0 8px 28px #0008;cursor:pointer}.cart-toggle span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:5px;border-radius:50%;background:#050505;color:#fff}.cart-panel{position:fixed;inset:0 0 0 auto;z-index:60;width:min(430px,100%);overflow:auto;background:#0b0b0b;color:#fff;padding:22px;box-shadow:-15px 0 45px #0009}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4af3755;padding-bottom:12px}.cart-head h2{margin:0;color:#d4af37}.cart-head button{border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff1f}.cart-item strong,.cart-item small,.cart-item span{display:block}.cart-item small{color:#ccc;margin:5px 0}.quantity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quantity button{border:1px solid #d4af37;background:transparent;color:#fff;border-radius:6px;min-width:30px;min-height:30px;cursor:pointer}.quantity .remove{width:100%;border:0;color:#ffb4b4;font-size:12px}.cart-summary{margin-top:18px}.cart-summary p{display:flex;justify-content:space-between}.cart-summary .total{font-size:1.15rem;border-top:1px solid #d4af37;padding-top:12px}.checkout-btn{width:100%;border:0;border-radius:8px;background:#d4af37;color:#050505;font-weight:900;padding:15px;cursor:pointer}.checkout-btn:disabled{opacity:.55;cursor:not-allowed}.checkout-message{color:#ffb4b4}.empty-cart{padding:30px 0;color:#ccc}
.menu-panel{position:fixed;inset:0 auto 0 0;z-index:75;width:min(390px,90%);padding:24px;background:#080808;border-right:1px solid var(--gold);box-shadow:12px 0 42px #000b;overflow:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffd96b55;padding-bottom:14px}.panel-head h2{margin:0;color:var(--gold);font:700 1.7rem Georgia,serif}.panel-head button{border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.menu-panel nav{display:grid;margin-top:14px}.menu-panel nav a,.menu-panel nav button{display:block;width:100%;padding:15px 8px;border:0;border-bottom:1px solid #ffffff18;background:transparent;color:#fff;text-align:left;text-decoration:none;font:700 1rem Arial;cursor:pointer}.menu-panel nav a:hover,.menu-panel nav button:hover{color:var(--pink)}.search-panel{position:fixed;inset:0;z-index:80;background:#000d;padding:clamp(16px,5vw,60px);overflow:auto}.search-box{width:min(720px,100%);margin:4vh auto;background:linear-gradient(145deg,#181218,#050505);border:1px solid var(--gold);border-radius:18px;padding:clamp(18px,4vw,32px);box-shadow:0 0 40px #f20a8166}.search-box label{display:block;margin:22px 0 8px;color:#ddd;font-weight:700}.search-box input{width:100%;font-size:1rem;padding:14px 16px;border:2px solid var(--pink);border-radius:999px;background:#050505;color:#fff;outline:0}.search-results{display:grid;gap:10px;margin-top:18px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ffd96b55;border-radius:12px;padding:14px;background:#0c0c0c}.search-result strong,.search-result small{display:block}.search-result small{margin-top:4px;color:#bbb;text-transform:capitalize}.search-result button{flex:none;border:1px solid var(--gold);border-radius:999px;background:var(--pink);color:#fff;padding:9px 13px;font-weight:800;cursor:pointer}.search-empty{color:#ccc;text-align:center;padding:24px 0}
