/* ==========================================================
   JCR MENU PRO v6.0 — VISUAL DIRECTOR / TASTE PASS
   Design Read: local-business commerce/product surface,
   premium but practical, distinctive without visual excess.
   ========================================================== */

:root{
  --v6-radius:22px;
  --v6-line:color-mix(in srgb,var(--primary) 18%,rgba(255,255,255,.10));
  --v6-ease:cubic-bezier(.22,.8,.2,1);
}

/* ---------------- Design presets ---------------- */
body[data-design-preset="signature"]{
  --v6-radius:22px;
}
body[data-design-preset="editorial"]{
  --v6-radius:8px;
}
body[data-design-preset="editorial"] :where(.market-home h1,.fit-home h1,.beauty-home h1,.services-home h1,.hero h1,.section-head h2){
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:-.05em;
}
body[data-design-preset="editorial"] :where(.chip,.product,.market-home-shell,.fit-home,.beauty-home,.services-home,.segment-highlight,.search input){
  border-radius:var(--v6-radius)!important;
}
body[data-design-preset="editorial"] .section-head{
  border-bottom:1px solid var(--v6-line);
  padding-bottom:9px;
}
body[data-design-preset="clean"] :where(.market-home-shell,.fit-home,.beauty-home,.services-home,.product,.segment-highlight){
  box-shadow:none!important;
}
body[data-design-preset="clean"] .segment-landing{padding-top:20px}
body[data-design-preset="clean"] .content{max-width:980px;margin-inline:auto}
body[data-design-preset="bold"] :where(.market-home h1,.fit-home h1,.beauty-home h1,.services-home h1,.hero h1){
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:-.075em;
}
body[data-design-preset="bold"] :where(.market-primary,.view-cta,.add,.designer-cta-action){
  box-shadow:5px 5px 0 color-mix(in srgb,var(--accent) 35%,#000)!important;
}
body[data-design-preset="bold"] :where(.product,.segment-highlight,.market-home-shell,.fit-home,.beauty-home,.services-home){
  border-width:2px!important;
}

/* ---------------- Hero styles ---------------- */
body[data-hero-style="cinematic"] .market-home-shell{
  min-height:530px;
  grid-template-columns:1fr;
  position:relative;
  isolation:isolate;
}
body[data-hero-style="cinematic"] .market-home-photo{
  position:absolute;inset:0;min-height:100%;z-index:-2;
  background-position:center;background-size:cover;
}
body[data-hero-style="cinematic"] .market-home-photo:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,13,34,.92) 0%,rgba(4,13,34,.72) 45%,rgba(4,13,34,.24) 76%),linear-gradient(0deg,rgba(4,13,34,.88),rgba(4,13,34,.05) 55%);
}
body[data-hero-style="cinematic"] .market-home-photo>span{z-index:2}
body[data-hero-style="cinematic"] .market-home-copy{align-self:end;max-width:760px;padding:58px 42px;position:relative;z-index:2}
body[data-hero-style="cinematic"] .market-home h1{font-size:clamp(44px,8vw,78px)}

body[data-hero-style="split"] .market-home-shell{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);min-height:470px}
body[data-hero-style="split"] .market-home-copy{padding:42px 36px}
body[data-hero-style="split"] .market-home-photo{position:relative;min-height:470px}

body[data-hero-style="editorial"] .market-home-shell{
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);
  min-height:430px;
  background:color-mix(in srgb,var(--primary) 25%,#090d13);
}
body[data-hero-style="editorial"] .market-home-copy{padding:52px 38px}
body[data-hero-style="editorial"] .market-home-brand{margin-bottom:42px}
body[data-hero-style="editorial"] .market-home h1{font-size:clamp(52px,9vw,90px);max-width:10ch}
body[data-hero-style="editorial"] .market-home-photo{margin:18px;border-radius:calc(var(--v6-radius) - 4px);min-height:390px}

body[data-hero-style="compact"] .market-home-shell{min-height:360px}
body[data-hero-style="compact"] .market-home-copy{padding:30px 28px}
body[data-hero-style="compact"] .market-home h1{font-size:clamp(36px,7vw,58px)}
body[data-hero-style="compact"] .market-home-photo{min-height:360px}

/* Food hero variants */
body[data-family="food"][data-hero-style="split"] .hero-card{display:grid;grid-template-columns:1fr 1fr;min-height:440px}
body[data-family="food"][data-hero-style="split"] .hero-photo{position:relative;inset:auto;min-height:440px}
body[data-family="food"][data-hero-style="split"] .hero-photo:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.12))}
body[data-family="food"][data-hero-style="split"] .hero-content{position:relative;inset:auto;align-self:center;padding:36px;max-width:none}
body[data-family="food"][data-hero-style="editorial"] .hero-card{border-radius:8px;min-height:430px}
body[data-family="food"][data-hero-style="editorial"] .hero-content{max-width:720px;padding:44px 34px}
body[data-family="food"][data-hero-style="editorial"] #heroName{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(48px,10vw,86px)}
body[data-family="food"][data-hero-style="compact"] .hero-card{min-height:330px}
body[data-family="food"][data-hero-style="compact"] .hero-content{padding:24px 20px}

/* ---------------- Card styles ---------------- */
body[data-card-style="showcase"] .product{transform:translateZ(0)}
body[data-card-style="showcase"] .product .p-image{overflow:hidden}
body[data-card-style="showcase"] .product .p-image img{transition:transform .55s var(--v6-ease),filter .35s ease}
@media(hover:hover) and (pointer:fine){
  body[data-card-style="showcase"] .product:hover .p-image img{transform:scale(1.055)}
}

body[data-card-style="shelf"] .grid{gap:9px}
body[data-card-style="shelf"] .product{border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.10)!important}
body[data-card-style="shelf"][data-family="market"] .market-product .p-image{background:#fff!important}
body[data-card-style="shelf"] .p-badge{border-radius:6px}

body[data-card-style="compact"] .grid{grid-template-columns:1fr!important;gap:8px!important}
body[data-card-style="compact"] .product,
body[data-card-style="compact"] .showcase-product,
body[data-card-style="compact"] .market-product{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  min-height:106px!important;
  border-radius:14px!important;
}
body[data-card-style="compact"] .product .p-image,
body[data-card-style="compact"] .showcase-product .p-image,
body[data-card-style="compact"] .market-product .p-image{height:106px!important;min-height:106px!important;grid-row:1;grid-column:1}
body[data-card-style="compact"] .product .p-copy,
body[data-card-style="compact"] .showcase-product .p-copy,
body[data-card-style="compact"] .market-product .p-copy{grid-column:2;grid-row:1;padding:12px 13px!important;min-height:106px!important}
body[data-card-style="compact"] .p-desc{-webkit-line-clamp:1!important;min-height:0!important}
body[data-card-style="compact"] .p-price{margin-top:7px!important}

/* ---------------- Custom benefit blocks ---------------- */
.segment-highlights:not(.hidden){max-width:1100px;margin-inline:auto}
body[data-family="food"] .segment-highlights{margin-top:12px}
.segment-highlight{transition:transform .35s var(--v6-ease),border-color .3s ease,box-shadow .35s ease}
@media(hover:hover) and (pointer:fine){
  .segment-highlight:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 18px 40px rgba(0,0,0,.13)}
}

/* ---------------- Designer CTA ---------------- */
.designer-sections{margin:16px 16px 4px}
.designer-cta-card{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:180px;padding:30px 28px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));
  border-radius:calc(var(--v6-radius) + 2px);
  background:
    radial-gradient(480px 240px at 90% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),
    linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,#10151c),#0d1218 68%);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.designer-cta-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-90px;background:color-mix(in srgb,var(--primary) 18%,transparent);filter:blur(2px);z-index:-1}
.designer-cta-copy{max-width:680px}
.designer-cta-copy small{display:block;color:var(--accent);font-weight:950;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.designer-cta-copy h2{margin:0;font-size:clamp(25px,5vw,42px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.designer-cta-copy p{margin:10px 0 0;color:#aeb8c5;max-width:60ch;font-size:12px;line-height:1.6}
.designer-cta-action{flex:0 0 auto;min-height:50px;padding:0 18px;border-radius:13px;background:var(--accent);color:#111827;font-weight:950;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 20%,transparent)}
body[data-design-preset="editorial"] .designer-cta-card{border-radius:8px;background:#0f141a}
body[data-design-preset="editorial"] .designer-cta-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:700}

/* ---------------- Motion levels ---------------- */
body[data-motion-level="off"] .jcr-reveal,
body[data-motion-level="off"] .admin-reveal{opacity:1!important;transform:none!important;transition:none!important}
body[data-motion-level="off"] *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
body[data-motion-level="soft"] .jcr-reveal{transition-duration:.55s,.65s}
body[data-motion-level="dynamic"] .jcr-reveal{transition-duration:.7s,.9s}
body[data-motion-level="dynamic"] .market-home-shell,
body[data-motion-level="dynamic"] .hero-card,
body[data-motion-level="dynamic"] .fit-home,
body[data-motion-level="dynamic"] .beauty-home,
body[data-motion-level="dynamic"] .services-home{transform-origin:center 65%;transition:transform .65s var(--v6-ease),box-shadow .5s ease}
@media(hover:hover) and (pointer:fine){
  body[data-motion-level="dynamic"] .designer-cta-action:hover{transform:translateY(-3px) scale(1.015)}
}

/* ---------------- Light mode support ---------------- */
body[data-ui-theme="light"] .designer-cta-card{
  background:
    radial-gradient(480px 240px at 90% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),
    linear-gradient(135deg,#fff,#f6f8fb 72%);
  color:#111827;border-color:color-mix(in srgb,var(--primary) 18%,#d7e0ea);box-shadow:0 18px 42px rgba(20,43,80,.10)
}
body[data-ui-theme="light"] .designer-cta-copy p{color:#667085}

@media(max-width:720px){
  body[data-hero-style="split"] .market-home-shell,
  body[data-hero-style="editorial"] .market-home-shell{grid-template-columns:1fr}
  body[data-hero-style="split"] .market-home-photo,
  body[data-hero-style="editorial"] .market-home-photo{min-height:230px;order:-1;margin:0;border-radius:0}
  body[data-hero-style="split"] .market-home-copy,
  body[data-hero-style="editorial"] .market-home-copy{padding:24px 20px}
  body[data-hero-style="editorial"] .market-home-brand{margin-bottom:20px}
  body[data-hero-style="cinematic"] .market-home-shell{min-height:520px}
  body[data-hero-style="cinematic"] .market-home-copy{padding:34px 22px}
  body[data-family="food"][data-hero-style="split"] .hero-card{grid-template-columns:1fr;display:block}
  body[data-family="food"][data-hero-style="split"] .hero-photo{position:absolute;inset:0;min-height:auto}
  body[data-family="food"][data-hero-style="split"] .hero-content{position:absolute;left:0;right:0;bottom:0;padding:26px 20px}
  .designer-sections{margin-inline:12px}
  .designer-cta-card{align-items:flex-start;flex-direction:column;padding:24px 20px;min-height:0}
  .designer-cta-action{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .designer-cta-card,.designer-cta-action,.segment-highlight{transition:none!important;animation:none!important}
}