
:root{--maroon:#18050c;--maroon2:#2a0b15;--emerald:#0a3f38;--emerald2:#0f6b5d;--gold:#d8b46a;--gold2:#f3d58c;--cream:#fff3df;--muted:#cbbca2;--glass:rgba(255,255,255,.075);--line:rgba(243,213,140,.23);--shadow:0 28px 80px rgba(0,0,0,.38);--font-display:'Cormorant Garamond',serif;--font-body:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 20% 0,#41101f 0,#1a0610 42%,#090408 100%);color:var(--cream);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.royal-bg,.texture{position:fixed;inset:0;pointer-events:none}.royal-bg{background:radial-gradient(circle at 15% 15%,rgba(216,180,106,.2),transparent 30%),radial-gradient(circle at 85% 5%,rgba(15,107,93,.25),transparent 28%);z-index:-3}.texture{opacity:.28;background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.02) 25%,transparent 25%);background-size:32px 32px;z-index:-2}.loader{position:fixed;inset:0;z-index:9999;background:#11040a;display:grid;place-items:center;align-content:center;gap:16px;transition:.5s ease}.loader.done{opacity:0;visibility:hidden}.loader-emblem{width:92px;height:92px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.loader-emblem span{position:absolute;inset:-6px;border-radius:50%;border-top:2px solid var(--gold);animation:spin 1s linear infinite}.loader-emblem img{width:58px}.loader p{letter-spacing:.25em;text-transform:uppercase;color:var(--gold2);font-size:12px}.nav{position:fixed;inset:0 0 auto;z-index:1000;padding:14px 0;transition:.28s ease}.nav.scrolled{background:rgba(16,4,9,.82);backdrop-filter:blur(22px);border-bottom:1px solid rgba(216,180,106,.18);box-shadow:0 14px 50px rgba(0,0,0,.25)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.brand img{width:52px;height:52px;object-fit:contain}.brand span{font-size:18px}.brand b{color:var(--gold2)}.nav-links{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:999px}.nav-links a{font-size:13px;font-weight:800;padding:11px 15px;border-radius:999px;color:#eadfc9;transition:.25s}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,rgba(216,180,106,.22),rgba(15,107,93,.2));color:var(--gold2)}.nav-actions{display:flex;align-items:center;gap:10px}.menu{display:none;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--cream);width:45px;height:45px;border-radius:14px;font-size:24px}.mobile-panel{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 22px;font-weight:900;font-size:14px;cursor:pointer;transition:.25s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#b98b32,#f3d58c,#ad7d2d);color:#250a10;box-shadow:0 15px 40px rgba(216,180,106,.24)}.btn-emerald{background:linear-gradient(135deg,#0a3f38,#0f6b5d);color:#fff;border:1px solid rgba(216,180,106,.28)}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--cream)}.label,.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold2);font-size:12px;font-weight:900}.eyebrow i{width:28px;height:2px;background:var(--gold)}.section-gap{padding:92px 0}.centered{text-align:center;margin-inline:auto}.section-head{max-width:750px;margin-bottom:44px}.section-head h2,.video-copy h2,.cta-inner h2,.story-card h2,.inner-hero h1,.hero h1{font-family:var(--font-display);line-height:.98;margin:14px 0;color:var(--gold2)}.section-head h2{font-size:clamp(38px,5vw,66px)}.section-head p,.lead,.video-copy p,.cta-inner p,.story-card p,.inner-hero p{color:#eadfc9;line-height:1.75}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:135px 0 90px}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease,transform 6.5s ease}.hero-bg.active{opacity:1;transform:scale(1)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,4,8,.92) 0%,rgba(23,5,12,.72) 43%,rgba(17,4,8,.35) 72%,rgba(17,4,8,.8) 100%)}.hero-glow{position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(0deg,#18050c,transparent);pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,650px) 380px;align-items:end;gap:50px}.hero h1{font-size:clamp(52px,8vw,100px);letter-spacing:-.04em}.lead{font-size:18px;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px}.hero-stats div{border:1px solid var(--line);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:22px;padding:18px}.hero-stats strong{display:block;color:var(--gold2);font-size:24px}.hero-stats span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-product-card{align-self:end;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(20px);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.hero-product-card span{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.2em;font-weight:900}.hero-product-card h3{font-family:var(--font-display);font-size:38px;line-height:1;margin:12px 0;color:var(--cream)}.hero-product-card p{color:var(--muted);line-height:1.7}.hero-dots{display:flex;gap:8px;margin-top:18px}.hero-dots button{width:40px;height:8px;border-radius:99px;border:0;background:rgba(255,255,255,.28);cursor:pointer}.hero-dots button.active{background:var(--gold2)}.hero-strip{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;gap:28px;justify-content:center;white-space:nowrap;padding:16px;background:linear-gradient(90deg,rgba(216,180,106,.16),rgba(15,107,93,.18));border-top:1px solid var(--line);color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.video-section{min-height:88vh;position:relative;display:grid;align-items:center;overflow:hidden}.full-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,3,7,.9),rgba(12,3,7,.48),rgba(12,3,7,.82)),linear-gradient(0deg,#18050c,transparent 28%,transparent 72%,#18050c)}.video-copy{position:relative;z-index:2;max-width:680px;padding:110px 0}.video-copy h2{font-size:clamp(45px,6vw,78px)}.best-seller{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.seller-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.seller-card,.product-card,.feature,.testimonial-card,.short-card,.map-card,.story-card,.timeline>div,.contact-info,.enquiry-form,.enquiry-side{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border-radius:30px;box-shadow:0 20px 70px rgba(0,0,0,.24)}.seller-card{overflow:hidden;transition:.3s}.seller-card:hover,.product-card:hover,.short-card:hover{transform:translateY(-7px);border-color:rgba(243,213,140,.45)}.seller-card img{width:100%;height:260px;object-fit:cover}.seller-card-content{padding:20px}.seller-card h3,.product-card h3,.feature h3,.short-card h3{font-family:var(--font-display);font-size:30px;line-height:1;margin:0 0 10px;color:var(--gold2)}.seller-card p,.product-card p,.feature p,.testimonial-card p,.short-card span{color:var(--muted);line-height:1.65}.product-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.product-meta span{border:1px solid rgba(216,180,106,.28);background:rgba(216,180,106,.09);color:#f6dfab;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:900}.testimonials{background:rgba(255,255,255,.025)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{padding:28px}.testimonial-card p{font-size:16px}.testimonial-card b{display:block;color:var(--gold2);margin-top:18px}.testimonial-card span{color:var(--muted);font-size:13px}.shorts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:960px;margin:auto}.short-card{padding:12px 12px 22px;text-align:center}.short-card video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#000}.short-card h3{margin-top:18px}.cta-band{padding:52px 0;background:linear-gradient(135deg,rgba(216,180,106,.18),rgba(15,107,93,.25));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{font-size:clamp(36px,5vw,58px);margin:0}.cta-inner p{margin:8px 0 0}.inner-hero{padding:155px 0 70px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(216,180,106,.08),transparent 50%)}.inner-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px}.inner-hero h1{font-size:clamp(48px,7vw,82px)}.inner-media img{height:420px;width:100%;object-fit:cover;border-radius:38px;border:1px solid var(--line);box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.story-card{padding:36px}.seal{display:flex;gap:14px;align-items:center;margin-top:24px}.seal span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#22070f;font-weight:900}.seal b{color:var(--gold2)}.timeline{display:grid;gap:16px}.timeline>div{padding:26px}.timeline b{color:var(--gold2);font-size:20px}.timeline p{color:var(--muted);line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:24px}.iconbox{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(216,180,106,.25),rgba(15,107,93,.26));color:var(--gold2);font-weight:900;margin-bottom:16px}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--cream);padding:11px 18px;border-radius:999px;font-weight:900;cursor:pointer}.filter.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#23080f}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{padding:18px;position:relative;overflow:hidden}.product-card .badge{position:absolute;top:18px;left:18px;background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:99px;padding:8px 11px;color:var(--gold2);font-size:11px;font-weight:900}.product-visual{height:220px;border-radius:22px;overflow:hidden;margin-bottom:18px;background:#16070d}.product-visual img{width:100%;height:100%;object-fit:cover}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.contact-grid,.enquiry-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-info,.map-card,.enquiry-side,.enquiry-form{padding:32px}.contact-info h2,.enquiry-side h2{font-family:var(--font-display);font-size:54px;color:var(--gold2);margin:12px 0}.contact-list{display:grid;gap:12px}.contact-list a,.contact-list div,.mini-contact a{border:1px solid rgba(216,180,106,.2);background:rgba(255,255,255,.06);border-radius:18px;padding:17px;display:block}.contact-list b{display:block;color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.contact-list span{color:#eadfc9}.map-card{min-height:360px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(15,107,93,.22),rgba(216,180,106,.08)),url('slides/pcm-hero-dealer.jpg');background-size:cover;background-blend-mode:multiply}.map-card h3{font-family:var(--font-display);font-size:44px;margin:0 0 12px;color:var(--gold2)}.enquiry-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:8px}.field.wide{grid-column:1/-1}.field label{color:var(--gold2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(216,180,106,.22);background:rgba(255,255,255,.09);color:var(--cream);border-radius:16px;padding:15px 16px;outline:none;font:inherit}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 4px rgba(216,180,106,.12)}.field select option{background:#1d0710;color:#fff}.submit-btn{grid-column:1/-1}.form-note{grid-column:1/-1;color:var(--muted);font-size:13px;margin:0}.mini-contact{display:grid;gap:10px;margin-top:22px}.mini-contact a{color:var(--gold2);font-weight:900}.footer{padding:70px 0 24px;background:#100409;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer img{width:82px;margin-bottom:14px}.footer p{color:var(--muted);line-height:1.7}.footer h4{color:var(--gold2);margin:0 0 14px}.footer a{display:block;color:#dfd1b9;margin:10px 0}.footer-wa{display:inline-block!important;color:#23080f!important;background:var(--gold2);padding:10px 14px;border-radius:999px;font-weight:900}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:36px;padding-top:20px;color:var(--muted);font-size:13px}.wa-float,.top-btn{position:fixed;z-index:900;border:1px solid var(--line);box-shadow:0 15px 45px rgba(0,0,0,.28)}.wa-float{right:18px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f6b5d,#0a3f38);font-size:28px;color:#fff}.top-btn{right:88px;bottom:28px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold2);opacity:0;visibility:hidden;transition:.25s}.top-btn.show{opacity:1;visibility:visible}.toast{position:fixed;z-index:1100;right:20px;bottom:95px;max-width:350px;background:#fff7e8;color:#19060d;border-radius:22px;padding:16px 18px;box-shadow:0 20px 70px rgba(0,0,0,.32);transform:translateY(20px);opacity:0;visibility:hidden;transition:.25s}.toast.show{transform:none;opacity:1;visibility:visible}.toast b{display:block}.toast span{font-size:13px;color:#4f3a27}.modal{position:fixed;z-index:1200;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.modal.show{opacity:1;visibility:visible}.modal-card{width:min(650px,100%);background:#1a0610;border:1px solid var(--line);border-radius:32px;padding:26px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;top:14px;right:16px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer}.modal-img{height:280px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:18px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.nav-links,.nav-cta{display:none}.menu{display:block}.mobile-panel{display:grid;position:fixed;inset:78px 16px auto;gap:7px;background:rgba(16,4,9,.96);border:1px solid var(--line);border-radius:28px;padding:16px;transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s}.mobile-panel.open{transform:none;opacity:1;visibility:visible}.mobile-panel a{padding:14px 16px;border-radius:16px;color:#fff;font-weight:900;background:rgba(255,255,255,.06)}.mobile-panel a.active{color:var(--gold2)}.mobile-cta{background:var(--gold2)!important;color:#22070f!important}.hero-content,.inner-hero-grid,.split,.contact-grid,.enquiry-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-product-card{max-width:480px}.seller-grid,.features-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.shorts-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta-inner .btn{margin-top:20px}.hero-strip{overflow:hidden;justify-content:flex-start}.inner-media img{height:330px}}@media (max-width:620px){.wrap{width:min(100% - 24px,1180px)}.brand span{font-size:15px}.brand img{width:46px;height:46px}.hero h1{font-size:48px}.hero-actions .btn{width:100%}.hero-stats{grid-template-columns:1fr}.seller-grid,.features-grid,.catalog-grid,.footer-grid,.enquiry-form{grid-template-columns:1fr}.seller-card img{height:220px}.section-gap{padding:64px 0}.video-section{min-height:76vh}.video-copy{padding:80px 0}.inner-hero{padding:125px 0 55px}.inner-hero h1{font-size:45px}.top-btn{display:none}}

/* ============================================================
   v10 updates — minimal additions (no original CSS changed)
   - Smaller hero h1 (medium, not too large)
   - Cream archway background for best-seller, video, testimonials,
     shorts, and cta-band sections
   - Video card sized larger: 80vw wide × 60vh tall, premium hover lift
   - CTA band above footer: interactive hover with gold/emerald wash
   - Premium interactive polish across all cards
   ============================================================ */

/* SECTION 1 — Hero h1 medium */
.home-hero h1{font-size:clamp(36px,5.2vw,64px) !important}
@media (max-width:620px){.home-hero h1{font-size:34px !important}}

/* Hero slides: smoother MRK-style ken-burns zoom + crossfade */
.home-hero .hero-bg{transition:opacity 1.6s ease, transform 9s ease-out !important}

/* SECTION 2 — VIDEO SECTION with cream archway background + framed video card */
.video-section{
  background:
    radial-gradient(ellipse at center,rgba(16,4,9,.55) 0%,rgba(16,4,9,.85) 100%),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat !important;
  padding:90px 0 !important;
  min-height:auto !important;
}
.video-section .full-video{
  position:relative !important;
  inset:auto !important;
  width:min(80vw, 1400px) !important;
  height:60vh !important;
  max-height:760px !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  border-radius:28px !important;
  border:1px solid rgba(243,213,140,.35) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .5s cubic-bezier(.2,.7,.3,1.2), box-shadow .5s ease, border-color .4s ease !important;
}
.video-section .full-video:hover{
  transform:translateY(-6px) scale(1.01) !important;
  border-color:rgba(243,213,140,.65) !important;
  box-shadow:0 40px 110px rgba(0,0,0,.65), 0 0 0 1px rgba(243,213,140,.45) inset !important;
}
.video-section .video-overlay{display:none !important}
.video-section .video-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:760px !important;
  margin:0 auto 40px !important;
  padding:0 !important;
  text-align:center !important;
}
.video-section .video-copy .label,
.video-section .video-copy h2,
.video-section .video-copy p{color:#fff3df !important}
.video-section .video-copy h2{
  font-size:clamp(34px,4.4vw,54px) !important;
  margin:14px auto !important;
  color:var(--gold2) !important;
}
.video-section .video-copy p{margin:0 auto 22px !important; max-width:600px}

/* SECTION 3 — Best Seller cream bg (same family as testimonials/shorts) */
.section-gap.best-seller{
  position:relative;
  background:linear-gradient(135deg,rgba(16,4,9,.86),rgba(24,5,12,.82)),
             url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed !important;
}

/* SECTION 4 — Testimonials cream bg */
.section-gap.testimonials{
  position:relative;
  background:linear-gradient(135deg,rgba(16,4,9,.86),rgba(24,5,12,.82)),
             url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed;
}

/* SECTION 5 — Shorts cream bg */
.section-gap.shorts{
  position:relative;
  background:linear-gradient(135deg,rgba(16,4,9,.84),rgba(20,5,11,.80)),
             url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed;
}

/* SECTION 6 — Above footer (cta-band) cream bg + interactive hover */
.cta-band{
  position:relative;
  background:linear-gradient(135deg,rgba(216,180,106,.32),rgba(15,107,93,.32)),
             url('slides/pcm-cream-bg.jpg') center/cover no-repeat !important;
  background-blend-mode:multiply,normal !important;
  transition:background .6s ease, box-shadow .5s ease !important;
  overflow:hidden;
}
.cta-band:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(216,180,106,.55),rgba(15,107,93,.55));
  opacity:0;
  transition:opacity .5s ease;
  mix-blend-mode:overlay;
  pointer-events:none;
}
.cta-band:hover:before{opacity:1}
.cta-band:hover{
  box-shadow:0 0 0 1px rgba(243,213,140,.35) inset, 0 20px 60px rgba(0,0,0,.35) !important;
}
.cta-band .cta-inner{position:relative;z-index:2}
.cta-band .cta-inner h2,.cta-band .cta-inner p{
  transition:transform .5s cubic-bezier(.2,.7,.3,1.2) !important;
}
.cta-band:hover .cta-inner h2{transform:translateY(-3px)}
.cta-band:hover .cta-inner .btn{transform:translateY(-3px); box-shadow:0 22px 60px rgba(216,180,106,.6) !important}

/* Premium interactive polish — Harvard-grade micro-interactions */
.seller-card,.testimonial-card,.short-card,.feature{
  transition:transform .4s cubic-bezier(.2,.7,.3,1.2), box-shadow .4s ease, border-color .35s ease !important;
}
.seller-card:hover,.testimonial-card:hover,.short-card:hover,.feature:hover{
  transform:translateY(-9px) !important;
  box-shadow:0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(243,213,140,.55) inset !important;
}
.btn{transition:transform .25s ease, box-shadow .25s ease, filter .25s ease !important}
.btn:hover{filter:brightness(1.08)}
.btn-gold:hover{box-shadow:0 18px 50px rgba(216,180,106,.5) !important}

/* Hero "Featured Range" card — subtle floating animation for premium feel */
@keyframes pcm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-product-card{animation:pcm-float 6s ease-in-out infinite}

/* Gentle gold accent on hero strip */
.hero-strip span{position:relative}
.hero-strip span:not(:last-child):after{
  content:'·';margin-left:28px;color:var(--gold);opacity:.7
}

/* Mobile: turn off background-attachment fixed (janky on mobile) */
@media (max-width:980px){
  .section-gap.best-seller,
  .section-gap.testimonials,
  .section-gap.shorts{background-attachment:scroll !important}
  .video-section{padding:64px 0 !important}
  .video-section .full-video{
    width:calc(100% - 32px) !important;
    height:auto !important;
    aspect-ratio:9/14 !important;
    max-height:75vh !important;
  }
}
@media (max-width:620px){
  .hero-strip span:not(:last-child):after{margin-left:14px}
}



/* =========================================================
   PCM SILVER V11 — PRECISION VISUAL UPGRADE
   Existing structure/integration retained; visual requests only.
   ========================================================= */

/* Hero section: transparent luxury glass boxes over the image slider */
.home-hero .hero-stats div,
.home-hero .hero-product-card{
  background:linear-gradient(135deg,rgba(28,8,15,.20),rgba(15,42,38,.13)) !important;
  border:1px solid rgba(245,221,164,.38) !important;
  -webkit-backdrop-filter:blur(8px) saturate(125%);
  backdrop-filter:blur(8px) saturate(125%);
  box-shadow:0 20px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,248,219,.10) !important;
}
.home-hero .hero-product-card:before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 28%,rgba(255,242,193,.10) 47%,transparent 62%);
  transform:translateX(-100%);
  animation:pcm-glass-shine 5.8s ease-in-out infinite;
  pointer-events:none;
}
.home-hero .hero-product-card{position:relative;overflow:hidden}
.home-hero .hero-stats strong{color:#ffe3a1 !important;text-shadow:0 2px 20px rgba(216,180,106,.24)}
.home-hero .hero-stats span{color:rgba(255,246,224,.84) !important}
@keyframes pcm-glass-shine{
  0%,64%{transform:translateX(-110%)}
  100%{transform:translateX(110%)}
}

/* Silver Film: larger cinema frame requested — 90% horizontal and 85% vertical */
.video-section{
  padding:82px 0 92px !important;
}
.video-section .full-video{
  width:min(90vw, 1660px) !important;
  height:85vh !important;
  max-height:920px !important;
  border-radius:32px !important;
  border:1px solid rgba(243,213,140,.46) !important;
  box-shadow:
    0 45px 118px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,241,190,.12) inset,
    0 0 52px rgba(216,180,106,.10) !important;
}
.video-section .video-copy{
  margin:44px auto 0 !important;
}

/* Best Seller: add optimized video gallery without disturbing product-card rendering */
.best-seller .section-head{margin-bottom:42px}
.seller-reels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:0 auto 48px;
}
.seller-reel-card{
  display:grid;
  grid-template-columns:minmax(118px,41%) 1fr;
  min-height:320px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(243,213,140,.28);
  background:linear-gradient(136deg,rgba(34,10,18,.85),rgba(8,63,56,.42));
  box-shadow:0 24px 72px rgba(0,0,0,.32);
  transition:transform .42s cubic-bezier(.2,.7,.3,1.2),border-color .36s ease,box-shadow .42s ease;
}
.seller-reel-card:hover{
  transform:translateY(-7px);
  border-color:rgba(243,213,140,.56);
  box-shadow:0 34px 86px rgba(0,0,0,.47),0 0 0 1px rgba(243,213,140,.15) inset;
}
.seller-reel-card video{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
  background:#17050d;
}
.seller-reel-card > div{
  padding:26px 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.seller-reel-card span{
  font-size:11px;
  letter-spacing:.17em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--gold2);
  margin-bottom:12px;
}
.seller-reel-card h3{
  font-family:var(--font-display);
  font-size:30px;
  line-height:1.06;
  margin:0 0 11px;
  color:#f5d98f;
}
.seller-reel-card p{
  margin:0;
  font-size:13px;
  line-height:1.62;
  color:rgba(242,227,199,.78);
}

/* Make Dealer Pricing CTA use the same destination atmosphere, with a refined glass panel */
.cta-band{
  padding:62px 0 !important;
  background:
    linear-gradient(135deg,rgba(16,4,9,.84),rgba(20,5,11,.80)),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed !important;
  border-top:1px solid rgba(243,213,140,.25) !important;
  border-bottom:1px solid rgba(243,213,140,.18) !important;
}
.cta-band:before{
  background:
    radial-gradient(circle at 18% 50%,rgba(216,180,106,.20),transparent 36%),
    radial-gradient(circle at 84% 38%,rgba(15,107,93,.32),transparent 40%) !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.cta-band .cta-inner{
  padding:36px 42px;
  border:1px solid rgba(243,213,140,.27);
  border-radius:30px;
  background:linear-gradient(110deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.cta-band .cta-inner h2{color:#f3d58b}
.cta-band .cta-inner p{color:rgba(241,225,197,.78)}

/* Footer: distinct, attractive close with royal emerald/maroon atmosphere */
.footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(216,180,106,.13),transparent 32%),
    radial-gradient(circle at 85% 42%,rgba(15,107,93,.27),transparent 35%),
    linear-gradient(128deg,#100409 0%,#210813 48%,#071e1b 100%) !important;
  border-top:1px solid rgba(243,213,140,.32) !important;
  padding:78px 0 27px !important;
}
.footer:before{
  content:'';
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg,rgba(243,213,140,.025) 0 1px,transparent 1px 17px),
    radial-gradient(ellipse at top,rgba(216,180,106,.12),transparent 48%);
  pointer-events:none;
}
.footer:after{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:min(560px,65vw);
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);
  box-shadow:0 0 26px rgba(243,213,140,.48);
}
.footer .wrap{position:relative;z-index:1}
.footer h4{letter-spacing:.03em}
.footer-wa{
  box-shadow:0 13px 35px rgba(216,180,106,.20);
  transition:transform .25s ease,box-shadow .25s ease !important;
}
.footer-wa:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(216,180,106,.34);
}

/* Responsive optimisation */
@media (max-width:1180px){
  .seller-reels{grid-template-columns:1fr}
  .seller-reel-card{grid-template-columns:210px 1fr;min-height:250px}
  .seller-reel-card video{min-height:250px}
}
@media (max-width:980px){
  .video-section .full-video{
    width:calc(100% - 32px) !important;
    height:min(70vh,660px) !important;
    aspect-ratio:auto !important;
  }
  .cta-band{background-attachment:scroll !important}
  .cta-band .cta-inner{padding:28px 24px}
}
@media (max-width:620px){
  .home-hero .hero-stats div,
  .home-hero .hero-product-card{
    -webkit-backdrop-filter:blur(6px) saturate(115%);
    backdrop-filter:blur(6px) saturate(115%);
  }
  .video-section .full-video{
    height:min(68vh,560px) !important;
    border-radius:22px !important;
  }
  .seller-reel-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .seller-reel-card video{
    height:420px;
    min-height:0;
  }
  .seller-reel-card > div{padding:20px}
}


/* =========================================================
   PCM SILVER V12 — UPLOADED GALLERY + VIDEO REELS
   Existing V11 page system retained; requested content styling only.
   ========================================================= */
.best-seller .seller-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.best-seller .seller-card img{height:356px;object-fit:cover;object-position:center top}
.best-seller .seller-card-content{padding:20px 20px 22px}
.shorts .uploaded-reels{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;gap:18px}
.shorts .uploaded-reels .short-card video{aspect-ratio:9/15.2}
.shorts .uploaded-reels .short-card h3{font-size:28px}

/* Requested: remove section hover/lift effects while keeping sliders and reveal animation. */
.seller-card,.product-card,.testimonial-card,.short-card,.feature,.seller-reel-card,.story-card,.timeline>div,.map-card,.contact-info,.enquiry-form,.enquiry-side,.cta-band,.cta-band:before,.cta-band .cta-inner h2,.cta-band .cta-inner .btn,.footer-wa{transition:none !important}
.seller-card:hover,.product-card:hover,.testimonial-card:hover,.short-card:hover,.feature:hover,.seller-reel-card:hover,.story-card:hover,.timeline>div:hover,.map-card:hover,.contact-info:hover,.enquiry-form:hover,.enquiry-side:hover{transform:none !important;border-color:var(--line) !important}
.seller-card:hover,.product-card:hover,.testimonial-card:hover,.short-card:hover,.feature:hover{box-shadow:0 20px 70px rgba(0,0,0,.24) !important}
.seller-reel-card:hover{box-shadow:0 24px 72px rgba(0,0,0,.32) !important;border-color:rgba(243,213,140,.28) !important}
.cta-band:hover{box-shadow:none !important}
.cta-band:hover .cta-inner h2,.cta-band:hover .cta-inner .btn,.footer-wa:hover{transform:none !important}
.footer-wa:hover{box-shadow:0 13px 35px rgba(216,180,106,.20) !important}
@media (max-width:980px){.best-seller .seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.best-seller .seller-card img{height:360px}.shorts .uploaded-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.best-seller .seller-grid,.shorts .uploaded-reels{grid-template-columns:1fr}.best-seller .seller-card img{height:auto;max-height:none}}
.video-section .full-video,.video-section .full-video:hover{transition:none !important;transform:none !important;border-color:rgba(243,213,140,.46) !important;box-shadow:0 45px 118px rgba(0,0,0,.60),0 0 0 1px rgba(255,241,190,.12) inset,0 0 52px rgba(216,180,106,.10) !important}
.section-gap .btn:hover,.video-section .btn:hover,.cta-band .btn:hover{transform:none !important;filter:none !important}

/* =========================================================
   PCM SILVER V13 — REQUESTED HERO GLASS + VIDEO HEIGHT ONLY
   Existing HTML, content, gallery, reels and enquiry integration retained.
   ========================================================= */
/* Home hero: clearer transparent glass for stat boxes and Featured Range panel. */
.home-hero .hero-stats div,
.home-hero .hero-product-card{
  background:rgba(11,7,10,.09) !important;
  border:1px solid rgba(245,221,164,.42) !important;
  -webkit-backdrop-filter:blur(4px) saturate(110%) !important;
  backdrop-filter:blur(4px) saturate(110%) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,248,219,.11) !important;
}
.home-hero .hero-product-card:before{opacity:.28 !important;}
.home-hero .hero-stats strong,
.home-hero .hero-product-card h3{color:#ffe4a6 !important;}

/* Home second section: keep the 90% cinematic width and reduce vertical frame to 70%. */
.video-section .full-video,
.video-section .full-video:hover{
  width:min(90vw,1660px) !important;
  height:70vh !important;
  max-height:760px !important;
  min-height:0 !important;
  object-fit:cover !important;
}
@media (max-width:980px){
  .video-section .full-video,
  .video-section .full-video:hover{height:62vh !important;max-height:620px !important;}
}
@media (max-width:620px){
  .video-section .full-video,
  .video-section .full-video:hover{height:54vh !important;max-height:520px !important;}
}


/* =========================================================
   PCM SILVER V14 — BRAND MARK SCALE UPDATE ONLY
   Requested update: larger emblem in navbar/footer and
   navbar lockup shows emblem + SILVER only.
   ========================================================= */
.nav .brand{gap:15px;flex-shrink:0}
.nav .brand img{
  width:70px;
  height:70px;
  filter:drop-shadow(0 5px 16px rgba(230,221,193,.20));
}
.nav .brand span{
  font-family:var(--font-display);
  font-size:30px;
  font-weight:600;
  letter-spacing:.18em;
  line-height:1;
}
.nav .brand b{
  color:transparent;
  background:linear-gradient(120deg,#faf7ee 0%,#d8d4cc 32%,#ffffff 54%,#bfb9ae 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 25px rgba(255,255,255,.10);
}
.footer-brand img{
  width:136px;
  height:auto;
  margin-bottom:20px;
  filter:drop-shadow(0 10px 26px rgba(216,180,106,.18));
}
@media (max-width:620px){
  .nav .brand{gap:10px}
  .nav .brand img{width:57px;height:57px}
  .nav .brand span{font-size:23px;letter-spacing:.13em}
  .footer-brand img{width:112px;margin-bottom:16px}
}


/* =========================================================
   PCM SILVER V15 — NAVBAR EMBLEM SIZE ONLY
   Only the PCM logo scale in the navbar is enlarged.
   Existing pages, media, animations and enquiry logic retained.
   ========================================================= */
.nav .brand img{
  width:92px !important;
  height:92px !important;
  filter:drop-shadow(0 7px 20px rgba(230,221,193,.26)) !important;
}
@media (max-width:1100px){
  .nav .brand img{width:78px !important;height:78px !important;}
}
@media (max-width:620px){
  .nav .brand img{width:66px !important;height:66px !important;}
}


/* =========================================================
   PCM SILVER V16 — INNER PAGE BACKGROUND HARMONY ONLY
   Requested update: About, Collection, Contact Us and Enquiry
   now carry the same royal home-page atmosphere.
   Existing HTML, media, enquiry integration and layouts retained.
   ========================================================= */

/* One continuous luxury canvas behind every inner page. */
body:not([data-page="home"]){
  background:
    radial-gradient(circle at 13% 8%,rgba(216,180,106,.14),transparent 29%),
    radial-gradient(circle at 86% 12%,rgba(15,107,93,.22),transparent 31%),
    linear-gradient(124deg,#110409 0%,#220813 48%,#071d1b 100%) !important;
}
body:not([data-page="home"]) .royal-bg{
  background:
    radial-gradient(circle at 16% 18%,rgba(216,180,106,.18),transparent 31%),
    radial-gradient(circle at 85% 12%,rgba(15,107,93,.30),transparent 30%),
    radial-gradient(circle at 48% 100%,rgba(216,180,106,.08),transparent 40%) !important;
}
body:not([data-page="home"]) .texture{opacity:.24 !important;}

/* Inner hero now feels like the home hero: rich image, spotlight and controlled overlay. */
body:not([data-page="home"]) .inner-hero{
  isolation:isolate;
  min-height:min(72vh,690px);
  display:flex;
  align-items:center;
  padding-top:168px !important;
  padding-bottom:78px !important;
  background:
    linear-gradient(90deg,rgba(15,4,8,.55) 0%,rgba(26,6,13,.22) 48%,rgba(12,32,29,.05) 100%),
    linear-gradient(0deg,rgba(20,5,11,.45),transparent 38%),
    url('slides/pcm-home-hero-2.jpg') center/cover no-repeat !important;
  border-bottom:1px solid rgba(243,213,140,.16);
}
body[data-page="collection"] .inner-hero{
  background:
    linear-gradient(90deg,rgba(15,4,8,.55) 0%,rgba(26,6,13,.20) 48%,rgba(12,32,29,.04) 100%),
    linear-gradient(0deg,rgba(20,5,11,.45),transparent 38%),
    url('slides/pcm-home-hero-1.jpg') center/cover no-repeat !important;
}
body[data-page="contact"] .inner-hero,
body[data-page="enquiry"] .inner-hero{
  background:
    linear-gradient(90deg,rgba(15,4,8,.58) 0%,rgba(26,6,13,.24) 48%,rgba(12,32,29,.06) 100%),
    linear-gradient(0deg,rgba(20,5,11,.45),transparent 38%),
    url('slides/pcm-hero-dealer.jpg') center/cover no-repeat !important;
}
body:not([data-page="home"]) .inner-hero:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 34%,rgba(243,213,140,.13),transparent 26%),
    radial-gradient(circle at 83% 36%,rgba(15,107,93,.20),transparent 28%);
}
body:not([data-page="home"]) .inner-media img{
  border:1px solid rgba(243,213,140,.33) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.40),0 0 0 1px rgba(255,241,190,.07) inset !important;
}

/* Content sections match the home page's textured destination atmosphere. */
body:not([data-page="home"]) .section-gap{
  position:relative;
  background:
    linear-gradient(135deg,rgba(16,4,9,.87),rgba(24,5,12,.83)),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed !important;
}
body:not([data-page="home"]) .section-gap:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 22%,rgba(216,180,106,.12),transparent 32%),
    radial-gradient(circle at 90% 70%,rgba(15,107,93,.16),transparent 34%);
}
body:not([data-page="home"]) .section-gap > .wrap{
  position:relative;
  z-index:1;
}

/* Cards stay still, but feel integrated with the royal home design. */
body:not([data-page="home"]) .story-card,
body:not([data-page="home"]) .timeline > div,
body:not([data-page="home"]) .feature,
body:not([data-page="home"]) .product-card,
body:not([data-page="home"]) .seller-card,
body:not([data-page="home"]) .contact-info,
body:not([data-page="home"]) .map-card,
body:not([data-page="home"]) .enquiry-side,
body:not([data-page="home"]) .enquiry-form{
  background:linear-gradient(136deg,rgba(34,10,18,.66),rgba(8,48,43,.30)) !important;
  border-color:rgba(243,213,140,.27) !important;
  -webkit-backdrop-filter:blur(7px) saturate(112%);
  backdrop-filter:blur(7px) saturate(112%);
  box-shadow:0 24px 76px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,241,190,.06) !important;
}

/* Keep CTA/footer family visually continuous with Home page. */
body:not([data-page="home"]) .cta-band{
  background:
    linear-gradient(135deg,rgba(16,4,9,.84),rgba(20,5,11,.80)),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed !important;
}
body:not([data-page="home"]) .footer{
  background:
    radial-gradient(circle at 12% 20%,rgba(216,180,106,.13),transparent 32%),
    radial-gradient(circle at 85% 42%,rgba(15,107,93,.27),transparent 35%),
    linear-gradient(128deg,#100409 0%,#210813 48%,#071e1b 100%) !important;
}

/* Mobile performance and spacing: same appearance without fixed-image repaint cost. */
@media (max-width:980px){
  body:not([data-page="home"]) .inner-hero{
    min-height:auto;
    padding-top:138px !important;
    padding-bottom:62px !important;
  }
  body:not([data-page="home"]) .section-gap,
  body:not([data-page="home"]) .cta-band{
    background-attachment:scroll !important;
  }
}
@media (max-width:620px){
  body:not([data-page="home"]) .inner-hero{
    padding-top:126px !important;
    padding-bottom:50px !important;
  }
  body:not([data-page="home"]) .story-card,
  body:not([data-page="home"]) .timeline > div,
  body:not([data-page="home"]) .feature,
  body:not([data-page="home"]) .product-card,
  body:not([data-page="home"]) .seller-card,
  body:not([data-page="home"]) .contact-info,
  body:not([data-page="home"]) .map-card,
  body:not([data-page="home"]) .enquiry-side,
  body:not([data-page="home"]) .enquiry-form{
    -webkit-backdrop-filter:blur(5px) saturate(108%);
    backdrop-filter:blur(5px) saturate(108%);
  }
}


/* =========================================================
   PCM SILVER V22 — REQUESTED FOOTER + INNER HERO UPDATE ONLY
   - Compact WhatsApp + Instagram icon buttons side by side
   - No footer height increase
   - Right hero image card removed from Collection, Contact and Enquiry
   - PCM showroom background used on Contact and Enquiry hero
   Existing application JavaScript and form integration retained.
   ========================================================= */

/* Compact social buttons inside existing footer footprint. */
.footer{
  padding:70px 0 24px !important;
}
.footer-brand p{
  margin-bottom:0;
}
.footer-social{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:nowrap;
  margin-top:12px;
}
.footer-social-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  margin:0 !important;
  padding:9px 13px !important;
  border-radius:999px;
  color:#fff !important;
  font-size:13px;
  font-weight:900;
  line-height:1;
  text-decoration:none;
  border:1px solid rgba(243,213,140,.20);
  box-shadow:none !important;
  transition:none !important;
}
.footer-social-btn svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
}
.footer-whatsapp{
  background:linear-gradient(135deg,#096b5a,#0f8b71) !important;
}
.footer-whatsapp svg{
  fill:currentColor;
  stroke:none;
}
.footer-instagram{
  background:linear-gradient(135deg,#5d295e 0%,#b23372 48%,#d89248 100%) !important;
}
.footer-instagram svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
.footer-social-btn:hover{
  transform:none !important;
  filter:none !important;
}

/* Clean first hero layout after removing the boxed right-side image. */
.single-copy-hero .inner-hero-grid{
  grid-template-columns:1fr !important;
}
.single-copy-hero .inner-hero-grid > .reveal{
  max-width:760px;
}
.single-copy-hero h1{
  max-width:820px;
}
body[data-page="collection"] .single-copy-hero .inner-hero-grid > .reveal{
  max-width:700px;
}

/* Real PCM showroom imagery as full hero atmosphere, not a boxed image card. */
body[data-page="contact"] .inner-hero,
body[data-page="enquiry"] .inner-hero{
  background:
    linear-gradient(90deg,rgba(15,4,8,.98) 0%,rgba(24,6,13,.94) 40%,rgba(8,31,28,.60) 100%),
    radial-gradient(circle at 77% 42%,rgba(216,180,106,.18),transparent 34%),
    url('pages/pcm-showroom-contact-bg.webp') right center / auto 100% no-repeat,
    linear-gradient(124deg,#110409 0%,#220813 52%,#071d1b 100%) !important;
}
body[data-page="contact"] .map-card{
  background:
    linear-gradient(135deg,rgba(15,5,10,.62),rgba(8,42,37,.56)),
    url('pages/pcm-showroom-contact-bg.webp') center / cover no-repeat !important;
  border-color:rgba(243,213,140,.30) !important;
}

/* Keep mobile readable and fast. */
@media (max-width:620px){
  .footer-social{
    gap:7px;
  }
  .footer-social-btn{
    min-height:38px;
    padding:9px 11px !important;
    font-size:12px;
  }
  body[data-page="contact"] .inner-hero,
  body[data-page="enquiry"] .inner-hero{
    background:
      linear-gradient(0deg,rgba(15,4,8,.96),rgba(15,4,8,.80)),
      url('pages/pcm-showroom-contact-bg.webp') center / cover no-repeat !important;
  }
}


/* =========================================================
   PCM SILVER V27 — COLLECTION CIRCLE CATEGORY UPDATE
   - Collection page second section now matches premium round category carousel.
   - Click category opens its dedicated page.
   - Text readability improved while background remains visible.
   - Existing site structure and form integration retained.
   ========================================================= */
.category-showcase-section{
  position:relative;
  padding:70px 0 54px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,248,235,.94),rgba(255,255,255,.86)),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat !important;
  color:#210813;
}
.category-showcase-section:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 28%,rgba(216,180,106,.22),transparent 30%),
    radial-gradient(circle at 90% 55%,rgba(15,107,93,.14),transparent 35%);
}
.category-showcase-section .wrap{position:relative;z-index:1;}
.category-showcase-section .section-head .label{color:#8f6b22 !important;}
.category-showcase-section .section-head h2{color:#210813 !important;}
.category-showcase-section .section-head p{color:#5b4431 !important;}
.category-slider-wrap{position:relative;margin-top:30px;padding:0 52px;}
.category-track{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 2px 18px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.category-track::-webkit-scrollbar{display:none;}
.category-circle-card{
  flex:0 0 160px;
  scroll-snap-align:start;
  text-align:center;
  color:#210813;
  text-decoration:none;
  outline:none;
}
.category-circle-img{
  width:152px;
  height:152px;
  margin:0 auto 12px;
  border-radius:50%;
  display:block;
  overflow:hidden;
  position:relative;
  background:#2a0b15;
  border:2px solid rgba(216,180,106,.45);
  box-shadow:none !important;
}
.category-circle-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:none !important;
  filter:saturate(1.02) contrast(1.02);
}
.category-circle-img span{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(24,5,12,.50),rgba(24,5,12,.16));
  pointer-events:none;
}
.category-circle-card strong{
  display:block;
  font-size:19px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.03em;
  color:#210813;
}
.category-circle-card small{
  display:block;
  margin:6px auto 0;
  max-width:150px;
  font-size:11px;
  line-height:1.45;
  color:#6b5139;
}
.category-circle-card:hover strong,
.category-circle-card:focus-visible strong{color:#8f6b22;}
.category-arrow{
  position:absolute;
  top:66px;
  z-index:3;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(33,8,19,.22);
  background:#fff;
  color:#100409;
  font-size:34px;
  line-height:38px;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:none !important;
}
.category-prev{left:0;}
.category-next{right:0;}
.category-arrow:hover{background:#fff7e8;transform:none !important;box-shadow:none !important;}

body[data-page="collection"] #collections.section-gap{padding-top:72px;}
body[data-page="collection"] .filters{max-width:1050px;margin-inline:auto;}
body[data-page="collection"] .filter{white-space:nowrap;}

body[data-page="category"] .category-page-hero{
  background:
    linear-gradient(90deg,rgba(15,4,8,.90) 0%,rgba(24,6,13,.70) 46%,rgba(8,31,28,.28) 100%),
    var(--categoryHero) center/cover no-repeat !important;
}
body[data-page="category"] .category-product-section .section-head .label{color:#f3d58c !important;}
.empty-state{
  grid-column:1/-1;
  text-align:center;
  padding:48px 24px;
  border:1px solid rgba(243,213,140,.30);
  border-radius:28px;
  background:rgba(16,4,9,.58);
}
.empty-state h3{font-family:var(--font-display);font-size:38px;color:var(--gold2);margin:0 0 8px;}
.empty-state p{color:#eadfc9;margin:0 0 20px;}

/* Clear readable text on dark product backgrounds without adding heavy shadows. */
.product-card h3,.seller-card h3{color:#ffe7aa !important;}
.product-card p,.seller-card p{color:#f4ead8 !important;}
.product-meta span{background:rgba(255,248,220,.11) !important;color:#fff6da !important;border-color:rgba(243,213,140,.22) !important;}
.product-visual img,.seller-card img{transform:none !important;}
.product-card:hover,.seller-card:hover,.category-circle-card:hover{transform:none !important;box-shadow:none !important;}

@media (max-width:980px){
  .category-slider-wrap{padding:0 44px;}
  .category-circle-card{flex-basis:145px;}
  .category-circle-img{width:136px;height:136px;}
}
@media (max-width:620px){
  .category-showcase-section{padding:52px 0 38px;}
  .category-slider-wrap{padding:0 36px;margin-top:20px;}
  .category-track{gap:16px;}
  .category-circle-card{flex-basis:118px;}
  .category-circle-img{width:112px;height:112px;margin-bottom:9px;}
  .category-circle-card strong{font-size:15px;}
  .category-circle-card small{display:none;}
  .category-arrow{top:50px;width:34px;height:34px;font-size:26px;line-height:30px;}
}

/* =========================================================
   PCM SILVER V29 — COLLECTION / CATEGORY SECTION BACKGROUND
   Request: Do not change HTML/code structure. Only make the
   collection round category section and Browse Other PCM Silver
   Ranges section use the same premium background family as all
   other inner-page sections, with clear readable text.
   ========================================================= */
.category-showcase-section,
.category-showcase-section.compact{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg,rgba(16,4,9,.88),rgba(24,5,12,.84)),
    url('slides/pcm-cream-bg.jpg') center/cover no-repeat fixed !important;
  color:var(--cream) !important;
  border-top:1px solid rgba(243,213,140,.16) !important;
  border-bottom:1px solid rgba(243,213,140,.14) !important;
}
.category-showcase-section:before,
.category-showcase-section.compact:before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 10% 22%,rgba(216,180,106,.13),transparent 32%),
    radial-gradient(circle at 90% 70%,rgba(15,107,93,.18),transparent 34%) !important;
}
.category-showcase-section .wrap{position:relative !important;z-index:1 !important;}
.category-showcase-section .section-head .label,
.category-showcase-section.compact .section-head .label{
  color:var(--gold2) !important;
}
.category-showcase-section .section-head h2,
.category-showcase-section.compact .section-head h2{
  color:var(--gold2) !important;
}
.category-showcase-section .section-head p,
.category-showcase-section.compact .section-head p{
  color:#f4ead8 !important;
}
.category-circle-card,
.category-circle-card:visited{
  color:var(--cream) !important;
}
.category-circle-card strong{
  color:#fff3df !important;
  text-shadow:none !important;
}
.category-circle-card small{
  color:#d9c9ad !important;
}
.category-circle-card:hover strong,
.category-circle-card:focus-visible strong{
  color:var(--gold2) !important;
}
.category-circle-img{
  background:#18050c !important;
  border:2px solid rgba(243,213,140,.42) !important;
  box-shadow:none !important;
}
.category-circle-img span{
  background:
    linear-gradient(0deg,rgba(12,3,7,.58),rgba(12,3,7,.18)) !important;
}
.category-arrow{
  background:rgba(16,4,9,.82) !important;
  color:var(--gold2) !important;
  border:1px solid rgba(243,213,140,.32) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.category-arrow:hover,
.category-arrow:focus-visible{
  background:rgba(36,10,18,.92) !important;
  color:#fff3df !important;
  transform:none !important;
  box-shadow:none !important;
}
@media (max-width:980px){
  .category-showcase-section,
  .category-showcase-section.compact{
    background-attachment:scroll !important;
  }
}

/* ============================================================
   PCM SILVER — v30 IMAGE-ONLY PRODUCT GRID OVERRIDE
   Category pages show only product photos. Each card is a
   clickable link to enquiry.html?product=<title>. No titles,
   no descriptions, no tags, no buttons on the card itself.
   Premium showroom-display aesthetic. Append-only.
============================================================ */

/* 4-column grid on category pages (10 photos = 4+4+2 rows). */
body[data-page="category"] .catalog-grid,
.catalog-grid:has(.image-only-card) {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
}

/* Image-only card: pure image presentation */
.image-only-card {
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-decoration: none !important;
  border: 1px solid rgba(243, 213, 140, 0.22) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  position: relative !important;
}

.image-only-card .product-visual {
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.image-only-card .product-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Subtle category page tweak — slightly smaller hero so product grid is the star */
body[data-page="category"] .category-page-hero { padding-bottom: 50px !important; }

/* Responsive: tablet → 3 col, mobile → 2 col */
@media (max-width: 980px) {
  body[data-page="category"] .catalog-grid,
  .catalog-grid:has(.image-only-card) {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}
@media (max-width: 620px) {
  body[data-page="category"] .catalog-grid,
  .catalog-grid:has(.image-only-card) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .image-only-card { border-radius: 16px !important; }
  .image-only-card .product-visual { border-radius: 16px !important; }
}

/* ============= END v30 IMAGE-ONLY GRID OVERRIDE ============= */


/* =========================================================
   PCM SILVER V31 — CORRECT CATEGORY PHOTOS + MODERN CATEGORY UI
   Keeps existing structure same; only improves category image display.
========================================================= */
.category-showcase-section .section-head{max-width:860px !important;}
.category-circle-card{transition:transform .22s ease, opacity .22s ease !important;}
.category-circle-card:hover,.category-circle-card:focus-visible{transform:translateY(-4px) !important;}
.category-circle-img{
  width:164px !important;
  height:164px !important;
  border:2px solid rgba(243,213,140,.68) !important;
  background:#fff !important;
  outline:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 5px rgba(243,213,140,.06) !important;
}
.category-circle-img img{
  object-fit:cover !important;
  object-position:center !important;
  filter:saturate(1.12) contrast(1.07) brightness(1.06) !important;
  transform:scale(1.01) !important;
}
.category-circle-img span{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(12,3,7,.10) 100%) !important;}
.category-circle-card:hover .category-circle-img,.category-circle-card:focus-visible .category-circle-img{
  border-color:rgba(255,232,164,.95) !important;
  box-shadow:0 0 0 6px rgba(243,213,140,.12) !important;
}
.category-circle-card strong{margin-top:2px !important;font-size:20px !important;letter-spacing:-.04em !important;color:#fff3df !important;}
.category-circle-card small{color:#eee0c7 !important;font-size:11.5px !important;}

/* product pages: show full jewellery image, no half cutting */
.image-only-card .product-visual{aspect-ratio:1 / 1 !important;background:linear-gradient(145deg,#fffaf0,#f0eadf) !important;}
.image-only-card .product-visual img,.product-visual img{object-fit:contain !important;object-position:center !important;background:transparent !important;}
.image-only-card{border-color:rgba(243,213,140,.30) !important;background:rgba(255,255,255,.04) !important;}
.image-only-card:hover,.image-only-card:focus-visible{transform:translateY(-3px) !important;border-color:rgba(243,213,140,.66) !important;box-shadow:0 18px 40px rgba(0,0,0,.18) !important;}
body[data-page="category"] .catalog-grid,.catalog-grid:has(.image-only-card){grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
@media (max-width:980px){.category-circle-img{width:142px !important;height:142px !important;}body[data-page="category"] .catalog-grid,.catalog-grid:has(.image-only-card){grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:620px){.category-circle-img{width:118px !important;height:118px !important;}.category-circle-card strong{font-size:15px !important;}body[data-page="category"] .catalog-grid,.catalog-grid:has(.image-only-card){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}}


/* =========================================================
   PCM SILVER V33 — CLEAN PRODUCT BOX FIT + CATEGORY PHOTO FIX
   Purpose:
   - Keep website structure same
   - Show correct category/product images clearly
   - Fix product boxes so images do not look half/cut
   - Add premium modern interaction without disturbing backend
========================================================= */

body[data-page="category"] .catalog-grid,
.catalog-grid:has(.image-only-card){
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:start !important;
}

.image-only-card{
  border-radius:26px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(243,213,140,.28) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.18) !important;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}

.image-only-card:hover,
.image-only-card:focus-visible{
  transform:translateY(-6px) !important;
  border-color:rgba(243,213,140,.58) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.28) !important;
}

.image-only-card .product-visual{
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  margin:0 !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.96) !important;
  overflow:hidden !important;
}

.image-only-card .product-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:saturate(1.04) contrast(1.04) brightness(1.01) !important;
  transform:scale(1.01) !important;
  transition:transform .32s ease, filter .32s ease !important;
}

.image-only-card:hover .product-visual img,
.image-only-card:focus-visible .product-visual img{
  transform:scale(1.045) !important;
  filter:saturate(1.08) contrast(1.06) brightness(1.02) !important;
}

/* Category circle images also stay correct and premium */
.category-circle-img img{
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.06) contrast(1.05) brightness(1.02) !important;
}

.category-circle-card:hover .category-circle-img img,
.category-circle-card:focus-visible .category-circle-img img{
  transform:scale(1.06) !important;
}

.category-circle-img span{
  background:linear-gradient(0deg,rgba(12,3,7,.44),rgba(12,3,7,.08)) !important;
}

/* Better product grid on tablet/mobile */
@media (max-width:980px){
  body[data-page="category"] .catalog-grid,
  .catalog-grid:has(.image-only-card){
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width:620px){
  body[data-page="category"] .catalog-grid,
  .catalog-grid:has(.image-only-card){
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }
  .image-only-card,
  .image-only-card .product-visual{
    border-radius:18px !important;
  }
}

/* ============= END PCM SILVER V33 OVERRIDE ============= */


/* =========================================================
   PCM SILVER V34 — PREMIUM BOX-FIT IMAGE POLISH
   Kept HTML/JS structure same. This only improves product
   image boxes, hover feel, and clear product visibility.
========================================================= */

.image-only-card,
.product-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  border:1px solid rgba(239,210,139,.30) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

.image-only-card:hover,
.image-only-card:focus-visible,
.product-card:hover,
.product-card:focus-visible{
  transform:translateY(-7px) !important;
  border-color:rgba(239,210,139,.66) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.32) !important;
}

.image-only-card .product-visual,
.product-card .product-visual{
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.96) !important;
}

.image-only-card .product-visual img,
.product-card .product-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  transform:scale(1.01) !important;
  filter:saturate(1.05) contrast(1.05) brightness(1.02) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

.image-only-card:hover .product-visual img,
.product-card:hover .product-visual img{
  transform:scale(1.055) !important;
  filter:saturate(1.10) contrast(1.08) brightness(1.03) !important;
}

.category-circle-img img{
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.07) contrast(1.05) brightness(1.02) !important;
}

.category-circle-card:hover .category-circle-img img{
  transform:scale(1.065) !important;
}

/* Product grid spacing: clean premium catalogue feel */
.catalog-grid{
  gap:24px !important;
}

@media (max-width: 980px){
  .catalog-grid{ gap:16px !important; }
}
@media (max-width: 620px){
  .catalog-grid{ gap:12px !important; }
  .image-only-card,
  .product-card,
  .image-only-card .product-visual,
  .product-card .product-visual{
    border-radius:18px !important;
  }
}

/* ============= END PCM SILVER V34 POLISH ============= */


/* =========================================================
   PCM SILVER V35 MINIMAL — CONTACT/ENQUIRY VIDEO BACKGROUND
   Only supports:
   - Contact first section video background
   - Enquiry first section video background
   - Text above video
   - Google Maps link/button
========================================================= */

body[data-page="contact"] .pcm-video-bg-first-section,
body[data-page="enquiry"] .pcm-video-bg-first-section{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  min-height:72vh !important;
}

body[data-page="contact"] .pcm-video-bg-first-section > *:not(.pcm-hero-bg-video):not(.pcm-hero-video-overlay),
body[data-page="enquiry"] .pcm-video-bg-first-section > *:not(.pcm-hero-bg-video):not(.pcm-hero-video-overlay){
  position:relative !important;
  z-index:2 !important;
}

.pcm-hero-bg-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:0 !important;
  transform:scale(1.02) !important;
  filter:saturate(1.15) contrast(1.08) brightness(.74) !important;
}

.pcm-hero-video-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(239,210,139,.22), transparent 35%),
    linear-gradient(90deg, rgba(8,2,5,.86), rgba(24,8,12,.58) 48%, rgba(5,13,15,.78)),
    linear-gradient(180deg, rgba(5,1,3,.78), rgba(53,22,20,.45), rgba(5,1,3,.88)) !important;
}

body[data-page="contact"] .pcm-video-bg-first-section h1,
body[data-page="contact"] .pcm-video-bg-first-section h2,
body[data-page="enquiry"] .pcm-video-bg-first-section h1,
body[data-page="enquiry"] .pcm-video-bg-first-section h2{
  text-shadow:0 14px 38px rgba(0,0,0,.72) !important;
}

body[data-page="contact"] .pcm-video-bg-first-section p,
body[data-page="enquiry"] .pcm-video-bg-first-section p{
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 10px 28px rgba(0,0,0,.70) !important;
}

.pcm-open-map-wrap{
  position:relative !important;
  z-index:3 !important;
  margin-top:22px !important;
  text-align:center !important;
}

.pcm-open-map-btn,
.pcm-footer-map-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f7de93,#c99a35) !important;
  color:#18070b !important;
  font-weight:800 !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.30) !important;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.pcm-open-map-btn:hover,
.pcm-footer-map-link:hover{
  transform:translateY(-3px) !important;
  filter:brightness(1.05) !important;
  box-shadow:0 24px 52px rgba(0,0,0,.38) !important;
}

.pcm-footer-map-link{
  width:max-content !important;
  max-width:calc(100% - 32px) !important;
  margin:18px auto 0 !important;
}

@media (max-width:720px){
  body[data-page="contact"] .pcm-video-bg-first-section,
  body[data-page="enquiry"] .pcm-video-bg-first-section{
    min-height:68vh !important;
  }

  .pcm-open-map-btn,
  .pcm-footer-map-link{
    width:100% !important;
    max-width:360px !important;
  }
}

/* ============= END PCM SILVER V35 MINIMAL UPDATE ============= */


/* =========================================================
   PCM SILVER V36 — CONTACT / ENQUIRY VIDEO CLEAN OPTIMIZED
   Only affects first video section of contact and enquiry pages.
   Removes heavy shadow/dark effect, keeps video clear and smooth.
========================================================= */

body[data-page="contact"] .pcm-video-bg-first-section,
body[data-page="enquiry"] .pcm-video-bg-first-section{
  box-shadow:none !important;
  filter:none !important;
  background:transparent !important;
  transform:none !important;
  will-change:auto !important;
  contain:layout paint !important;
}

body[data-page="contact"] .pcm-video-bg-first-section::before,
body[data-page="contact"] .pcm-video-bg-first-section::after,
body[data-page="enquiry"] .pcm-video-bg-first-section::before,
body[data-page="enquiry"] .pcm-video-bg-first-section::after{
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  display:none !important;
}

body[data-page="contact"] .pcm-video-bg-first-section .pcm-hero-bg-video,
body[data-page="enquiry"] .pcm-video-bg-first-section .pcm-hero-bg-video{
  filter:saturate(1.08) contrast(1.03) brightness(.88) !important;
  transform:translateZ(0) scale(1.005) !important;
  will-change:transform !important;
  backface-visibility:hidden !important;
}

body[data-page="contact"] .pcm-video-bg-first-section .pcm-hero-video-overlay,
body[data-page="enquiry"] .pcm-video-bg-first-section .pcm-hero-video-overlay{
  background:
    linear-gradient(90deg, rgba(8,2,5,.46), rgba(22,8,12,.24) 48%, rgba(5,12,14,.42)),
    linear-gradient(180deg, rgba(5,1,3,.34), rgba(53,22,20,.16), rgba(5,1,3,.46)) !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

body[data-page="contact"] .pcm-video-bg-first-section h1,
body[data-page="contact"] .pcm-video-bg-first-section h2,
body[data-page="contact"] .pcm-video-bg-first-section h3,
body[data-page="enquiry"] .pcm-video-bg-first-section h1,
body[data-page="enquiry"] .pcm-video-bg-first-section h2,
body[data-page="enquiry"] .pcm-video-bg-first-section h3{
  text-shadow:none !important;
  filter:none !important;
}

body[data-page="contact"] .pcm-video-bg-first-section p,
body[data-page="contact"] .pcm-video-bg-first-section span,
body[data-page="contact"] .pcm-video-bg-first-section li,
body[data-page="enquiry"] .pcm-video-bg-first-section p,
body[data-page="enquiry"] .pcm-video-bg-first-section span,
body[data-page="enquiry"] .pcm-video-bg-first-section li{
  text-shadow:none !important;
  filter:none !important;
}

/* Keep text readable without shadow by using clean glass/panel feel only where existing cards appear */
body[data-page="contact"] .pcm-video-bg-first-section .glass-card,
body[data-page="contact"] .pcm-video-bg-first-section .hero-panel,
body[data-page="contact"] .pcm-video-bg-first-section .contact-card,
body[data-page="enquiry"] .pcm-video-bg-first-section .glass-card,
body[data-page="enquiry"] .pcm-video-bg-first-section .hero-panel,
body[data-page="enquiry"] .pcm-video-bg-first-section .contact-card{
  box-shadow:none !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  background:rgba(10,4,7,.38) !important;
  border:1px solid rgba(239,210,139,.22) !important;
}

@media (prefers-reduced-motion: reduce){
  body[data-page="contact"] .pcm-video-bg-first-section .pcm-hero-bg-video,
  body[data-page="enquiry"] .pcm-video-bg-first-section .pcm-hero-bg-video{
    transform:none !important;
  }
}

/* ============= END PCM SILVER V36 CLEAN OPTIMIZED ============= */


/* =========================================================
   PCM SILVER V37 — COLLECTION "ALL" RANGE OVERVIEW
   Only updates collection page Explore Dealer Product Ranges.
   All filter shows one premium card per product range:
   Necklaces, Bangles, Anklets, Pendants, Rings, Chains,
   Toe Rings, Kamarbandh, Bracelets, Payal, Jaipur Antique,
   Silver Articles.
========================================================= */

#catalogGrid.range-overview-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

#catalogGrid.range-overview-grid .range-hero-card{
  min-height:310px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  position:relative !important;
  isolation:isolate !important;
  border:1px solid rgba(243,213,140,.34) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.24) !important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

#catalogGrid.range-overview-grid .range-hero-card:hover,
#catalogGrid.range-overview-grid .range-hero-card:focus-visible{
  transform:translateY(-7px) !important;
  border-color:rgba(243,213,140,.72) !important;
  box-shadow:0 32px 78px rgba(0,0,0,.36) !important;
}

#catalogGrid.range-overview-grid .range-hero-card .product-visual{
  height:100% !important;
  min-height:310px !important;
  aspect-ratio:1 / 1 !important;
  border-radius:30px !important;
  background:#f6efe4 !important;
  overflow:hidden !important;
}

#catalogGrid.range-overview-grid .range-hero-card .product-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.015) !important;
  filter:saturate(1.06) contrast(1.06) brightness(1.02) !important;
  transition:transform .38s ease, filter .38s ease !important;
}

#catalogGrid.range-overview-grid .range-hero-card:hover .product-visual img,
#catalogGrid.range-overview-grid .range-hero-card:focus-visible .product-visual img{
  transform:scale(1.065) !important;
  filter:saturate(1.12) contrast(1.08) brightness(1.03) !important;
}

#catalogGrid.range-overview-grid .range-hero-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(10,3,6,.02) 35%,rgba(10,3,6,.76) 100%) !important;
  opacity:.92 !important;
}

.range-card-content{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2 !important;
  padding:22px 20px 20px !important;
  text-align:left !important;
  color:#fff6e4 !important;
}

.range-card-content span{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(243,213,140,.18) !important;
  border:1px solid rgba(243,213,140,.34) !important;
  color:#ffe8a8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}

.range-card-content strong{
  display:block !important;
  font-family:var(--font-display) !important;
  font-size:30px !important;
  line-height:.95 !important;
  color:#ffe7aa !important;
  text-shadow:none !important;
  margin-bottom:8px !important;
}

.range-card-content small{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:12px !important;
  line-height:1.45 !important;
  color:rgba(255,247,232,.88) !important;
}

@media (max-width:980px){
  #catalogGrid.range-overview-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
  }
}
@media (max-width:620px){
  #catalogGrid.range-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  #catalogGrid.range-overview-grid .range-hero-card,
  #catalogGrid.range-overview-grid .range-hero-card .product-visual{
    border-radius:20px !important;
    min-height:230px !important;
  }
  .range-card-content{
    padding:18px 14px 15px !important;
  }
  .range-card-content strong{
    font-size:24px !important;
  }
  .range-card-content small{
    font-size:11px !important;
  }
}

/* ============= END PCM SILVER V37 COLLECTION UPDATE ============= */
