/* GUSTO V33.19: homepage-only browsing, updated category dropdown and responsive Evelyn product card */
html, body { min-height:100%; }
body { overflow-x:hidden; }
#hero { min-height:100svh !important; min-height:100dvh !important; }
body > #app > section:not(#hero):not(#presentacion-gusto) { visibility:hidden!important; }
/* The customer sees the main landing page only; the full catalogue remains internal to Evelyn. */
body > #app > section:not(#hero):not(#presentacion-gusto) { display:none !important; }
#scrollCue { display:none !important; }
.topbar__nav { align-items:center; gap:10px; }
.topbar__dropdown { position:relative; }
.topbar__dropdown > summary { list-style:none; display:flex; align-items:center; gap:10px; min-height:42px; padding:10px 15px; border:1px solid rgba(230,192,120,.3); border-radius:999px; background:rgba(8,8,9,.58); color:#f4e4c4; cursor:pointer; white-space:nowrap; }
.topbar__dropdown > summary::-webkit-details-marker { display:none; }
.topbar__dropdown[open] > summary { border-color:#d9bd7c; background:rgba(217,189,124,.16); }
.topbar__dropdown-panel { position:absolute; top:calc(100% + 10px); right:0; z-index:1000; width:min(290px, calc(100vw - 28px)); padding:8px; display:grid; gap:5px; border:1px solid rgba(217,189,124,.28); border-radius:18px; background:rgba(10,10,11,.96); box-shadow:0 20px 55px rgba(0,0,0,.45); backdrop-filter:blur(18px); }
.topbar__dropdown-panel button { width:100%; text-align:left; border:0; border-radius:11px; padding:12px 14px; background:transparent; color:#f7ead1; cursor:pointer; }
.topbar__dropdown-panel button:hover, .topbar__dropdown-panel button:focus-visible { background:rgba(217,189,124,.16); outline:1px solid rgba(217,189,124,.35); }
.evelyn-product-presentation { position:absolute; z-index:8; left:clamp(16px,4vw,58px); bottom:clamp(18px,4vh,42px); width:min(720px, calc(100% - 32px)); max-height:calc(100svh - 150px); overflow:auto; border:1px solid rgba(226,196,135,.32); border-radius:24px; background:rgba(10,10,11,.82); box-shadow:0 22px 65px rgba(0,0,0,.42); backdrop-filter:blur(18px); }
.evelyn-product-card { display:grid; grid-template-columns:minmax(130px, 36%) minmax(0,1fr); gap:clamp(12px,2vw,24px); align-items:center; padding:clamp(12px,2vw,22px); }
.evelyn-product-card__image { min-width:0; height:clamp(150px,24vh,280px); display:grid; place-items:center; overflow:hidden; border-radius:16px; background:rgba(255,255,255,.06); }
.evelyn-product-card__image img, .evelyn-product-card__image video { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.evelyn-product-card__image video { background:#111; }
.evelyn-product-card__image span { color:#d9bd7c; font-family:Georgia,serif; font-size:24px; }
.evelyn-product-card__copy { min-width:0; }
.evelyn-product-card__copy h2 { margin:8px 0; font:400 clamp(24px,3vw,40px)/1.04 Georgia,serif; color:#fff6e8; overflow-wrap:anywhere; }
.evelyn-product-card__copy p { margin:8px 0; color:#e5dac7; line-height:1.45; overflow-wrap:anywhere; }
.evelyn-product-price { font-size:clamp(17px,2vw,23px); color:#f0d69c!important; }
.evelyn-product-card__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.evelyn-product-card__actions .button { width:auto; min-height:42px; font-size:14px; padding:10px 14px; }
.evelyn-product-pending { font-size:13px; color:#f0d69c; align-self:center; }
.hero.product-presenting .hero__content--welcome { opacity:0; visibility:hidden; pointer-events:none; }
.hero.product-presenting .hero__veil { background:linear-gradient(90deg,rgba(5,5,6,.28),rgba(5,5,6,.08) 55%,rgba(5,5,6,.2)); }
@media (min-width:901px) {
  .topbar { padding-top:20px; padding-bottom:20px; }
  .evelyn-product-presentation { left:clamp(24px,4vw,64px); bottom:28px; }
}
@media (max-width:900px) {
  .topbar { grid-template-columns:minmax(0,1fr); align-items:start; padding:10px 12px; gap:8px; }
  .topbar__nav { display:flex!important; grid-column:1; flex-wrap:nowrap; overflow:visible; justify-content:flex-end; margin-left:0; }
  .brand--logo { max-width:150px; }
  .brand__logo { max-height:42px; }
  .topbar__dropdown > summary { min-height:36px; padding:8px 11px; font-size:12px; }
  .topbar__nav > button { min-height:36px; padding:8px 10px; font-size:12px; }
  .topbar__dropdown-panel { right:0; }
  .hero { min-height:100svh; min-height:100dvh; padding:140px 14px 18px; grid-template-columns:minmax(0,1fr); }
  .hero__content--welcome { max-width:100%; margin:0 0 8px; }
  .evelyn-product-presentation { left:10px; bottom:10px; width:calc(100% - 20px); max-height:48svh; border-radius:18px; }
  .evelyn-product-card { grid-template-columns:minmax(90px,32%) minmax(0,1fr); gap:10px; padding:10px; }
  .evelyn-product-card__image { height:clamp(110px,22vh,200px); border-radius:12px; }
  .evelyn-product-card__copy h2 { font-size:clamp(20px,5vw,28px); }
  .evelyn-product-card__copy p { font-size:13px; }
  .evelyn-product-card__actions .button { font-size:12px; min-height:38px; padding:8px 10px; }
}
@media (max-width:480px) {
  .topbar { padding:8px 9px; }
  .topbar__nav { gap:6px; }
  .topbar__dropdown > summary { max-width:165px; overflow:hidden; text-overflow:ellipsis; }
  .topbar__nav > button { padding:7px 9px; font-size:11px; }
  .hero { padding-top:128px; }
  .evelyn-product-presentation { max-height:50svh; }
  .evelyn-product-card { grid-template-columns:88px minmax(0,1fr); }
  .evelyn-product-card__image { height:112px; }
  .evelyn-product-card__copy h2 { font-size:20px; }
  .evelyn-product-card__copy p { font-size:12px; }
  .evelyn-product-card__actions { gap:6px; }
  .evelyn-product-card__actions .button { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .evelyn-product-presentation, .evelyn-product-card__image img { transition:none!important; animation:none!important; } }