/* Mendez Golden Ranch /shop/ theme layer (2026-10-05b). Loaded after the site's own v20m.css, so it reuses the homepage
   tokens (--m-rope, --m-wood-card, --m-display "Ultra", --m-g*) and the same wood textures. Only mgr-* classes. */
/* own copy of --m-wood-card: a url() inside a custom property resolves against the sheet that USES it, so the path is spelled from /shop/ */
body.mgr-shop{--mgr-wood-card:radial-gradient(120% 60% at 50% 0%,rgba(240,207,146,.18),rgba(240,207,146,0) 62%),linear-gradient(180deg,rgba(43,27,16,.74) 0%,rgba(29,19,12,.88) 42%,rgba(22,16,11,.94) 100%),url("../assets/ranch-wood-real.webp") center/cover,#1b120b;background:#140d08;color:var(--m-body)}
.mgr-shop #main{background:linear-gradient(180deg,rgba(12,8,5,.80),rgba(18,12,8,.90)),url("../assets/ranch-wood-seamless.webp") center/1124px 720px repeat,#1a110b}
/* hero: real ranch photo + wood frame + gold western type, like the homepage hero */
.mgr-hero{position:relative;overflow:hidden;min-height:min(92vh,860px);padding:clamp(108px,12vw,150px) clamp(18px,5vw,72px) clamp(40px,5vw,64px);
  background:linear-gradient(90deg,rgba(14,9,6,.94) 0%,rgba(18,12,8,.80) 40%,rgba(18,12,8,.35) 72%,rgba(18,12,8,.55) 100%),linear-gradient(0deg,rgba(14,9,6,.92),rgba(14,9,6,0) 45%),url("../assets/plan-ranch-v20.webp") 40% 45%/cover no-repeat,#1a110b;
  border-bottom:4px solid #8f683d;box-shadow:inset 0 -1px #ebc785}
.mgr-hero__rail{position:absolute;left:clamp(18px,5vw,72px);right:clamp(18px,5vw,72px);top:clamp(86px,9vw,104px);display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(217,183,120,.55);
  font:600 .72rem/1 var(--m-label);letter-spacing:.24em;color:var(--m-g3)}
.mgr-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,4vw,60px);align-items:center;max-width:1280px;margin:0 auto;padding-top:clamp(24px,4vw,48px)}
.mgr-kicker{display:inline-block;margin:0 0 22px;padding:9px 16px;border:1px solid rgba(217,183,120,.75);border-radius:4px;background:rgba(20,13,8,.72);
  font:700 clamp(.78rem,1.1vw,.95rem)/1.2 var(--m-label);letter-spacing:.2em;color:#fff3d6;box-shadow:inset 0 0 0 3px rgba(20,13,8,.6),inset 0 0 0 4px rgba(217,183,120,.35)}
.mgr-hero h1{margin:0;font:400 clamp(2.9rem,7vw,6.2rem)/.98 var(--m-display);letter-spacing:.005em;
  color:#f2d59a;background:linear-gradient(180deg,#fff4d8 0%,#f7dea4 34%,#dcae5f 64%,#f4d895 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #3b2208) drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.mgr-hero h1 em{display:block;margin-top:.08em;font:italic 500 1.08em/1 var(--m-serif);color:#f0cb85;-webkit-text-fill-color:#f0cb85}
.mgr-hero__lead{max-width:540px;margin:24px 0 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.6;color:#f3e7cf;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.mgr-hero__actions,.mgr-story__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.mgr-shop .gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:6px;text-decoration:none;
  background:linear-gradient(180deg,#fbe6b4,#e3be7c 45%,#c29a55);color:#1a120b;font:700 .9rem/1 var(--m-label);letter-spacing:.14em;border:1px solid #fbe6b4;box-shadow:0 8px 18px rgba(0,0,0,.5),inset 0 1px #fff7e0}
.mgr-hero-call,.mgr-ghost{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:6px;text-decoration:none;
  border:1px solid rgba(217,183,120,.8);background:rgba(20,13,8,.7);color:#f7ead0;font:700 .86rem/1 var(--m-label);letter-spacing:.14em}
.mgr-hero-call svg{width:16px;height:16px;fill:var(--m-g2)}
.mgr-hero__merch{position:relative;aspect-ratio:1/0.92;max-width:600px;justify-self:center;width:100%}
.mgr-hero__merch::before{content:"";position:absolute;inset:6% 4% 2%;border-radius:18px;background:var(--mgr-wood-card);box-shadow:var(--m-wood-shadow);border:1px solid var(--m-g3)}
.mgr-hero__merch picture{display:contents}
.mgr-hero__crest{position:absolute;left:50%;top:-2%;width:30%;transform:translateX(-50%);filter:drop-shadow(0 10px 16px rgba(0,0,0,.6));z-index:2}
.mgr-hm{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 16px rgba(0,0,0,.6)) drop-shadow(0 4px 4px rgba(0,0,0,.45));z-index:1}
.mgr-hm--tee{left:4%;bottom:6%;width:50%}
.mgr-hm--tote{right:3%;bottom:7%;width:44%}
.mgr-hm--hat{left:30%;bottom:-2%;width:42%;z-index:3}
/* gold ticker on wood, like the homepage band */
.mgr-ticker{overflow:hidden;white-space:nowrap;padding:14px 0;border-block:2px solid #d4a766;
  background:linear-gradient(#24160dc4,#24160dc4),url("../assets/ranch-wood-real.webp") center/cover;font:700 clamp(.9rem,1.3vw,1.15rem)/1 var(--m-label);letter-spacing:.16em;color:var(--m-g2)}
.mgr-ticker span{display:inline-block;padding-left:100%;animation:mgr-tick 60s linear infinite}
@keyframes mgr-tick{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.mgr-ticker span{animation:none;padding-left:0}}
/* sections: wood background + rope kicker (rope · horseshoe · label · rope), same as the homepage section heads */
.mgr-shop .mgr-sec{padding:clamp(64px,8vw,112px) clamp(16px,4vw,48px)!important;background:linear-gradient(180deg,rgba(12,8,5,.78),rgba(18,12,8,.88)),url("../assets/ranch-wood-seamless.webp") center/1124px 720px repeat,#1a110b!important;color:var(--m-body)}
.mgr-sec>*{max-width:1240px;margin-left:auto;margin-right:auto}
.mgr-story-sec{border-top:10px solid transparent;border-image:var(--m-rope) 1}
.mgr-head{display:grid;grid-template-columns:minmax(18px,1fr) auto auto minmax(18px,1fr);align-items:center;column-gap:16px;row-gap:8px;margin-bottom:clamp(22px,3vw,36px)!important;max-width:1100px!important}
.mgr-head i{height:10px;border-radius:99px;background:var(--m-rope);box-shadow:0 2px 4px rgba(0,0,0,.45)}
.mgr-head i:first-child{transform:scaleX(-1)}
.mgr-head__shoe{width:28px;height:30px;background:url("../assets/horseshoe-iron.svg") center/contain no-repeat;filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(1.15)}
.mgr-head>span:not(.mgr-head__shoe){font:700 clamp(.9rem,1.15vw,1.1rem)/1.2 var(--m-label);letter-spacing:.24em;color:var(--m-g2)}
.mgr-head small{grid-column:2/4;grid-row:2;text-align:center;font:600 .78rem/1.2 var(--m-label);letter-spacing:.2em;color:var(--m-g3);opacity:.9}
.mgr-intro{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
.mgr-shop .mgr-sec h2,.mgr-shop .mgr-intro h2{margin:0;font:400 clamp(2.2rem,4.6vw,4.2rem)/1.02 var(--m-display)!important;
  color:#f2d59a;background:linear-gradient(180deg,#fff4d8 0%,#f7dea4 34%,#dcae5f 64%,#f4d895 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #3b2208) drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.mgr-shop .mgr-sec h2 em{display:block;margin-top:.1em;font:italic 500 1.1em/1 var(--m-serif)!important;color:#f0cb85;-webkit-text-fill-color:#f0cb85}
.mgr-shop .mgr-sec h2 br{display:none}
.mgr-intro p{max-width:620px;margin:18px auto 0;color:var(--m-body);font-size:1.05rem;line-height:1.6}
/* the shelf: same wood, trimmed in gold like the homepage cards */
.mgr-shop .mgr-shelf{border:1px solid var(--m-g3);border-radius:16px;background:var(--mgr-wood-card);box-shadow:var(--m-wood-shadow)}
.mgr-shop .mgr-contact a{color:var(--m-g2)}
/* story: a wooden card with the real crest (replaces the old text-only "MG" block) */
.mgr-story{position:relative;display:grid;grid-template-columns:minmax(150px,280px) minmax(0,1fr);gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(26px,4vw,52px);
  border:1px solid var(--m-g3);border-radius:16px;background:var(--mgr-wood-card);box-shadow:var(--m-wood-shadow)}
.mgr-story__crest{width:100%;height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.6))}
.mgr-story p{max-width:560px;margin:18px 0 0;color:var(--m-body);font-size:1.05rem;line-height:1.6}
.mgr-story h2{text-align:left}
.mgr-tacks{position:absolute;inset:12px;pointer-events:none;background:radial-gradient(circle,#f0cf92 0 3px,#6d4518 3.5px 4.5px,transparent 5px) 0 0/100% 100% no-repeat}
.mgr-tacks{background:radial-gradient(circle at 6px 6px,#f0cf92 0 3px,#6d4518 3.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 6px) 6px,#f0cf92 0 3px,#6d4518 3.5px 4.5px,transparent 5px),radial-gradient(circle at 6px calc(100% - 6px),#f0cf92 0 3px,#6d4518 3.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#f0cf92 0 3px,#6d4518 3.5px 4.5px,transparent 5px)}
@media(max-width:900px){
  .mgr-hero{min-height:0;padding-top:118px}
  .mgr-hero__grid{grid-template-columns:1fr}
  .mgr-hero__merch{max-width:440px}
  .mgr-story{grid-template-columns:1fr;text-align:center}.mgr-story__crest{max-width:180px;margin:0 auto}.mgr-story h2{text-align:center}.mgr-story p{margin-inline:auto}.mgr-story__actions{justify-content:center}
}
@media(max-width:620px){
  .mgr-hero__rail{display:none}
  .mgr-hero h1{font-size:clamp(2.4rem,11.5vw,3.4rem)}
  .mgr-kicker{letter-spacing:.12em;font-size:.72rem}
  .mgr-head{column-gap:8px}.mgr-head>span:not(.mgr-head__shoe){font-size:.82rem;letter-spacing:.16em}.mgr-head__shoe{width:22px;height:24px}
  .mgr-shop .mgr-sec h2{font-size:clamp(1.95rem,9.2vw,2.55rem)!important}
  .mgr-hero__actions .gold-button,.mgr-hero__actions .mgr-hero-call{flex:1 1 100%}
}
/* the crest file is a square tile: show it as a round gold medallion, like the header .brand-mark */
.mgr-hero__crest,.mgr-story__crest{aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:3px solid #d9b778;box-shadow:0 0 0 4px rgba(20,13,8,.85),0 0 0 5px rgba(240,207,146,.55),0 14px 28px rgba(0,0,0,.6),0 0 40px -6px rgba(240,207,146,.45);filter:none}
.mgr-hero__crest{width:26%;top:-4%}
.mgr-story__crest{max-width:240px;justify-self:center}
/* header call pill: compact on laptop widths, exactly as the events page does (.ev-body rule in v20p.css) */
@media (min-width:941px) and (max-width:1366px){.mgr-shop .mgr-call .mgr-call__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mgr-shop .mgr-call{padding:8px 11px}}