/*
Theme Name: Royal Creation
Author: Amit Gupta
Description: Premium Custom Dark Theme for Scarves, Shawls, and Stoles.
Version: 5.0
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700;800&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #000000; color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; line-height: 1.6; overflow-x: hidden; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 5%; }
.blue-text { color: #0070f3; }

/* Navigation */
header { padding: 25px 0; position: fixed; width: 100%; top: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(20px); z-index: 1000; border-bottom: 1px solid #111; }
nav { display: flex; justify-content: space-between; align-items: center; }
nav ul { display: flex; list-style: none; gap: 40px; }
nav a { color: #888; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: 0.3s; }
nav a:hover { color: #0070f3; }

/* Hero Section */
.hero { padding: 180px 0 100px; text-align: left; }
h1 { font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 800; letter-spacing: -4px; line-height: 0.9; margin-bottom: 30px; }
.hero p { font-size: 1.25rem; color: #a1a1a1; max-width: 600px; margin-bottom: 40px; }

/* Product Cards (The Jatinverse Look) */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-top: 50px; }
.glass-card { 
    background: #0a0a0a; 
    border: 1px solid #1a1a1a; 
    padding: 60px 40px; 
    border-radius: 32px; 
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-card:hover { border-color: #0070f3; background: #0f0f0f; transform: translateY(-10px); }
.glass-card h3 { font-size: 2rem; margin-bottom: 15px; }

/* WhatsApp Button */
.btn-wa { 
    display: inline-flex; align-items: center; background: #25d366; color: #fff; 
    padding: 18px 35px; border-radius: 100px; text-decoration: none; font-weight: 700; transition: 0.3s;
}
.btn-wa:hover { transform: scale(1.05); box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3); }

footer { padding: 100px 0 50px; border-top: 1px solid #111; margin-top: 100px; color: #666; }