/* ===================================================================
   POWERS CHAROLAIS — Sale catalog page (Callaway Affordabull)
   Reads like a registry/sale book. Loaded after styles.css.
   =================================================================== */
.sale-page{background:var(--cream)}
.sale-page main{padding-top:64px}

/* ---------- sale hero / banner ---------- */
.sale-hero{background:var(--ink);color:var(--bone);padding:clamp(40px,6vw,76px) 0 clamp(36px,5vw,60px);border-bottom:3px solid var(--gold)}
.sale-kicker{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 14px}
.sale-hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;color:var(--bone)}
.sale-when{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 0;font-family:var(--display);font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);color:#E2B46A}
.sale-when .dot{color:var(--gold);font-style:normal}
.sale-lede{max-width:62ch;margin:22px 0 0;font-size:1.2rem;line-height:1.6;color:var(--bone-dim)}
.sale-lede strong{color:var(--bone);font-weight:600}
.sale-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(22px,3vw,30px)}
.btn-ghost{display:inline-flex;align-items:center;min-height:54px;padding:0 24px;font-weight:600;font-size:1.0625rem;color:var(--bone);border:1.5px solid var(--line-gold);border-radius:3px;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.btn-ghost:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ---------- lot list ---------- */
.lot-list{padding:clamp(34px,5vw,64px) 0}
.lot{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;gap:clamp(20px,3vw,40px);align-items:start;
  background:var(--paper);border:1px solid var(--line-gold);box-shadow:0 24px 54px -34px rgba(20,24,29,.45);
  padding:clamp(16px,2vw,22px);margin-bottom:clamp(22px,3vw,34px);scroll-margin-top:88px}

/* media / video facade */
.lot-media{position:relative;margin:0;overflow:hidden;background:#000;border:1px solid var(--line-gold);aspect-ratio:16/9}
.lot-photo{width:100%;height:100%;object-fit:cover}
.lot-play{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;
  background:rgba(20,24,29,.58);color:var(--bone);border:1.5px solid rgba(244,239,230,.85);border-radius:40px;
  font-family:var(--ui);font-weight:600;font-size:1.0625rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.lot-play:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.lot-play .tri{width:0;height:0;border-left:12px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}
.lot-badge{position:absolute;left:10px;top:10px;font-family:var(--ui);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:rgba(20,24,29,.7);padding:6px 11px;border-radius:2px}
.lot-media.playing .lot-play,.lot-media.playing .lot-photo,.lot-media.playing .lot-badge{opacity:0;pointer-events:none}
.lot-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* body / data */
.lot-body{min-width:0}
.lot-head h3{font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;color:var(--green);line-height:1.08}
.lot-ids{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.lot-ids span{font-family:var(--ui);font-size:.9rem;font-weight:600;color:var(--green-body);border:1px solid var(--line-dark);border-radius:2px;padding:4px 9px}
.lot-ids .aica{color:var(--gold-deep);border-color:var(--line-gold)}
.lot-ped{margin:16px 0 0;border-top:1px solid var(--line-dark)}
.lot-ped div{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line-dark)}
.lot-ped dt{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.lot-ped dd{margin:0;font-family:var(--display);font-size:1.1rem;color:var(--green)}
.dam-tie{display:inline-block;font-family:var(--ui);font-style:normal;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--gold-deep);background:rgba(199,162,74,.12);border-radius:2px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.lot-adj{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0}
.lot-adj li{flex:1 1 90px;display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--cream);border:1px solid var(--line-dark);border-radius:3px;padding:10px 8px;font-size:.82rem;color:var(--green-body)}
.lot-adj li span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.lot-adj li strong{font-family:var(--display);font-size:1.4rem;color:var(--green);font-weight:600}

/* EPD table */
.epd-scroll{margin:16px 0 0;overflow-x:auto;border:1px solid var(--line-dark);border-radius:3px}
.epd-scroll:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}
.epd{border-collapse:collapse;width:100%;min-width:500px;font-variant-numeric:tabular-nums lining-nums}
.epd th,.epd td{padding:7px 6px;text-align:center;font-size:.9rem;border-right:1px solid var(--line-dark)}
.epd thead th{background:var(--green);color:var(--bone);font-family:var(--ui);font-weight:600;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}
.epd tbody td{font-family:var(--ui);font-weight:600;color:var(--green);background:var(--paper)}
.epd .rkrow td{font-weight:500;color:var(--green-body);background:var(--cream);font-size:.82rem}
.epd th:last-child,.epd td:last-child{background:var(--green);color:var(--bone)}
.epd .rkrow td:last-child{background:#3a4433}
.epd .rowlab{background:var(--green);color:var(--bone);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;position:sticky;left:0;z-index:1}
.epd tbody .rowlab{background:var(--green)}
.lot-consign{margin:14px 0 2px;font-family:var(--display);font-style:italic;font-size:1rem;color:var(--green-body)}

/* how-to-buy band */
.sale-foot-band{background:var(--bar);color:var(--bone);padding:clamp(40px,5vw,64px) 0}
.sale-foot-band h2{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--bone)}
.sale-foot-band p{max-width:66ch;margin:16px 0 0;font-size:1.14rem;line-height:1.6;color:var(--bone-dim)}
.sale-foot-band .btn-gold{color:var(--ink)}

/* ---------- sale masthead (dark catalog header + Callaway logo) ---------- */
.sale-masthead{background:var(--ink);color:var(--bone);text-align:center;padding:clamp(40px,6vw,74px) 0 clamp(32px,4.5vw,50px);border-bottom:3px solid var(--gold)}
.sale-masthead .shell{display:flex;flex-direction:column;align-items:center}
.sm-eyebrow{font-family:var(--ui);font-size:.92rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim);margin:0 0 16px}
.callaway-logo{width:min(440px,80vw);height:auto;display:block;filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}
.sm-title{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.55rem,3vw,2.3rem);color:#E2B46A;margin:8px 0 0}
.sm-when{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,2.5vw,1.95rem);color:var(--bone);margin:18px 0 0}
.sm-consign{font-family:var(--ui);font-size:1.06rem;color:var(--bone-dim);margin:10px 0 0}
.sm-hook{max-width:60ch;margin:18px auto 0;font-size:1.12rem;line-height:1.55;color:var(--bone-dim)}
.sm-hook strong{color:var(--bone);font-weight:600}

/* homepage sale section (cream catalog body) */
.lot-stack{padding:clamp(34px,5vw,56px) 0 0}
.sale-feature .lot{scroll-margin-top:92px}
.sale-buy{padding:clamp(26px,3.5vw,42px) 0 clamp(44px,6vw,72px)}
.sale-buy .buy-opt{background:var(--paper);border-color:var(--line-gold)}
.sale-buy .bo-k{color:var(--gold-deep)}
.sale-buy .bo-v{color:var(--green-body)}
.sale-buy .bo-v a{color:var(--gold-deep)}
.sale-buy .buy-phone{color:var(--green)}
.sale-buy .buy-phone:hover{color:var(--gold-deep)}
.sale-buy .buy-opt--call{background:rgba(199,162,74,.14);border-color:var(--gold-deep)}
.sale-buy .bo-sub{color:var(--green-body)}
.sale-buy .host-credit{color:var(--green-body)}
.sale-buy .host-credit a{color:var(--gold-deep)}

@media (max-width:860px){
  .lot{grid-template-columns:1fr;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .lot-play,.btn-ghost,.btn-gold{transition:none}
}

/* ===================================================================
   LOQAL FINISH PASS (2026-11-11)
   The sale reads as a Callaway Cattle Company sale book, inside the
   Powers site. Scoped token re-map — brand only the sale, nothing else.
   =================================================================== */
.sale-feature, .sale-page main{
  --ink:#28170D; --bar:#2E1B0F;
  --green:#352012; --green-body:#4A3220;
  --gold:#B89661; --gold-deep:#6E4A2A;
  --cream:#EFE2CC; --paper:#FBF5EA;
  --bone:#F6ECD9; --bone-dim:rgba(246,236,217,.82);
  --line-gold:rgba(184,150,97,.6); --line-dark:rgba(53,32,18,.16);
  --cc-tan-hi:#D9BC86;
  --cc-display:"Fjalla One","Arial Narrow",sans-serif;
}
.sale-page{background:#EFE2CC}

/* dark saddle-leather masthead + Callaway display type */
.sale-masthead{background:radial-gradient(120% 120% at 50% 0%,#4A2C17 0%,#28170D 60%,#190D06 100%);border-bottom:3px solid #B89661}
.sm-eyebrow{color:var(--cc-tan-hi)}
.sm-title{font-family:var(--cc-display);font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.05em;
  font-size:clamp(2rem,4.2vw,3.1rem);line-height:1;color:var(--cc-tan-hi);margin:14px 0 0}
.sm-title .bull{color:#F4E3BF}
.sm-when{color:#F6ECD9}
.sm-consign,.sm-hook{color:var(--bone-dim)}
.sm-hook strong{color:#F6ECD9}

/* rank row's TSI cell was a hardcoded green — make it leather */
.sale-feature .epd .rkrow td:last-child,
.sale-page .epd .rkrow td:last-child{background:#4A3220}

/* dark how-to-buy band + buy boxes on sale.html read as leather, not charcoal */
.sale-page .buy-opt{background:#241509;border-color:rgba(184,150,97,.45)}
.sale-page .buy-opt--call{background:rgba(184,150,97,.16);border-color:#B89661}

/* ---------- lot card: lot number in the head, EPD + consign full width ---------- */
@media (min-width:1101px){ .lot{grid-template-columns:minmax(300px,.95fr) 1.05fr} }
@media (max-width:1100px){ .lot{grid-template-columns:1fr;gap:16px} }
.lot .epd-scroll,.lot .lot-consign{grid-column:1 / -1}
.lot .epd-scroll{margin:14px 0 0}
.lot-no{font-family:var(--cc-display);text-transform:uppercase;letter-spacing:.05em;
  font-size:clamp(1.5rem,2.4vw,2rem);line-height:1;color:var(--gold-deep);margin:0 0 6px}
/* play control off the bull, bottom-left */
.lot-play{inset:auto auto 12px 12px;margin:0;width:auto;height:auto;border-radius:3px;
  background:rgba(40,23,13,.85);border-color:rgba(217,188,134,.9);-webkit-backdrop-filter:none;backdrop-filter:none}
.lot-media.playing .lot-play{opacity:0;pointer-events:none}

/* fit all 14 EPD columns on desktop without a sideways scrollbar */
@media (min-width:861px){
  .epd{min-width:0;table-layout:fixed}
  .epd th,.epd td{padding:8px 4px}
}

/* phones: swap the sideways table for a readable 3-up card grid (built in main.js) */
.epd-cards{display:none}
@media (max-width:600px){
  .lot .epd-scroll{display:none}
  .epd-cards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0}
  .epd-cards div{background:var(--paper);border:1px solid var(--line-dark);border-radius:3px;padding:10px 8px;text-align:center}
  .epd-cards dt{font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--gold-deep)}
  .epd-cards dd{margin:2px 0 0;font-variant-numeric:tabular-nums lining-nums}
  .epd-cards b{display:block;font-size:1.25rem;color:var(--green)}
  .epd-cards span{font-size:.9rem;color:var(--green-body)}
}

/* phones (0–600px): Watch bar sits under the photo, never on the bull */
@media (max-width:600px){
  .lot-media{aspect-ratio:auto;padding-bottom:56px}
  .lot-photo{height:auto;aspect-ratio:16/9}
  .lot-play{inset:auto 0 0 0;width:100%;min-height:56px;justify-content:center;border-radius:0;border-width:1.5px 0 0}
  .lot-media.playing{aspect-ratio:16/9;padding-bottom:0}
}

/* per-lot LiveAuctions link (full-width, under the consign line) */
.lot .lot-bid{grid-column:1 / -1;margin:2px 0 0}
.lot-bid a{display:inline-flex;align-items:center;min-height:48px;font-family:var(--ui);font-weight:600;font-size:1.0625rem;color:var(--gold-deep);text-decoration:underline;text-underline-offset:4px}
.lot-bid a:hover{color:var(--green)}

/* buy-box links stay tappable (≥44px) at every width */
.bo-v a{display:inline-flex;align-items:center;min-height:44px}

/* buy-row + host-credit links read as links, not color alone */
.bo-v a,.host-credit a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;border-bottom-color:transparent}
.bo-v a:hover,.host-credit a:hover{border-bottom-color:transparent;text-decoration-thickness:2px}

/* LIVE Herd cards in #treaty (dark section) — all widths unless noted */
.lot-media--still{aspect-ratio:auto;background:var(--paper);display:flex;justify-content:center}
.lot-media--still .lot-photo{width:100%;height:auto;max-height:560px;aspect-ratio:auto;object-fit:contain}
@media (max-width:600px){ .lot-media.lot-media--still{padding-bottom:0} }
.pc-herd-live-wrap .lot-no{font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:0;font-size:1.1rem;color:var(--green-body);margin:0 0 4px}
.pc-herd-live-wrap .lot-bid a{color:var(--green)}