/*
Theme Name: Aurelle Luxury
Theme URI: https://aurelle.example.com/
Author: Aurelle Studio
Author URI: https://aurelle.example.com/
Description: Aurelle is a world-class, premium modern luxury jewellery WooCommerce theme, optimized for conversion, branding, speed, accessibility and SEO. Includes a one-click preset importer for demo content.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aurelle
Tags: e-commerce, one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-styles, wide-blocks, translation-ready
*/

:root{
  --aurelle-black:#111111;
  --aurelle-white:#FFFFFF;
  --aurelle-gold:#D4AF37;
  --aurelle-ivory:#F8F6F2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--aurelle-ivory);color:var(--aurelle-black);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.announcement{background:var(--aurelle-black);color:var(--aurelle-white);text-align:center;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:10px 16px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:1280px;margin:0 auto}
.brand{font-family:'Playfair Display',serif;font-size:26px;letter-spacing:.28em;text-transform:uppercase}
.brand span{background:linear-gradient(90deg,#D4AF37,#f5d97a,#D4AF37);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-primary ul{display:flex;gap:32px;list-style:none;padding:0;margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.nav-primary a:hover{color:var(--aurelle-gold)}
.hero{position:relative;padding:80px 24px 100px;background:linear-gradient(180deg,#fff, #F8F6F2)}
.hero .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;max-width:1280px;margin:0 auto;align-items:center}
@media (max-width:900px){.hero .grid{grid-template-columns:1fr}}
.eyebrow{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--aurelle-gold);margin-bottom:20px}
.hero h1{font-size:clamp(40px,6vw,84px);line-height:1;margin:0 0 24px}
.hero p{font-size:18px;line-height:1.6;max-width:520px;color:#4a4a4a;margin:0 0 36px}
.btn{display:inline-block;padding:16px 36px;background:var(--aurelle-black);color:#fff;font-size:12px;letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--aurelle-black);transition:.25s}
.btn:hover{background:var(--aurelle-gold);border-color:var(--aurelle-gold);color:#111}
.btn.outline{background:transparent;color:var(--aurelle-black);margin-left:12px}
.section{padding:100px 0}
.section h2{font-size:clamp(32px,4vw,54px);text-align:center;margin:0 0 12px}
.section .sub{text-align:center;color:#666;font-size:14px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:60px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}
.card{background:#fff;border:1px solid rgba(0,0,0,.06);transition:.3s;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
.card .thumb{aspect-ratio:3/4;background:linear-gradient(135deg,#efe9dc,#f8f6f2);display:flex;align-items:center;justify-content:center;color:#c9b47a;font-family:'Playfair Display',serif;font-size:20px}
.card .meta{padding:20px}
.card .name{font-family:'Playfair Display',serif;font-size:18px;margin:0 0 6px}
.card .price{color:var(--aurelle-gold);font-size:14px;letter-spacing:.1em}
.site-footer{background:var(--aurelle-black);color:#e9e6df;padding:80px 24px 40px;margin-top:80px}
.site-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1280px;margin:0 auto}
@media (max-width:900px){.site-footer .cols{grid-template-columns:repeat(2,1fr)}}
.site-footer h4{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--aurelle-gold);margin:0 0 20px}
.site-footer ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:2.2;color:#bfb9ad}
.legal{max-width:1280px;margin:60px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:12px;color:#7d786e;letter-spacing:.1em}