/* Dhruvi Jewellery — shared luxury storefront theme */
:root{--lux-plum:#4b173e;--lux-deep:#34112c;--lux-gold:#ad844a;--lux-ivory:#fffdf9;--lux-soft:#f7f1ed;--lux-line:#e9dfde;--lux-muted:#786d72;--lux-serif:"Bodoni Moda",Georgia,"Times New Roman",serif;--lux-sans:"Manrope","Avenir Next","Segoe UI",Arial,sans-serif;--lux-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth} body{background:var(--lux-ivory)!important;color:var(--lux-plum);font-family:var(--lux-sans);-webkit-font-smoothing:antialiased} body>*{box-sizing:border-box} body main{animation:luxPageIn .55s var(--lux-ease) both} @keyframes luxPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main :is(h1,h2,h3,h4){color:var(--lux-plum)} main h1,main h2{font-family:var(--lux-serif)!important;font-weight:500!important;letter-spacing:-.5px} main p{color:var(--lux-muted)}
main :is(.container,.wrap,.page-wrap,.account-container,.checkout-container){max-width:1320px}
main :is(.card,.box,.panel,.section-card,.form-card,.account-card,.checkout-card,.summary-card,.product-card,.search-box){border-color:var(--lux-line)!important;background:#fff!important;box-shadow:0 12px 40px rgba(75,23,62,.055)!important}
main :is(input,select,textarea){border-color:#d9cbd2!important;background:#fff!important;color:var(--lux-plum)!important;outline:none!important;transition:border-color .2s,box-shadow .2s,transform .2s} main :is(input,select,textarea):focus{border-color:var(--lux-gold)!important;box-shadow:0 0 0 3px rgba(173,132,74,.10)!important}
main :is(button,.btn,[class*="-btn"],input[type=submit]){transition:transform .25s var(--lux-ease),box-shadow .25s,background .25s,border-color .25s} main :is(button,.btn,[class*="-btn"],input[type=submit]):hover{transform:translateY(-2px)}
main a{transition:color .2s,opacity .2s,transform .2s} main table{border-color:var(--lux-line)!important} main table th{background:#f6eef2!important;color:var(--lux-plum)!important} main table td{border-color:var(--lux-line)!important}
::selection{background:#ead8e2;color:var(--lux-deep)}
@media(max-width:760px){body main{animation-duration:.35s} main h1{font-size:clamp(28px,8vw,42px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body main,*{animation:none!important;transition-duration:.01ms!important}}