/* ── WORDPRESS BASE RESET ── */
html, body {
width: 100% !important;
min-height: 100vh !important;
}
body {
display: block !important;
overflow-x: hidden !important;
}
body.admin-bar { margin-top: 32px !important; }
@media screen and (max-width: 782px) {
body.admin-bar { margin-top: 46px !important; }
}
/* PAGE SYSTEM */
.page { display: none; }
.page.active { display: block; }
/* Force home visible on initial load */
#page-home { display: block; }
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* iOS touch fixes */
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
input,select,textarea{font-size:16px!important}/* prevent iOS zoom on focus */
:root{
--gold:#C9A246;--gold-dark:#A07A1E;--gold-light:#E8D08A;--gold-pale:#FAF5E4;
--white:#FFFFFF;--cream:#FAFAF6;--charcoal:#1C1A17;--mid:#5A5244;
--border:#E8E0CE;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',sans-serif;
}
html{scroll-behavior:smooth;width:100%;min-height:100%}
#site-wrapper{width:100%;min-height:100vh;display:block}
html{width:100%;min-height:100%}body{font-family:var(--sans);color:var(--charcoal);background:var(--white);overflow-x:hidden;width:100%;min-height:100vh;display:block}
/* PAGE SYSTEM — handled by reset above */
/* animation removed — caused opacity:0 on initial load */
/* ANN BAR */
.ann-bar{background:var(--gold);color:var(--white);text-align:center;padding:9px 20px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.4}
.ann-bar a{color:var(--white);text-decoration:underline;cursor:pointer}
/* TOP BAR */
.top-bar{background:var(--charcoal);padding:7px 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.65);letter-spacing:.04em;gap:12px}
.top-bar a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:5px}
.top-bar a:hover{color:var(--gold)}
.tb-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.tb-right{display:flex;gap:14px;align-items:center;flex-shrink:0}
.tb-icon{display:inline-flex;align-items:center;justify-content:center}
.tb-icon svg{width:13px;height:13px;fill:var(--gold);flex-shrink:0}
.tb-social svg{width:14px;height:14px;fill:rgba(255,255,255,.55);transition:fill .2s}
.tb-social:hover svg{fill:var(--gold)}
/* NAV */
nav{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:0 2px 20px rgba(0,0,0,.06)}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.nav-logo{display:flex;align-items:center;cursor:pointer;text-decoration:none;flex-shrink:0}
.nav-logo img{height:50px;display:block}
.nav-logo-text{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--charcoal);letter-spacing:.04em;line-height:1.1}
.nav-logo-text span{display:block;font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:2px}
.nl{display:flex;gap:0;list-style:none;align-items:center;height:76px;flex-wrap:nowrap}
.nl>li{height:100%;display:flex;align-items:center;position:relative}
.nl>li>a,.nl>li>button{display:flex;align-items:center;height:100%;padding:0 13px;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--sans);transition:color .2s;white-space:nowrap}
.nl>li>a:hover,.nl>li>button:hover,.nl>li>a.active-nav,.nl>li>button.active-nav{color:var(--gold)}
.pj-nav-btn{color:var(--gold-dark)!important;font-weight:600!important;border:1px solid var(--gold)!important;padding:7px 13px!important;height:auto!important;margin:0 4px!important;transition:all .2s!important}
.pj-nav-btn:hover{background:var(--gold)!important;color:var(--white)!important}
/* MEGA MENU */
.mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--border);border-top:2px solid var(--gold);box-shadow:0 8px 40px rgba(0,0,0,.12);min-width:600px;padding:28px 32px;z-index:300}
.nl>li:hover .mega{display:flex;gap:32px}
.mc h4{font-family:var(--serif);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:13px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.mc ul{list-style:none}
.mc ul li{margin-bottom:7px}
.mc ul li a{font-size:12.5px;color:var(--mid);text-decoration:none;transition:color .2s;cursor:pointer}
.mc ul li a:hover{color:var(--gold)}
.mp{background:var(--gold-pale);border:1px solid var(--border);padding:16px;text-align:center;min-width:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.mp p{font-size:10.5px;color:var(--mid);letter-spacing:.08em;text-transform:uppercase}
.mp a{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);text-decoration:none;border:1px solid var(--gold);padding:6px 12px;transition:all .2s;cursor:pointer}
.mp a:hover{background:var(--gold);color:var(--white)}
/* NAV ACTIONS */
.nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.nav-actions button,.nav-actions a{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;transition:color .2s;background:none;border:none;cursor:pointer;font-family:var(--sans)}
.nav-actions button:hover,.nav-actions a:hover{color:var(--gold)}
.nav-btn{background:var(--gold)!important;color:var(--white)!important;padding:9px 18px;font-size:10px!important;letter-spacing:.1em}
.nav-btn:hover{background:var(--gold-dark)!important}
.ico{display:flex;align-items:center;cursor:pointer}
.ico svg{width:18px;height:18px;stroke:var(--charcoal);fill:none;transition:stroke .2s;display:block}
.ico:hover svg{stroke:var(--gold)}
/* SEARCH OVERLAY */
.search-overlay{position:fixed;inset:0;background:rgba(28,26,23,.95);z-index:999;display:none;align-items:flex-start;justify-content:center;padding-top:120px}
.search-overlay.open{display:flex}
.search-box{width:100%;max-width:700px;padding:0 24px}
.search-box input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--gold);color:var(--white);font-family:var(--serif);font-size:clamp(28px,5vw,48px);font-weight:300;padding:16px 0;outline:none;letter-spacing:.02em}
.search-box input::placeholder{color:rgba(255,255,255,.3)}
.search-results{margin-top:32px;display:grid;gap:8px}
.sr-item{padding:14px 16px;background:rgba(255,255,255,.05);border-left:2px solid transparent;cursor:pointer;transition:all .2s;font-size:14px;color:rgba(255,255,255,.7)}
.sr-item:hover,.sr-item.highlighted{background:rgba(201,162,70,.1);border-left-color:var(--gold);color:var(--white)}
.sr-item strong{color:var(--gold)}
.search-close{position:absolute;top:24px;right:32px;background:none;border:none;color:rgba(255,255,255,.5);font-size:28px;cursor:pointer;transition:color .2s;line-height:1}
.search-close:hover{color:var(--gold)}
.search-hint{font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;margin-top:16px}
/* MOBILE HAMBURGER */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--charcoal);transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;left:0;right:0;bottom:0;top:var(--nav-h,76px);background:var(--white);z-index:190;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 env(safe-area-inset-bottom,16px)}
.mobile-menu.open{display:block}
.mobile-menu>*:last-child{margin-bottom:env(safe-area-inset-bottom,20px)}
.mm-item{border-bottom:1px solid var(--border);padding:0 8px}
.mm-link{display:block;padding:18px 16px;font-size:13.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal);background:none;border:none;cursor:pointer;font-family:var(--sans);width:100%;text-align:left;transition:color .2s;-webkit-tap-highlight-color:rgba(201,162,70,.15);min-height:52px}
.mm-link:hover,.mm-link.pj-mm{color:var(--gold)}
.mm-link.pj-mm{font-weight:600}
.mm-sub{padding:0 8px 16px;display:none;grid-template-columns:1fr 1fr;gap:6px}
.mm-sub.open{display:grid}
.mm-sub a{font-size:12px;color:var(--mid);text-decoration:none;padding:6px 8px;border-left:2px solid var(--border);display:block;transition:all .2s}
.mm-sub a:hover{border-color:var(--gold);color:var(--gold-dark)}
.mm-sub-btn{font-size:12px;color:var(--mid);padding:8px 10px;border:none;border-left:2px solid var(--border);background:none;display:block;width:100%;text-align:left;cursor:pointer;font-family:var(--sans);transition:all .2s;-webkit-tap-highlight-color:rgba(201,162,70,.15)}
.mm-sub-btn:hover,.mm-sub-btn:active{border-color:var(--gold);color:var(--gold-dark);background:var(--gold-pale)}
.mm-sub-btn.mm-gold{color:var(--gold-dark);font-weight:600}
.mm-toggle{display:flex;align-items:center;justify-content:space-between}
.mm-toggle .arr{transition:transform .2s;font-size:10px;color:var(--mid)}
.mm-toggle.opened .arr{transform:rotate(180deg)}
/* HERO */
.hero{position:relative;height:88vh;min-height:520px;overflow:hidden;background:var(--charcoal)}
/* Video hero */
.hero-video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-video-wrap video{width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-video-wrap iframe{width:100%;height:100%;border:none;pointer-events:none;transform:scale(1.1)}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.2) 100%);z-index:1}
.hero-content{position:relative;z-index:2;display:flex;align-items:center;height:100%;padding:0 80px}
.hslides{display:flex;height:100%;transition:transform .8s cubic-bezier(.77,0,.175,1)}
.hslide{min-width:100%;height:100%;position:relative;display:flex;align-items:center}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:.55;transition:opacity .5s}
.hslide:nth-child(1) .hbg{background-color:#1C1208;background-image:linear-gradient(180deg,rgba(28,18,8,.4) 0%,rgba(28,18,8,.1) 40%,rgba(28,18,8,.4) 100%),radial-gradient(ellipse at 70% 40%,rgba(201,162,70,.22) 0%,transparent 55%),url('https://jewelsforevercayman.com/wp-content/uploads/2025/04/Banner-1.jpg');background-size:cover;background-position:center}
.hslide:nth-child(2) .hbg{background-color:#160F08;background-image:linear-gradient(180deg,rgba(22,15,8,.4) 0%,rgba(22,15,8,.1) 40%,rgba(22,15,8,.4) 100%),radial-gradient(ellipse at 30% 60%,rgba(201,162,70,.2) 0%,transparent 55%),url('https://jewelsforevercayman.com/wp-content/uploads/2025/04/Banner-2.jpg');background-size:cover;background-position:center}
.hslide:nth-child(3) .hbg{background-color:#18100A;background-image:linear-gradient(180deg,rgba(24,16,10,.4) 0%,rgba(24,16,10,.1) 40%,rgba(24,16,10,.4) 100%),radial-gradient(ellipse at 60% 30%,rgba(201,162,70,.22) 0%,transparent 55%),url('https://jewelsforever_cayman.com/wp-content/uploads/2025/04/Banner-3.jpg');background-size:cover;background-position:center}
.hdeco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hdeco svg{width:100%;height:100%;opacity:.1}
.hov{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 60%,transparent 100%)}
.hcont{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 80px;width:100%}
.hlabel{font-size:10.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.hlabel::before{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.htitle{font-family:var(--serif);font-size:clamp(40px,6vw,82px);font-weight:300;color:var(--white);line-height:1.05;letter-spacing:-.01em;margin-bottom:20px;max-width:640px}
.htitle em{font-style:italic;color:var(--gold-light)}
.hsub{font-size:14.5px;font-weight:300;color:rgba(255,255,255,.72);letter-spacing:.03em;line-height:1.7;max-width:440px;margin-bottom:34px}
.hctas{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.hdots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.hdot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s}
.hdot.active{background:var(--gold);width:20px;border-radius:3px}
.harr{position:absolute;bottom:20px;right:80px;z-index:10;display:flex;gap:8px}
.harr button{width:40px;height:40px;border:1px solid rgba(255,255,255,.24);background:transparent;cursor:pointer;color:rgba(255,255,255,.65);font-size:14px;transition:all .2s;font-family:var(--sans)}
.harr button:hover{border-color:var(--gold);color:var(--gold)}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 32px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:all .25s;cursor:pointer;font-family:var(--sans);border:none;gap:7px}
.btn-g{background:var(--gold);color:var(--white)}
.btn-g:hover{background:var(--gold-dark);transform:translateY(-1px)}
.btn-o{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.4)}
.btn-o:hover{border-color:var(--gold);color:var(--gold)}
.btn-gd{background:transparent;color:var(--gold-dark);border:1px solid var(--gold)}
.btn-gd:hover{background:var(--gold);color:var(--white)}
.btn-dark{background:var(--charcoal);color:var(--white)}
.btn-dark:hover{background:#2c2820}
.btn-lg{padding:15px 38px;font-size:11.5px}
/* SECTION */
.sec{padding:80px 40px;max-width:1400px;margin:0 auto}
.sh{text-align:center;margin-bottom:48px}
.slabel{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:13px}
.slabel::before,.slabel::after{content:'';display:block;width:26px;height:1px;background:var(--gold)}
.stitle{font-family:var(--serif);font-size:clamp(28px,4vw,48px);font-weight:300;letter-spacing:-.01em;color:var(--charcoal);line-height:1.1}
.stitle em{font-style:italic;color:var(--gold-dark)}
.ssub{margin-top:12px;font-size:14.5px;color:var(--mid);letter-spacing:.02em;line-height:1.7;max-width:520px;margin-left:auto;margin-right:auto}
/* DIAMOND BAR */
.dbar{background:var(--gold);padding:28px 40px;display:flex;align-items:center;justify-content:center;gap:52px;text-align:center;flex-wrap:wrap}
.dbi{display:flex;flex-direction:column;align-items:center;gap:4px}
.dbn{font-family:var(--serif);font-size:32px;font-weight:300;color:var(--white);line-height:1}
.dbl{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.dbdiv{width:1px;height:40px;background:rgba(255,255,255,.3)}
/* COLLECTIONS */
.cb{background:var(--cream);padding:72px 0}
.cgrid{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.ci{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--charcoal);cursor:pointer}
.ci.w{grid-column:span 2;aspect-ratio:unset;min-height:300px}
.cbg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease,opacity .4s;opacity:.55}
.ci:nth-child(1) .cbg{background:linear-gradient(135deg,#2a1a06,#4a2e0a)}
.ci:nth-child(2) .cbg{background:linear-gradient(135deg,#0d1a2e,#162640)}
.ci:nth-child(3) .cbg{background:linear-gradient(135deg,#1a0a0a,#2e1010)}
.ci:nth-child(4) .cbg{background:linear-gradient(135deg,#0a1a0a,#0f2a0f)}
.ci:nth-child(5) .cbg{background:linear-gradient(135deg,#1a0d1a,#2d152d)}
.ci:nth-child(6) .cbg{background:linear-gradient(135deg,#1a1206,#2e1e0a)}
.ci:nth-child(7) .cbg{background:linear-gradient(135deg,#06141a,#0a2030)}
.ci:nth-child(8) .cbg{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}
.ci:nth-child(9) .cbg{background:linear-gradient(135deg,#1a0f06,#2e1a0a)}
.cov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.08) 60%,transparent 100%)}
.ci:hover .cbg{transform:scale(1.07);opacity:.7}
.ccont{position:absolute;bottom:0;left:0;right:0;padding:24px 20px;z-index:2}
.ctag{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;display:block}
.cname{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--white);line-height:1.1;margin-bottom:7px}
.clink{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .2s}
.clink::after{content:'→';transition:transform .2s}
.ci:hover .clink{color:var(--gold)}
.ci:hover .clink::after{transform:translateX(4px)}
.cgem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.cgem svg{width:50%;max-width:120px;opacity:.14;transition:opacity .4s}
.ci:hover .cgem svg{opacity:.24}
/* EDITORIAL */
.ed{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.edi{position:relative;overflow:hidden;background:var(--charcoal)}
.edibg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1208,#3d2a0e)}
.edigem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.edigem svg{width:52%;opacity:.2}
.edc{background:var(--gold-pale);padding:72px 64px;display:flex;flex-direction:column;justify-content:center}
.edc .slabel{justify-content:flex-start}
.edc .slabel::after{display:none}
.edc .stitle{font-size:clamp(24px,3vw,42px);text-align:left}
.edc p{font-size:14.5px;color:var(--mid);line-height:1.8;margin-top:16px;max-width:400px}
.edlist{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:9px}
.edlist li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mid)}
.edlist li::before{content:'◆';color:var(--gold);font-size:8px;flex-shrink:0}
.edc .btn-g{margin-top:30px;align-self:flex-start}
/* CUSTOM CTA */
.cta-dark{background:var(--charcoal);padding:88px 40px;text-align:center;position:relative;overflow:hidden}
.cta-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,162,70,.16) 0%,transparent 65%);pointer-events:none}
.cta-dark .slabel{color:var(--gold-light)}
.cta-dark .slabel::before,.cta-dark .slabel::after{background:var(--gold-light)}
.cta-dark h2{font-family:var(--serif);font-size:clamp(30px,5vw,60px);font-weight:300;color:var(--white);line-height:1.1;margin-top:0}
.cta-dark h2 em{font-style:italic;color:var(--gold-light)}
.cta-dark p{font-size:14.5px;color:rgba(255,255,255,.6);max-width:480px;margin:14px auto 0;line-height:1.7}
.cta-dark .btn-o{margin-top:34px;border-color:rgba(201,162,70,.55);color:var(--gold-light)}
.cta-dark .btn-o:hover{background:var(--gold);border-color:var(--gold);color:var(--white)}
/* REVIEWS */
.rv-bg{background:var(--cream);padding:80px 0}
.rv-grid{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rcard{background:var(--white);border:1px solid var(--border);padding:30px 26px;position:relative}
.rcard::before{content:'"';position:absolute;top:16px;left:24px;font-family:var(--serif);font-size:54px;color:var(--gold);opacity:.2;line-height:1;pointer-events:none}
.rstars{display:flex;gap:3px;margin-bottom:12px}
.rstars span{color:var(--gold);font-size:13px}
.rtext{font-size:13.5px;line-height:1.8;color:var(--mid);margin-bottom:16px;font-style:italic}
.rmeta{display:flex;align-items:center;gap:10px}
.rav{width:32px;height:32px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--white);flex-shrink:0}
.rname{font-size:12.5px;font-weight:500;color:var(--charcoal)}
.rdate{font-size:11px;color:var(--mid)}
.rsrc{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--mid);letter-spacing:.05em;text-transform:uppercase;margin-top:2px}
.tab{width:11px;height:11px;background:#34E0A1;border-radius:50%;display:inline-block}
/* STORY */
.story{display:grid;grid-template-columns:1fr 1fr;min-height:460px}
.stc{padding:72px 72px;display:flex;flex-direction:column;justify-content:center}
.stc .stitle{font-size:clamp(24px,3.3vw,44px);text-align:left;margin-top:14px}
.stc p{font-size:14.5px;color:var(--mid);line-height:1.8;margin-top:16px}
.sti{background:linear-gradient(135deg,#2a2318,#3d3020,#1a1810);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.stideco{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.13}
.stideco svg{width:70%}
.stiq{position:relative;z-index:2;text-align:center;padding:36px}
.stiq p{font-family:var(--serif);font-size:24px;font-weight:300;font-style:italic;color:var(--gold-light);line-height:1.45;max-width:320px}
.stiq span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:16px;display:block}
/* INSTA */
.igrid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:40px}
.iitem{aspect-ratio:1;position:relative;overflow:hidden;cursor:pointer}
.ibg{position:absolute;inset:0;transition:transform .5s}
.iitem:nth-child(1) .ibg{background:linear-gradient(135deg,#2d1f0a,#4a3212)}
.iitem:nth-child(2) .ibg{background:linear-gradient(135deg,#0f1a2a,#1a2d45)}
.iitem:nth-child(3) .ibg{background:linear-gradient(135deg,#1a0808,#2d1212)}
.iitem:nth-child(4) .ibg{background:linear-gradient(135deg,#0a1a0a,#122012)}
.iitem:nth-child(5) .ibg{background:linear-gradient(135deg,#1a1208,#2d2012)}
.iitem:nth-child(6) .ibg{background:linear-gradient(135deg,#0d0a1a,#1a1530)}
.iov{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background .3s}
.iov svg{opacity:0;transition:opacity .3s;width:24px;height:24px;fill:white}
.iitem:hover .ibg{transform:scale(1.08)}
.iitem:hover .iov{background:rgba(0,0,0,.42)}
.iitem:hover .iov svg{opacity:1}
.igem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.17}
.igem svg{width:52%}
.ihandle{text-align:center;margin-top:22px;font-size:13px;color:var(--mid)}
.ihandle strong{color:var(--charcoal)}
.ihandle a{color:var(--gold);text-decoration:none}
/* BRANDS */
.brands{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 40px;background:var(--white)}
.binner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap}
.bitem{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.38);transition:color .2s}
.bitem:hover{color:var(--gold)}
/* NEWSLETTER — single strip */
.nl-strip{background:var(--gold-pale);border-top:1px solid var(--border);padding:48px 40px;text-align:center}
.nl-strip h3{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--charcoal);margin-bottom:7px}
.nl-strip h3 em{font-style:italic;color:var(--gold-dark)}
.nl-strip p{font-size:13.5px;color:var(--mid);margin-bottom:22px}
.nl-form{display:flex;gap:0;max-width:400px;margin:0 auto}
.nl-form input{flex:1;padding:12px 16px;border:1px solid var(--border);border-right:none;font-family:var(--sans);font-size:13px;outline:none;background:var(--white);color:var(--charcoal)}
.nl-form input:focus{border-color:var(--gold)}
.nl-form button{background:var(--gold);color:var(--white);border:none;padding:12px 22px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s;white-space:nowrap}
.nl-form button:hover{background:var(--gold-dark)}
/* FOOTER — compact 6-col */
footer{background:var(--charcoal);color:rgba(255,255,255,.65)}
.ft{max-width:1400px;margin:0 auto;padding:56px 40px 36px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1.2fr;gap:32px}
.fb .flogo{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--white);letter-spacing:.04em;line-height:1.1}
.fb .fsub{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block;margin-top:3px}
.fb p{font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.42);max-width:260px;margin-bottom:18px}
.fsoc{display:flex;gap:9px;flex-wrap:wrap}
.fsoc a{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.42);font-size:11px;transition:all .2s}
.fsoc a:hover{border-color:var(--gold);color:var(--gold)}
.fcol h5{font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}
.fcol ul{list-style:none}
.fcol ul li{margin-bottom:7px}
.fcol ul li a,.fcol ul li button{font-size:12.5px;color:rgba(255,255,255,.42);text-decoration:none;transition:color .2s;background:none;border:none;cursor:pointer;font-family:var(--sans);padding:0}
.fcol ul li a:hover,.fcol ul li button:hover{color:var(--gold)}
.fci{display:flex;gap:10px;margin-bottom:11px;align-items:flex-start}
.fci svg{width:12px;height:12px;stroke:var(--gold);fill:none;flex-shrink:0;margin-top:3px}
.fci span{font-size:12.5px;color:rgba(255,255,255,.42);line-height:1.55}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding:16px 40px;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.25)}
.fbot a{color:rgba(255,255,255,.25);text-decoration:none;transition:color .2s}
.fbot a:hover{color:var(--gold)}
.fbotlinks{display:flex;gap:20px}
/* ═══ ABOUT PAGE ═══ */
.about-hero{background:var(--charcoal);padding:100px 40px 72px;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(201,162,70,.18) 0%,transparent 60%)}
.about-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:2}
.ah-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ah-title{font-family:var(--serif);font-size:clamp(36px,5vw,68px);font-weight:300;color:var(--white);line-height:1.06;letter-spacing:-.01em}
.ah-title em{font-style:italic;color:var(--gold-light)}
.ah-p{font-size:15px;color:rgba(255,255,255,.62);line-height:1.8;margin-top:18px}
.ah-img{background:linear-gradient(135deg,#2a1a08,#1a0f04);border:1px solid rgba(201,162,70,.2);position:relative;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center}
.ah-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.72}
.ah-img-frame{position:absolute;inset:14px;border:1px solid rgba(201,162,70,.3);z-index:2}
.about-story{max-width:1400px;margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.as-img{position:relative;background:var(--gold-pale);padding:44px;border:1px solid var(--border)}
.as-img svg{width:100%;opacity:.6}
.as-img-overlay{position:absolute;bottom:22px;right:22px;background:var(--gold);color:var(--white);padding:14px 20px;font-family:var(--serif);font-size:32px;font-weight:300;line-height:1}
.as-img-overlay span{display:block;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;color:rgba(255,255,255,.8)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:0 40px 72px}
.vcard{background:var(--cream);border:1px solid var(--border);padding:32px 24px}
.vcard-icon{width:44px;height:44px;background:var(--gold-pale);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.vcard-icon svg{width:20px;height:20px;stroke:var(--gold-dark);fill:none}
.vcard h3{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--charcoal);margin-bottom:9px}
.vcard p{font-size:13px;color:var(--mid);line-height:1.7}
.timeline{max-width:860px;margin:0 auto;padding:0 40px 72px}
.tl-item{display:grid;grid-template-columns:72px 1fr;gap:28px;margin-bottom:36px}
.tl-year{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--gold);padding-top:4px;text-align:right}
.tl-body{border-left:1px solid var(--border);padding-left:24px;position:relative}
.tl-body::before{content:'◆';position:absolute;left:-8px;top:8px;color:var(--gold);font-size:9px;background:var(--white);line-height:1;padding:2px 0}
.tl-body h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--charcoal);margin-bottom:5px}
.tl-body p{font-size:13.5px;color:var(--mid);line-height:1.7}
/* ═══ CONTACT PAGE ═══ */
.contact-hero{background:var(--charcoal);padding:72px 40px 52px;position:relative;overflow:hidden;text-align:center}
.contact-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,162,70,.14) 0%,transparent 60%)}
.contact-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:2}
.contact-hero .slabel{justify-content:center;color:var(--gold-light)}
.contact-hero .slabel::before,.contact-hero .slabel::after{background:var(--gold-light)}
.contact-hero h1{font-family:var(--serif);font-size:clamp(34px,5vw,60px);font-weight:300;color:var(--white);line-height:1.1;margin-top:13px}
.contact-hero h1 em{font-style:italic;color:var(--gold-light)}
.contact-hero p{font-size:14.5px;color:rgba(255,255,255,.58);margin-top:13px;line-height:1.7}
.contact-body{max-width:1400px;margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.contact-info-col h2{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--charcoal);margin-bottom:28px}
.cinfo-item{display:flex;gap:14px;margin-bottom:24px;align-items:flex-start}
.cinfo-item .ci-icon{width:42px;height:42px;background:var(--gold-pale);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cinfo-item .ci-icon svg{width:17px;height:17px;stroke:var(--gold-dark);fill:none}
.cinfo-item h4{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.cinfo-item p{font-size:13.5px;color:var(--mid);line-height:1.6}
.cinfo-item a{font-size:13.5px;color:var(--gold-dark);text-decoration:none}
.cinfo-item a:hover{text-decoration:underline}
.hours-table{margin-top:28px;border:1px solid var(--border)}
.hours-table h4{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--charcoal);padding:12px 18px;background:var(--gold-pale);border-bottom:1px solid var(--border)}
.hours-table table{width:100%;border-collapse:collapse}
.hours-table td{padding:9px 18px;font-size:12.5px;border-bottom:1px solid var(--border)}
.hours-table tr:last-child td{border-bottom:none}
.hours-table td:last-child{text-align:right;color:var(--mid)}
.hours-table td:first-child{color:var(--charcoal);font-weight:500}
.store-gallery{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sg-main{grid-column:1/-1;height:240px;overflow:hidden;position:relative;background:var(--charcoal)}
.sg-main img,.sg-thumb img{width:100%;height:100%;object-fit:cover;opacity:.85}
.sg-thumb{height:148px;overflow:hidden;position:relative;background:var(--charcoal)}
.sg-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent)}
.contact-form-col{background:var(--cream);padding:44px;border:1px solid var(--border)}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal);margin-bottom:6px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:11px 14px;border:1px solid var(--border);background:var(--white);font-family:var(--sans);font-size:13.5px;color:var(--charcoal);outline:none;transition:border-color .2s;resize:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--gold)}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.map-wrap{height:360px;border:1px solid var(--border);overflow:hidden;margin-top:20px}
.map-wrap iframe{width:100%;height:100%;border:none}
/* ═══ PERMANENT JEWELRY PAGE ═══ */
.pj-hero{background:var(--charcoal);padding:88px 40px 64px;position:relative;overflow:hidden}
.pj-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,70,.22) 0%,transparent 55%)}
.pj-hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;position:relative;z-index:2}
.pj-hero-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
.pj-hero-title{font-family:var(--serif);font-size:clamp(38px,5.5vw,74px);font-weight:300;color:var(--white);line-height:1.06;letter-spacing:-.01em}
.pj-hero-title em{font-style:italic;color:var(--gold-light)}
.pj-hero p{font-size:14.5px;color:rgba(255,255,255,.63);line-height:1.8;margin-top:18px;max-width:420px}
.pj-hero .btn-g{margin-top:28px}
.pj-card-side{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,70,.24);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pj-side-item{text-align:center;padding:18px 10px}
.pj-side-item svg{width:34px;height:34px;stroke:var(--gold);fill:none;margin:0 auto 9px;display:block}
.pj-side-item p{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);line-height:1.4}
.pj-what{background:var(--gold-pale);padding:72px 40px}
.pj-what-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.pj-what-img{background:linear-gradient(135deg,#2a1a08,#1a1006);min-height:360px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pj-what-img svg{width:52%;opacity:.28}
.pj-what-text h2{font-family:var(--serif);font-size:clamp(26px,3.5vw,44px);font-weight:300;color:var(--charcoal);line-height:1.1}
.pj-what-text h2 em{font-style:italic;color:var(--gold-dark)}
.pj-what-text p{font-size:14.5px;color:var(--mid);line-height:1.8;margin-top:14px}
.pj-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.pj-step{display:flex;gap:14px;align-items:flex-start}
.pj-step-num{width:30px;height:30px;background:var(--gold);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;font-weight:400;flex-shrink:0}
.pj-step-body h4{font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--charcoal);margin-bottom:2px}
.pj-step-body p{font-size:13px;color:var(--mid);line-height:1.6}
/* PIECE SELECTOR */
.pj-selector{max-width:1400px;margin:0 auto;padding:72px 40px}
.material-tabs{display:flex;gap:0;margin-bottom:36px;border:1px solid var(--border);overflow:hidden;flex-wrap:wrap}
.mat-tab{padding:12px 20px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border-right:1px solid var(--border);background:var(--white);color:var(--mid);transition:all .2s;font-family:var(--sans)}
.mat-tab:last-child{border-right:none}
.mat-tab.active{background:var(--gold);color:var(--white)}
.mat-tab:hover:not(.active){background:var(--gold-pale);color:var(--gold-dark)}
.mat-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:middle}
.yd{background:linear-gradient(135deg,#C9A246,#E8C76A)}
.wd{background:linear-gradient(135deg,#ddd,#f0f0f0);border:1px solid #ccc}
.syd{background:linear-gradient(135deg,#C9A246,#d4b060);opacity:.7}
.swd{background:linear-gradient(135deg,#bbb,#ddd);opacity:.7}
.sv{background:linear-gradient(135deg,#aaa,#ccc)}
.pieces-section{margin-bottom:44px}
.pieces-section h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--charcoal);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.pieces-section h3::after{content:'';flex:1;height:1px;background:var(--border)}
.pieces-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.piece-card{border:2px solid var(--border);padding:22px 14px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:var(--white)}
.piece-card:hover{border-color:var(--gold-light)}
.piece-card.selected{border-color:var(--gold);background:var(--gold-pale)}
.piece-card.selected::after{content:'✓';position:absolute;top:7px;right:9px;color:var(--gold);font-size:13px;font-weight:700}
.piece-svg{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.piece-svg svg{width:56px;stroke:currentColor;fill:none;stroke-width:1.5}
.piece-card.selected .piece-svg svg{color:var(--gold-dark)}
.piece-card:not(.selected) .piece-svg svg{color:var(--mid)}
.piece-name{font-family:var(--serif);font-size:14px;font-weight:400;color:var(--charcoal);margin-bottom:3px}
.piece-desc{font-size:10.5px;color:var(--mid);letter-spacing:.03em}
.piece-qty{display:none;align-items:center;justify-content:center;gap:9px;margin-top:10px}
.piece-card.selected .piece-qty{display:flex}
.piece-qty button{width:22px;height:22px;border:1px solid var(--gold);background:none;cursor:pointer;font-size:14px;color:var(--gold-dark);display:flex;align-items:center;justify-content:center}
.piece-qty span{font-size:13px;font-weight:600;min-width:18px;text-align:center;color:var(--charcoal)}
/* CART BAR */
.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--charcoal);border-top:2px solid var(--gold);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;z-index:150;transform:translateY(100%);transition:transform .3s}
.cart-bar.visible{transform:translateY(0)}
body.cart-active #page-pj{padding-bottom:80px}
#sharedFooter{position:relative;z-index:10}
.nl-strip{position:relative;z-index:10;background:var(--gold-pale)}
.cart-summary{color:rgba(255,255,255,.75);font-size:13px}
.cart-summary strong{color:var(--gold);font-family:var(--serif);font-size:17px;margin-right:7px}
/* BOOKING */
.booking-section{background:var(--charcoal);padding:72px 40px}
.booking-inner{max-width:860px;margin:0 auto}
.booking-inner .sh{text-align:left}
.booking-inner .slabel{justify-content:flex-start}
.booking-inner .slabel::after{display:none}
.booking-inner .stitle{text-align:left;color:var(--white)}
.booking-inner .stitle em{color:var(--gold-light)}
.booking-inner .ssub{text-align:left;margin-left:0;color:rgba(255,255,255,.52)}
.booking-form{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,70,.18);padding:44px;margin-top:36px}
.bf-section{margin-bottom:32px}
.bf-section h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--white);margin-bottom:18px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09)}
.bf-row{margin-bottom:16px}
.bf-row label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}
.bf-row input,.bf-row select,.bf-row textarea{width:100%;padding:11px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font-family:var(--sans);font-size:13.5px;color:var(--white);outline:none;transition:border-color .2s;resize:none}
.bf-row input::placeholder{color:rgba(255,255,255,.28)}
.bf-row input:focus,.bf-row select:focus,.bf-row textarea:focus{border-color:var(--gold)}
.bf-row select{color:rgba(255,255,255,.7)}
.bf-row select option{background:var(--charcoal);color:var(--white)}
.bf-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.time-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:4px}
.ts{padding:10px;border:1px solid rgba(255,255,255,.13);text-align:center;font-size:12px;font-weight:500;color:rgba(255,255,255,.55);cursor:pointer;transition:all .2s}
.ts.sel{border-color:var(--gold);background:rgba(201,162,70,.14);color:var(--gold)}
.ts:hover:not(.sel){border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88)}
.selection-preview{background:rgba(201,162,70,.07);border:1px solid rgba(201,162,70,.18);padding:18px 22px;margin-bottom:18px}
.selection-preview h5{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.sp-item{display:flex;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.62);margin-bottom:5px}
.sp-item span:last-child{color:rgba(255,255,255,.38)}
.sp-empty{font-size:13px;color:rgba(255,255,255,.32);font-style:italic}
.notify-methods{display:flex;gap:14px;margin-top:10px}
.nm{flex:1;border:1px solid rgba(255,255,255,.11);padding:16px;display:flex;align-items:center;gap:11px}
.nm svg{width:20px;height:20px;flex-shrink:0}
.nm-text{font-size:11.5px;color:rgba(255,255,255,.5);line-height:1.5}
.nm-text strong{display:block;color:rgba(255,255,255,.78);margin-bottom:2px}
.submit-result{display:none;padding:26px;background:rgba(201,162,70,.09);border:1px solid var(--gold);margin-top:22px;text-align:center}
.submit-result.show{display:block}
.submit-result h3{font-family:var(--serif);font-size:22px;font-weight:300;color:var(--white);margin-bottom:7px}
.submit-result p{font-size:13.5px;color:rgba(255,255,255,.62);margin-bottom:16px}
.submit-result .action-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.wa-btn{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;background:#25D366;color:white;text-decoration:none;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.wa-btn svg{width:16px;height:16px;fill:white}
.email-btn{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:white;text-decoration:none;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
/* ═══ RINGS PAGE ═══ */
.rings-hero{background:var(--charcoal);padding:64px 40px 48px;position:relative;overflow:hidden}
.rings-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,rgba(201,162,70,.2) 0%,transparent 60%)}
.rings-hero-inner{max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;position:relative;z-index:2;flex-wrap:wrap}
.rings-hero-text .ah-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.rings-hero-text h1{font-family:var(--serif);font-size:clamp(36px,5vw,64px);font-weight:300;color:var(--white);line-height:1.06}
.rings-hero-text h1 em{font-style:italic;color:var(--gold-light)}
.rings-hero-text p{font-size:14px;color:rgba(255,255,255,.55);margin-top:10px;line-height:1.7;max-width:480px}
.rings-breadcrumb{font-size:11px;color:rgba(255,255,255,.35);letter-spacing:.06em;display:flex;align-items:center;gap:8px;margin-bottom:20px}
.rings-breadcrumb span{color:rgba(255,255,255,.2)}
.rings-breadcrumb a{color:rgba(255,255,255,.45);text-decoration:none;cursor:pointer;transition:color .2s}
.rings-breadcrumb a:hover{color:var(--gold)}
.rings-count-bar{background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.08);padding:10px 40px;max-width:none}
.rings-count-bar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);gap:16px}
.rings-sort{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.5)}
.rings-sort select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);padding:6px 12px;font-family:var(--sans);font-size:12px;outline:none;cursor:pointer}
.rings-sort select option{background:var(--charcoal)}
/* LAYOUT */
.rings-layout{max-width:1400px;margin:0 auto;padding:40px 40px 80px;display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
/* FILTER SIDEBAR */
.filter-sidebar{position:sticky;top:90px}
.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.filter-header h3{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--charcoal)}
.filter-clear{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:none;border:none;cursor:pointer;font-family:var(--sans);padding:0;transition:color .2s}
.filter-clear:hover{color:var(--gold-dark)}
.filter-group{border-top:1px solid var(--border);padding:18px 0}
.filter-group-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:0;user-select:none}
.filter-group-title h4{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--charcoal)}
.filter-group-title .fg-arrow{font-size:9px;color:var(--mid);transition:transform .25s}
.filter-group.open .fg-arrow{transform:rotate(180deg)}
.filter-group-title .fg-badge{background:var(--gold);color:var(--white);font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:6px}
.filter-options{display:none;flex-direction:column;gap:2px;margin-top:12px}
.filter-group.open .filter-options{display:flex}
.filter-opt{display:flex;align-items:center;gap:10px;padding:7px 4px;cursor:pointer;border-radius:2px;transition:background .15s}
.filter-opt:hover{background:var(--gold-pale)}
.filter-opt input[type=checkbox]{display:none}
.filter-opt .fcheck{width:16px;height:16px;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
.filter-opt.checked .fcheck{background:var(--gold);border-color:var(--gold)}
.filter-opt.checked .fcheck::after{content:'✓';font-size:10px;color:white;font-weight:700;line-height:1}
.filter-opt .fname{font-size:13px;color:var(--mid);flex:1;transition:color .2s}
.filter-opt.checked .fname{color:var(--charcoal);font-weight:500}
.filter-opt .fcount{font-size:11px;color:rgba(0,0,0,.25)}
/* Colour swatches */
.colour-swatches{display:none;flex-wrap:wrap;gap:8px;margin-top:12px}
.filter-group.open .colour-swatches{display:flex}
.cswatch{width:36px;height:36px;border-radius:50%;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s;flex-shrink:0}
.cswatch::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:all .2s}
.cswatch.sel{border-color:var(--gold)}
.cswatch.sel::after{border-color:var(--gold)}
.cswatch-label{font-size:10px;color:var(--mid);text-align:center;margin-top:4px;letter-spacing:.04em;max-width:40px;word-break:break-word;line-height:1.2}
.swatch-item{display:flex;flex-direction:column;align-items:center;gap:2px}
/* Active filter chips */
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;min-height:0}
.af-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--gold-pale);border:1px solid var(--gold);font-size:11px;font-weight:500;color:var(--gold-dark);letter-spacing:.04em}
.af-chip button{background:none;border:none;cursor:pointer;color:var(--gold-dark);font-size:13px;line-height:1;padding:0;display:flex;align-items:center}
/* MOBILE FILTER TOGGLE */
.filter-toggle-btn{display:none;align-items:center;gap:8px;padding:11px 18px;background:var(--charcoal);color:var(--white);border:none;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;width:100%;justify-content:center}
.filter-toggle-btn svg{width:16px;height:16px;stroke:var(--white);fill:none}
.filter-drawer{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.5)}
.filter-drawer.open{display:block}
.filter-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:300px;background:var(--white);overflow-y:auto;padding:24px 24px 80px;transform:translateX(-100%);transition:transform .3s}
.filter-drawer.open .filter-drawer-panel{transform:translateX(0)}
.filter-drawer-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.filter-drawer-close h3{font-family:var(--serif);font-size:20px;font-weight:400}
.filter-drawer-close button{background:none;border:none;cursor:pointer;font-size:22px;color:var(--mid);line-height:1}
/* PRODUCTS GRID */
.products-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}
.products-count{font-size:13px;color:var(--mid)}
.products-count strong{color:var(--charcoal);font-weight:600}
.view-toggle{display:flex;gap:4px}
.vt-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.vt-btn.active,.vt-btn:hover{border-color:var(--gold);background:var(--gold-pale)}
.vt-btn svg{width:14px;height:14px;stroke:var(--mid)}
.vt-btn.active svg{stroke:var(--gold-dark)}
.products-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;transition:all .3s}
.products-grid-wrap.cols-2{grid-template-columns:repeat(2,1fr)}
.products-grid-wrap.cols-4{grid-template-columns:repeat(4,1fr);gap:16px}
.products-grid-wrap.list-view{grid-template-columns:1fr}
/* PRODUCT CARD */
.pcard{border:1px solid var(--border);background:var(--white);position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .25s,transform .25s}
.pcard:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px)}
.pcard-img{aspect-ratio:1;background:var(--cream);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pcard-img-gem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pcard-img-gem svg{width:55%;transition:transform .5s}
.pcard:hover .pcard-img-gem svg{transform:scale(1.08) rotate(8deg)}
.pcard-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--white);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;z-index:2}
.pcard-badge.new{background:var(--charcoal)}
.pcard-badge.sale{background:#c0392b}
.pcard-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(8px);transition:all .25s;z-index:2}
.pcard:hover .pcard-actions{opacity:1;transform:translateX(0)}
.pca{width:34px;height:34px;background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.pca:hover{background:var(--gold);border-color:var(--gold)}
.pca svg{width:14px;height:14px;stroke:var(--mid);fill:none;transition:stroke .2s}
.pca:hover svg{stroke:var(--white)}
.pcard-info{padding:18px 16px}
.pcard-stone{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.pcard-name{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--charcoal);line-height:1.25;margin-bottom:5px}
.pcard-meta{font-size:11px;color:var(--mid);letter-spacing:.04em;margin-bottom:10px}
.pcard-price{display:flex;align-items:baseline;gap:8px}
.pcard-price .price{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--charcoal)}
.pcard-price .old-price{font-size:13px;color:var(--mid);text-decoration:line-through}
.pcard-cta{margin-top:12px;width:100%;padding:10px;background:var(--charcoal);color:var(--white);border:none;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.pcard-cta:hover{background:var(--gold)}
/* List view card */
.list-view .pcard{display:grid;grid-template-columns:180px 1fr auto;align-items:center}
.list-view .pcard-img{aspect-ratio:unset;height:180px;width:180px;flex-shrink:0}
.list-view .pcard-info{flex:1;padding:20px 24px}
.list-view .pcard-cta{width:auto;padding:10px 22px;align-self:center;margin-right:20px;margin-top:0;white-space:nowrap}
/* No results */
.no-results{text-align:center;padding:72px 24px;grid-column:1/-1}
.no-results svg{width:48px;height:48px;stroke:var(--border);fill:none;margin:0 auto 16px;display:block}
.no-results h3{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--mid);margin-bottom:8px}
.no-results p{font-size:14px;color:var(--mid)}
/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:48px}
.pg-btn{width:38px;height:38px;border:1px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-family:var(--sans);color:var(--mid);transition:all .2s}
.pg-btn:hover,.pg-btn.active{background:var(--gold);border-color:var(--gold);color:var(--white)}
.shape-grid{display:none;flex-wrap:wrap;gap:8px;margin-top:12px}
.filter-group.open .shape-grid{display:flex}
.shape-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1.5px solid var(--border);cursor:pointer;transition:all .2s;min-width:56px;text-align:center}
.shape-opt:hover{border-color:var(--gold-light);background:var(--gold-pale)}
.shape-opt.sel{border-color:var(--gold);background:var(--gold-pale);color:var(--gold-dark)}
.shape-opt svg{color:var(--mid)}
.shape-opt.sel svg{color:var(--gold-dark)}
.shape-opt span{font-size:9px;letter-spacing:.04em;color:var(--mid);line-height:1.2}
/* ═══ PRODUCT DETAIL PAGE ═══ */
.prod-page{max-width:1400px;margin:0 auto;padding:0 40px 80px}
.prod-breadcrumb{display:flex;align-items:center;gap:8px;padding:24px 0 32px;font-size:11.5px;color:rgba(0,0,0,.35);letter-spacing:.06em;flex-wrap:wrap}
.prod-breadcrumb a{color:var(--mid);text-decoration:none;cursor:pointer;transition:color .2s}
.prod-breadcrumb a:hover{color:var(--gold)}
.prod-breadcrumb span{color:rgba(0,0,0,.2)}
/* Main grid */
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
/* Gallery */
.prod-gallery{}
.prod-main-img{aspect-ratio:1;background:var(--cream);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.prod-main-img svg{width:65%;max-width:320px;transition:transform .6s ease}
.prod-main-img:hover svg{transform:scale(1.04) rotate(3deg)}
.prod-main-badge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--white);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px}
.prod-main-badge.sale{background:#c0392b}
.prod-main-badge.new-badge{background:var(--charcoal)}
.prod-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.prod-thumb{aspect-ratio:1;background:var(--cream);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;overflow:hidden}
.prod-thumb.active{border-color:var(--gold)}
.prod-thumb:hover{border-color:var(--gold-light)}
.prod-thumb svg{width:55%}
/* Share / actions row under gallery */
.prod-share{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.prod-share span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.prod-share-btn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mid);background:none;border:1px solid var(--border);padding:7px 14px;cursor:pointer;font-family:var(--sans);transition:all .2s}
.prod-share-btn:hover{border-color:var(--gold);color:var(--gold-dark)}
.prod-share-btn svg{width:13px;height:13px;stroke:currentColor;fill:none}
/* Info panel */
.prod-info{}
.prod-collection-tag{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.prod-collection-tag::after{content:'';flex:1;height:1px;background:var(--border)}
.prod-name{font-family:var(--serif);font-size:clamp(26px,3.5vw,42px);font-weight:300;color:var(--charcoal);line-height:1.1;margin-bottom:6px}
.prod-sku{font-size:11px;color:rgba(0,0,0,.3);letter-spacing:.08em;margin-bottom:20px}
.prod-price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.prod-price-row .pp{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:300;color:var(--charcoal)}
.prod-price-row .pp-old{font-size:18px;color:var(--mid);text-decoration:line-through}
.prod-price-row .pp-note{font-size:11px;color:var(--mid);letter-spacing:.06em;margin-left:auto}
/* Attribute chips */
.prod-attrs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.prod-attr{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--cream);border:1px solid var(--border);font-size:11px;color:var(--mid);letter-spacing:.06em}
.prod-attr strong{color:var(--charcoal);font-weight:600;letter-spacing:.04em}
.prod-attr .attr-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}
/* Description */
.prod-desc{font-size:14.5px;color:var(--mid);line-height:1.85;margin-bottom:28px}
/* Enquiry section */
.prod-enquiry{background:var(--gold-pale);border:1px solid var(--border);padding:28px}
.prod-enquiry h4{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--charcoal);margin-bottom:6px}
.prod-enquiry p{font-size:13px;color:var(--mid);margin-bottom:20px;line-height:1.6}
.prod-enq-form{display:flex;flex-direction:column;gap:10px}
.prod-enq-form input,.prod-enq-form textarea{width:100%;padding:10px 14px;border:1px solid var(--border);background:var(--white);font-family:var(--sans);font-size:13.5px;color:var(--charcoal);outline:none;transition:border-color .2s;resize:none}
.prod-enq-form input:focus,.prod-enq-form textarea:focus{border-color:var(--gold)}
.prod-enq-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prod-enq-btns{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}
.prod-enq-btns .btn{flex:1;justify-content:center;padding:13px 16px;font-size:10.5px}
.wa-green{background:#25D366;color:white;border:none}
.wa-green:hover{background:#1eac55}
.wa-green svg{width:16px;height:16px;fill:white;flex-shrink:0}
/* Wishlist row */
.prod-wishlist-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.prod-wish-btn{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);background:none;border:none;cursor:pointer;font-family:var(--sans);transition:color .2s;padding:0}
.prod-wish-btn:hover{color:var(--gold-dark)}
.prod-wish-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:fill .2s}
.prod-wish-btn.wished svg{fill:var(--gold);stroke:var(--gold);color:var(--gold-dark)}
.prod-trust{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mid);margin-left:auto}
.prod-trust svg{width:14px;height:14px;stroke:var(--gold);fill:none}
/* Specs table */
.prod-specs{margin-top:56px;border-top:2px solid var(--border);padding-top:40px}
.prod-specs h3{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--charcoal);margin-bottom:24px}
.specs-table{width:100%;border-collapse:collapse}
.specs-table tr{border-bottom:1px solid var(--border)}
.specs-table tr:last-child{border-bottom:none}
.specs-table td{padding:12px 0;font-size:13.5px;vertical-align:top}
.specs-table td:first-child{font-weight:600;color:var(--charcoal);width:200px;letter-spacing:.04em}
.specs-table td:last-child{color:var(--mid)}
/* Related products */
.prod-related{margin-top:60px;border-top:2px solid var(--border);padding-top:40px}
.prod-related-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}
.prod-related-header h3{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--charcoal)}
.prod-related-header a{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;cursor:pointer}
.prod-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* Enquiry success */
.enq-success{display:none;padding:16px;background:rgba(201,162,70,.1);border:1px solid var(--gold);text-align:center;margin-top:12px}
.enq-success.show{display:block}
.enq-success p{font-size:13px;color:var(--gold-dark)}
/* Responsive product page */
@media(max-width:1024px){.prod-grid{grid-template-columns:1fr;gap:36px}.prod-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.prod-page{padding:0 20px 60px}.prod-thumbs{grid-template-columns:repeat(4,1fr)}.prod-enq-row{grid-template-columns:1fr}.prod-related-grid{grid-template-columns:repeat(2,1fr)}.prod-specs{margin-top:40px}.prod-related{margin-top:40px}}
@media(max-width:480px){.prod-related-grid{grid-template-columns:1fr 1fr;gap:12px}.prod-enq-btns{flex-direction:column}}
@media(max-width:1100px){
.rings-layout{grid-template-columns:220px 1fr;gap:28px}
.products-grid-wrap{grid-template-columns:repeat(2,1fr)}
.products-grid-wrap.cols-4{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.rings-layout{grid-template-columns:1fr;padding:0 20px 60px}
.filter-sidebar{display:none;position:static}
.filter-toggle-btn{display:flex}
.products-grid-wrap{grid-template-columns:repeat(2,1fr);gap:16px}
.products-grid-wrap.cols-4{grid-template-columns:repeat(2,1fr)}
.list-view .pcard{grid-template-columns:120px 1fr;grid-template-rows:auto auto}
.list-view .pcard-img{height:120px;width:120px}
.list-view .pcard-cta{grid-column:2;margin:0 0 16px 24px;width:auto}
.rings-hero{padding:52px 20px 36px}
.rings-count-bar{padding:10px 20px}
}
@media(max-width:540px){
.products-grid-wrap,.products-grid-wrap.cols-2,.products-grid-wrap.cols-4{grid-template-columns:1fr 1fr;gap:12px}
.pcard-info{padding:12px 10px}
.pcard-name{font-size:14px}
.pcard-price .price{font-size:17px}
}
@media(max-width:1200px){
.ft{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.ft .fcol:nth-child(5),.ft .fcol:nth-child(6){display:none}
.pieces-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
:root{--nav-h:68px}
.nl{display:none}
.hamburger{display:flex}
.nav-inner{height:68px}
.ft{grid-template-columns:1fr 1fr 1fr;gap:24px}
.ft .fcol:nth-child(5),.ft .fcol:nth-child(6){display:block}
.ft .fb{grid-column:1/-1}
.cgrid{grid-template-columns:repeat(2,1fr)}
.ci.w{grid-column:span 1}
.ed,.story{grid-template-columns:1fr}
.sti{min-height:280px}
.values-grid{grid-template-columns:repeat(2,1fr)}
.about-hero-inner,.pj-hero-inner,.pj-what-inner,.contact-body{grid-template-columns:1fr}
.about-story{grid-template-columns:1fr}
.pieces-grid{grid-template-columns:repeat(3,1fr)}
.time-slots{grid-template-columns:repeat(4,1fr)}
.hcont{padding:0 40px}
.harr{right:40px}
}
@media(max-width:768px){
:root{--nav-h:64px}
body{font-size:14px}
.top-bar{padding:6px 16px;font-size:10px;gap:8px}
.tb-left{gap:12px}
.tb-left a:nth-child(3){display:none}
.nav-inner{padding:0 16px;height:64px}
.hamburger{display:flex}
.ann-bar{font-size:10.5px;padding:8px 16px}
.hero{height:100svh;min-height:500px}
.hcont{padding:0 20px}
.htitle{font-size:clamp(30px,7vw,44px);max-width:100%}
.hsub{font-size:13px;max-width:100%;display:none}
.hctas{flex-direction:column;align-items:flex-start;gap:10px}
.btn{padding:13px 28px;font-size:11px}
.harr{right:20px;bottom:16px}
.hdots{bottom:20px}
.hov{background:linear-gradient(to right,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 100%)}
.hlabel{font-size:9.5px;margin-bottom:10px}
.dbar{gap:20px;padding:20px}
.dbdiv{display:none}
.cgrid{grid-template-columns:1fr 1fr;gap:2px}
.ci.w{grid-column:span 1}
.sec{padding:52px 20px}
.rv-grid{grid-template-columns:1fr;gap:14px}
.igrid{grid-template-columns:repeat(3,1fr)}
.binner{gap:24px}
.nl-form{flex-direction:column}
.nl-form input{border-right:1px solid var(--border);border-bottom:none}
.nl-strip{padding:36px 20px}
.ft{grid-template-columns:1fr 1fr;padding:40px 20px 24px;gap:20px}
.ft .fb{grid-column:1/-1}
.fbot{flex-direction:column;gap:10px;text-align:center;padding:14px 20px}
.edc{padding:40px 24px}
.stc{padding:40px 24px}
.about-hero{padding:72px 20px 48px}
.about-hero-inner{gap:36px}
.about-story{padding:48px 20px;gap:28px}
.values-grid{grid-template-columns:1fr;padding:0 20px 48px}
.timeline{padding:0 20px 48px}
.tl-item{grid-template-columns:60px 1fr;gap:18px}
.contact-hero{padding:52px 20px 36px}
.contact-body{padding:48px 20px;gap:32px;grid-template-columns:1fr}
.contact-form-col{padding:24px 20px}
.form-2col{grid-template-columns:1fr}
.store-gallery{grid-template-columns:1fr}
.sg-main{grid-column:unset}
.pj-hero{padding:60px 20px 44px}
.pj-hero-inner{gap:32px}
.pj-card-side{grid-template-columns:1fr 1fr;gap:8px}
.pj-side-item{padding:14px 8px}
.pj-what{padding:48px 20px}
.pj-what-inner{gap:32px}
.pj-selector{padding:48px 20px}
.material-tabs{flex-wrap:wrap}
.mat-tab{padding:10px 14px;font-size:10px}
.pieces-grid{grid-template-columns:1fr 1fr;gap:10px}
.piece-card{padding:16px 10px}
.time-slots{grid-template-columns:repeat(3,1fr)}
.bf-2col{grid-template-columns:1fr}
.booking-form{padding:24px 18px}
.notify-methods{flex-direction:column}
.booking-section{padding:48px 20px}
.cart-bar{padding:12px 20px}
.cta-dark{padding:64px 20px}
.rv-bg{padding:56px 0}
.map-wrap{height:300px}
.search-box{padding:0 20px}
.search-box input{font-size:clamp(22px,6vw,36px)}
}
@media(max-width:480px){
.cgrid{grid-template-columns:1fr}
.ci.w{min-height:220px}
.igrid{grid-template-columns:repeat(2,1fr)}
.pieces-grid{grid-template-columns:1fr 1fr}
.time-slots{grid-template-columns:repeat(2,1fr)}
.ft{grid-template-columns:1fr}
.dbar{gap:16px}
.dbi{min-width:80px}
}
/* ═══ CART DRAWER ═══ */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;display:none}
.cart-overlay.open{display:block}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--white);z-index:801;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.cart-drawer.open{transform:translateX(0)}
.cart-head{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.cart-head h3{font-family:var(--serif);font-size:22px;font-weight:300}
.cart-head button{background:none;border:none;cursor:pointer;font-size:22px;color:var(--mid);line-height:1}
.cart-head button:hover{color:var(--charcoal)}
.cart-body{flex:1;overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column;gap:18px}
.cart-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}
.cart-empty svg{width:44px;height:44px;stroke:var(--border);fill:none}
.cart-empty p{font-size:14px;color:var(--mid);line-height:1.6}
.c-item{display:grid;grid-template-columns:68px 1fr auto;gap:13px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--border)}
.c-item:last-child{border-bottom:none;padding-bottom:0}
.c-img{background:var(--cream);border:1px solid var(--border);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.c-img svg{width:60%}
.c-name{font-family:var(--serif);font-size:14px;font-weight:400;color:var(--charcoal);margin-bottom:3px;line-height:1.3}
.c-meta{font-size:11px;color:var(--mid);letter-spacing:.03em;margin-bottom:6px}
.c-price{font-family:var(--serif);font-size:16px;color:var(--charcoal)}
.c-rm{background:none;border:none;cursor:pointer;color:var(--mid);font-size:17px;line-height:1;padding:0;margin-top:1px;transition:color .2s}
.c-rm:hover{color:#c0392b}
.cart-foot{padding:22px 26px;border-top:1px solid var(--border);background:var(--cream)}
.cart-total-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.cart-total-row span:first-child{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.cart-total-row span:last-child{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--charcoal)}
.cart-note{font-size:11px;color:var(--mid);margin-bottom:16px}
.cart-ico-wrap{position:relative;display:inline-flex;cursor:pointer}
.cart-count{position:absolute;top:-7px;right:-7px;background:var(--gold);color:white;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;display:none}
.cart-count.show{display:flex}
/* ═══ COLLECTION PAGE (By Stone / By Metal / Gifts / Collections) ═══ */
.cp-hero{background:var(--charcoal);padding:68px 40px 48px;position:relative;overflow:hidden}
.cp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,rgba(201,162,70,.18) 0%,transparent 60%)}
.cp-hero-inner{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.cp-hero h1{font-family:var(--serif);font-size:clamp(32px,5vw,62px);font-weight:300;color:var(--white);line-height:1.06;margin-top:14px}
.cp-hero h1 em{font-style:italic;color:var(--gold-light)}
.cp-hero p{font-size:14.5px;color:rgba(255,255,255,.52);margin-top:10px;max-width:540px;line-height:1.7}
.cp-body{max-width:1400px;margin:0 auto;padding:44px 40px 80px}
.cp-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}
.cp-count{font-size:13px;color:var(--mid)}
.cp-count strong{color:var(--charcoal)}
.cp-sort{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--mid)}
.cp-sort select{border:1px solid var(--border);padding:7px 12px;font-family:var(--sans);font-size:12px;outline:none;color:var(--charcoal)}
.cp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cp-sub-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.cp-chip{padding:7px 16px;border:1px solid var(--border);background:var(--white);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:var(--sans);color:var(--mid)}
.cp-chip.active,.cp-chip:hover{background:var(--gold);border-color:var(--gold);color:var(--white)}
/* ═══ CUSTOM DESIGN PAGE ═══ */
.cust-hero{background:var(--charcoal);padding:100px 40px 80px;text-align:center;position:relative;overflow:hidden}
.cust-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,162,70,.18) 0%,transparent 60%)}
.cust-hero-inner{max-width:760px;margin:0 auto;position:relative;z-index:2}
.cust-hero h1{font-family:var(--serif);font-size:clamp(36px,5vw,68px);font-weight:300;color:var(--white);line-height:1.06}
.cust-hero h1 em{font-style:italic;color:var(--gold-light)}
.cust-hero p{font-size:15px;color:rgba(255,255,255,.58);margin-top:14px;line-height:1.8}
.cust-steps{background:var(--cream);padding:72px 40px}
.cust-steps-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cs-box{text-align:center;padding:30px 18px;background:var(--white);border:1px solid var(--border)}
.cs-box .cs-n{width:46px;height:46px;background:var(--gold);color:var(--white);font-family:var(--serif);font-size:22px;font-weight:300;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.cs-box h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--charcoal);margin-bottom:8px}
.cs-box p{font-size:13px;color:var(--mid);line-height:1.7}
.cust-body{max-width:1400px;margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cust-left h2{font-family:var(--serif);font-size:34px;font-weight:300;color:var(--charcoal);margin-bottom:14px}
.cust-left h2 em{font-style:italic;color:var(--gold-dark)}
.cust-left p{font-size:14.5px;color:var(--mid);line-height:1.8;margin-bottom:14px}
.cust-left ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:4px}
.cust-left ul li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--mid)}
.cust-left ul li::before{content:"◆";color:var(--gold);font-size:8px;flex-shrink:0}
.cust-right{background:var(--gold-pale);border:1px solid var(--border);padding:38px}
.cust-right h3{font-family:var(--serif);font-size:22px;font-weight:300;margin-bottom:22px;color:var(--charcoal)}
.cf{margin-bottom:14px}
.cf label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal);margin-bottom:6px}
.cf input,.cf select,.cf textarea{width:100%;padding:10px 13px;border:1px solid var(--border);background:var(--white);font-family:var(--sans);font-size:13.5px;color:var(--charcoal);outline:none;transition:border-color .2s;resize:none}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--gold)}
.cf2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* ═══ DIAMOND EDU PAGE ═══ */
.edu-hero{background:var(--charcoal);padding:80px 40px 60px;text-align:center;position:relative;overflow:hidden}
.edu-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,162,70,.16) 0%,transparent 60%)}
.edu-hero-in{max-width:700px;margin:0 auto;position:relative;z-index:2}
.edu-hero-in h1{font-family:var(--serif);font-size:clamp(32px,5vw,62px);font-weight:300;color:var(--white);line-height:1.06}
.edu-hero-in h1 em{font-style:italic;color:var(--gold-light)}
.edu-hero-in p{font-size:15px;color:rgba(255,255,255,.55);margin-top:13px;line-height:1.7}
.edu-4cs{max-width:1400px;margin:0 auto;padding:72px 40px}
.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.edu-card{border:1px solid var(--border);overflow:hidden}
.edu-card-h{padding:28px 32px;position:relative;overflow:hidden}
.edu-card-h::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,70,.18),transparent)}
.edu-c-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.edu-c-name{font-family:var(--serif);font-size:34px;font-weight:300;color:var(--white)}
.edu-c-sub{font-size:12.5px;color:rgba(255,255,255,.45);margin-top:5px}
.edu-card-b{padding:28px 32px;background:var(--cream)}
.edu-card-b p{font-size:13.5px;color:var(--mid);line-height:1.8;margin-bottom:14px}
.edu-scale{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.edu-sc-row{display:flex;align-items:center;gap:10px}
.edu-sc-lbl{font-size:11px;font-weight:500;color:var(--charcoal);min-width:72px}
.edu-bar-wrap{flex:1;height:7px;background:var(--border);border-radius:4px;overflow:hidden}
.edu-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.edu-sc-note{font-size:10px;color:var(--mid);min-width:130px;text-align:right}
.edu-gia-cta{background:var(--gold);padding:60px 40px;text-align:center}
.edu-gia-cta h2{font-family:var(--serif);font-size:clamp(26px,4vw,46px);font-weight:300;color:var(--white);margin-bottom:12px}
.edu-gia-cta p{font-size:15px;color:rgba(255,255,255,.8);max-width:540px;margin:0 auto 28px;line-height:1.7}
/* ═══ POLICY / TERMS PAGE ═══ */
.txt-hero{background:var(--cream);border-bottom:1px solid var(--border);padding:52px 40px 36px}
.txt-hero-in{max-width:860px;margin:0 auto}
.txt-hero-in h1{font-family:var(--serif);font-size:clamp(28px,4vw,48px);font-weight:300;color:var(--charcoal)}
.txt-hero-in p{font-size:12.5px;color:var(--mid);margin-top:7px}
.txt-body{max-width:860px;margin:0 auto;padding:52px 40px 72px}
.txt-body h2{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--charcoal);margin:32px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--border)}
.txt-body p{font-size:14px;color:var(--mid);line-height:1.85;margin-bottom:12px}
.txt-body ul{padding-left:18px;margin-bottom:12px}
.txt-body ul li{font-size:14px;color:var(--mid);line-height:1.8;margin-bottom:5px}
/* RESPONSIVE ADDITIONS */
@media(max-width:1024px){.cp-grid{grid-template-columns:repeat(3,1fr)}.edu-grid{grid-template-columns:1fr}.cust-steps-grid{grid-template-columns:repeat(2,1fr)}.cust-body{grid-template-columns:1fr}}
@media(max-width:768px){.cp-hero{padding:48px 20px 32px}.cp-body{padding:32px 20px 60px}.cp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cust-hero{padding:68px 20px 52px}.cust-steps{padding:48px 20px}.cust-steps-grid{grid-template-columns:1fr 1fr}.cust-body{padding:48px 20px;gap:28px}.cust-right{padding:24px 18px}.cf2{grid-template-columns:1fr}.edu-hero{padding:56px 20px 40px}.edu-4cs{padding:48px 20px}.edu-card-h{padding:20px}.edu-card-b{padding:20px}.edu-gia-cta{padding:48px 20px}.txt-hero{padding:36px 20px 24px}.txt-body{padding:36px 20px 56px}.cart-drawer{width:100vw}}
@media(max-width:480px){.cp-grid{grid-template-columns:1fr 1fr}.cust-steps-grid{grid-template-columns:1fr}}
@media(max-width:380px){.htitle{font-size:28px}.hcont{padding:0 16px}.dbar{gap:12px;padding:18px 16px}.dbn{font-size:26px}.dbl{font-size:9px}}
/* ── PLACEMENT PICKER ── */
.placement-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}
.pl-btn{padding:18px 10px;border:2px solid var(--border);background:var(--white);cursor:pointer;text-align:center;font-family:var(--sans);transition:all .2s;position:relative}
.pl-btn:hover{border-color:var(--gold-light);background:var(--gold-pale)}
.pl-btn.active{border-color:var(--gold);background:var(--gold-pale)}
.pl-btn svg{width:28px;height:28px;stroke:var(--mid);fill:none;display:block;margin:0 auto 8px;transition:stroke .2s}
.pl-btn.active svg{stroke:var(--gold-dark)}
.pl-btn span{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);transition:color .2s}
.pl-btn.active span{color:var(--gold-dark)}
/* ── SIZE PICKER ── */
.size-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;align-items:center}
.sz-btn{padding:10px 18px;border:2px solid var(--border);background:var(--white);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;color:var(--mid);transition:all .2s;letter-spacing:.04em;min-width:60px;text-align:center}
.sz-btn:hover{border-color:var(--gold-light);color:var(--gold-dark)}
.sz-btn.sel{border-color:var(--gold);background:var(--gold);color:var(--white)}
.custom-inch-wrap{display:flex;align-items:center;gap:8px;margin-top:4px}
.custom-inch-wrap input{width:80px;padding:10px 12px;border:2px solid var(--border);font-family:var(--sans);font-size:13px;font-weight:600;color:var(--charcoal);outline:none;text-align:center}
.custom-inch-wrap input:focus{border-color:var(--gold)}
.custom-inch-wrap span{font-size:13px;color:var(--mid)}
/* ── CHAIN CARDS (simplified) ── */
.piece-card{border:2px solid var(--border);padding:20px 14px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:var(--white)}
.piece-card:hover{border-color:var(--gold-light);background:var(--gold-pale)}
.piece-card.selected{border-color:var(--gold);background:var(--gold-pale)}
.piece-card.selected::after{content:'✓';position:absolute;top:7px;right:9px;color:var(--gold);font-size:14px;font-weight:700}
/* ── CHARM MULTI-SELECT NOTE ── */
.charm-note{font-size:12px;color:var(--mid);font-style:italic;margin-bottom:12px}
.charm-qty{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.charm-qty-btn{width:26px;height:26px;border:1.5px solid var(--border);background:var(--white);font-size:16px;line-height:1;cursor:pointer;color:var(--mid);font-family:var(--sans);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.charm-qty-btn:hover{border-color:var(--gold);color:var(--gold-dark)}
.charm-qty-num{font-size:13px;font-weight:600;color:var(--charcoal);min-width:20px;text-align:center}
.piece-card.selected .charm-qty-btn{border-color:var(--gold-light)}
/* ── PRICE BAR ── */
.pj-price-bar{position:fixed;bottom:0;left:0;right:0;background:var(--charcoal);border-top:2px solid var(--gold);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;z-index:150;transform:translateY(100%);transition:transform .3s;gap:16px;flex-wrap:wrap}
.pj-price-bar.visible{transform:translateY(0)}
.pj-price-summary{display:flex;flex-direction:column;gap:3px}
.pj-price-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.pj-price-total{font-family:var(--serif);font-size:30px;font-weight:300;color:var(--gold-light);line-height:1}
.pj-price-actions{display:flex;gap:10px;align-items:center}
@media(max-width:600px){.pj-price-bar{padding:12px 16px}.pj-price-total{font-size:24px}}
@media(max-width:1024px){.placement-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.placement-picker{grid-template-columns:repeat(2,1fr)}.sz-btn{padding:9px 14px;font-size:12px}}
/* ── WHATSAPP FLOATING BUTTON ── */
.wa-float{position:fixed;bottom:30px;right:30px;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.wa-float-btn{width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s;text-decoration:none;border:none}
.wa-float-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.6)}
.wa-float-btn svg{width:30px;height:30px;fill:white}
.wa-float-tooltip{background:var(--charcoal);color:white;font-size:12px;font-weight:500;letter-spacing:.06em;padding:7px 14px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:all .25s;pointer-events:none}
.wa-float:hover .wa-float-tooltip{opacity:1;transform:translateX(0)}
.wa-float-pulse{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(37,211,102,.4);animation:waPulse 2s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@media(max-width:768px){.wa-float{bottom:80px;right:16px}.wa-float-btn{width:52px;height:52px}.wa-float-pulse{width:52px;height:52px}}