/* v8: product cards */
.grid{gap:22px}
.card{border:0;border-radius:24px;padding:8px;background:var(--card);box-shadow:0 1px 0 var(--line),0 0 0 1px var(--line);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px color-mix(in srgb,var(--rani) 28%,var(--line)),0 30px 50px -30px color-mix(in srgb,var(--rani) 45%,var(--shadow))}
.card .tile{border-radius:18px;background:radial-gradient(90% 70% at 50% 42%,#fff 0%,var(--tint,#F4EEF6) 78%)!important;isolation:isolate}
.card .tile::before{display:none}
.card .tile::after{content:"";opacity:1;inset:auto 22% 9% 22%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(42,15,36,.22),transparent);z-index:1;transition:transform .5s var(--ease),opacity .5s}
.card .tile img{background:transparent;mix-blend-mode:multiply;padding:26px 26px 30px;transition:transform .6s var(--spring)}
.card:hover .tile img{transform:translateY(-8px) scale(1.04)}
.card:hover .tile::after{transform:scaleX(.82);opacity:.6}
.card .heart{width:36px;height:36px;right:10px;top:10px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#4A3A5A;box-shadow:0 4px 14px -6px rgba(42,15,36,.35)}
.card .heart[aria-pressed="true"]{color:#C21A5E;background:#fff}
.card .badge{top:12px;bottom:auto;left:12px;padding:6px 9px;font-size:10.5px}
.card .body{border-top:0;padding:14px 8px 6px;gap:5px}
.card .for{margin:0;font-size:12.5px;font-weight:600;color:var(--rani)}
.card .body h2,.card .body h3{font-size:23px;line-height:1.08}
.card .plink{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.card:hover .plink{background-size:100% 1px}
.card .why{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .foot{border-top:0;margin-top:8px;padding:10px 2px 2px;align-items:flex-end}
.card .price{font-size:19px;line-height:1.1}
.card .price small{text-transform:none;letter-spacing:0;font-size:12px}
.card .price.live{font-size:12.5px;font-weight:500}
.card .buy{background:var(--ink);color:var(--paper);padding:10px 14px;font-size:13.5px;transition:background .3s,color .3s,transform .3s var(--ease),box-shadow .3s}
.card:hover .buy,.card .buy:hover,.card .buy:focus-visible{background:var(--rani);color:var(--on-rani)}
.card:hover .buy svg{transform:translate(2px,-2px)}
.card .tile{--tint:#F4EEF6}
.card .tile[style*="t-home"]{--tint:#F8E9DE}.card .tile[style*="t-craft"]{--tint:#E3ECF8}.card .tile[style*="t-art"]{--tint:#F6E3EB}.card .tile[style*="t-read"]{--tint:#EEEADF}.card .tile[style*="t-tech"]{--tint:#E5E9F1}.card .tile[style*="t-wear"]{--tint:#F0E5F4}.card .tile[style*="t-jewel"]{--tint:#F8ECD6}.card .tile[style*="t-self"]{--tint:#E5F1E9}.card .tile[style*="t-kids"]{--tint:#FCE7DA}.card .tile[style*="t-food"]{--tint:#F2EADD}
.card .tile svg.g{color:#3A2A4A}
@media (max-width:640px){.grid{gap:12px}.card{padding:6px;border-radius:20px}.card .tile{border-radius:15px}.card .tile img{padding:14px 14px 18px}.card .body{padding:10px 4px 4px}.card .body h2,.card .body h3{font-size:18px}.card .for{font-size:11.5px}.card .why{font-size:13px}.card .buy{padding:10px 12px;font-size:13px}.card .badge{font-size:9.5px;padding:5px 7px;top:8px;left:8px}.card .heart{width:32px;height:32px;top:6px;right:6px}}
@media (prefers-reduced-motion:reduce){.card,.card .tile img,.card .tile::after{transition:none}.card:hover,.card:hover .tile img{transform:none}}
.card .price.live{font-size:15px;font-weight:700;color:var(--ink);max-width:none}
.card .why{flex:0 0 auto;max-height:3em}
.card .foot{margin-top:auto}
.card .body{min-height:0}
.card .price small{white-space:nowrap}
@media (max-width:640px){.card .why{max-height:2.95em}.card .foot{flex-direction:column;align-items:stretch;gap:10px}.card .price{text-align:left}.card .buy{justify-content:center}}
.card .foot{gap:8px}.card .foot .price{min-width:0}
/* v8.1 polish */
.card .tile-link{overflow:hidden;border-radius:inherit}
.card .tile-link::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) skewX(-20deg);pointer-events:none}
.card:hover .tile-link::after{animation:shine .9s var(--ease)}
.card .qv{position:absolute;left:50%;bottom:14px;transform:translate(-50%,10px);opacity:0;white-space:nowrap;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#2A0F24;font:600 12.5px/1 var(--f-body);padding:9px 14px;border-radius:999px;box-shadow:0 8px 20px -10px rgba(42,15,36,.45);transition:opacity .3s var(--ease),transform .35s var(--spring)}
.card:hover .qv{opacity:1;transform:translate(-50%,0)}
.card .badge{background:rgba(255,255,255,.86)!important;color:#2A0F24!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px -8px rgba(42,15,36,.4);letter-spacing:.03em;text-transform:none;font-size:11.5px}
.card .badge.b-top svg{color:#DE952A}.card .badge.b-loved svg{color:#C21A5E}
.card .st{display:inline-flex;align-items:center;gap:6px}
.card .st::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sc,var(--rani));box-shadow:0 0 0 3px color-mix(in srgb,var(--sc,var(--rani)) 22%,transparent)}
.card[data-store="amazon"]{--sc:#FF9900}.card[data-store="flipkart"]{--sc:#2874F0}.card[data-store="myntra"]{--sc:#FF3F6C}.card[data-store="nykaa"]{--sc:#FC2779}.card[data-store="etsy"]{--sc:#F1641E}.card[data-store="nicobar"]{--sc:#1F6F5C}.card[data-store="chumbak"]{--sc:#E5322D}
.card .buy svg{transition:transform .3s var(--spring)}
@media (hover:none){.card .qv{display:none}}
@media (max-width:640px){.card .badge{font-size:10px}}
@media (prefers-reduced-motion:reduce){.card:hover .tile-link::after{animation:none}.card .qv{transition:none}}
/* plum velvet hero + bands */
.hx,.chero.band,.pack-cta{background:radial-gradient(120% 90% at 28% 0%,#7E2160 0%,#541043 48%,#22061A 100%);color:#FFF1FA}
.hx::before,.chero.band::before{background:radial-gradient(40% 50% at 82% 40%,rgba(233,118,192,.22),transparent 70%),radial-gradient(36% 46% at 10% 95%,rgba(150,40,120,.55),transparent 70%),radial-gradient(30% 30% at 50% 6%,rgba(181,81,156,.28),transparent 70%)}
.hx::after,.chero.band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.chero.band{position:relative}
.hx-lede,.chero.band .lede{color:#EFCFE4}
.hx .stores,.chero.band .crumbs{color:#D8A9C9}
.hx .store,.chero.band .store,.chero.band .chip{background:rgba(255,255,255,.07);border-color:rgba(245,210,235,.18);color:#F9E6F3}
.mad-go,.pack-cta .btn,.chero.band .chip[aria-pressed="true"]{background:#FFD08A;color:#3E0A30}
.chero.band .chip[aria-pressed="true"]{border-color:#FFD08A}
.pc-art{background:linear-gradient(135deg,#6E1C54,#22061A)}
.pc-art:empty{background:radial-gradient(60% 80% at 80% 20%,rgba(255,196,140,.3),transparent 70%),radial-gradient(50% 70% at 10% 100%,rgba(150,40,120,.5),transparent 70%),#3E0A30}
/* image fixes + textured backdrop */
.card .tile:has(img) svg.g{display:none}
.card .tile{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .12 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23t)'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,rgba(84,16,67,.025) 0 2px,transparent 2px 5px),radial-gradient(90% 70% at 50% 42%,#fff 0%,var(--tint,#F4EEF6) 80%)!important}
.card .tile img{object-fit:contain;filter:contrast(1.02) saturate(1.04)}
.card .tile[data-bg="scene"] img{padding:0;mix-blend-mode:normal;object-fit:cover;object-position:center 30%}
.card .tile[data-bg="scene"]::after{display:none}
.card .tile[data-bg="scene"] img{transition:transform .8s var(--ease)}
.card:hover .tile[data-bg="scene"] img{transform:scale(1.05)}
/* shop by category */
.cats{padding-top:40px}
.cats-head{margin-bottom:16px}
.cats-head .sub{margin:4px 0 0}
.cats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat{position:relative;display:block;aspect-ratio:4/5;border-radius:22px;overflow:hidden;text-decoration:none;color:#FFF1FA;background:#541043;isolation:isolate;box-shadow:0 18px 36px -24px rgba(34,6,26,.6);animation:rise .6s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
.cat-img{position:absolute;inset:0;z-index:-1;background:#fff}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(84,16,67,.55) 65%,rgba(34,6,26,.92) 100%)}
.cat-txt{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:2px}
.cat-txt b{font-family:var(--f-display);font-weight:400;font-size:32px;line-height:1.05}
.cat-txt span{font-size:13.5px;color:#EFCFE4}
.cat:hover .cat-img img{transform:scale(1.06)}
.cat:focus-visible{outline:3px solid #FFD08A;outline-offset:3px}
@media (max-width:820px){.cats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat{aspect-ratio:1/1;border-radius:18px}.cat-txt b{font-size:24px}.cat-txt span{font-size:12px}}
@media (prefers-reduced-motion:reduce){.cat{animation:none}.cat-img img{transition:none}}
.cats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cat-txt b{font-size:28px}
@media (max-width:1000px){.cats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cats-grid .cat:first-child{grid-column:span 2;aspect-ratio:auto}}
@media (max-width:640px){.cats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cats-grid .cat:first-child{grid-column:1/-1;aspect-ratio:2/1}}
/* 8 tiles + groups + maker CTA */
.cats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cats-grid .cat{aspect-ratio:5/4}
@media (max-width:1000px){.cats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cats-grid .cat:first-child{grid-column:auto;aspect-ratio:5/4}}
@media (max-width:640px){.cats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cats-grid .cat:first-child{grid-column:auto;aspect-ratio:1/1}.cats-grid .cat{aspect-ratio:1/1}}
.cat-groups{display:grid;gap:10px;margin-top:22px}
.cat-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cg-label{flex:0 0 108px;font-size:13px;font-weight:700;color:var(--muted)}
.cg-links{display:flex;flex-wrap:wrap;gap:8px}
.maker-cta{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin-top:26px;padding:22px 26px;border-radius:22px;color:#FFF1FA;background:radial-gradient(120% 140% at 0% 0%,#7E2160,#541043 55%,#22061A)}
.maker-cta b{display:block;font-family:var(--f-display);font-weight:400;font-size:28px;line-height:1.1}
.maker-cta span{display:block;color:#EFCFE4;margin-top:4px;max-width:56ch}
.maker-cta .btn{background:#FFD08A;color:#3E0A30}
@media (max-width:640px){.cg-label{flex-basis:100%}.maker-cta{padding:18px}.maker-cta b{font-size:23px}}
/* SEO sections: FAQ + grouped collections */
.faq{margin:8px auto 24px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 18px;margin:10px 0;max-width:820px}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:#7E2160;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 16px;color:var(--muted);max-width:70ch}
.faq details a{color:#7E2160}
.cl-sec{padding-top:26px;scroll-margin-top:80px}
.cl-sec .section-title{margin-bottom:14px}
.cl-sec .body h3{font-family:var(--f-display);font-weight:400;font-size:23px;line-height:1.1;margin:0}
/* mobile pass */
html,body{overflow-x:clip}
.more-wrap{display:flex;justify-content:center;padding:6px 0 40px}
.more-wrap[hidden]{display:none}
.yb-cap{display:none!important}
#grid .card{content-visibility:auto;contain-intrinsic-size:auto 420px}
@media (max-width:640px){
  .wall{height:210px}
  #q,#sort,.search input,select#sort{font-size:16px}
  .popular .clinks,.page>.clinks,section>.clinks{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-auto-columns:max-content;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 14px;gap:8px}
  section>.clinks{grid-template-rows:repeat(2,auto)}
  .page>nav.clinks{grid-template-rows:auto;padding-bottom:6px}
  .clinks::-webkit-scrollbar,.lv-head+.pgrid::-webkit-scrollbar{display:none}
  .clinks .pill{white-space:nowrap}
  .lv-head+.pgrid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 32px;gap:12px}
  .lv-head+.pgrid>.pcard{scroll-snap-align:start}
  .lv-head+.pgrid,.clinks{scroll-padding-inline:16px}
  .lv-head{gap:10px}
  .fan{height:170px}
  .chero.band .wrap{padding-block:22px 28px}
  .cats{padding-top:28px}
  .cat-txt{left:12px;right:12px;bottom:10px}
  .cg-label{margin-top:4px}
  .cg-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px}
  .cg-links .pill{white-space:nowrap}
  .faq details{padding:0 14px}
  .faq summary{padding:14px 26px 14px 0}
  .section-title{font-size:clamp(28px,8vw,36px)}
  footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:640px){.cats-grid .cat{aspect-ratio:4/3}.cats-grid .cat:first-child{aspect-ratio:4/3}.cg-label{flex-basis:100%}}