/*
Theme Name: MYOSA H Luxury Cosmetics
Theme URI: https://example.com/
Author: Custom Studio
Description: Black and gold Vietnamese cosmetics storefront inspired by supplied reference screenshots.
Version: 1.0.0
Requires at least: 5.8
Text Domain: myosa-luxury
*/
:root{--gold:#e4bd73;--gold2:#ae8738;--black:#15110f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#15110f;color:#f9f2e6;font:15px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 20px}.topbar{background:linear-gradient(#3b3531,#211b18);color:#e8c88d;font-size:13px;border-bottom:1px solid #4d4031}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px}.nav{background:#211c19}.nav .wrap{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}.nav a{font-size:14px;color:#f0cc8c;text-transform:uppercase}.nav a:hover{color:white}.hero{padding:14px 0 45px}.hero img{width:100%;height:auto;max-height:680px;object-fit:cover;border-radius:14px}.intro{display:grid;grid-template-columns:1fr 280px;gap:45px;align-items:center;padding:20px 0 38px}.intro h2,.section-title{color:#e9c58b;font-size:25px;font-weight:600}.intro h2:after{content:'';display:block;width:160px;border-bottom:3px solid #dfbd72;margin:12px 0}.intro p{line-height:1.9}.intro img{border-radius:16px}.policies{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px auto 65px}.policy{background:linear-gradient(90deg,#16110d,#40340b);padding:17px;border-radius:12px;color:#e9c58b;font-weight:bold}.policy small{display:block;color:white;font-weight:normal}.section-title{text-align:center;margin:44px 0 32px;display:flex;align-items:center;gap:16px;justify-content:center}.section-title:before,.section-title:after{content:'';height:1px;background:#39312b;flex:1}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.cat{background:#b6985e;text-align:center;color:white}.cat img{width:100%;aspect-ratio:1;object-fit:cover}.cat strong{display:block;padding:7px 3px 0}.cat small{display:block;padding-bottom:10px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid #75602b;text-align:center;background:#100d0b;padding-bottom:18px}.product img{width:100%;aspect-ratio:1;object-fit:cover}.product .name{min-height:53px;font-size:13px;color:#e6c281;line-height:1.4;padding:12px 8px 0}.price{font-weight:bold;color:white;font-size:17px}.old{color:#888;text-decoration:line-through;font-size:13px;margin-right:8px}.btn{display:inline-block;border:0;border-radius:24px;background:linear-gradient(#f4dfac,#aa842e);color:white;padding:6px 22px;font-size:12px;font-weight:bold;cursor:pointer;margin-top:6px}.promo{display:block;margin:45px 0}.promo img{width:100%;border-radius:3px}.dealer{background:#1c1714;padding:30px 0;margin:40px 0}.dealer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.dealer h2{color:#e6c18a}.dealer form{display:flex;gap:10px}.dealer input{padding:14px;min-width:260px;border:1px solid #aaa}.dealer button{background:#dca02c;color:white;border:0;padding:12px 24px;font-weight:bold;cursor:pointer}.footer{background:#090705;padding:65px 0 20px;color:#e6c487}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer h3{color:white;margin-top:0}.footer a{display:block;margin:6px 0}.brand{font-size:40px;font-family:Georgia,serif;color:#e7bd62}.copy{text-align:center;border-top:1px solid #292017;padding-top:18px;margin-top:40px}.float-contact{position:fixed;bottom:20px;left:20px;display:grid;gap:7px;z-index:5}.float-contact a{background:#79a91d;color:white;border-radius:25px;padding:8px 15px;font-size:13px}.float-contact a:nth-child(2){background:#1762a5}.float-contact a:nth-child(3){background:#dc9928}@media(max-width:800px){.intro{grid-template-columns:1fr}.intro img{max-width:360px}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.policies{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.dealer .wrap{display:block}.dealer form{flex-wrap:wrap}.nav .wrap{gap:14px}.hero img{min-height:230px;object-fit:cover}}@media(max-width:480px){.categories{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.topbar .wrap{display:block}.dealer input{min-width:0;width:100%}.section-title{font-size:20px}.float-contact{position:static;display:flex;justify-content:center;flex-wrap:wrap;margin:10px}}