@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-dark: #0B1120;--bg-dark-lighter: #141E33;--bg-warm: #F5F0EB;--text-primary: #1A1A2E;--text-secondary: #555770;--text-muted: #9B9DB1;--text-on-dark: #E8E8ED;--accent-gold: #C8A96E;--accent-gold-light: #DFC492;--accent-gold-hover: #B89555;--accent-copper: #B87333;--border-light: #E8E5E0;--border-dark: rgba(255,255,255,.08);--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;--section-padding: 100px 60px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .25s ease,opacity .25s ease}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;line-height:1.2}button{font-family:var(--font-sans);background:none;border:none;cursor:pointer;transition:all .3s ease}img{max-width:100%;display:block}.container{max-width:1440px;margin:0 auto;padding:0 60px}.btn-primary{display:inline-block;padding:16px 42px;background:var(--accent-gold);color:var(--bg-dark);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:none;transition:all .3s ease}.btn-primary:hover{background:var(--accent-gold-hover);transform:translateY(-1px);box-shadow:0 4px 20px #c8a96e4d}.btn-outline{display:inline-block;padding:14px 40px;background:transparent;color:var(--text-primary);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;border:1.5px solid var(--text-primary);transition:all .3s ease}.btn-outline:hover{background:var(--text-primary);color:#fff}.section-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gold);margin-bottom:15px}.section-title{font-family:var(--font-serif);font-size:3rem;font-weight:400;color:var(--text-primary);line-height:1.15}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .8s ease forwards}@media (max-width: 1024px){:root{--section-padding: 60px 30px}.container{padding:0 30px}.section-title{font-size:2.2rem}}@media (max-width: 768px){:root{--section-padding: 50px 20px}.container{padding:0 20px}.section-title{font-size:1.8rem}.btn-primary,.btn-outline{padding:12px 28px;font-size:11px}.hero-section{flex-direction:column!important;min-height:70vh!important}.hero-left{padding:40px 20px!important}.hero-left h1{font-size:2.5rem!important}.hero-right{min-height:250px!important;position:relative!important;flex:unset!important}.features-bar{flex-wrap:wrap!important;gap:30px 50px!important;padding:30px 20px!important}.features-bar>div{width:calc(50% - 25px)}.room-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.room-grid>div:first-child{grid-row:auto!important;min-height:300px}.room-grid>div{min-height:220px}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.story-section{flex-direction:column!important}.story-section>div:first-child{min-height:300px!important}.story-section>div:last-child{padding:40px 20px!important}.story-section h2{font-size:2rem!important}.shop-sidebar{display:none!important}.shop-main{padding:25px 20px!important}.nav-center,.nav-search{display:none!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important;padding:40px 20px!important}.footer-bottom{flex-direction:column!important;gap:10px!important;padding:15px 20px!important}.login-wrapper{flex-direction:column!important}.login-left{min-height:200px!important;padding:30px!important}.login-right{padding:30px!important}.cart-layout{flex-direction:column!important;gap:30px!important}.cart-items-header{display:none!important}.cart-item-row{grid-template-columns:1fr!important;gap:10px!important}.pd-layout{flex-direction:column!important;gap:30px!important;padding:20px!important}.pd-layout h1{font-size:2rem!important}}@media (max-width: 480px){.section-title{font-size:1.5rem}.hero-left h1{font-size:2rem!important}.product-grid{grid-template-columns:1fr!important}.features-bar{gap:20px!important}.features-bar>div{width:100%}.footer-grid{grid-template-columns:1fr!important}}#root{width:100%;margin:0;padding:0;text-align:left}
