/* Desktop-only editorial product display. Mobile and stacked tablet styles are unchanged. */
@media (min-width:1101px){
 #home.hero-editorial .hero-editorial-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  align-items:center!important;gap:clamp(36px,5vw,80px)!important;
 }
 #home .hero-editorial-product,
 #home .hero-editorial-product.hero-has-selection{
  width:100%!important;max-width:460px!important;min-height:0!important;height:auto!important;
  justify-self:center!important;align-self:center!important;margin:0 auto!important;
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;
  padding:20px!important;gap:16px!important;
  background:#f5f3ee!important;border:1px solid #e7e2d7!important;border-radius:24px!important;
  box-shadow:0 18px 48px -30px rgba(23,32,51,.3)!important;
 }
 #home .hero-editorial-product::after,
 #home .hero-editorial-product .hero-product-glow{display:none!important}
 #home .hero-editorial-product .hero-product-orbit{
  position:relative!important;inset:auto!important;grid-column:1!important;grid-row:1!important;
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  width:100%!important;max-width:none!important;align-items:center!important;
  gap:8px!important;transform:none!important;margin:0!important;padding:0!important;
 }
 #home .hero-editorial-product .hero-product-orbit span{
  position:static!important;width:auto!important;max-width:100%!important;height:auto!important;
  padding:6px 9px!important;border:1px solid #ded8cb!important;border-radius:6px!important;
  background:transparent!important;box-shadow:none!important;color:#675b43!important;
  font:700 9px/1.3 system-ui,sans-serif!important;letter-spacing:.1em!important;
 }
 #home .hero-editorial-product .hero-product-orbit span:empty{display:none!important}
 #home .hero-editorial-product .hero-shoe,
 #home .hero-editorial-product.hero-has-selection .hero-shoe{
  grid-row:2!important;grid-column:1!important;aspect-ratio:5 / 4!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;overflow:hidden!important;border-radius:16px!important;
 }
 #home .hero-editorial-product .hero-shoe-slide{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background:#fff!important;border:1px solid #ece8df!important;border-radius:16px!important;
  box-shadow:none!important;
 }
 #home .hero-editorial-product .hero-shoe img,
 #home .hero-editorial-product.hero-has-selection .hero-shoe img{
  width:100%!important;height:100%!important;padding:24px!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
 }
 #home .hero-editorial-product .hero-product-card,
 #home .hero-editorial-product.hero-has-selection .hero-product-card{
  grid-row:3!important;grid-column:1!important;padding:14px 0 0!important;
  border:0!important;border-top:1px solid #ded8cb!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;gap:6px 16px!important;
 }
 #home .hero-editorial-product .hero-product-card>strong{font-size:17px!important;color:#172033!important;line-height:1.35!important}
 #home .hero-editorial-product .hero-product-card>b{font-size:11px!important;color:#756443!important;line-height:1.5!important}
 #home .hero-editorial-product .hero-product-card>a{
  min-height:44px!important;padding:0 16px!important;background:#172033!important;
  border:1px solid #172033!important;border-radius:10px!important;font-size:11px!important;
 }
 #home .hero-editorial-product .hero-product-card>a:hover{background:#29374f!important}
}

/* v111: an Instagram-inspired, permanent three-post hero stack. */
#home .hero-instants{width:min(100%,460px);margin:auto;display:grid;gap:12px;align-self:center}
#home .hero-instant-stack{position:relative;height:420px;isolation:isolate}
#home .hero-instant{position:absolute;left:50%;width:min(100%,330px);height:350px;transform:translateX(-50%);border:0;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(16,21,18,.22);overflow:hidden;cursor:pointer;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease,box-shadow .42s ease;z-index:1;padding:0;text-align:left}
#home .hero-instant:focus-visible{outline:3px solid #e3b45a;outline-offset:4px}
#home .hero-instant img{display:block;width:100%;height:100%;object-fit:cover;background:#e9e5dc}
#home .hero-instant::after{content:"";position:absolute;inset:0;border:1px solid rgba(16,21,18,.12);border-radius:inherit;pointer-events:none}
#home .hero-instant:nth-child(1){transform:translateX(-50%) translate(-28px,56px) rotate(-7deg);z-index:1;filter:brightness(.88)}
#home .hero-instant:nth-child(2){transform:translateX(-50%) translate(26px,28px) rotate(5deg);z-index:2;filter:brightness(.94)}
#home .hero-instant:nth-child(3){transform:translateX(-50%) translate(0,0) rotate(0);z-index:3}
#home .hero-instant.is-selected{transform:translateX(-50%) translate(0,0) rotate(0);z-index:4;filter:none;box-shadow:0 24px 52px rgba(16,21,18,.28)}
#home .hero-instant .instant-head{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:8px;padding:12px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent);font:700 11px/1 system-ui,sans-serif;letter-spacing:.02em}
#home .hero-instant .instant-avatar{width:23px;height:23px;border-radius:50%;background:#c8a15a;border:2px solid rgba(255,255,255,.9)}
#home .hero-instant .instant-label{margin-left:auto;font-size:9px;letter-spacing:.12em}
#home .hero-instant-card{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:16px 17px;border-radius:16px;background:#fff;border:1px solid #e2ded5;box-shadow:0 15px 32px rgba(16,21,18,.1)}
#home .hero-instant-card-copy{display:grid;gap:4px;min-width:0}
#home .hero-instant-eyebrow{color:#8a6c35;font:800 9px/1 system-ui,sans-serif;letter-spacing:.14em}
#home .hero-instant-card strong{font:800 17px/1.15 system-ui,sans-serif;color:#152018;overflow-wrap:anywhere}
#home .hero-instant-card-copy>span:not(.hero-instant-eyebrow),#home .hero-instant-card b{color:#6c665c;font:600 11px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}
#home .hero-instant-action{flex:0 0 auto;min-height:42px;border:0;border-radius:10px;background:#18231a;color:white;padding:0 13px;font:800 10px/1 system-ui,sans-serif;cursor:pointer}
#home .hero-instant-hint{margin:0;text-align:center;color:#736c60;font:650 11px/1.3 system-ui,sans-serif}
#home .hero-editorial-product{display:none!important}
@media(max-width:700px){#home .hero-instants{max-width:390px}#home .hero-instant-stack{height:min(104vw,390px)}#home .hero-instant{width:min(74vw,292px);height:min(82vw,320px)}#home .hero-instant:nth-child(1){transform:translateX(-50%) translate(-20px,48px) rotate(-7deg)}#home .hero-instant:nth-child(2){transform:translateX(-50%) translate(19px,25px) rotate(5deg)}#home .hero-instant.is-selected{transform:translateX(-50%)}#home .hero-instant-card{padding:14px;align-items:center}#home .hero-instant-card strong{font-size:15px}#home .hero-instant-action{min-height:38px;padding:0 11px;font-size:9px}}

/* v112: a smaller, colourful shared result card that belongs to the post stack. */
#home .hero-instant-card{position:relative;overflow:hidden;max-width:398px;justify-self:center;width:100%;padding:12px 13px!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:15px!important;background:linear-gradient(118deg,#ffca65 0%,#fd7f78 34%,#c94db4 68%,#6146bc 100%)!important;box-shadow:0 14px 28px rgba(99,43,105,.23)!important;color:#fff}
#home .hero-instant-card::before{content:"";position:absolute;width:135px;height:135px;right:-42px;top:-70px;border-radius:50%;background:rgba(255,255,255,.25);filter:blur(2px)}
#home .hero-instant-card::after{content:"";position:absolute;width:74px;height:74px;left:42%;bottom:-46px;border-radius:50%;background:rgba(255,255,255,.16)}
#home .hero-instant-card-copy{position:relative;z-index:1;gap:3px}
#home .hero-instant-eyebrow{display:inline-flex;align-self:start;padding:4px 6px;border-radius:99px;background:rgba(255,255,255,.2);color:#fff!important;font-size:8px!important;letter-spacing:.13em!important;backdrop-filter:blur(8px)}
#home .hero-instant-card strong{font-size:15px!important;color:#fff!important;text-shadow:0 1px 12px rgba(61,22,78,.18)}
#home .hero-instant-card-copy>span:not(.hero-instant-eyebrow),#home .hero-instant-card b{color:rgba(255,255,255,.88)!important;font-size:10px!important}
#home .hero-instant-action{position:relative;z-index:1;min-height:36px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:9px!important;background:rgba(29,19,53,.31)!important;box-shadow:inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(10px);font-size:9px!important}
#home .hero-instant-action:hover{background:rgba(20,13,41,.48)!important}
@media(max-width:700px){#home .hero-instant-card{max-width:350px;padding:11px 12px!important}#home .hero-instant-card strong{font-size:14px!important}#home .hero-instant-card-copy>span:not(.hero-instant-eyebrow),#home .hero-instant-card b{font-size:9px!important}}

/* Keep the team action light whether the hero is side by side or stacked. */
#home .hero-actions [data-open-team-chat="true"]{border:1px solid rgba(17,25,29,.12)!important;background:linear-gradient(135deg,#ffffff 0%,#f2f5f8 100%)!important;background-image:linear-gradient(135deg,#ffffff 0%,#f2f5f8 100%)!important;color:#17191d!important;-webkit-text-fill-color:#17191d!important;box-shadow:0 8px 22px rgba(20,31,49,.05)!important;text-shadow:none}
#home .hero-actions [data-open-team-chat="true"]:hover{background:#fff!important;border-color:rgba(17,25,29,.2)!important;transform:translateY(-1px)}
