/* Mendez Golden Ranch /shop/ showcase layer (2026-10-05). Loaded last; all classes are mgr-* so shared site CSS can't collide.
   Products sit directly on a wood panel: no card, no box, no frame behind each piece. */
.mgr-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px;padding:44px clamp(14px,3vw,40px) 48px;
  background-color:#29130a;background-image:linear-gradient(#24160daa,#24160dcc),url('../assets/ranch-wood-real.webp');background-size:cover;background-position:center;
  border:7px solid #503119;box-shadow:inset 0 0 0 2px #bd9258,0 18px 40px #0005;color:#fff6e0}
.mgr-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.mgr-art{position:relative;width:100%;max-width:280px;aspect-ratio:1/1;display:grid;place-items:center}
.mgr-art picture{display:contents}
.mgr-art img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 18px 14px rgba(0,0,0,.55)) drop-shadow(0 4px 4px rgba(0,0,0,.45));
  transition:transform .25s ease,filter .25s ease;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.mgr-art img:active{cursor:grabbing}
.mgr-item:hover .mgr-art img{transform:translateY(-6px) rotate(-1.5deg);filter:drop-shadow(0 26px 18px rgba(0,0,0,.5)) drop-shadow(0 6px 6px rgba(0,0,0,.4))}
@media(prefers-reduced-motion:reduce){.mgr-art img{transition:none}.mgr-item:hover .mgr-art img{transform:none}}
.mgr-name{margin:8px 0 0;font:600 clamp(1.3rem,3.6vw,1.65rem)/1.1 var(--display,"Cormorant Garamond",Georgia,serif);letter-spacing:0;color:#f7dca0;text-shadow:0 1px 8px rgba(0,0,0,.75)}
.mgr-line{margin:6px 0 0;color:#e9dab9;font-size:.93rem;line-height:1.4;max-width:260px;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.mgr-soon{margin:10px 0 0;font:700 .82rem/1.3 var(--label,"Barlow Condensed",sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#f3d496;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.mgr-soon b{font-size:1.15rem;color:#fff6e0;letter-spacing:.04em;margin-left:2px}
.mgr-notify{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;text-decoration:none;max-width:100%;
  background:linear-gradient(180deg,#f3d496,#dcb46e 55%,#c29a55);color:#17130f;font:700 .86rem/1.15 var(--label,"Barlow Condensed",sans-serif);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 14px rgba(0,0,0,.45);transition:filter .2s,transform .2s}
.mgr-notify:hover{filter:brightness(1.06);transform:translateY(-2px)}
.mgr-contact{margin:22px 0 0;text-align:center;font-size:1rem}
.mgr-contact a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.mgr-error{grid-column:1/-1;margin:0;padding:18px;text-align:center;color:#fff6e0}
.mgr-error a{color:#f3d496;font-weight:700;text-decoration:underline}
@media(max-width:900px){.mgr-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;padding:30px 10px 34px}}
@media(max-width:420px){.mgr-shelf{border-width:5px}.mgr-line{font-size:.86rem}.mgr-soon{font-size:.74rem;letter-spacing:.08em}.mgr-notify{font-size:.76rem;padding:10px 8px;letter-spacing:.05em}}