/* ---- creative-products.css ---- */
/* KR STONES Creative Product Experience V5
   Shared, lightweight layer for the 18 product detail pages only.
   Core navigation/footer/SEO markup remains untouched. */

body.creative-product{
  --cp-accent:#c9994a;
  --cp-accent-2:#466b5d;
  --cp-ink:#182019;
  --cp-soft:#f6f1e8;
  --cp-soft-2:#ece3d3;
  --cp-glow:rgba(201,153,74,.18);
  --cp-radius:30px;
  --cp-tilt:-2deg;
  --cp-speed:720ms;
  background:linear-gradient(180deg,#fbfaf7 0%,#f7f3eb 100%);
  overflow-x:hidden;
}

/* Page palettes — deliberately distinct while remaining in the KR STONES premium/natural family */
body.cp-3d-cut{--cp-accent:#d88945;--cp-accent-2:#5d2f22;--cp-soft:#fbefe6;--cp-soft-2:#ead0bf;--cp-glow:rgba(216,137,69,.22);--cp-radius:34px;--cp-tilt:-3deg}
body.cp-cnc{--cp-accent:#77a8b5;--cp-accent-2:#193d48;--cp-soft:#edf7f8;--cp-soft-2:#d5e7e9;--cp-glow:rgba(84,157,175,.20);--cp-radius:18px;--cp-tilt:2deg}
body.cp-construction{--cp-accent:#b88a55;--cp-accent-2:#41403a;--cp-soft:#f3eee6;--cp-soft-2:#ded4c6;--cp-glow:rgba(184,138,85,.18);--cp-radius:8px;--cp-tilt:-1deg}
body.cp-decorative{--cp-accent:#b65e83;--cp-accent-2:#51334f;--cp-soft:#fbf0f5;--cp-soft-2:#edd6e1;--cp-glow:rgba(182,94,131,.18);--cp-radius:38px;--cp-tilt:3deg}
body.cp-dholpur{--cp-accent:#c89a5c;--cp-accent-2:#735037;--cp-soft:#fbf4e7;--cp-soft-2:#e9dcc7;--cp-glow:rgba(200,154,92,.22);--cp-radius:24px;--cp-tilt:-2deg}
body.cp-fossil{--cp-accent:#87956b;--cp-accent-2:#344033;--cp-soft:#f2f5eb;--cp-soft-2:#dce2cf;--cp-glow:rgba(135,149,107,.20);--cp-radius:44px;--cp-tilt:2deg}
body.cp-porcelain{--cp-accent:#8a9fb6;--cp-accent-2:#3d4e61;--cp-soft:#f2f5f9;--cp-soft-2:#dce3eb;--cp-glow:rgba(138,159,182,.22);--cp-radius:14px;--cp-tilt:-1deg}
body.cp-mint-red{--cp-accent:#b54d3b;--cp-accent-2:#682c2e;--cp-soft:#fbefeb;--cp-soft-2:#ebd1c9;--cp-glow:rgba(181,77,59,.18);--cp-radius:28px;--cp-tilt:2deg}
body.cp-rustic{--cp-accent:#a26e44;--cp-accent-2:#403026;--cp-soft:#f7f0e9;--cp-soft-2:#e2d1c1;--cp-glow:rgba(162,110,68,.20);--cp-radius:6px;--cp-tilt:-3deg}
body.cp-mint{--cp-accent:#7fa38a;--cp-accent-2:#2f5948;--cp-soft:#eff7f1;--cp-soft-2:#d8e8dc;--cp-glow:rgba(104,155,123,.20);--cp-radius:34px;--cp-tilt:1deg}
body.cp-mint-slab{--cp-accent:#9aa37a;--cp-accent-2:#4e5740;--cp-soft:#f4f6ed;--cp-soft-2:#e0e5d2;--cp-glow:rgba(154,163,122,.20);--cp-radius:16px;--cp-tilt:-2deg}
body.cp-mint-white{--cp-accent:#a59d86;--cp-accent-2:#4e544b;--cp-soft:#faf8f1;--cp-soft-2:#ebe7dc;--cp-glow:rgba(165,157,134,.18);--cp-radius:42px;--cp-tilt:2deg}
body.cp-natural{--cp-accent:#b18d57;--cp-accent-2:#49634d;--cp-soft:#f7f3e9;--cp-soft-2:#e6dcc9;--cp-glow:rgba(177,141,87,.20);--cp-radius:26px;--cp-tilt:-1deg}
body.cp-red{--cp-accent:#b64535;--cp-accent-2:#542a24;--cp-soft:#f9ece8;--cp-soft-2:#e7c8bf;--cp-glow:rgba(182,69,53,.20);--cp-radius:12px;--cp-tilt:3deg}
body.cp-rockface{--cp-accent:#7c7b70;--cp-accent-2:#29332e;--cp-soft:#f1f0ec;--cp-soft-2:#d9d7d0;--cp-glow:rgba(83,91,85,.18);--cp-radius:4px;--cp-tilt:-2deg}
body.cp-jali{--cp-accent:#c6a35c;--cp-accent-2:#5a3d57;--cp-soft:#faf4e9;--cp-soft-2:#eadcc5;--cp-glow:rgba(198,163,92,.22);--cp-radius:50px;--cp-tilt:2deg}
body.cp-temple{--cp-accent:#c47a3d;--cp-accent-2:#7a3427;--cp-soft:#fff1e6;--cp-soft-2:#efd5c2;--cp-glow:rgba(196,122,61,.22);--cp-radius:24px;--cp-tilt:-1deg}
body.cp-cladding{--cp-accent:#8b7565;--cp-accent-2:#394941;--cp-soft:#f5f0eb;--cp-soft-2:#dfd5ca;--cp-glow:rgba(139,117,101,.20);--cp-radius:20px;--cp-tilt:1deg}

.creative-product .pageHero{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,var(--cp-glow),transparent 27%),
    linear-gradient(135deg,#111813 0%,var(--cp-accent-2) 62%,#141815 100%)!important;
  min-height:390px;display:flex;align-items:center;
}
.creative-product .pageHero:before,.creative-product .pageHero:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.creative-product .pageHero:before{width:330px;height:330px;border:1px solid color-mix(in srgb,var(--cp-accent) 50%,transparent);border-radius:var(--cp-radius);right:8%;top:-85px;transform:rotate(var(--cp-tilt));opacity:.45}
.creative-product .pageHero:after{width:470px;height:120px;background:linear-gradient(90deg,transparent,var(--cp-glow),transparent);right:-90px;bottom:18px;transform:rotate(-11deg);filter:blur(1px)}
.creative-product .pageHero small{color:color-mix(in srgb,var(--cp-accent) 78%,#fff)!important;letter-spacing:.22em}
.creative-product .pageHero h1{max-width:970px;color:#fff!important;text-wrap:balance;letter-spacing:-.035em;position:relative}
.creative-product .pageHero h1:after{content:"";display:block;width:82px;height:4px;margin-top:20px;border-radius:9px;background:linear-gradient(90deg,var(--cp-accent),transparent)}
.creative-product .pageHero p{max-width:760px;color:#e7e9e5!important;font-size:clamp(15px,1.7vw,19px)!important}
.creative-product .breadcrumb{color:#d8ddd8!important}.creative-product .breadcrumb a{color:#fff!important}

/* Shared high-end surface language */
.creative-product main>.section,.creative-product main>.productNote{position:relative;overflow:hidden}
.creative-product main>.section:nth-of-type(even){background:linear-gradient(180deg,#fff,var(--cp-soft))}
.creative-product .product-detail-grid{position:relative}
.creative-product .product-detail-image .wm{position:relative;overflow:hidden;box-shadow:0 24px 64px rgba(28,28,24,.16);border:1px solid color-mix(in srgb,var(--cp-accent) 24%,#ddd)!important;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .8s ease}
.creative-product .product-detail-image .wm:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.24) 47%,transparent 68%);transform:translateX(-130%);transition:transform 1.05s ease;pointer-events:none}
.creative-product .product-detail-image .wm:hover{transform:translateY(-6px) rotate(calc(var(--cp-tilt) * .35));box-shadow:0 34px 90px rgba(28,28,24,.23)}
.creative-product .product-detail-image .wm:hover:after{transform:translateX(130%)}
.creative-product .product-detail-image img{transition:transform 1.15s cubic-bezier(.2,.8,.2,1);will-change:transform}.creative-product .product-detail-image .wm:hover img{transform:scale(1.045)}
.creative-product .product-detail-copy .eyebrow,.creative-product main>.section .eyebrow{color:var(--cp-accent-2)!important;font-weight:850;letter-spacing:.14em}
.creative-product .product-detail-copy h2,.creative-product main>.section h2{color:var(--cp-ink);text-wrap:balance}
.creative-product .detail-points div{background:rgba(255,255,255,.82)!important;border:1px solid color-mix(in srgb,var(--cp-accent) 28%,#e5ddd2)!important;box-shadow:0 10px 30px rgba(30,30,24,.05);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.creative-product .detail-points div:hover{transform:translateY(-5px);border-color:var(--cp-accent)!important;box-shadow:0 18px 42px var(--cp-glow)}
.creative-product .detail-points b{color:var(--cp-accent-2)!important}
.creative-product .btn.primary{background:linear-gradient(135deg,var(--cp-accent-2),color-mix(in srgb,var(--cp-accent-2) 70%,#111))!important;border-color:transparent!important;box-shadow:0 12px 26px color-mix(in srgb,var(--cp-accent-2) 28%,transparent)}
.creative-product .btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 34px color-mix(in srgb,var(--cp-accent-2) 34%,transparent)}
.creative-product .btn.ghost{border-color:color-mix(in srgb,var(--cp-accent) 65%,#aaa)!important}.creative-product .btn.ghost:hover{background:var(--cp-soft)!important;border-color:var(--cp-accent)!important}
.creative-product .faq-grid article{border-color:color-mix(in srgb,var(--cp-accent) 24%,#ddd)!important;box-shadow:0 10px 30px rgba(30,30,24,.045);transition:transform .4s ease,box-shadow .4s ease}.creative-product .faq-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 48px var(--cp-glow)}
.creative-product .related-links a{transition:all .32s ease;border-color:color-mix(in srgb,var(--cp-accent) 45%,#ccc)!important}.creative-product .related-links a:hover{background:var(--cp-accent-2)!important;color:#fff!important;border-color:var(--cp-accent-2)!important;transform:translateY(-2px)}

/* 18 layout signatures. They preserve content and header/footer but make each product page visually distinct. */
.creative-product.layout-01 .product-detail-grid{grid-template-columns:1.15fr .85fr}.creative-product.layout-01 .product-detail-image .wm{border-radius:4px 90px 4px 90px!important}.creative-product.layout-01 main>.section:nth-of-type(3){clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}
.creative-product.layout-02 .product-detail-grid{grid-template-columns:.88fr 1.12fr}.creative-product.layout-02 .product-detail-image{order:2}.creative-product.layout-02 .product-detail-copy{order:1}.creative-product.layout-02 .product-detail-image .wm{border-radius:50% 50% 18px 18px!important}.creative-product.layout-02 .detail-points{grid-template-columns:1fr}
.creative-product.layout-03 .product-detail-grid{grid-template-columns:1fr;max-width:1050px}.creative-product.layout-03 .product-detail-image .wm{height:520px!important;border-radius:var(--cp-radius)!important}.creative-product.layout-03 .product-detail-copy{max-width:860px;margin:-95px 40px 0 auto;background:#fff;padding:42px;position:relative;border-radius:22px;box-shadow:0 24px 70px rgba(20,22,18,.14)}
.creative-product.layout-04 .product-detail-grid{grid-template-columns:.78fr 1.22fr;align-items:center}.creative-product.layout-04 .product-detail-image .wm{height:650px!important;border-radius:120px 18px 120px 18px!important}.creative-product.layout-04 .detail-points{grid-template-columns:repeat(2,minmax(0,1fr))}
.creative-product.layout-05 .product-detail-grid{grid-template-columns:1.2fr .8fr}.creative-product.layout-05 .product-detail-image .wm{border-radius:12px!important;transform:rotate(-1.5deg)}.creative-product.layout-05 .product-detail-copy{border-left:5px solid var(--cp-accent);padding-left:38px}.creative-product.layout-05 main>.section:nth-of-type(4){background:var(--cp-accent-2)!important;color:#fff}
.creative-product.layout-05 main>.section:nth-of-type(4) h2,.creative-product.layout-05 main>.section:nth-of-type(4) p,.creative-product.layout-05 main>.section:nth-of-type(4) .eyebrow{color:#fff!important}
.creative-product.layout-06 .product-detail-grid{grid-template-columns:.95fr 1.05fr}.creative-product.layout-06 .product-detail-image{order:2}.creative-product.layout-06 .product-detail-copy{order:1}.creative-product.layout-06 .product-detail-image .wm{border-radius:50px 8px 50px 8px!important}.creative-product.layout-06 .detail-points div:nth-child(odd){transform:translateY(10px)}
.creative-product.layout-07 .product-detail-grid{grid-template-columns:1fr 1fr;gap:42px}.creative-product.layout-07 .product-detail-image .wm{border-radius:50%!important;aspect-ratio:1/1;height:auto!important;max-height:590px}.creative-product.layout-07 .product-detail-copy{padding:35px 0}.creative-product.layout-07 main>.section:nth-of-type(3):before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--cp-glow);right:-70px;top:-60px}
.creative-product.layout-08 .product-detail-grid{grid-template-columns:1fr;max-width:1180px}.creative-product.layout-08 .product-detail-image .wm{height:430px!important;border-radius:6px!important}.creative-product.layout-08 .product-detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px;margin-top:10px}.creative-product.layout-08 .product-detail-copy>h2,.creative-product.layout-08 .product-detail-copy>.eyebrow,.creative-product.layout-08 .product-detail-copy>.heroBtns{grid-column:1/-1}.creative-product.layout-08 .detail-points{grid-column:1/-1}
.creative-product.layout-09 .product-detail-grid{grid-template-columns:.9fr 1.1fr}.creative-product.layout-09 .product-detail-image .wm{border-radius:8px 120px 8px 8px!important}.creative-product.layout-09 .product-detail-copy{background:var(--cp-soft);padding:45px;border-radius:50px 8px 50px 8px}.creative-product.layout-09 .detail-points div{background:#fff!important}
.creative-product.layout-10 .product-detail-grid{grid-template-columns:1.07fr .93fr;gap:30px}.creative-product.layout-10 .product-detail-image .wm{border-radius:var(--cp-radius)!important;clip-path:polygon(0 8%,92% 0,100% 92%,8% 100%)}.creative-product.layout-10 .detail-points{gap:0}.creative-product.layout-10 .detail-points div{border-radius:0!important}.creative-product.layout-10 .detail-points div:first-child{border-radius:18px 0 0 0!important}.creative-product.layout-10 .detail-points div:last-child{border-radius:0 0 18px 0!important}
.creative-product.layout-11 .product-detail-grid{grid-template-columns:.82fr 1.18fr}.creative-product.layout-11 .product-detail-image{order:2;transform:translateY(45px)}.creative-product.layout-11 .product-detail-copy{order:1}.creative-product.layout-11 .product-detail-image .wm{border-radius:180px 180px 20px 20px!important}.creative-product.layout-11 main>.section:nth-of-type(2){padding-bottom:120px}
.creative-product.layout-12 .product-detail-grid{grid-template-columns:1.22fr .78fr}.creative-product.layout-12 .product-detail-image .wm{border-radius:2px!important;border-width:8px!important}.creative-product.layout-12 .product-detail-copy{padding-top:90px}.creative-product.layout-12 .product-detail-copy h2{font-family:Georgia,serif;font-style:italic}
.creative-product.layout-13 .product-detail-grid{grid-template-columns:1fr;max-width:1100px}.creative-product.layout-13 .product-detail-image{width:72%;margin-left:auto}.creative-product.layout-13 .product-detail-image .wm{height:500px!important;border-radius:90px 10px 90px 10px!important}.creative-product.layout-13 .product-detail-copy{width:72%;margin:-170px auto 0 0;background:#fff;padding:46px;position:relative;box-shadow:0 28px 70px rgba(0,0,0,.13);border-radius:10px 70px 10px 70px}
.creative-product.layout-14 .product-detail-grid{grid-template-columns:1fr 1fr}.creative-product.layout-14 .product-detail-image .wm{border-radius:0!important;box-shadow:18px 18px 0 var(--cp-soft-2),0 25px 65px rgba(0,0,0,.15)}.creative-product.layout-14 .product-detail-copy{padding-left:36px}.creative-product.layout-14 .detail-points{grid-template-columns:1fr 1fr}.creative-product.layout-14 .detail-points div{border-left:4px solid var(--cp-accent)!important;border-radius:4px!important}
.creative-product.layout-15 .product-detail-grid{grid-template-columns:.94fr 1.06fr}.creative-product.layout-15 .product-detail-image{order:2}.creative-product.layout-15 .product-detail-copy{order:1}.creative-product.layout-15 .product-detail-image .wm{border-radius:50% 8px 50% 8px!important}.creative-product.layout-15 .pageHero h1{font-family:Georgia,serif;font-weight:500}.creative-product.layout-15 main>.section:nth-of-type(5){background:linear-gradient(135deg,var(--cp-soft),#fff)!important}
.creative-product.layout-16 .product-detail-grid{grid-template-columns:1.1fr .9fr}.creative-product.layout-16 .product-detail-image .wm{border-radius:var(--cp-radius)!important}.creative-product.layout-16 .product-detail-copy{background:linear-gradient(145deg,#fff,var(--cp-soft));padding:38px;border-radius:var(--cp-radius);border:1px solid var(--cp-soft-2)}.creative-product.layout-16 .detail-points{grid-template-columns:1fr}.creative-product.layout-16 .pageHero:before{border-radius:50%;width:420px;height:420px}
.creative-product.layout-17 .product-detail-grid{grid-template-columns:1fr;max-width:1200px}.creative-product.layout-17 .product-detail-image .wm{height:600px!important;border-radius:2px!important}.creative-product.layout-17 .product-detail-copy{display:grid;grid-template-columns:.65fr 1.35fr;gap:12px 60px;margin-top:34px}.creative-product.layout-17 .product-detail-copy>.eyebrow,.creative-product.layout-17 .product-detail-copy>h2,.creative-product.layout-17 .product-detail-copy>.detail-points,.creative-product.layout-17 .product-detail-copy>.heroBtns{grid-column:1/-1}.creative-product.layout-17 .pageHero{min-height:330px}
.creative-product.layout-18 .product-detail-grid{grid-template-columns:.86fr 1.14fr}.creative-product.layout-18 .product-detail-image .wm{border-radius:14px!important;transform:rotate(1deg)}.creative-product.layout-18 .product-detail-copy{padding:25px 30px 25px 10px}.creative-product.layout-18 .detail-points div{border-radius:30px 6px 30px 6px!important}.creative-product.layout-18 main>.section:nth-of-type(3){background:linear-gradient(110deg,var(--cp-accent-2),#111a15)!important;color:#fff}.creative-product.layout-18 main>.section:nth-of-type(3) h2,.creative-product.layout-18 main>.section:nth-of-type(3) p,.creative-product.layout-18 main>.section:nth-of-type(3) .eyebrow{color:#fff!important}

/* Section presentation variants, driven by per-page signature */
.creative-product .cp-panel{position:relative}
.creative-product .product-sales{background:linear-gradient(135deg,var(--cp-soft),#fff)!important}
.creative-product .seo-product-guide{border-top:1px solid color-mix(in srgb,var(--cp-accent) 20%,#ddd);border-bottom:1px solid color-mix(in srgb,var(--cp-accent) 20%,#ddd)}
.creative-product .search-intent-copy{background:radial-gradient(circle at 15% 30%,var(--cp-glow),transparent 32%),#fff!important}

/* Buyer information — high-contrast, premium and readable on every palette */
.creative-product .productNote{
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--cp-accent) 24%,transparent),transparent 26%),
    linear-gradient(135deg,color-mix(in srgb,var(--cp-accent-2) 92%,#111) 0%,#151a17 100%)!important;
  color:#fff!important;
  padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,110px);
}
.creative-product .productNote:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cp-accent),transparent);opacity:.75}
.creative-product .productNote>.wrap{position:relative;z-index:1}
.creative-product .productNote small{display:inline-flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--cp-accent) 82%,#fff)!important;font-weight:800;letter-spacing:.22em}
.creative-product .productNote small:before{content:"";width:38px;height:2px;background:var(--cp-accent);border-radius:99px}
.creative-product .productNote> .wrap > h2{color:#fff!important;max-width:900px;margin-bottom:34px;text-wrap:balance}
.creative-product .productNote .faq-grid{gap:18px}
.creative-product .productNote .faq-grid article{
  position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--cp-soft) 72%,#fff) 100%)!important;
  border:1px solid rgba(255,255,255,.55)!important;border-radius:22px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.20)!important;padding:30px!important;
}
.creative-product .productNote .faq-grid article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cp-accent),var(--cp-accent-2))}
.creative-product .productNote .faq-grid article h3{color:var(--cp-ink)!important;font-size:clamp(20px,2vw,27px);line-height:1.2;margin-bottom:12px}
.creative-product .productNote .faq-grid article p{color:#485049!important;line-height:1.75!important;margin:0}
.creative-product .productNote .faq-grid article:hover{transform:translateY(-8px);box-shadow:0 28px 72px rgba(0,0,0,.28)!important}
.creative-product .productNote .related-links{margin-top:30px;gap:10px}
.creative-product .productNote .related-links a{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.creative-product .productNote .related-links a:hover{background:var(--cp-accent)!important;color:#121612!important;border-color:var(--cp-accent)!important;transform:translateY(-3px)}


/* Reveal animation: one observer, transform/opacity only */
.creative-product .cp-reveal{opacity:0;transform:translateY(28px);transition:opacity var(--cp-speed) ease,transform var(--cp-speed) cubic-bezier(.2,.8,.2,1)}
.creative-product .cp-reveal.cp-visible{opacity:1;transform:none}
.creative-product .cp-delay-1{transition-delay:80ms}.creative-product .cp-delay-2{transition-delay:160ms}.creative-product .cp-delay-3{transition-delay:240ms}
.creative-product .pageHero .wrap{animation:cpHeroIn .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes cpHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* Small progress accent; fixed but unobtrusive */
.creative-product .cp-scroll-progress{position:fixed;z-index:9999;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cp-accent),#f0d690);box-shadow:0 0 14px var(--cp-glow);pointer-events:none}

@media(max-width:920px){
  .creative-product .product-detail-grid{grid-template-columns:1fr!important;gap:34px!important}
  .creative-product .product-detail-image,.creative-product .product-detail-copy{order:initial!important;transform:none!important;width:100%!important;margin:0!important}
  .creative-product .product-detail-image .wm{height:420px!important;border-radius:22px!important;clip-path:none!important;transform:none!important}
  .creative-product .product-detail-copy{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:block!important}
  .creative-product .detail-points{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .creative-product .cp-panel:before{display:none}
}
@media(max-width:600px){
  .creative-product .pageHero{min-height:320px}.creative-product .pageHero:before{width:220px;height:220px;right:-80px}.creative-product .product-detail-image .wm{height:330px!important}.creative-product .detail-points{grid-template-columns:1fr!important}.creative-product main>.section{clip-path:none!important}
}
@media(prefers-reduced-motion:reduce){
  .creative-product *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.creative-product .cp-reveal{opacity:1!important;transform:none!important}.creative-product .cp-scroll-progress{display:none!important}
}

/* V6 refined creative surfaces */
.creative-product .sales-card,.creative-product .seo-guide-card,.creative-product .seo-faq-card{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}
.creative-product .sales-card:after,.creative-product .seo-guide-card:after,.creative-product .seo-faq-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-36px;top:-38px;background:var(--cp-glow);transition:transform .6s ease}
.creative-product .sales-card:hover,.creative-product .seo-guide-card:hover,.creative-product .seo-faq-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px var(--cp-glow);border-color:color-mix(in srgb,var(--cp-accent) 60%,#ddd)!important}
.creative-product .sales-card:hover:after,.creative-product .seo-guide-card:hover:after,.creative-product .seo-faq-card:hover:after{transform:scale(1.45)}
.creative-product .product-cta,.creative-product .seo-mini-cta{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--cp-accent) 30%,#ddd);box-shadow:0 20px 56px rgba(25,30,26,.08)}
.creative-product .product-cta:before,.creative-product .seo-mini-cta:before{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:50%;background:var(--cp-glow);pointer-events:none}
.creative-product .trust-strip>div{transition:transform .35s ease,background .35s ease}.creative-product .trust-strip>div:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--cp-soft) 88%,#fff)!important}

/* ============================================================
   V7 VISUAL SYSTEM — readability-first premium motion layer
   Decorative effects are always behind content and never tint text.
   ============================================================ */
.creative-product{
  --cp-paper:#fffdf8;
  --cp-paper-2:#f8f4ec;
  --cp-text:#1d241f;
  --cp-muted:#59615b;
  --cp-line:color-mix(in srgb,var(--cp-accent) 28%,#d9d3c8);
  --cp-shadow:0 22px 60px rgba(25,30,26,.10);
  --cp-shadow-hover:0 34px 86px rgba(25,30,26,.16);
}

/* Keep all readable content above decoration. */
.creative-product main .wrap,
.creative-product .pageHero .wrap,
.creative-product .product-detail-copy,
.creative-product .product-detail-image,
.creative-product .sales-card,
.creative-product .seo-guide-card,
.creative-product .seo-faq-card,
.creative-product .product-cta,
.creative-product .seo-mini-cta,
.creative-product .productNote article,
.creative-product .related-links,
.creative-product .trust-strip{position:relative;z-index:2}

/* Premium hero: moving light, but text remains on an opaque contrast-safe field. */
.creative-product .pageHero{
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--cp-accent) 26%,transparent),transparent 30%),
    radial-gradient(circle at 16% 80%,color-mix(in srgb,var(--cp-accent-2) 42%,transparent),transparent 42%),
    linear-gradient(125deg,#0f1411 0%,color-mix(in srgb,var(--cp-accent-2) 72%,#111) 55%,#111713 100%)!important;
}
.creative-product .pageHero .wrap:before{
  content:"";position:absolute;left:18px;top:50%;width:min(760px,70vw);height:76%;transform:translateY(-50%);
  border-radius:30px;background:linear-gradient(90deg,rgba(8,12,10,.72),rgba(8,12,10,.34),transparent);
  filter:blur(.01px);z-index:-1;pointer-events:none;
}
.creative-product .pageHero:before{opacity:.28!important;z-index:0!important}
.creative-product .pageHero:after{z-index:0!important;opacity:.34;animation:cpHeroBeam 9s ease-in-out infinite alternate}
.creative-product .pageHero h1,.creative-product .pageHero p,.creative-product .pageHero small,.creative-product .breadcrumb{position:relative;z-index:3;text-shadow:0 2px 24px rgba(0,0,0,.28)}
.creative-product .pageHero p{color:#f0f3ef!important}
.creative-product .pageHero small{color:#ffe8b4!important}

@keyframes cpHeroBeam{from{transform:translate3d(-4%,0,0) rotate(-11deg);opacity:.18}to{transform:translate3d(8%,-10px,0) rotate(-7deg);opacity:.42}}

/* Every section gets a clean text surface. Decorative gradients stay in corners. */
.creative-product main>.section{isolation:isolate}
.creative-product main>.section:before{
  content:"";position:absolute;z-index:0;pointer-events:none;width:360px;height:360px;border-radius:50%;
  right:-180px;top:-170px;background:radial-gradient(circle,color-mix(in srgb,var(--cp-accent) 18%,transparent),transparent 67%);
}
.creative-product main>.section:nth-of-type(odd):before{right:auto;left:-190px;top:auto;bottom:-180px}
.creative-product main>.section .wrap{isolation:isolate}

/* Universal readable typography. */
.creative-product main p,
.creative-product main li{color:var(--cp-muted)!important}
.creative-product main h2,
.creative-product main h3,
.creative-product main h4{color:var(--cp-text)!important}
.creative-product main .eyebrow{color:color-mix(in srgb,var(--cp-accent-2) 92%,#111)!important}
.creative-product .product-detail-copy>p,
.creative-product .seo-guide-lead,
.creative-product .sales-card p,
.creative-product .seo-guide-card p,
.creative-product .seo-faq-card p{font-size:15px;line-height:1.78!important}

/* Cards: solid high-contrast surface, animated edge glow behind content. */
.creative-product .sales-card,
.creative-product .seo-guide-card,
.creative-product .seo-faq-card,
.creative-product .detail-points>div{
  background:rgba(255,253,248,.97)!important;
  border:1px solid var(--cp-line)!important;
  box-shadow:0 12px 34px rgba(25,30,26,.07)!important;
  color:var(--cp-text)!important;
  isolation:isolate;
}
.creative-product .sales-card:after,
.creative-product .seo-guide-card:after,
.creative-product .seo-faq-card:after{
  z-index:-1!important;opacity:.45;filter:blur(2px);transform:none!important;
}
.creative-product .sales-card:hover:after,
.creative-product .seo-guide-card:hover:after,
.creative-product .seo-faq-card:hover:after{transform:scale(1.2)!important;opacity:.72}
.creative-product .sales-card h3,
.creative-product .seo-guide-card h3,
.creative-product .seo-faq-card h3,
.creative-product .detail-points b{color:var(--cp-text)!important}
.creative-product .sales-card p,
.creative-product .seo-guide-card p,
.creative-product .seo-faq-card p,
.creative-product .detail-points span{color:#515a53!important}

/* Quote/buyer section — explicit contrast regardless of page palette. */
.creative-product .productNote{
  background:
    radial-gradient(circle at 86% 12%,color-mix(in srgb,var(--cp-accent) 22%,transparent),transparent 33%),
    linear-gradient(135deg,#171c18 0%,color-mix(in srgb,var(--cp-accent-2) 74%,#101410) 56%,#111713 100%)!important;
  color:#fff!important;
  isolation:isolate;
}
.creative-product .productNote:before{
  content:"";position:absolute;z-index:0;pointer-events:none;inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 35%,rgba(255,255,255,.025) 70%,transparent);
  background-size:220% 100%;animation:cpNoteGlow 12s linear infinite;
}
@keyframes cpNoteGlow{from{background-position:100% 0}to{background-position:-120% 0}}
.creative-product .productNote small{color:#f7ca70!important;text-shadow:none!important}
.creative-product .productNote>.wrap>h2{color:#fff!important;text-shadow:0 4px 28px rgba(0,0,0,.26)}
.creative-product .productNote .faq-grid article{
  background:#fffdf8!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;overflow:hidden;isolation:isolate
}
.creative-product .productNote .faq-grid article:before{z-index:1!important}
.creative-product .productNote .faq-grid article h3{color:#1b211d!important;position:relative;z-index:2}
.creative-product .productNote .faq-grid article p{color:#4d5750!important;position:relative;z-index:2}
.creative-product .productNote .related-links a{
  background:#fffdf8!important;color:#202720!important;border-color:#d9c9a7!important;box-shadow:0 8px 24px rgba(0,0,0,.13)
}
.creative-product .productNote .related-links a:hover{background:var(--cp-accent)!important;color:#121512!important;border-color:var(--cp-accent)!important}

/* CTA blocks: readable tinted panels with no overlay on the copy. */
.creative-product .product-cta,
.creative-product .seo-mini-cta{
  background:linear-gradient(135deg,#fffdf8 0%,color-mix(in srgb,var(--cp-soft) 72%,#fff) 100%)!important;
  border:1px solid var(--cp-line)!important;border-radius:26px!important;box-shadow:var(--cp-shadow)!important;
  isolation:isolate
}
.creative-product .product-cta:before,
.creative-product .seo-mini-cta:before{z-index:-1!important;opacity:.52}
.creative-product .product-cta h3,
.creative-product .seo-mini-cta h3{color:var(--cp-text)!important}
.creative-product .product-cta p,
.creative-product .seo-mini-cta p{color:#4d5750!important}

/* More expressive but safe buttons. */
.creative-product .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease!important}
.creative-product .btn:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 45%,transparent 70%);transform:translateX(-130%);transition:transform .7s ease}
.creative-product .btn:hover:after{transform:translateX(130%)}
.creative-product .btn.primary{color:#fff!important}
.creative-product .btn.ghost{background:#fffdf8!important;color:#27312b!important}

/* Image motion: depth without harming content readability. */
.creative-product .product-detail-image .wm{transform-style:preserve-3d;will-change:transform}
.creative-product .product-detail-image .wm:before{content:"";position:absolute;z-index:3;inset:0;border:1px solid rgba(255,255,255,.38);pointer-events:none;border-radius:inherit}
.creative-product .product-detail-image .wm:hover{box-shadow:var(--cp-shadow-hover)!important}

/* Subtle section title flourish below, never over words. */
.creative-product main>.section h2:not(.seo-faq-title){position:relative;padding-bottom:16px}
.creative-product main>.section h2:not(.seo-faq-title):after{content:"";display:block;width:72px;height:3px;margin-top:14px;border-radius:99px;background:linear-gradient(90deg,var(--cp-accent),color-mix(in srgb,var(--cp-accent-2) 65%,var(--cp-accent)))}

/* Distinct palette-driven section moods for the 18 templates. */
.creative-product.layout-01 main>.section:nth-of-type(2n),.creative-product.layout-07 main>.section:nth-of-type(2n){background:linear-gradient(180deg,#fffdf8,color-mix(in srgb,var(--cp-soft) 68%,#fff))!important}
.creative-product.layout-02 main>.section:nth-of-type(2n),.creative-product.layout-08 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#f8fbfb,#eef6f7)!important}
.creative-product.layout-03 main>.section:nth-of-type(2n),.creative-product.layout-09 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fff9f4,#f6eee7)!important}
.creative-product.layout-04 main>.section:nth-of-type(2n),.creative-product.layout-10 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fbf7fb,#f4edf5)!important}
.creative-product.layout-05 main>.section:nth-of-type(2n),.creative-product.layout-11 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fbf8ee,#f1ead8)!important}
.creative-product.layout-06 main>.section:nth-of-type(2n),.creative-product.layout-12 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#f5f8f1,#eaf0e3)!important}
.creative-product.layout-13 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#f8f8f4,#eeeeea)!important}
.creative-product.layout-14 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fff2ee,#f7dfd9)!important}
.creative-product.layout-15 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#f1f2ef,#e5e7e2)!important}
.creative-product.layout-16 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fbf8ee,#f4ead4)!important}
.creative-product.layout-17 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#fff5ed,#f5e1d4)!important}
.creative-product.layout-18 main>.section:nth-of-type(2n){background:linear-gradient(120deg,#f6f1ed,#eae1da)!important}

/* Entrance motion: staggered but short enough to feel responsive. */
.creative-product .cp-reveal{opacity:0;transform:translate3d(0,28px,0) scale(.985);filter:blur(4px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .65s ease}
.creative-product .cp-reveal.cp-visible{opacity:1;transform:none;filter:none}
.creative-product .cp-delay-1{transition-delay:.06s}.creative-product .cp-delay-2{transition-delay:.12s}.creative-product .cp-delay-3{transition-delay:.18s}

/* Animated progress line that uses each product palette. */
.creative-product .cp-scroll-progress{height:3px!important;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent-2),var(--cp-accent))!important;background-size:200% 100%;animation:cpProgressHue 4s linear infinite;box-shadow:0 0 12px var(--cp-glow)}
@keyframes cpProgressHue{to{background-position:200% 0}}

/* Desktop-only ambient pointer glow. It never sits above content. */
.creative-product .cp-ambient{position:fixed;z-index:0;width:260px;height:260px;border-radius:50%;pointer-events:none;filter:blur(42px);opacity:.14;background:var(--cp-accent);transform:translate(-50%,-50%);transition:opacity .3s ease}
.creative-product header,.creative-product main,.creative-product footer{position:relative;z-index:1}

@media(max-width:760px){
  .creative-product .pageHero .wrap:before{left:10px;width:calc(100% - 20px);height:80%;border-radius:20px;background:rgba(8,12,10,.44)}
  .creative-product .productNote .faq-grid article{padding:22px!important}
  .creative-product .cp-ambient{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .creative-product .pageHero:after,.creative-product .productNote:before,.creative-product .cp-scroll-progress{animation:none!important}
  .creative-product .cp-ambient{display:none!important}
}

/* ============================================================
   V8 CONTRAST LOCK — all 18 product pages
   Final cascade layer. Text always sits above decorative effects,
   and every content surface gets an explicit readable foreground.
   ============================================================ */
.creative-product{
  --read-ink:#172019;
  --read-body:#465149;
  --read-soft:#fffdf9;
  --read-border:#ddd4c7;
  --read-on-dark:#ffffff;
  --read-on-dark-muted:#eef2ee;
}

/* Decorations are atmosphere only, never content layers. */
.creative-product main>.section::before,
.creative-product .cp-panel::before,
.creative-product .sales-card::after,
.creative-product .seo-guide-card::after,
.creative-product .seo-faq-card::after,
.creative-product .product-cta::before,
.creative-product .seo-mini-cta::before{
  pointer-events:none!important;
  z-index:0!important;
  opacity:.18!important;
}
.creative-product main>.section>.wrap,
.creative-product .productNote>.wrap,
.creative-product .product-detail-copy,
.creative-product .sales-card>* ,
.creative-product .seo-guide-card>* ,
.creative-product .seo-faq-card>* ,
.creative-product .product-cta>* ,
.creative-product .seo-mini-cta>* ,
.creative-product .detail-points>div>*{
  position:relative!important;
  z-index:2!important;
}

/* Baseline readable typography on every light content section. */
.creative-product main>.section:not(.productNote),
.creative-product .search-intent-copy,
.creative-product .seo-product-guide,
.creative-product .product-sales{
  color:var(--read-ink)!important;
}
.creative-product main>.section:not(.productNote) h2,
.creative-product main>.section:not(.productNote) h3,
.creative-product main>.section:not(.productNote) h4,
.creative-product .product-detail-copy h2,
.creative-product .product-detail-copy h3{
  color:var(--read-ink)!important;
}
.creative-product main>.section:not(.productNote) p,
.creative-product main>.section:not(.productNote) li,
.creative-product .product-detail-copy p,
.creative-product .seo-guide-lead{
  color:var(--read-body)!important;
}
.creative-product main>.section:not(.productNote) .eyebrow,
.creative-product .product-detail-copy .eyebrow{
  color:color-mix(in srgb,var(--cp-accent-2) 84%,#111)!important;
  font-weight:900!important;
}

/* Product introduction copy gets a quiet readable panel where layouts overlap imagery. */
.creative-product.layout-03 .product-detail-copy,
.creative-product.layout-09 .product-detail-copy,
.creative-product.layout-13 .product-detail-copy,
.creative-product.layout-16 .product-detail-copy{
  background:rgba(255,253,249,.98)!important;
  color:var(--read-ink)!important;
}

/* All information cards are opaque enough for text contrast. */
.creative-product .sales-card,
.creative-product .seo-guide-card,
.creative-product .seo-faq-card,
.creative-product .detail-points>div,
.creative-product .faq-grid article:not(.productNote *){
  background:#fffdf9!important;
  color:var(--read-ink)!important;
  border-color:color-mix(in srgb,var(--cp-accent) 25%,var(--read-border))!important;
}
.creative-product .sales-card h3,
.creative-product .seo-guide-card h3,
.creative-product .seo-faq-card h3,
.creative-product .detail-points b{
  color:var(--read-ink)!important;
}
.creative-product .sales-card p,
.creative-product .seo-guide-card p,
.creative-product .seo-faq-card p,
.creative-product .detail-points span{
  color:var(--read-body)!important;
}

/* Trust strip is text, not decoration. */
.creative-product .trust-strip>div{
  background:#fffdf9!important;
  color:#263128!important;
  border:1px solid color-mix(in srgb,var(--cp-accent) 28%,#d8d0c5)!important;
  border-radius:14px!important;
  box-shadow:0 9px 24px rgba(20,25,22,.06)!important;
}

/* CTA panels: fixed foregrounds, no palette can wash out copy. */
.creative-product .product-cta,
.creative-product .seo-mini-cta{
  background:#fffaf2!important;
  color:var(--read-ink)!important;
  border:1px solid color-mix(in srgb,var(--cp-accent) 34%,#d5c9b8)!important;
}
.creative-product .product-cta h2,
.creative-product .product-cta h3,
.creative-product .seo-mini-cta h2,
.creative-product .seo-mini-cta h3{color:var(--read-ink)!important}
.creative-product .product-cta p,
.creative-product .seo-mini-cta p{color:var(--read-body)!important}

/* Buttons are always legible in normal, hover and focus states. */
.creative-product .btn.primary,
.creative-product .btn.primary:visited{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.creative-product .btn.ghost,
.creative-product .btn.ghost:visited{
  color:#1f2a22!important;
  background:#fffdf9!important;
}
.creative-product .btn:focus-visible,
.creative-product .related-links a:focus-visible{
  outline:3px solid #f4cc63!important;
  outline-offset:3px!important;
}

/* Search-intent block must remain a clean reading surface. */
.creative-product .search-intent-copy{
  background:linear-gradient(135deg,#fffdf9 0%,color-mix(in srgb,var(--cp-soft) 55%,#fff) 100%)!important;
}
.creative-product .search-intent-copy h2{color:var(--read-ink)!important}
.creative-product .search-intent-copy p{color:var(--read-body)!important}

/* Buyer information: dark shell + truly opaque light cards. */
.creative-product .productNote{
  color:var(--read-on-dark)!important;
}
.creative-product .productNote>.wrap>h2,
.creative-product .productNote small{
  color:var(--read-on-dark)!important;
}
.creative-product .productNote .faq-grid article{
  background:#fffdf9!important;
  color:var(--read-ink)!important;
  border-color:#eadfce!important;
}
.creative-product .productNote .faq-grid article h3{color:#172019!important}
.creative-product .productNote .faq-grid article p{color:#465149!important}
.creative-product .productNote .related-links a,
.creative-product .productNote .related-links a:visited{
  background:#fffdf9!important;
  color:#172019!important;
  border-color:#d7c7aa!important;
}
.creative-product .productNote .related-links a:hover{
  background:#f0c869!important;
  color:#111611!important;
  border-color:#f0c869!important;
}

/* Two intentionally dark layout sections need explicit on-dark text after all later rules. */
.creative-product.layout-05 main>.section:nth-of-type(4),
.creative-product.layout-18 main>.section:nth-of-type(3){
  color:#fff!important;
}
.creative-product.layout-05 main>.section:nth-of-type(4) h2,
.creative-product.layout-05 main>.section:nth-of-type(4) h3,
.creative-product.layout-05 main>.section:nth-of-type(4) p,
.creative-product.layout-05 main>.section:nth-of-type(4) li,
.creative-product.layout-05 main>.section:nth-of-type(4) .eyebrow,
.creative-product.layout-18 main>.section:nth-of-type(3) h2,
.creative-product.layout-18 main>.section:nth-of-type(3) h3,
.creative-product.layout-18 main>.section:nth-of-type(3) p,
.creative-product.layout-18 main>.section:nth-of-type(3) li,
.creative-product.layout-18 main>.section:nth-of-type(3) .eyebrow{
  color:#fff!important;
}
.creative-product.layout-05 main>.section:nth-of-type(4) .sales-card,
.creative-product.layout-05 main>.section:nth-of-type(4) .seo-guide-card,
.creative-product.layout-05 main>.section:nth-of-type(4) .seo-faq-card,
.creative-product.layout-18 main>.section:nth-of-type(3) .sales-card,
.creative-product.layout-18 main>.section:nth-of-type(3) .seo-guide-card,
.creative-product.layout-18 main>.section:nth-of-type(3) .seo-faq-card{
  background:#fffdf9!important;
}
.creative-product.layout-05 main>.section:nth-of-type(4) .sales-card h3,
.creative-product.layout-05 main>.section:nth-of-type(4) .sales-card p,
.creative-product.layout-18 main>.section:nth-of-type(3) .sales-card h3,
.creative-product.layout-18 main>.section:nth-of-type(3) .sales-card p{
  color:var(--read-ink)!important;
}
.creative-product.layout-05 main>.section:nth-of-type(4) .sales-card p,
.creative-product.layout-18 main>.section:nth-of-type(3) .sales-card p{color:var(--read-body)!important}

/* Hero remains the only content area where light text floats over a dark visual field. */
.creative-product .pageHero h1,
.creative-product .pageHero p,
.creative-product .pageHero .breadcrumb,
.creative-product .pageHero .breadcrumb a,
.creative-product .pageHero small{
  color:#fff!important;
}
.creative-product .pageHero p{color:#f1f4f1!important}
.creative-product .pageHero small{color:#ffe5a4!important}

/* Mobile: remove overlap tricks entirely and keep readable panels. */
@media(max-width:920px){
  .creative-product .product-detail-copy{
    background:#fffdf9!important;
    color:var(--read-ink)!important;
    padding:24px!important;
    border:1px solid #e3dbcf!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  .creative-product .product-detail-copy h2,
  .creative-product .product-detail-copy h3{color:var(--read-ink)!important}
  .creative-product .product-detail-copy p{color:var(--read-body)!important}
}

/* ---- unique-motion.css ---- */
/* KR STONES Unique Motion Layer
   17 product-specific motion signatures + the approved Dholpur motion.
   All decoration is isolated behind readable content. */
.creative-product{--um-ease:cubic-bezier(.2,.8,.2,1);--um-fast:.45s;--um-med:.8s;--um-slow:8s}
.creative-product .pageHero,.creative-product main>.section,.creative-product main>.productNote{isolation:isolate}
.creative-product .pageHero>.wrap,.creative-product main>.section>.wrap,.creative-product main>.productNote>.wrap{position:relative;z-index:3}
.creative-product .um-decor{position:absolute;z-index:0;pointer-events:none;display:block;will-change:transform,opacity}
.creative-product .um-reveal{opacity:0;transform:var(--um-from,translateY(28px));filter:blur(var(--um-blur,0));transition:opacity .78s ease,transform .9s var(--um-ease),filter .78s ease}
.creative-product .um-reveal.um-in{opacity:1;transform:none;filter:none}
.creative-product .um-d1{transition-delay:70ms}.creative-product .um-d2{transition-delay:140ms}.creative-product .um-d3{transition-delay:210ms}.creative-product .um-d4{transition-delay:280ms}
.creative-product .um-lift{transition:transform .5s var(--um-ease),box-shadow .5s ease,border-color .4s ease}
.creative-product .um-lift:hover{transform:translateY(-7px)}

/* 01 — 3D CUT: rotating drafting rings + diagonal cut sweep */
.cp-3d-cut .pageHero .um-decor-a{width:420px;height:420px;right:-90px;top:-120px;border:1px solid rgba(255,219,176,.34);border-radius:50%;animation:umOrbit 18s linear infinite}
.cp-3d-cut .pageHero .um-decor-a:before,.cp-3d-cut .pageHero .um-decor-a:after{content:"";position:absolute;inset:48px;border:1px dashed rgba(255,219,176,.22);border-radius:50%}.cp-3d-cut .pageHero .um-decor-a:after{inset:105px;animation:umOrbit 11s linear infinite reverse}
.cp-3d-cut .pageHero .um-decor-b{width:620px;height:90px;right:-140px;bottom:45px;background:linear-gradient(90deg,transparent,rgba(255,214,162,.13),transparent);transform:rotate(-18deg);animation:umCutSweep 7s ease-in-out infinite}
.cp-3d-cut .um-reveal{--um-from:translate3d(-34px,24px,0) rotate(-1deg)}
.cp-3d-cut .sales-card:hover,.cp-3d-cut .seo-guide-card:hover{transform:translateY(-8px) rotate(.7deg)!important}

/* 02 — CNC: precision scanning grid */
.cp-cnc .pageHero .um-decor-a{inset:0;background-image:linear-gradient(rgba(153,224,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(153,224,239,.07) 1px,transparent 1px);background-size:34px 34px;opacity:.7;animation:umGrid 13s linear infinite}
.cp-cnc .pageHero .um-decor-b{left:0;right:0;height:2px;top:18%;background:linear-gradient(90deg,transparent,#9ee8f4,transparent);box-shadow:0 0 20px rgba(158,232,244,.45);animation:umScan 6.5s ease-in-out infinite}
.cp-cnc .um-reveal{--um-from:translate3d(36px,0,0);--um-blur:2px}
.cp-cnc .detail-points div:hover{transform:translateX(6px)!important}

/* 03 — CONSTRUCTION: floating masonry blocks */
.cp-construction .pageHero .um-decor-a{width:310px;height:240px;right:7%;top:65px;background:repeating-linear-gradient(0deg,rgba(224,196,157,.13) 0 42px,transparent 42px 48px),repeating-linear-gradient(90deg,rgba(224,196,157,.10) 0 72px,transparent 72px 78px);transform:skewY(-5deg);animation:umMasonry 9s ease-in-out infinite alternate}
.cp-construction .pageHero .um-decor-b{width:180px;height:180px;right:21%;bottom:-70px;border:22px solid rgba(224,196,157,.12);animation:umBlock 8s ease-in-out infinite}
.cp-construction .um-reveal{--um-from:translate3d(0,38px,0) scale(.975)}
.cp-construction .sales-card:hover{transform:translateY(-5px) translateX(3px)!important}

/* 04 — DECORATIVE: floating petals / soft color orbs */
.cp-decorative .pageHero .um-decor-a{width:340px;height:340px;right:5%;top:-70px;border-radius:44% 56% 62% 38%/52% 40% 60% 48%;background:radial-gradient(circle at 35% 30%,rgba(255,221,238,.22),rgba(189,92,139,.08) 55%,transparent 72%);animation:umMorph 11s ease-in-out infinite alternate}
.cp-decorative .pageHero .um-decor-b{width:130px;height:130px;right:28%;bottom:35px;border-radius:63% 37% 45% 55%;border:1px solid rgba(255,220,239,.28);animation:umPetal 7s ease-in-out infinite}
.cp-decorative .um-reveal{--um-from:translate3d(0,30px,0) rotate(1.2deg) scale(.98)}
.cp-decorative .sales-card:hover{transform:translateY(-9px) rotate(-.8deg)!important}

/* 05 — DHOLPUR: approved dedicated cinematic animation remains unchanged. */
.cp-dholpur .um-decor,.cp-dholpur .um-reveal{display:none!important}

/* 06 — FOSSIL: concentric geological rings */
.cp-fossil .pageHero .um-decor-a{width:420px;height:420px;right:-80px;top:-120px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 25px,rgba(213,226,183,.10) 26px 28px);animation:umFossil 12s ease-in-out infinite alternate}
.cp-fossil .pageHero .um-decor-b{width:95px;height:95px;right:27%;bottom:48px;border:2px dotted rgba(219,231,192,.25);border-radius:50%;animation:umOrbit 9s linear infinite}
.cp-fossil .um-reveal{--um-from:translate3d(-24px,22px,0) scale(.96)}
.cp-fossil .faq-grid article:hover{transform:translateY(-6px) scale(1.015)!important}

/* 07 — PORCELAIN: crystalline glass sheen */
.cp-porcelain .pageHero .um-decor-a{width:380px;height:300px;right:3%;top:25px;clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);background:linear-gradient(135deg,rgba(222,238,255,.15),rgba(120,160,195,.04));border:1px solid rgba(220,239,255,.18);animation:umCrystal 9s ease-in-out infinite alternate}
.cp-porcelain .pageHero .um-decor-b{width:520px;height:70px;right:-80px;bottom:55px;background:linear-gradient(90deg,transparent,rgba(229,245,255,.17),transparent);transform:rotate(8deg);animation:umSheen 7.5s ease-in-out infinite}
.cp-porcelain .um-reveal{--um-from:translate3d(0,18px,0) scale(.94);--um-blur:3px}

/* 08 — MINT RED: ember pulse + diagonal streak */
.cp-mint-red .pageHero .um-decor-a{width:360px;height:360px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,161,124,.19),rgba(183,64,45,.05) 48%,transparent 70%);animation:umEmber 6.5s ease-in-out infinite alternate}
.cp-mint-red .pageHero .um-decor-b{width:660px;height:3px;right:-120px;bottom:75px;background:linear-gradient(90deg,transparent,rgba(255,193,164,.45),transparent);transform:rotate(-14deg);animation:umSlash 6s ease-in-out infinite}
.cp-mint-red .um-reveal{--um-from:translate3d(30px,24px,0) rotate(.8deg)}
.cp-mint-red .sales-card:hover{transform:translateY(-7px) scale(1.012)!important}

/* 09 — RUSTIC: timber/grain wave */
.cp-rustic .pageHero .um-decor-a{width:470px;height:280px;right:-70px;top:20px;background:repeating-radial-gradient(ellipse at 70% 50%,transparent 0 22px,rgba(235,199,160,.09) 23px 25px);transform:rotate(-7deg);animation:umGrain 12s linear infinite}
.cp-rustic .pageHero .um-decor-b{width:210px;height:90px;right:18%;bottom:20px;border:1px solid rgba(236,202,168,.21);transform:skewX(-18deg);animation:umRustic 8s ease-in-out infinite alternate}
.cp-rustic .um-reveal{--um-from:translate3d(-30px,30px,0) rotate(-1.5deg)}

/* 10 — MINT: soft botanical wave */
.cp-mint .pageHero .um-decor-a{width:430px;height:430px;right:-120px;top:-120px;border-radius:38% 62% 48% 52%;background:conic-gradient(from 110deg,rgba(173,224,191,.14),transparent 30% 55%,rgba(122,178,145,.10),transparent);animation:umLeaf 14s ease-in-out infinite alternate}
.cp-mint .pageHero .um-decor-b{width:250px;height:130px;right:16%;bottom:20px;border-radius:50%;border:1px solid rgba(199,235,211,.22);transform:rotate(-18deg);animation:umLeaf2 8s ease-in-out infinite}
.cp-mint .um-reveal{--um-from:translate3d(0,35px,0) scale(.98)}
.cp-mint .sales-card:hover{transform:translateY(-8px) rotate(.5deg)!important}

/* 11 — MINT SLAB: layered slab parallax */
.cp-mint-slab .pageHero .um-decor-a{width:320px;height:210px;right:8%;top:62px;border:1px solid rgba(222,231,191,.18);box-shadow:22px 22px 0 rgba(222,231,191,.08),44px 44px 0 rgba(222,231,191,.045);transform:rotate(-7deg);animation:umSlabs 8s ease-in-out infinite alternate}
.cp-mint-slab .pageHero .um-decor-b{width:410px;height:1px;right:3%;bottom:52px;background:linear-gradient(90deg,transparent,rgba(232,239,208,.3),transparent);animation:umLineSlide 5.5s ease-in-out infinite}
.cp-mint-slab .um-reveal{--um-from:translate3d(0,28px,0) rotateX(4deg)}

/* 12 — MINT WHITE: pearl halo */
.cp-mint-white .pageHero .um-decor-a{width:390px;height:390px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(255,255,246,.24),rgba(222,217,194,.07) 45%,transparent 68%);filter:blur(.2px);animation:umPearl 9s ease-in-out infinite alternate}
.cp-mint-white .pageHero .um-decor-b{width:120px;height:120px;right:26%;bottom:55px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,244,.18),0 0 0 22px rgba(255,255,244,.04);animation:umFloat 6.5s ease-in-out infinite}
.cp-mint-white .um-reveal{--um-from:translate3d(0,18px,0) scale(.965);--um-blur:4px}

/* 13 — NATURAL: sunrise earth arcs */
.cp-natural .pageHero .um-decor-a{width:440px;height:220px;right:-30px;bottom:-65px;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 34px,rgba(236,205,151,.10) 35px 37px);animation:umRise 9s ease-in-out infinite alternate}
.cp-natural .pageHero .um-decor-b{width:110px;height:110px;right:20%;top:45px;border-radius:50%;background:radial-gradient(circle,rgba(244,214,164,.20),transparent 68%);animation:umSun 7s ease-in-out infinite}
.cp-natural .um-reveal{--um-from:translate3d(-28px,30px,0)}

/* 14 — RED: sharp architectural slash */
.cp-red .pageHero .um-decor-a{width:600px;height:100px;right:-120px;top:52px;background:linear-gradient(90deg,transparent,rgba(255,174,145,.13),transparent);transform:rotate(-23deg);animation:umRedSlash 8s ease-in-out infinite}
.cp-red .pageHero .um-decor-b{width:220px;height:220px;right:7%;bottom:-80px;border:1px solid rgba(255,184,159,.18);transform:rotate(45deg);animation:umDiamond 10s linear infinite}
.cp-red .um-reveal{--um-from:translate3d(38px,18px,0) skewX(-1.5deg)}

/* 15 — ROCKFACE: fractured polygon drift */
.cp-rockface .pageHero .um-decor-a{width:390px;height:330px;right:2%;top:18px;clip-path:polygon(8% 24%,38% 2%,69% 15%,95% 44%,78% 84%,44% 98%,13% 78%,0 48%);background:linear-gradient(140deg,rgba(210,211,202,.13),rgba(86,96,89,.05));border:1px solid rgba(215,217,208,.14);animation:umRock 10s ease-in-out infinite alternate}
.cp-rockface .pageHero .um-decor-b{width:190px;height:180px;right:17%;bottom:-45px;clip-path:polygon(0 24%,66% 0,100% 62%,35% 100%);background:rgba(216,217,210,.055);animation:umRock2 7s ease-in-out infinite alternate}
.cp-rockface .um-reveal{--um-from:translate3d(-26px,18px,0) rotate(-.8deg)}
.cp-rockface .sales-card:hover{transform:translateY(-6px) rotate(-.6deg)!important}

/* 16 — JALI: rotating lattice rosette */
.cp-jali .pageHero .um-decor-a{width:410px;height:410px;right:-90px;top:-90px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(247,220,164,.13) 0 4deg,transparent 4deg 18deg);mask:radial-gradient(circle,transparent 0 21%,#000 22% 28%,transparent 29% 40%,#000 41% 47%,transparent 48% 58%,#000 59% 62%,transparent 63%);-webkit-mask:radial-gradient(circle,transparent 0 21%,#000 22% 28%,transparent 29% 40%,#000 41% 47%,transparent 48% 58%,#000 59% 62%,transparent 63%);animation:umJali 26s linear infinite}
.cp-jali .pageHero .um-decor-b{width:150px;height:150px;right:25%;bottom:22px;border:1px dashed rgba(249,226,177,.24);border-radius:50%;animation:umJali2 8s ease-in-out infinite alternate}
.cp-jali .um-reveal{--um-from:translate3d(0,26px,0) scale(.955)}
.cp-jali .related-links a:hover{transform:translateY(-3px) rotate(-1deg)!important}

/* 17 — TEMPLE: rising arch + warm halo */
.cp-temple .pageHero .um-decor-a{width:320px;height:350px;right:8%;bottom:-110px;border:2px solid rgba(255,205,147,.18);border-bottom:0;border-radius:180px 180px 0 0;box-shadow:0 0 0 24px rgba(255,205,147,.035),0 0 0 48px rgba(255,205,147,.018);animation:umArch 8.5s ease-in-out infinite alternate}
.cp-temple .pageHero .um-decor-b{width:170px;height:170px;right:18%;top:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,132,.20),transparent 68%);animation:umTempleGlow 6s ease-in-out infinite}
.cp-temple .um-reveal{--um-from:translate3d(0,40px,0) scale(.97)}
.cp-temple .sales-card:hover{transform:translateY(-8px) scale(1.01)!important}

/* 18 — CLADDING: sliding panel stack */
.cp-cladding .pageHero .um-decor-a{width:420px;height:260px;right:3%;top:54px;background:repeating-linear-gradient(0deg,rgba(225,207,194,.12) 0 34px,transparent 34px 43px);transform:skewY(-6deg);animation:umPanels 9s ease-in-out infinite alternate}
.cp-cladding .pageHero .um-decor-b{width:280px;height:170px;right:14%;bottom:-20px;border:1px solid rgba(229,215,202,.18);box-shadow:18px 12px 0 rgba(229,215,202,.055),36px 24px 0 rgba(229,215,202,.03);animation:umPanelDepth 7s ease-in-out infinite alternate}
.cp-cladding .um-reveal{--um-from:translate3d(32px,24px,0)}
.cp-cladding .detail-points div:hover{transform:translateX(-5px)!important}

/* Generic interaction polish, safe for all non-Dholpur pages */
.creative-product:not(.cp-dholpur) .btn,.creative-product:not(.cp-dholpur) .related-links a{position:relative;overflow:hidden}
.creative-product:not(.cp-dholpur) .btn:after,.creative-product:not(.cp-dholpur) .related-links a:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 47%,transparent 68%);transform:translateX(-130%);transition:transform .75s ease}
.creative-product:not(.cp-dholpur) .btn:hover:after,.creative-product:not(.cp-dholpur) .related-links a:hover:after{transform:translateX(130%)}
.creative-product:not(.cp-dholpur) .product-detail-image .wm{transform-style:preserve-3d}

@keyframes umOrbit{to{transform:rotate(360deg)}}
@keyframes umCutSweep{0%,100%{transform:translateX(-5%) rotate(-18deg);opacity:.25}50%{transform:translateX(10%) rotate(-12deg);opacity:.7}}
@keyframes umGrid{to{background-position:34px 34px}}
@keyframes umScan{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(230px);opacity:.8}}
@keyframes umMasonry{from{transform:translateY(0) skewY(-5deg)}to{transform:translateY(-18px) skewY(-2deg)}}
@keyframes umBlock{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(8deg) translateY(-14px)}}
@keyframes umMorph{0%{transform:rotate(-5deg) scale(.94);border-radius:44% 56% 62% 38%/52% 40% 60% 48%}100%{transform:rotate(8deg) scale(1.05);border-radius:58% 42% 40% 60%/36% 57% 43% 64%}}
@keyframes umPetal{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(14deg)}}
@keyframes umFossil{from{transform:scale(.9) rotate(-4deg);opacity:.45}to{transform:scale(1.08) rotate(6deg);opacity:.85}}
@keyframes umCrystal{from{transform:translateY(8px) rotate(-3deg)}to{transform:translateY(-10px) rotate(4deg)}}
@keyframes umSheen{0%,100%{transform:translateX(-10%) rotate(8deg);opacity:.1}50%{transform:translateX(12%) rotate(4deg);opacity:.75}}
@keyframes umEmber{from{transform:scale(.86);opacity:.45}to{transform:scale(1.12);opacity:.9}}
@keyframes umSlash{0%,100%{transform:translateX(-12%) rotate(-14deg);opacity:.12}50%{transform:translateX(12%) rotate(-9deg);opacity:.75}}
@keyframes umGrain{to{transform:rotate(353deg)}}
@keyframes umRustic{from{transform:translateY(4px) skewX(-18deg)}to{transform:translateY(-13px) skewX(-8deg)}}
@keyframes umLeaf{from{transform:rotate(-7deg) scale(.92)}to{transform:rotate(10deg) scale(1.08)}}
@keyframes umLeaf2{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-16px) rotate(-9deg)}}
@keyframes umSlabs{from{transform:translate3d(0,0,0) rotate(-7deg)}to{transform:translate3d(-12px,-16px,0) rotate(-3deg)}}
@keyframes umLineSlide{0%,100%{transform:translateX(-8%);opacity:.18}50%{transform:translateX(10%);opacity:.75}}
@keyframes umPearl{from{transform:scale(.9);opacity:.45}to{transform:scale(1.08);opacity:.95}}
@keyframes umFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes umRise{from{transform:translateY(18px) scale(.95)}to{transform:translateY(-8px) scale(1.04)}}
@keyframes umSun{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.15);opacity:.9}}
@keyframes umRedSlash{0%,100%{transform:translateX(-8%) rotate(-23deg)}50%{transform:translateX(12%) rotate(-17deg)}}
@keyframes umDiamond{to{transform:rotate(405deg)}}
@keyframes umRock{from{transform:translateY(4px) rotate(-2deg)}to{transform:translateY(-13px) rotate(3deg)}}
@keyframes umRock2{from{transform:translateX(-8px) rotate(-4deg)}to{transform:translateX(12px) rotate(5deg)}}
@keyframes umJali{to{transform:rotate(360deg)}}
@keyframes umJali2{from{transform:scale(.88) rotate(-8deg)}to{transform:scale(1.08) rotate(10deg)}}
@keyframes umArch{from{transform:translateY(18px);opacity:.35}to{transform:translateY(-8px);opacity:.9}}
@keyframes umTempleGlow{0%,100%{transform:scale(.88);opacity:.4}50%{transform:scale(1.14);opacity:.9}}
@keyframes umPanels{from{transform:translateX(8px) skewY(-6deg)}to{transform:translateX(-16px) skewY(-2deg)}}
@keyframes umPanelDepth{from{transform:translateY(5px) rotate(-1deg)}to{transform:translateY(-12px) rotate(2deg)}}

@media(max-width:900px){
  .creative-product .pageHero .um-decor-a{transform:scale(.72);transform-origin:top right;opacity:.6}
  .creative-product .pageHero .um-decor-b{opacity:.45}
}
@media(max-width:600px){
  .creative-product .pageHero .um-decor-a,.creative-product .pageHero .um-decor-b{opacity:.32}
  .creative-product .um-reveal{--um-from:translateY(20px)!important;--um-blur:0!important}
}
@media(prefers-reduced-motion:reduce){
  .creative-product .um-decor{animation:none!important}
  .creative-product .um-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* ---- breadcrumb-motion.css ---- */
/* KR STONES — unique animated breadcrumbs for 18 product pages */
.creative-product .breadcrumb.kr-breadcrumb{
  --bc-bg:rgba(255,255,255,.10);--bc-border:rgba(255,255,255,.22);--bc-text:#fff;--bc-muted:rgba(255,255,255,.76);--bc-accent:#e3b768;
  position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;gap:0;
  margin:0 0 24px;padding:8px 11px;border:1px solid var(--bc-border);border-radius:999px;
  background:var(--bc-bg);color:var(--bc-text)!important;font-size:11px;font-weight:700;line-height:1.3;
  letter-spacing:.02em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.12);isolation:isolate;max-width:100%;
}
.creative-product .breadcrumb.kr-breadcrumb::before,
.creative-product .breadcrumb.kr-breadcrumb::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.creative-product .breadcrumb.kr-breadcrumb a,
.creative-product .breadcrumb.kr-breadcrumb .bc-current{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:var(--bc-text)!important;text-decoration:none!important;white-space:nowrap;transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease}
.creative-product .breadcrumb.kr-breadcrumb a:hover,.creative-product .breadcrumb.kr-breadcrumb a:focus-visible{background:rgba(255,255,255,.16);transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.10);outline:none}
.creative-product .breadcrumb.kr-breadcrumb .bc-current{color:var(--bc-accent)!important;background:rgba(0,0,0,.12)}
.creative-product .breadcrumb.kr-breadcrumb .bc-sep{position:relative;width:18px;height:28px;display:inline-grid;place-items:center;color:var(--bc-muted);font-size:0;flex:0 0 18px}
.creative-product .breadcrumb.kr-breadcrumb .bc-sep::before{content:"";width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.creative-product .breadcrumb.kr-breadcrumb .bc-home::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border:1.5px solid currentColor;border-top:none;transform:rotate(45deg);border-radius:1px}
.creative-product .breadcrumb.kr-breadcrumb .bc-home::after{content:"";position:absolute;width:6px;height:5px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);left:11px;top:8px}

/* 01 Rockface — split-stone shimmer */
.cp-rockface .kr-breadcrumb{--bc-bg:rgba(27,32,28,.72);--bc-border:rgba(221,196,148,.42);--bc-accent:#f0cf8d}
.cp-rockface .kr-breadcrumb::before{inset:-50% -15%;background:linear-gradient(110deg,transparent 35%,rgba(240,207,141,.20) 48%,transparent 61%);animation:bcSweep 5.2s ease-in-out infinite}
/* 02 Mint fossil — fossil pulse dots */
.cp-fossil .kr-breadcrumb{--bc-bg:rgba(44,59,47,.72);--bc-border:rgba(199,219,180,.42);--bc-accent:#d9efb8}
.cp-fossil .kr-breadcrumb::before{width:7px;height:7px;border-radius:50%;background:var(--bc-accent);left:12px;bottom:2px;box-shadow:24px 1px 0 rgba(217,239,184,.35),48px -1px 0 rgba(217,239,184,.18);animation:bcPulse 2.8s ease-in-out infinite}
/* 03 Mint red — warm underline wave */
.cp-mint-red .kr-breadcrumb{--bc-bg:rgba(76,33,27,.76);--bc-border:rgba(239,181,132,.45);--bc-accent:#ffc08e}
.cp-mint-red .kr-breadcrumb::after{left:8px;right:8px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,var(--bc-accent),transparent);transform-origin:left;animation:bcLine 3.6s ease-in-out infinite}
/* 04 Temple — arch halo */
.cp-temple .kr-breadcrumb{--bc-bg:rgba(71,43,24,.72);--bc-border:rgba(245,205,135,.45);--bc-accent:#ffd991}
.cp-temple .kr-breadcrumb::before{width:42px;height:42px;border:1px solid rgba(255,217,145,.28);border-radius:50% 50% 8px 8px;right:-8px;top:-20px;animation:bcFloat 4.4s ease-in-out infinite}
/* 05 CNC — scanner beam */
.cp-cnc .kr-breadcrumb{--bc-bg:rgba(18,28,35,.82);--bc-border:rgba(120,211,235,.45);--bc-accent:#91e5f4}
.cp-cnc .kr-breadcrumb::before{top:0;bottom:0;width:1px;left:8%;background:linear-gradient(180deg,transparent,var(--bc-accent),transparent);box-shadow:0 0 10px var(--bc-accent);animation:bcScan 4s linear infinite}
/* 06 3D cut — orbit */
.cp-3d-cut .kr-breadcrumb{--bc-bg:rgba(32,31,50,.80);--bc-border:rgba(190,176,255,.42);--bc-accent:#c9baff}
.cp-3d-cut .kr-breadcrumb::before{width:32px;height:32px;border:1px solid rgba(201,186,255,.32);border-radius:50%;right:8px;top:50%;margin-top:-16px;animation:bcOrbit 5s linear infinite}
/* 07 Decorative — jewel glint */
.cp-decorative .kr-breadcrumb{--bc-bg:rgba(57,38,55,.80);--bc-border:rgba(236,183,218,.40);--bc-accent:#f2c1df}
.cp-decorative .kr-breadcrumb::before{width:12px;height:12px;right:14px;top:7px;background:linear-gradient(135deg,transparent 45%,var(--bc-accent) 48%,var(--bc-accent) 52%,transparent 55%);animation:bcTwinkle 2.9s ease-in-out infinite}
/* 08 Mint porcelain — porcelain gloss */
.cp-porcelain .kr-breadcrumb{--bc-bg:rgba(245,246,239,.88);--bc-border:rgba(78,105,88,.28);--bc-text:#1f342a;--bc-muted:#65756d;--bc-accent:#2e7050;box-shadow:0 10px 25px rgba(27,56,42,.10)}
.cp-porcelain .kr-breadcrumb::before{inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.72) 44%,transparent 57%);animation:bcSweep 6s ease-in-out infinite}
.cp-porcelain .kr-breadcrumb a:hover{background:rgba(46,112,80,.08)}
/* 09 Mint sandstone — soft mint breath */
.cp-mint .kr-breadcrumb{--bc-bg:rgba(40,66,53,.78);--bc-border:rgba(200,226,188,.42);--bc-accent:#d6f0be}
.cp-mint .kr-breadcrumb::before{inset:-18px auto auto -12px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(214,240,190,.20),transparent 65%);animation:bcBreathe 4s ease-in-out infinite}
/* 10 Wall cladding — architectural grid slide */
.cp-cladding .kr-breadcrumb{--bc-bg:rgba(25,45,37,.86);--bc-border:rgba(215,201,164,.36);--bc-accent:#e1ca91}
.cp-cladding .kr-breadcrumb::before{inset:0;background:linear-gradient(rgba(225,202,145,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(225,202,145,.07) 1px,transparent 1px);background-size:15px 15px;animation:bcGrid 7s linear infinite}
/* 11 Mint white — airy glow */
.cp-mint-white .kr-breadcrumb{--bc-bg:rgba(247,246,238,.88);--bc-border:rgba(83,100,78,.28);--bc-text:#253428;--bc-muted:#667267;--bc-accent:#4c7156}
.cp-mint-white .kr-breadcrumb::before{width:70px;height:70px;right:-18px;top:-34px;border-radius:50%;background:radial-gradient(circle,rgba(116,154,126,.16),transparent 68%);animation:bcFloat 5s ease-in-out infinite}
.cp-mint-white .kr-breadcrumb a:hover{background:rgba(76,113,86,.08)}
/* 12 Rustic wall tile — rough-edge heartbeat */
.cp-rustic .kr-breadcrumb{--bc-bg:rgba(65,53,39,.82);--bc-border:rgba(215,183,132,.40);--bc-accent:#e5bf83;border-radius:14px}
.cp-rustic .kr-breadcrumb::after{left:0;bottom:0;width:38%;height:2px;background:var(--bc-accent);animation:bcLine 3s ease-in-out infinite}
/* 13 Natural sandstone — sun travel */
.cp-natural .kr-breadcrumb{--bc-bg:rgba(62,54,33,.78);--bc-border:rgba(236,207,141,.40);--bc-accent:#f1d58e}
.cp-natural .kr-breadcrumb::before{width:9px;height:9px;border-radius:50%;background:var(--bc-accent);box-shadow:0 0 14px rgba(241,213,142,.75);top:8px;left:12px;animation:bcTravel 6s ease-in-out infinite alternate}
/* 14 Red sandstone — ember streak */
.cp-red .kr-breadcrumb{--bc-bg:rgba(72,30,27,.82);--bc-border:rgba(235,145,105,.42);--bc-accent:#ffab7c}
.cp-red .kr-breadcrumb::before{width:36px;height:2px;right:12px;top:50%;background:linear-gradient(90deg,transparent,var(--bc-accent));box-shadow:0 0 9px rgba(255,171,124,.45);animation:bcEmber 2.8s ease-in-out infinite}
/* 15 Mint slab — slab layers */
.cp-mint-slab .kr-breadcrumb{--bc-bg:rgba(43,60,48,.82);--bc-border:rgba(184,212,177,.42);--bc-accent:#c6e1bc}
.cp-mint-slab .kr-breadcrumb::before{width:40px;height:2px;right:12px;top:10px;background:rgba(198,225,188,.46);box-shadow:0 6px 0 rgba(198,225,188,.28),0 12px 0 rgba(198,225,188,.15);animation:bcLayers 3.4s ease-in-out infinite}
/* 16 Sandstone jali — lattice rotate */
.cp-jali .kr-breadcrumb{--bc-bg:rgba(52,39,34,.80);--bc-border:rgba(229,196,160,.42);--bc-accent:#efd0a9}
.cp-jali .kr-breadcrumb::before{width:22px;height:22px;right:12px;top:50%;margin-top:-11px;border:1px solid rgba(239,208,169,.42);transform:rotate(45deg);box-shadow:inset 0 0 0 5px transparent;animation:bcLattice 5.5s linear infinite}
/* 17 Construction — measured ticks */
.cp-construction .kr-breadcrumb{--bc-bg:rgba(37,45,43,.84);--bc-border:rgba(215,199,150,.38);--bc-accent:#dacb94}
.cp-construction .kr-breadcrumb::after{left:12px;right:12px;bottom:3px;height:3px;background:repeating-linear-gradient(90deg,var(--bc-accent) 0 1px,transparent 1px 12px);opacity:.5;animation:bcTicks 5s linear infinite}
/* 18 Dholpur — retained warm premium feel, breadcrumb-only motion */
.cp-dholpur .kr-breadcrumb{--bc-bg:rgba(32,49,38,.88);--bc-border:rgba(232,190,104,.52);--bc-accent:#f0c46f}
.cp-dholpur .kr-breadcrumb::before{inset:-50% -20%;background:linear-gradient(112deg,transparent 36%,rgba(240,196,111,.18) 48%,transparent 60%);animation:bcSweep 5.8s ease-in-out infinite}

@keyframes bcSweep{0%,18%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}
@keyframes bcPulse{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
@keyframes bcLine{0%,100%{transform:scaleX(.2);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@keyframes bcFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(5px) rotate(6deg)}}
@keyframes bcScan{0%{left:7%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:93%;opacity:0}}
@keyframes bcOrbit{to{transform:rotate(360deg)}}
@keyframes bcTwinkle{0%,100%{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}
@keyframes bcBreathe{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:.8;transform:scale(1.15)}}
@keyframes bcGrid{to{background-position:15px 15px}}
@keyframes bcTravel{from{left:12px}to{left:calc(100% - 22px)}}
@keyframes bcEmber{0%,100%{transform:translateX(8px);opacity:.3}50%{transform:translateX(-10px);opacity:1}}
@keyframes bcLayers{0%,100%{transform:translateY(-2px);opacity:.45}50%{transform:translateY(2px);opacity:1}}
@keyframes bcLattice{to{transform:rotate(405deg)}}
@keyframes bcTicks{to{background-position:24px 0}}
@media(max-width:640px){.creative-product .breadcrumb.kr-breadcrumb{border-radius:18px;padding:7px 8px;gap:0}.creative-product .breadcrumb.kr-breadcrumb a,.creative-product .breadcrumb.kr-breadcrumb .bc-current{padding:0 7px;white-space:normal}.creative-product .breadcrumb.kr-breadcrumb .bc-sep{width:13px;flex-basis:13px}}
@media(prefers-reduced-motion:reduce){.creative-product .breadcrumb.kr-breadcrumb::before,.creative-product .breadcrumb.kr-breadcrumb::after{animation:none!important}.creative-product .breadcrumb.kr-breadcrumb a{transition:none!important}}

/* ============================================================
   V11 — Breadcrumb placement refinement
   Dedicated navigation rail between header and hero.
   ============================================================ */
.creative-product .breadcrumb-stage{
  position:relative;z-index:24;
  background:linear-gradient(180deg,#faf7f0 0%,#f5f0e7 100%);
  border-bottom:1px solid rgba(27,34,29,.08);
  padding:14px 0 12px;
  overflow:hidden;
}
.creative-product .breadcrumb-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.58;
  background:
    radial-gradient(circle at 9% 50%,color-mix(in srgb,var(--cp-accent) 14%,transparent),transparent 16%),
    linear-gradient(90deg,transparent 0 72%,color-mix(in srgb,var(--cp-accent) 7%,transparent) 100%);
}
.creative-product .breadcrumb-stage>.wrap{position:relative;z-index:2}
.creative-product .breadcrumb-shell{
  display:flex;align-items:center;gap:14px;min-height:44px;
}
.creative-product .breadcrumb-kicker{
  position:relative;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  color:#49534c;font-size:9px;font-weight:900;letter-spacing:.22em;line-height:1;
  padding-right:15px;
}
.creative-product .breadcrumb-kicker::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--bc-accent,var(--cp-accent));
  box-shadow:0 0 0 5px color-mix(in srgb,var(--cp-accent) 12%,transparent);
  animation:bcMarker 2.8s ease-in-out infinite;
}
.creative-product .breadcrumb-kicker::after{
  content:"";position:absolute;right:0;top:50%;width:1px;height:24px;transform:translateY(-50%);
  background:linear-gradient(transparent,rgba(44,53,47,.22),transparent);
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb{
  --bc-bg:#ffffff;--bc-border:color-mix(in srgb,var(--cp-accent) 30%,#ddd4c8);--bc-text:#202923;--bc-muted:#778078;
  margin:0;padding:6px 8px;border-radius:14px;
  box-shadow:0 8px 22px rgba(26,32,28,.07),0 1px 0 rgba(255,255,255,.9) inset;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  overflow:visible;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{
  min-height:30px;color:var(--bc-text)!important;font-size:11px;letter-spacing:.01em;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{
  background:color-mix(in srgb,var(--cp-accent) 15%,#fff)!important;
  color:color-mix(in srgb,var(--cp-accent-2) 72%,#111)!important;
  font-weight:800;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a:hover,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a:focus-visible{
  background:color-mix(in srgb,var(--cp-accent) 10%,#fff)!important;
  color:#101713!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep{color:#8a918c}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::before,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::after{z-index:0;opacity:.22}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb>a,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb>span{z-index:2}

/* hero now starts cleanly — breadcrumb no longer competes with title */
.creative-product .pageHero{margin-top:0!important}
.creative-product .pageHero .wrap{padding-top:clamp(34px,5vw,64px)}

/* Per-page rail signatures. Existing breadcrumb identities remain, but are refined for the light rail. */
.cp-rockface .breadcrumb-stage{background:linear-gradient(90deg,#f6f1e6,#ece5d7)}
.cp-fossil .breadcrumb-stage{background:linear-gradient(90deg,#f2f6ec,#e8f0df)}
.cp-mint-red .breadcrumb-stage{background:linear-gradient(90deg,#fbf1ec,#f3e4dc)}
.cp-temple .breadcrumb-stage{background:linear-gradient(90deg,#fbf3e6,#f4e7d2)}
.cp-cnc .breadcrumb-stage{background:linear-gradient(90deg,#eef5f6,#e5f0f2)}
.cp-3d-cut .breadcrumb-stage{background:linear-gradient(90deg,#f2f0fa,#eae6f5)}
.cp-decorative .breadcrumb-stage{background:linear-gradient(90deg,#f8f0f6,#f0e5ed)}
.cp-porcelain .breadcrumb-stage{background:linear-gradient(90deg,#f7f8f4,#edf3ed)}
.cp-mint .breadcrumb-stage{background:linear-gradient(90deg,#f2f7ef,#e7f0e3)}
.cp-cladding .breadcrumb-stage{background:linear-gradient(90deg,#f2f3ed,#e8ebe2)}
.cp-mint-white .breadcrumb-stage{background:linear-gradient(90deg,#fafaf5,#f0f4ec)}
.cp-rustic .breadcrumb-stage{background:linear-gradient(90deg,#f6f1e8,#ede5d8)}
.cp-natural .breadcrumb-stage{background:linear-gradient(90deg,#faf5e9,#f1ead9)}
.cp-red .breadcrumb-stage{background:linear-gradient(90deg,#faefea,#f3e1d9)}
.cp-mint-slab .breadcrumb-stage{background:linear-gradient(90deg,#f2f6ef,#e9f0e5)}
.cp-jali .breadcrumb-stage{background:linear-gradient(90deg,#f8f2ea,#f0e8dd)}
.cp-construction .breadcrumb-stage{background:linear-gradient(90deg,#f4f3ed,#eae8df)}
.cp-dholpur .breadcrumb-stage{background:linear-gradient(90deg,#fbf4e6,#f2e6cc)}

@keyframes bcMarker{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.2);opacity:1}}
@media(max-width:720px){
  .creative-product .breadcrumb-stage{padding:10px 0}
  .creative-product .breadcrumb-shell{display:block;min-height:0}
  .creative-product .breadcrumb-kicker{margin:0 0 7px 3px;padding-right:0}
  .creative-product .breadcrumb-kicker::after{display:none}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb{display:flex;width:100%;border-radius:14px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::-webkit-scrollbar{display:none}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a,
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{white-space:nowrap}
  .creative-product .pageHero .wrap{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.creative-product .breadcrumb-kicker::before{animation:none!important}}

/* ============================================================
   V12 — Unified premium animated breadcrumb across all products
   Same visual language on all 18 pages, including Dholpur.
   ============================================================ */
.creative-product .breadcrumb-stage,
.creative-product.cp-dholpur .breadcrumb-stage,
.creative-product.cp-rockface .breadcrumb-stage,
.creative-product.cp-fossil .breadcrumb-stage,
.creative-product.cp-mint-red .breadcrumb-stage,
.creative-product.cp-temple .breadcrumb-stage,
.creative-product.cp-cnc .breadcrumb-stage,
.creative-product.cp-3d-cut .breadcrumb-stage,
.creative-product.cp-decorative .breadcrumb-stage,
.creative-product.cp-porcelain .breadcrumb-stage,
.creative-product.cp-mint .breadcrumb-stage,
.creative-product.cp-cladding .breadcrumb-stage,
.creative-product.cp-mint-white .breadcrumb-stage,
.creative-product.cp-rustic .breadcrumb-stage,
.creative-product.cp-natural .breadcrumb-stage,
.creative-product.cp-red .breadcrumb-stage,
.creative-product.cp-mint-slab .breadcrumb-stage,
.creative-product.cp-jali .breadcrumb-stage,
.creative-product.cp-construction .breadcrumb-stage{
  --bc-accent:#c89442;
  --bc-ink:#1b2821;
  --bc-deep:#20362c;
  background:
    radial-gradient(circle at 8% 50%,rgba(211,164,85,.16),transparent 22%),
    radial-gradient(circle at 91% 20%,rgba(76,118,94,.12),transparent 25%),
    linear-gradient(110deg,#fbf7ee 0%,#f5efe3 46%,#eef3ec 100%)!important;
  border-bottom:1px solid rgba(30,48,39,.11)!important;
  padding:15px 0 14px!important;
  overflow:hidden;
  isolation:isolate;
}
.creative-product .breadcrumb-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
  background:
    linear-gradient(105deg,transparent 0 40%,rgba(255,255,255,.72) 48%,transparent 56%) -55vw 0/42vw 100% no-repeat,
    repeating-linear-gradient(135deg,rgba(32,54,44,.025) 0 1px,transparent 1px 11px);
  animation:bcRailShimmer 8s ease-in-out infinite;
}
.creative-product .breadcrumb-stage::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,#d6a652 18%,#527761 50%,#d6a652 82%,transparent 100%);
  background-size:200% 100%;opacity:.62;animation:bcRailFlow 6s linear infinite;
}
.creative-product .breadcrumb-stage>.wrap{position:relative;z-index:3}
.creative-product .breadcrumb-shell{
  position:relative;display:flex;align-items:center;gap:16px;min-height:50px;
}
.creative-product .breadcrumb-shell::before{
  content:"";position:absolute;left:-10px;top:50%;width:34px;height:34px;border-radius:50%;
  transform:translateY(-50%);background:radial-gradient(circle,rgba(207,157,74,.18) 0 32%,transparent 34%);
  animation:bcHalo 3.2s ease-in-out infinite;pointer-events:none;
}
.creative-product .breadcrumb-kicker{
  position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  color:#425047!important;font-size:9px;font-weight:900;letter-spacing:.24em;line-height:1;
  padding:0 17px 0 2px;text-transform:uppercase;
}
.creative-product .breadcrumb-kicker::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#cf9d4a!important;
  box-shadow:0 0 0 5px rgba(207,157,74,.12),0 0 18px rgba(207,157,74,.42);
  animation:bcMarkerPremium 2.7s ease-in-out infinite!important;
}
.creative-product .breadcrumb-kicker::after{
  content:"";position:absolute;right:0;top:50%;width:1px;height:27px;transform:translateY(-50%);
  background:linear-gradient(transparent,rgba(38,56,47,.24),transparent)!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb,
.creative-product.cp-dholpur .breadcrumb-stage .breadcrumb.kr-breadcrumb{
  --bc-bg:rgba(255,255,255,.86)!important;
  --bc-border:rgba(174,139,79,.28)!important;
  --bc-text:#1c2922!important;
  --bc-muted:#6d786f!important;
  position:relative;display:inline-flex;align-items:center;gap:3px;min-width:0;
  margin:0!important;padding:6px!important;border:1px solid rgba(177,142,82,.31)!important;
  border-radius:999px!important;background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 28px rgba(31,50,40,.09),0 1px 0 rgba(255,255,255,.95) inset!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(105deg,transparent 0 35%,rgba(215,171,95,.12) 49%,transparent 63%)!important;
  transform:translateX(-120%);animation:bcPillSweep 6.8s ease-in-out infinite!important;opacity:1!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::after{
  content:""!important;position:absolute!important;inset:1px!important;z-index:0!important;pointer-events:none!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.70)!important;opacity:1!important;
  background:none!important;animation:none!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb>a,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb>span{position:relative;z-index:2!important}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{
  display:inline-flex;align-items:center;min-height:34px;padding:0 13px!important;border-radius:999px!important;
  color:#1d2923!important;font-size:11px!important;font-weight:750!important;letter-spacing:.012em!important;
  text-decoration:none!important;white-space:nowrap;transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-home::before{
  content:"";width:8px;height:8px;margin-right:7px;display:inline-block;transform:rotate(45deg) translateY(1px);
  border-left:2px solid #496453;border-top:2px solid #496453;border-radius:1px;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a:hover,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a:focus-visible{
  color:#102018!important;background:#edf4ee!important;transform:translateY(-1px)!important;
  box-shadow:0 5px 13px rgba(31,64,46,.10)!important;outline:none!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{
  color:#fff!important;background:linear-gradient(135deg,#294638,#365b48)!important;
  box-shadow:0 6px 16px rgba(35,69,52,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-weight:800!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current::after{
  content:"";width:6px;height:6px;margin-left:9px;border-radius:50%;background:#e5bd72;
  box-shadow:0 0 0 3px rgba(229,189,114,.13);animation:bcCurrentDot 2.4s ease-in-out infinite;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep{
  position:relative;display:block!important;width:18px!important;height:34px!important;flex:0 0 18px!important;margin:0!important;
  background:none!important;opacity:1!important;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep::before,
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep::after{
  content:"";position:absolute;left:7px;width:6px;height:1.5px;background:#b19360;border-radius:2px;
}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep::before{top:14px;transform:rotate(38deg)}
.creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep::after{top:18px;transform:rotate(-38deg)}

@keyframes bcRailShimmer{0%,18%{background-position:-55vw 0,0 0}72%,100%{background-position:155vw 0,0 0}}
@keyframes bcRailFlow{to{background-position:200% 0}}
@keyframes bcHalo{0%,100%{opacity:.45;transform:translateY(-50%) scale(.88)}50%{opacity:1;transform:translateY(-50%) scale(1.14)}}
@keyframes bcMarkerPremium{0%,100%{transform:scale(.82);box-shadow:0 0 0 5px rgba(207,157,74,.10),0 0 10px rgba(207,157,74,.22)}50%{transform:scale(1.16);box-shadow:0 0 0 7px rgba(207,157,74,.08),0 0 22px rgba(207,157,74,.48)}}
@keyframes bcPillSweep{0%,28%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes bcCurrentDot{0%,100%{opacity:.5;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}

@media(max-width:720px){
  .creative-product .breadcrumb-stage{padding:11px 0 10px!important}
  .creative-product .breadcrumb-shell{display:block;min-height:0}
  .creative-product .breadcrumb-shell::before{display:none}
  .creative-product .breadcrumb-kicker{margin:0 0 8px 4px;padding-right:0}
  .creative-product .breadcrumb-kicker::after{display:none}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb{display:flex!important;width:100%!important;border-radius:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;padding:5px!important}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::-webkit-scrollbar{display:none}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb a,
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current{min-height:32px;padding:0 10px!important;font-size:10.5px!important}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-sep{height:32px!important}
}
@media(prefers-reduced-motion:reduce){
  .creative-product .breadcrumb-stage::before,.creative-product .breadcrumb-stage::after,
  .creative-product .breadcrumb-shell::before,.creative-product .breadcrumb-kicker::before,
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb::before,
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb .bc-current::after{animation:none!important}
}

/* ---- related-products-motion.css ---- */
/* KR STONES V25.4 — Floating Material Ribbon
   Compact, elegant and visibly animated without adding footer bulk. */
:root{
  --rp-ink:#15231d;--rp-green:#0d2f25;--rp-green2:#174536;
  --rp-gold:#d8aa52;--rp-gold2:#ffe3a4;--rp-paper:#fffdf8;
  --rp-line:rgba(216,170,82,.33);--rp-shadow:0 14px 34px rgba(12,29,23,.12)
}

.productNote .related-links,
body.cp-dholpur .dh-related .dh-related-links{
  position:relative!important;isolation:isolate!important;overflow:visible!important;
  display:grid!important;grid-template-columns:1.12fr repeat(4,minmax(0,1fr))!important;
  gap:10px!important;margin-top:30px!important;padding:68px 0 8px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.cp-dholpur .dh-related{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  padding:34px 0 36px!important;background:linear-gradient(180deg,#15362a 0%,#0e271f 100%)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important
}
body.cp-dholpur .dh-related .wrap{position:relative!important;z-index:2!important}
body.cp-dholpur .dh-related .dh-related-links{margin:0!important;padding-top:68px!important}
body.cp-dholpur .dh-related .dh-kicker{display:none!important}
.kr-rp-stars,.kr-rp-orbit{display:none!important}

/* Floating heading ribbon */
.kr-rp-head{
  position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:5!important;
  display:flex!important;align-items:center!important;gap:14px!important;height:50px!important;
  padding:0 2px!important;pointer-events:none!important;color:#fff!important
}
.kr-rp-head:before{
  content:"DISCOVER NEXT";display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;
  font:800 8px/1 system-ui,sans-serif;letter-spacing:.22em;color:#173227;background:linear-gradient(135deg,#ffe8b2,#d8aa52);
  box-shadow:0 7px 18px rgba(216,170,82,.18);white-space:nowrap
}
.kr-rp-head b{
  font:500 clamp(20px,1.65vw,26px)/1 Georgia,serif;color:#fff!important;white-space:nowrap;letter-spacing:-.02em
}
.kr-rp-head i{
  position:relative;flex:1;height:1px;min-width:40px;background:linear-gradient(90deg,rgba(255,227,164,.58),rgba(255,227,164,.08));overflow:visible
}
.kr-rp-head i:before{
  content:"";position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:#ffe3a4;
  transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(255,227,164,.08),0 0 16px rgba(255,227,164,.45);
  animation:rpDot 3.8s ease-in-out infinite
}
.kr-rp-head i:after{
  content:"";position:absolute;inset:-1px auto -1px -18%;width:18%;border-radius:999px;
  background:linear-gradient(90deg,transparent,#fff0c8,transparent);filter:drop-shadow(0 0 5px rgba(255,235,190,.55));
  animation:rpSweep 4.3s cubic-bezier(.45,0,.2,1) infinite
}

/* compact animated material chips */
.productNote .related-links a,
body.cp-dholpur .dh-related .dh-related-links a{
  --mx:0px;--my:0px;--hx:50%;--hy:50%;position:relative!important;z-index:3!important;
  display:flex!important;align-items:center!important;min-width:0!important;min-height:50px!important;
  padding:10px 37px 10px 15px!important;border-radius:16px!important;
  border:1px solid rgba(196,170,125,.47)!important;background:rgba(255,253,248,.97)!important;
  color:var(--rp-ink)!important;text-decoration:none!important;overflow:hidden!important;
  box-shadow:0 8px 23px rgba(10,29,22,.10),inset 0 1px rgba(255,255,255,.92)!important;
  transform:translate3d(var(--mx),var(--my),0)!important;
  transition:transform .36s cubic-bezier(.16,.8,.2,1),box-shadow .36s,border-color .36s,background .36s!important
}
.productNote .related-links a:before,
body.cp-dholpur .dh-related .dh-related-links a:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:
   radial-gradient(120px circle at var(--hx) var(--hy),rgba(216,170,82,.19),transparent 62%),
   linear-gradient(105deg,transparent 25%,rgba(255,255,255,.62) 47%,transparent 68%);
  background-size:auto,230% 100%;background-position:center,-160% 0;opacity:.6;
  transition:opacity .3s ease!important;animation:rpChipSheen 7.5s ease-in-out infinite
}
.productNote .related-links a:after,
body.cp-dholpur .dh-related .dh-related-links a:after{
  content:"→"!important;position:absolute!important;right:12px!important;top:50%!important;z-index:2!important;
  width:23px;height:23px;border-radius:50%;display:grid;place-items:center;
  transform:translateY(-50%)!important;color:#795725!important;background:rgba(216,170,82,.12);
  font:800 12px/1 system-ui!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s!important
}
.kr-rp-chip{display:none!important}
.kr-rp-name{position:relative;z-index:2;font:750 10.8px/1.22 system-ui,sans-serif;color:#17231d;overflow-wrap:anywhere;letter-spacing:-.01em}
.productNote .related-links a:hover,
body.cp-dholpur .dh-related .dh-related-links a:hover{
  transform:translate3d(var(--mx),calc(var(--my) - 4px),0)!important;border-color:rgba(216,170,82,.82)!important;
  background:#fff!important;box-shadow:0 16px 35px rgba(12,35,27,.17),0 0 0 3px rgba(216,170,82,.07)!important
}
.productNote .related-links a:hover:before,
body.cp-dholpur .dh-related .dh-related-links a:hover:before{opacity:1!important}
.productNote .related-links a:hover:after,
body.cp-dholpur .dh-related .dh-related-links a:hover:after{transform:translate(3px,-50%)!important;background:#d8aa52;color:#10271f!important}
.productNote .related-links a:focus-visible,
body.cp-dholpur .dh-related .dh-related-links a:focus-visible{outline:2px solid #ffe3a4!important;outline-offset:3px!important}

/* Collection index becomes the anchor card */
.productNote .related-links a:first-of-type,
body.cp-dholpur .dh-related .dh-related-links a:first-of-type{
  background:linear-gradient(135deg,#0e3328,#174536)!important;border-color:rgba(255,227,164,.42)!important;
  box-shadow:0 13px 30px rgba(7,24,18,.22),inset 0 1px rgba(255,255,255,.05)!important
}
.productNote .related-links a:first-of-type:before,
body.cp-dholpur .dh-related .dh-related-links a:first-of-type:before{
  background:radial-gradient(130px circle at var(--hx) var(--hy),rgba(255,227,164,.13),transparent 64%),linear-gradient(105deg,transparent 25%,rgba(255,227,164,.13) 48%,transparent 70%)!important;
  background-size:auto,220% 100%!important;background-position:center,-150% 0!important
}
.productNote .related-links a:first-of-type .kr-rp-name,
body.cp-dholpur .dh-related .dh-related-links a:first-of-type .kr-rp-name{color:#fff!important}
.productNote .related-links a:first-of-type:after,
body.cp-dholpur .dh-related .dh-related-links a:first-of-type:after{color:#ffe3a4!important;background:rgba(255,227,164,.10)!important}
.productNote .related-links a:first-of-type:hover:after,
body.cp-dholpur .dh-related .dh-related-links a:first-of-type:hover:after{background:#ffe3a4!important;color:#113025!important}

/* staged entrance */
.rp-ready a{animation:rpRise .62s both cubic-bezier(.16,.82,.22,1)!important;animation-delay:calc(var(--rp-i,0)*72ms)!important}
.rp-ready .kr-rp-head:before{animation:rpBadgeIn .58s both cubic-bezier(.16,.82,.22,1)!important}
.rp-ready .kr-rp-head b{animation:rpTitleIn .7s .08s both cubic-bezier(.16,.82,.22,1)!important}

@keyframes rpRise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rpBadgeIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes rpTitleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rpSweep{0%{left:-18%;opacity:0}12%{opacity:1}62%{opacity:1}78%,100%{left:100%;opacity:0}}
@keyframes rpDot{0%,100%{left:0}50%{left:100%}}
@keyframes rpChipSheen{0%,72%{background-position:center,-160% 0}100%{background-position:center,160% 0}}

@media(max-width:980px){
 .productNote .related-links,body.cp-dholpur .dh-related .dh-related-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:72px!important}
 .kr-rp-head b{white-space:normal}
}
@media(max-width:600px){
 .productNote .related-links,body.cp-dholpur .dh-related .dh-related-links{
   display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;gap:9px!important;padding:72px 2px 11px!important;
   scrollbar-width:none!important
 }
 .productNote .related-links::-webkit-scrollbar,body.cp-dholpur .dh-related .dh-related-links::-webkit-scrollbar{display:none}
 .productNote .related-links a,body.cp-dholpur .dh-related .dh-related-links a{flex:0 0 min(78vw,280px)!important;scroll-snap-align:start!important}
 .kr-rp-head{gap:9px!important}.kr-rp-head b{font-size:18px!important}.kr-rp-head:before{font-size:7px;padding:0 9px}.kr-rp-head i{min-width:20px}
}
@media(prefers-reduced-motion:reduce){
 .kr-rp-head i:before,.kr-rp-head i:after,.productNote .related-links a:before,body.cp-dholpur .dh-related .dh-related-links a:before,.rp-ready a,.rp-ready .kr-rp-head:before,.rp-ready .kr-rp-head b{animation:none!important}
 .productNote .related-links a,body.cp-dholpur .dh-related .dh-related-links a{transition:none!important}
}

/* ============================================================
   V25.5 — Sticky product navigation + all-product switcher
   Keeps header/breadcrumb access available while product content scrolls.
   ============================================================ */
.creative-product{
  --kr-sticky-header-h:110px;
}
.creative-product .site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}
.creative-product .breadcrumb-stage{
  position:sticky!important;
  top:var(--kr-sticky-header-h)!important;
  z-index:930!important;
  overflow:visible!important;
  box-shadow:0 9px 22px rgba(22,38,30,.07)!important;
}
.creative-product .breadcrumb-stage::before,
.creative-product .breadcrumb-stage::after{pointer-events:none!important}
.creative-product .breadcrumb-stage>.wrap{overflow:visible!important}
.creative-product .breadcrumb-shell{overflow:visible!important}

.kr-product-switcher{position:relative;z-index:12;margin-left:auto;flex:0 0 auto}
.kr-product-switcher__button{
  appearance:none;border:1px solid rgba(47,78,61,.20);background:linear-gradient(135deg,#17392c,#28513e);
  color:#fff;border-radius:999px;min-height:42px;padding:0 14px 0 15px;display:inline-flex;align-items:center;gap:9px;
  font:800 10px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 8px 20px rgba(25,58,42,.14),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}
.kr-product-switcher__button:hover,.kr-product-switcher__button:focus-visible{
  transform:translateY(-2px);box-shadow:0 12px 26px rgba(25,58,42,.22),0 0 0 3px rgba(202,159,78,.10);outline:none
}
.kr-product-switcher__icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d7ad60;color:#173229;font-size:13px;transition:transform .3s ease}
.kr-product-switcher.open .kr-product-switcher__icon{transform:rotate(180deg)}
.kr-product-switcher__panel{
  position:absolute;right:0;top:calc(100% + 11px);width:min(720px,calc(100vw - 36px));padding:15px;
  border:1px solid rgba(177,142,82,.30);border-radius:20px;background:rgba(252,249,241,.98);backdrop-filter:blur(18px);
  box-shadow:0 22px 60px rgba(17,34,26,.24);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);
  transform-origin:top right;transition:opacity .22s ease,transform .22s ease,visibility .22s ease
}
.kr-product-switcher.open .kr-product-switcher__panel{opacity:1;visibility:visible;transform:none}
.kr-product-switcher__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:3px 4px 12px;border-bottom:1px solid rgba(39,63,50,.12);margin-bottom:11px}
.kr-product-switcher__head b{font:700 20px/1.05 Georgia,serif;color:#1c2d24}
.kr-product-switcher__head span{font:800 8px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9a7335}
.kr-product-switcher__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.kr-product-switcher__grid a{
  position:relative;display:flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid rgba(37,63,49,.10);
  background:#fff;color:#24332b!important;text-decoration:none!important;font:700 11px/1.2 Arial,sans-serif;
  transition:background .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.kr-product-switcher__grid a::after{content:"↗";margin-left:auto;color:#a98242;font-size:11px;opacity:.68}
.kr-product-switcher__grid a:hover,.kr-product-switcher__grid a:focus-visible{background:#edf4ee;transform:translateY(-1px);border-color:rgba(43,82,59,.22);box-shadow:0 6px 14px rgba(32,60,45,.08);outline:none}
.kr-product-switcher__grid a.is-current{background:linear-gradient(135deg,#244838,#315e49);color:#fff!important;border-color:#315e49;box-shadow:0 7px 16px rgba(32,70,52,.16)}
.kr-product-switcher__grid a.is-current::before{content:"YOU ARE HERE";position:absolute;right:9px;top:5px;font:800 6px/1 Arial,sans-serif;letter-spacing:.12em;color:#e6c57d}
.kr-product-switcher__grid a.is-current::after{color:#e6c57d}

@media(max-width:1100px){.creative-product{--kr-sticky-header-h:102px}.kr-product-switcher__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.creative-product{--kr-sticky-header-h:94px}.creative-product .breadcrumb-shell{gap:9px}.kr-product-switcher__button .kr-product-switcher__label{display:none}.kr-product-switcher__button{padding:0 9px}.kr-product-switcher__panel{right:-2px}}
@media(max-width:720px){
  .creative-product{--kr-sticky-header-h:88px}
  .creative-product .breadcrumb-stage{top:var(--kr-sticky-header-h)!important;padding:8px 0!important}
  .creative-product .breadcrumb-kicker{display:none!important}
  .creative-product .breadcrumb-shell{display:flex!important;align-items:center!important;gap:8px!important}
  .creative-product .breadcrumb-stage .breadcrumb.kr-breadcrumb{flex:1 1 auto!important;width:auto!important;margin:0!important}
  .kr-product-switcher{margin-left:0}.kr-product-switcher__panel{position:fixed;left:12px;right:12px;top:calc(var(--kr-sticky-header-h) + 68px);width:auto;max-height:calc(100vh - var(--kr-sticky-header-h) - 88px);overflow:auto;border-radius:18px}
  .kr-product-switcher__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.kr-product-switcher__grid{grid-template-columns:1fr}.kr-product-switcher__head b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.kr-product-switcher__button,.kr-product-switcher__icon,.kr-product-switcher__panel,.kr-product-switcher__grid a{transition:none!important}}