/* Modern Age Jewelry Website Template
   Author: Mends Empire / editable Bootstrap 5 template
   Structure: global variables, layout, components, pages, utilities
*/
:root{--primary:#7b1021;--primary-dark:#4d0712;--gold:#c9a44c;--ink:#171419;--muted:#6f6a70;--light:#faf7f2;--white:#fff;--shadow:0 20px 50px rgba(23,20,25,.12);--radius:24px;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Poppins',sans-serif;color:var(--ink);background:var(--white);line-height:1.75;overflow-x:hidden}.font-display,h1,h2,h3,h4,.navbar-brand{font-family:'Playfair Display',serif}.text-primary-custom{color:var(--primary)!important}.bg-soft{background:var(--light)}.section-padding{padding:95px 0}.section-title{max-width:760px;margin:0 auto 48px;text-align:center}.section-title .eyebrow,.eyebrow{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.78rem;margin-bottom:10px}.section-title h2{font-size:clamp(2rem,4vw,3.35rem);font-weight:800}.section-title p{color:var(--muted)}a{text-decoration:none}.btn{border-radius:999px;padding:.85rem 1.4rem;font-weight:700}.btn-brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:0;box-shadow:0 10px 22px rgba(123,16,33,.24)}.btn-brand:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(123,16,33,.3)}.btn-outline-brand{border:1px solid var(--primary);color:var(--primary)}.btn-outline-brand:hover{background:var(--primary);color:#fff}.navbar{transition:.35s;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.navbar.scrolled{box-shadow:0 10px 25px rgba(0,0,0,.08)}.navbar-brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;margin-right:10px}.nav-link{font-weight:600;color:var(--ink)!important}.nav-link.active,.nav-link:hover{color:var(--primary)!important}.dropdown-menu{border:0;border-radius:18px;box-shadow:var(--shadow);padding:12px}.hero{position:relative;min-height:92vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(23,20,25,.86),rgba(77,7,18,.55)),url('../images/ring-square-set.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.hero::after{content:"";position:absolute;inset:auto -10% -18% auto;width:52%;height:52%;background:radial-gradient(circle,rgba(201,164,76,.28),transparent 65%)}.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(2.6rem,7vw,6rem);line-height:1.03;font-weight:900}.hero p{max-width:670px;color:rgba(255,255,255,.88)}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);padding:25px;backdrop-filter:blur(10px)}.floating-badge{position:absolute;right:9%;bottom:12%;z-index:3;background:#fff;color:var(--ink);border-radius:22px;padding:18px 22px;box-shadow:var(--shadow)}.feature-card,.service-card,.team-card,.faq-box,.contact-card,.collection-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:0 8px 35px rgba(23,20,25,.08);height:100%;transition:.35s;border:1px solid rgba(123,16,33,.06)}.feature-card:hover,.service-card:hover,.collection-card:hover,.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon-box{width:58px;height:58px;border-radius:18px;background:rgba(123,16,33,.1);display:grid;place-items:center;color:var(--primary);font-size:1.35rem;margin-bottom:18px}.collection-card{padding:0;overflow:hidden}.collection-card img{height:280px;width:100%;object-fit:cover;transition:.5s}.collection-card:hover img{transform:scale(1.06)}.collection-body{padding:24px}.filter-btn{border:1px solid #eadfd1;background:#fff;border-radius:999px;padding:9px 18px;font-weight:700;margin:5px;color:var(--ink)}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.counter-box{text-align:center;background:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.counter{font-size:2.8rem;font-weight:900;color:var(--primary);font-family:'Playfair Display',serif}.process-step{position:relative;padding-left:76px;margin-bottom:28px}.process-step span{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.testimonial-item{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);margin:18px}.stars{color:var(--gold)}.cta-band{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:34px;padding:55px;position:relative;overflow:hidden}.cta-band::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:35px solid rgba(201,164,76,.2)}.page-header{padding:150px 0 90px;background:linear-gradient(135deg,rgba(23,20,25,.88),rgba(77,7,18,.72)),url('../images/bracelet-crystal.jpg') center/cover;color:#fff;text-align:center}.page-header h1{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:900}.form-control,.form-select{border-radius:16px;padding:14px 16px;border:1px solid #e6ded7}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(123,16,33,.12);border-color:var(--primary)}footer{background:#130e11;color:#ddd;padding:70px 0 20px}footer h5{color:#fff}footer a{color:#ddd}footer a:hover{color:var(--gold)}.footer-logo{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}.social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.09);display:inline-grid;place-items:center;margin-right:8px}.back-to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:none;z-index:999;box-shadow:var(--shadow)}.search-modal .modal-content{border-radius:28px;border:0}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.newsletter{background:#241a1f;border-radius:24px;padding:25px}.map-box{border-radius:24px;overflow:hidden;min-height:300px;background:#eee}.ratio iframe{border:0}.support-list li{margin-bottom:12px}.support-list i{color:var(--gold);margin-right:8px}@media(max-width:991px){.hero{min-height:auto;padding:145px 0 80px}.floating-badge{position:static;margin-top:25px;display:inline-block}.section-padding{padding:70px 0}.cta-band{padding:35px}.navbar-collapse{background:#fff;border-radius:20px;padding:18px;margin-top:12px;box-shadow:var(--shadow)}}