/*
Theme Name: PriceZilo
Theme URI: https://pricezilo.com/
Author: XYZEE
Description: A US deals sheet set like a market newspaper — a classifieds front page of dated notices, price tags on the line, awning tiles for the stalls and a closing-bell table. Custom theme, no page builder.
Version: 1.0.6
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: pricezilo
*/

/* =====================================================================
   PriceZilo — market sheet
   Ink #23201C · terracotta #C8553D · deep teal #0F4C5C · sand #F2E8D5
   Young Serif for every display line, Figtree for everything you read.
   ===================================================================== */

:root{
  --ink:#23201C;
  --terra:#C8553D;
  --teal:#0F4C5C;
  --teal2:#3D7683;
  --teal3:#7FAAB4;
  --olive:#6B7D4B;
  --sand:#F2E8D5;
  --cream:#FBF6EC;
  --cream2:#F7EDDC;
  --sand2:#E9DCC2;
  --rule:#D9C9AC;
  --rule2:#E2D4B8;
  --tan:#C8A98A;
  --mute:#8A7A5E;
  --body:#5C5346;
  --line:#C4B294;
  --wrap:1200px;
  --pad:24px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--sand);color:var(--ink);
  font-family:"Figtree","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* WordPress puts class "search" on the body of a results page; without this the
   form rules below would try to lay the whole document out as a search box. */
body.search{display:block;height:auto;padding:0;border:0;border-radius:0}

img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-decoration:none}
a:hover{color:var(--terra)}
h1,h2,h3,h4{margin:0;font-weight:400;letter-spacing:-.01em}
p{margin:0 0 1em}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--terra);outline-offset:2px}

.serif{font-family:"Young Serif",Georgia,"Times New Roman",serif;font-weight:400}
.sc{text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.wrap{width:min(var(--wrap),100% - var(--pad)*2);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sr:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;background:var(--terra);color:var(--cream);padding:10px 16px;z-index:999}

@keyframes pz-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pz-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes pz-stripe{from{background-position:0 0}to{background-position:52px 0}}
@keyframes pz-fringe{from{background-position:0 0}to{background-position:26px 0}}
@keyframes pz-ring{0%,88%,100%{transform:rotate(0)}92%{transform:rotate(-13deg)}96%{transform:rotate(11deg)}}
@keyframes pz-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.bell{animation:pz-ring 6s ease-in-out infinite;transform-origin:50% 3px;display:block;flex:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ---------------------------------------------------------------- masthead */
.mast{background:var(--sand)}

.mast-rule{background:var(--teal);color:#E6D8BE}
.mast-rule .wrap{display:flex;align-items:center;justify-content:center;gap:20px;min-height:40px;padding-block:7px;flex-wrap:wrap;text-align:center}
.mast-rule .dim{font-size:10.5px;color:var(--teal3)}
.mast-rule .note{margin:0;font-size:12.5px;font-weight:500;max-width:760px}
.mast-rule .pip{width:4px;height:4px;background:var(--terra);border-radius:50%;flex:none}

.mast-head{padding-top:22px}
.strap{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.18em;color:var(--mute)}
.plate{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:12px;color:inherit}
.plate .hr{flex:1;height:1px;background:var(--line)}
.plate .wm{font-family:"Young Serif",Georgia,serif;font-size:clamp(46px,8.4vw,92px);line-height:.86;letter-spacing:-3px;white-space:nowrap}
.plate .wm em{font-style:normal;color:var(--terra)}
.plate .wm b{font-weight:400;color:var(--teal)}
.plate:hover .wm em{color:var(--teal)}
.plate:hover .wm b{color:var(--terra)}

.dateline{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.dateline .sc{font-size:11px}
.dateline .hot{color:var(--terra)}
.dateline .em{color:var(--line)}

.rules{display:block;height:3px;background:var(--ink);margin-top:14px;box-shadow:0 4px 0 var(--ink)}
.rule1{display:block;height:1px;background:var(--ink)}

.sections{display:flex;align-items:center;justify-content:center;gap:30px;padding:13px 0 12px;flex-wrap:wrap}
.sections a{font-size:12px;color:var(--ink);border-bottom:2px solid transparent;padding-bottom:3px;transition:color .16s,border-color .16s}
.sections a:hover,.sections a.on{color:var(--terra);border-color:var(--terra)}

/* market bell marquee */
.bellbar{background:var(--terra);color:var(--cream);display:flex;align-items:stretch;overflow:hidden;border-bottom:3px solid var(--ink);min-height:58px}
.bellbar .lab{flex:none;display:flex;align-items:center;gap:9px;background:var(--teal);padding:0 20px 0 26px;z-index:2}
.bellbar .lab .sc{font-size:11.5px;color:var(--sand)}
.bellbar .run{flex:1;overflow:hidden;display:flex;align-items:center}
.bellbar .row{display:flex;width:max-content;animation:pz-marquee 40s linear infinite}
.bellbar .row>span{display:flex;align-items:center;gap:34px;padding-left:34px}
.bellbar a{font-size:14px;font-weight:600;color:var(--cream);white-space:nowrap}
.bellbar a:hover{color:var(--sand);text-decoration:underline}
.bellbar i{width:5px;height:5px;background:var(--cream);border-radius:50%;flex:none}
.bellbar:hover .row{animation-play-state:paused}

/* phone masthead */
.mbar{display:none;background:var(--ink);color:var(--sand);border-bottom:3px solid var(--terra)}
.mbar .in{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.mbar .wm{font-family:"Young Serif",Georgia,serif;font-size:27px;letter-spacing:-1px}
.mbar .wm em{font-style:normal;color:var(--terra)}
.mbar .wm b{font-weight:400;color:var(--sand)}
.mbar .burger{background:none;border:1.5px solid var(--tan);color:var(--sand);padding:7px;display:grid;place-items:center;cursor:pointer}
.mdraw{display:none;padding-bottom:14px}
.mdraw.open{display:block}
.mdraw form{display:flex;margin:4px 0 12px;border:1.5px solid var(--tan)}
.mdraw input{flex:1;min-width:0;padding:11px 13px;border:0;background:var(--cream);font:inherit;font-size:15px;color:var(--ink)}
.mdraw .go{background:var(--terra);color:var(--cream);border:0;padding:0 18px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px;cursor:pointer}
.mdraw a{display:block;padding:11px 2px;color:var(--sand);border-bottom:1px solid #46403A;font-size:15px;font-weight:600}

/* ---------------------------------------------------- disclosure furniture */
.pz-disc{background:var(--cream2);border-bottom:1px solid var(--rule);font-size:13px;color:var(--body)}
.pz-disc .wrap{padding:11px 0}
.pz-disc strong{color:var(--ink)}
.pz-disc a{font-weight:700;text-decoration:underline;margin-left:6px}
.pz-inline{background:var(--cream2);border:1px dashed var(--tan);padding:11px 14px;font-size:13px;color:var(--body);margin:0 0 18px}
.pz-inline strong{color:var(--ink)}
.pz-inline a{font-weight:700;text-decoration:underline}

/* --------------------------------------------------------- section heading */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:22px;flex-wrap:wrap}
.shead .hl{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0}
.shead h2{font-size:clamp(26px,3.6vw,38px);line-height:1.05;color:var(--ink)}
.shead .kick{font-size:11px;color:var(--mute)}
.shead .lede{flex-basis:100%;margin:6px 0 0;font-size:14px;color:var(--body);max-width:66ch}
.shead.dark{border-color:var(--teal2)}
.shead.dark h2{color:var(--sand)}
.shead.dark .kick{color:var(--teal3)}
.shead.dark .lede{color:#D8E4E7}
.shead .r{flex:none}
.morelink{font-size:11px;color:var(--terra);border-bottom:1px solid var(--terra);padding-bottom:2px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}

.arrows{display:flex;gap:10px}
.arrows button{width:38px;height:38px;display:grid;place-items:center;cursor:pointer;border:1.5px solid var(--ink);background:var(--cream);color:var(--ink);transition:background .18s,color .18s}
.arrows button[data-next]{background:var(--teal);border-color:var(--teal);color:var(--cream)}
.arrows button:hover{background:var(--terra);border-color:var(--terra);color:var(--cream)}
.arrows.dark button{border-color:var(--teal3);background:transparent;color:var(--sand)}
.arrows.dark button[data-next]{background:var(--terra);border-color:var(--terra)}

/* ------------------------------------------------------------- lifts/bands */
.lift{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.lift:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(35,32,28,.16);border-color:var(--terra)}
.band{background:var(--teal);color:var(--sand);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:34px 0 38px;margin:34px 0}
.band-sand{background:var(--sand2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:38px 0 40px;margin:34px 0}
.sect{padding:34px 0}

/* ------------------------------------------------------------ search field */
.mksearch{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ink);background:var(--cream);padding:8px 14px;width:min(320px,100%)}
.mksearch input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink)}
.mksearch input::placeholder{color:var(--mute)}
.mksearch button{background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center;color:var(--teal)}
.mksearch button:hover{color:var(--terra)}

/* ------------------------------------------------------------- lead notice */
.lead{display:grid;grid-template-columns:minmax(0,738px) minmax(0,1fr);gap:26px;align-items:stretch}
.lnotice{border:1.5px solid var(--ink);background:var(--cream);position:relative;display:grid;grid-template-columns:286px minmax(0,1fr)}
.lnotice .flag{position:absolute;top:-1px;left:28px;background:var(--terra);color:var(--cream);padding:6px 14px 7px;font-size:10.5px;z-index:2}
.lnotice .ph{position:relative;min-height:380px;overflow:hidden;border-right:1.5px solid var(--ink)}
.lnotice .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.lnotice .bd{padding:34px 28px 24px;display:flex;flex-direction:column;justify-content:center;min-height:380px}
.lnotice .tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lnotice .chip{border:1.5px solid var(--teal);color:var(--teal);padding:4px 10px;font-size:10px}
.lnotice .stall{font-size:10px;color:var(--mute)}
.lnotice .big{font-size:clamp(40px,6vw,68px);line-height:.92;color:var(--terra);margin-top:12px;letter-spacing:-2px}
.lnotice .hl{font-size:clamp(19px,2.3vw,24px);line-height:1.2;color:var(--ink);margin-top:9px}
.lnotice .fine{font-size:13.5px;color:var(--body);margin-top:10px;line-height:1.5}
.lnotice .sp{flex:0 0 auto;min-height:20px}
.lnotice .bt{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.lnotice .ends{font-size:12.5px;line-height:1.45}
.lnotice .ends i{display:block;font-style:normal;font-size:10px;color:var(--mute);text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.lnotice .ends b{font-weight:700}

.shorts{border:1.5px solid var(--ink);background:var(--cream2);display:flex;flex-direction:column}
.shorts .hd{padding:12px 18px;background:var(--ink);color:var(--sand);display:flex;align-items:center;justify-content:space-between;gap:10px}
.shorts .hd span{font-size:10.5px}
.shorts .hd .r{color:var(--tan)}
.shorts .all{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--terra);color:var(--cream);padding:14px 0;border-top:1.5px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;transition:background .18s}
.shorts .all:hover{background:var(--teal);color:var(--cream)}
.shorts .sp{flex:1}

.snote{padding:13px 18px;border-bottom:1px solid var(--rule);transition:background .18s}
.snote:hover{background:var(--cream)}
.snote .hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;background:none;padding:0;color:inherit}
.snote .st{font-size:11px;color:var(--teal)}
.snote .ends{font-size:11px;color:var(--mute);font-weight:600;white-space:nowrap}
.snote .hl{font-size:20px;color:var(--ink);margin-top:5px;line-height:1.2}
.snote .fine{font-size:12px;color:var(--body);margin-top:5px}
.snote .act{margin-top:9px}
.snote .empty{font-size:13px;color:var(--mute);font-style:italic}

/* --------------------------------------------------------- the code control */
.codebox{display:inline-flex;align-items:stretch;border:1.5px dashed var(--terra);background:var(--cream2);cursor:pointer;padding:0;text-align:left;max-width:100%}
.codebox .cd{padding:9px 13px;font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.codebox .cta{background:var(--teal);color:var(--cream);padding:9px 15px;font-size:11px;display:flex;align-items:center;white-space:nowrap;transition:background .18s}
.codebox:hover .cta{background:var(--terra)}
.codebox.deal{border-style:solid;border-color:var(--teal);background:transparent}
.codebox.deal .cd{color:var(--teal);font-weight:700;letter-spacing:0;font-size:12px}
.pz-note{display:block;font-size:11px;color:var(--mute);margin-top:6px;line-height:1.4;max-width:42ch}

/* ------------------------------------------------------------- notice rows */
.orow{display:grid;grid-template-columns:132px minmax(0,1fr) minmax(0,240px);gap:18px;align-items:start;padding:16px 18px;border:1.5px solid var(--ink);background:var(--cream);margin-bottom:-1.5px}
.orow:hover{background:var(--cream2)}
.orow.gone{opacity:.62}
.orow.gone .mid .t{text-decoration:line-through}
.orow .bigv{display:block}
.orow .bigv b{display:block;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:30px;line-height:1;color:var(--terra)}
.orow .bigv i{display:block;font-style:normal;font-size:10px;color:var(--mute);margin-top:4px}
.orow .st{display:inline-block;font-size:11px;color:var(--teal);margin-bottom:4px}
.orow .mid .t{display:block;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink)}
.orow .act{justify-self:end;text-align:right}

.pz-terms{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.pz-t,.pz-x{display:inline-block;font-size:11.5px;padding:4px 9px;border:1px solid var(--rule);background:var(--sand);color:var(--body);line-height:1.3}
.pz-x{font-weight:700;color:var(--ink);border-color:var(--tan);background:var(--cream2)}
.pz-x.soon{color:var(--terra);border-color:var(--terra)}
.pz-x.expired{color:#8a5a4a;border-color:#c9a79b;background:#f3e3dd}
.pz-t-quiet{color:var(--mute)}
.pz-details{margin-top:8px}
.pz-details summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--teal)}
.pz-details summary::-webkit-details-marker{display:none}
.pz-details summary:hover{color:var(--terra)}
.pz-d-sign{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.pz-details[open] .pz-d-sign{transform:rotate(-135deg) translateY(-2px)}
.pz-d-body{margin-top:8px;padding:12px 14px;background:var(--sand);border:1px solid var(--rule)}
.pz-d-body p{margin:0 0 7px;font-size:12.5px;color:var(--body);line-height:1.55}
.pz-d-body p:last-child{margin-bottom:0}

/* ---------------------------------------------------------- price-tag rail */
.tagline{position:relative;height:3px;background:var(--tan);margin-top:26px}
.tagline::before,.tagline::after{content:"";position:absolute;top:-3px;width:9px;height:9px;background:var(--terra);border-radius:50%}
.tagline::before{left:0}.tagline::after{right:0}

.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(204px,1fr);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
.rail-p{display:grid;grid-auto-flow:column;grid-auto-columns:282px;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-top:22px}
.rail-p>*{scroll-snap-align:start}

.tagwrap{animation:pz-sway 5.6s ease-in-out infinite;transform-origin:50% -14px}
.tagwrap .string{display:block;width:2px;background:var(--tan);margin:0 auto}
.tag{background:var(--sand);border:1.5px solid var(--ink);padding:13px 14px 15px;text-align:center;transition:transform .22s,box-shadow .22s,border-color .22s}
.tag:hover{box-shadow:0 14px 26px rgba(35,32,28,.16);border-color:var(--terra)}
.tag .hole{display:block;width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;margin:0 auto 8px;background:var(--teal)}
.tag .big{font-size:34px;line-height:1;color:var(--terra)}
.tag .sub{font-size:10px;color:var(--mute);margin-top:4px}
.tag .hair{display:block;height:1px;background:var(--rule);margin:10px 0}
.tag .st{display:block;font-size:11px;color:var(--teal)}
.tag .fine{font-size:11.5px;color:var(--body);margin-top:6px;line-height:1.45}
.tag .ends{font-size:11px;font-weight:700;color:var(--ink);margin-top:8px}
.tag .act{margin-top:8px;display:flex;flex-direction:column;align-items:center}
.tag .codebox{width:100%}
.tag .codebox .cd{flex:1;text-align:center}
.tag .pz-note{text-align:center;max-width:none}

/* ------------------------------------------------------------ awning tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px}
.tile{border:1.5px solid var(--ink);background:var(--cream);display:block;color:inherit;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.tile:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(35,32,28,.16);border-color:var(--terra)}
.tile .awn{display:block}
.tile .stripe{display:block;height:38px;border-bottom:1.5px solid var(--ink);
  background-image:repeating-linear-gradient(90deg,var(--awn) 0 26px,var(--cream) 26px 52px);
  background-size:52px 100%;animation:pz-stripe var(--spd) linear infinite}
.tile .fringe{display:block;height:15px;
  background-image:radial-gradient(circle at 13px 0,var(--awn) 11px,rgba(0,0,0,0) 12px);
  background-size:26px 15px;background-repeat:repeat-x;animation:pz-fringe var(--spd) linear infinite}
.tile .ph{display:block;height:150px;overflow:hidden;border-top:1px solid var(--rule2)}
.tile .ph img{width:100%;height:100%;object-fit:cover}
.tile .bd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 14px;border-top:1.5px solid var(--ink)}
.tile .bd b{display:block;font-size:22px;font-weight:400;color:var(--ink);line-height:1.15}
.tile .bd span span,.tile .bd .sc{display:block;font-size:10px;color:var(--mute);margin-top:3px}

/* ------------------------------------------------------------ vendor panel */
.vendor{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:40px;align-items:start;min-width:0}
.vendor>*{min-width:0}
.vendor .mark{width:96px;height:96px;background:var(--sand);border:1.5px solid var(--ink);display:grid;place-items:center;animation:pz-drift 7s ease-in-out infinite;flex:none;overflow:hidden}
.vendor .mark img{width:100%;height:100%;object-fit:contain;padding:8px}
.vendor .id{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.vendor .id h3{font-family:"Young Serif",Georgia,serif;font-size:clamp(30px,4.4vw,44px);color:var(--sand);line-height:1.05;font-weight:400}
.vendor .id .sub{font-size:10.5px;color:var(--teal3);margin-top:6px;display:block}
.vendor .blurb{font-size:14.5px;line-height:1.62;color:#D8E4E7;margin-top:16px}
.vendor .stats{display:flex;flex-wrap:wrap;margin-top:20px;border:1.5px solid var(--teal2)}
.vendor .stats div{flex:1 1 120px;min-width:0;padding:14px 16px;border-right:1.5px solid var(--teal2)}
.vendor .stats div:last-child{border-right:0}
.vendor .stats b{display:block;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:26px;color:var(--sand);overflow-wrap:anywhere}
.vendor .stats i{display:block;font-style:normal;font-size:9.5px;color:var(--teal3);margin-top:2px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.vbtn{display:inline-flex;align-items:center;gap:9px;background:var(--terra);color:var(--cream);padding:13px 22px;margin-top:20px;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;transition:background .18s}
.vbtn:hover{background:var(--cream);color:var(--terra)}
.vgrid{display:grid;grid-template-columns:246px minmax(0,1fr);gap:22px;min-width:0}
.vgrid .vph{overflow:hidden;border:1.5px solid var(--ink);min-height:344px}
.vgrid .vph img{width:100%;height:100%;object-fit:cover;min-height:344px}
.vlist{background:var(--sand);border:1.5px solid var(--ink);display:flex;flex-direction:column;min-width:0}
.vlist .hd{padding:11px 18px;background:var(--ink);color:var(--sand);font-size:10.5px}
.vrow{display:grid;grid-template-columns:78px minmax(0,1fr);gap:4px 14px;align-items:start;padding:13px 18px;border-bottom:1px solid var(--rule);transition:background .18s}
.vrow:last-child{border-bottom:0}
.vrow:hover{background:var(--cream)}
.vrow .v{font-family:"Young Serif",Georgia,serif;font-size:25px;color:var(--terra);line-height:1.05;grid-row:1/span 2}
.vrow .tx{min-width:0}
.vrow .tx b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.vrow .tx span{display:block;font-size:12px;color:var(--body);margin-top:3px}
.vrow .act{min-width:0;margin-top:2px}

/* -------------------------------------------------------------- photo card */
.pcard{border:1.5px solid var(--ink);background:var(--cream);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}
.pcard:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(35,32,28,.16);border-color:var(--terra)}
.pcard .ph{position:relative;height:172px;overflow:hidden;border-bottom:1.5px solid var(--ink)}
.pcard .ph img{width:100%;height:100%;object-fit:cover}
.pcard .flag{position:absolute;top:12px;left:12px;background:var(--terra);color:var(--cream);padding:6px 11px;font-size:17px;line-height:1.1}
.pcard .bd{padding:13px 16px 15px;display:flex;flex-direction:column;flex:1}
.pcard .st{font-size:10.5px;color:var(--teal)}
.pcard .t{font-size:15.5px;font-weight:700;color:var(--ink);margin-top:6px;line-height:1.35}
.pcard .fine{font-size:12px;color:var(--body);margin-top:7px;line-height:1.45}
.pcard .sp{flex:1;min-height:10px}
.pcard .ft{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid var(--rule)}
.pcard .ends{font-size:11.5px;font-weight:700;color:var(--ink)}
.pcard .act{margin-top:9px}

/* ------------------------------------------------------- closing bell table */
.btable{border:1.5px solid var(--ink);background:var(--cream)}
.bhead,.brow{display:grid;grid-template-columns:96px 176px minmax(0,1fr) minmax(0,260px) 190px;gap:18px;padding:11px 20px;align-items:center}
.bhead{background:var(--ink);color:var(--tan);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:9.5px}
.brow{border-bottom:1px solid var(--rule2);transition:background .18s}
.brow:last-child{border-bottom:0}
.brow:hover{background:var(--cream2)}
.brow .day{font-size:12px;font-weight:800;color:var(--terra)}
.brow .st{font-size:18px;color:var(--ink)}
.brow .off{font-size:14.5px;font-weight:600;color:var(--ink)}
.brow .tm{font-size:12px;color:var(--body)}
.brow .cd{justify-self:end;text-align:right}
.brow .cd .pz-note{display:none}

/* ------------------------------------------------------- subscription slip */
.slip{background:var(--cream);border:2px dashed var(--terra);display:grid;grid-template-columns:62px minmax(0,1fr);overflow:hidden;transform:rotate(-.8deg);margin:38px auto;width:min(1040px,100%)}
.slip .perf{background:var(--terra);display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:16px 0}
.slip .perf i{width:12px;height:12px;background:var(--cream);border-radius:50%}
.slip .bd{padding:26px 34px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:36px;align-items:center}
.slip .kick{font-size:10.5px;color:var(--mute)}
.slip h2{font-family:"Young Serif",Georgia,serif;font-size:clamp(25px,3.4vw,36px);color:var(--ink);line-height:1.08;margin-top:9px;font-weight:400}
.slip p{font-size:14px;color:var(--body);line-height:1.6;margin:12px 0 0}
.slip form{display:flex;border:1.5px solid var(--ink);background:var(--sand)}
.slip input{flex:1;min-width:0;padding:13px 16px;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink)}
.slip input::placeholder{color:var(--mute)}
.slip button{background:var(--teal);color:var(--cream);border:0;padding:13px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;cursor:pointer;transition:background .18s}
.slip button:hover{background:var(--terra)}
.slip .fine{font-size:11.5px;color:var(--mute);margin-top:10px;line-height:1.5}
.slip .fine a{text-decoration:underline}
.slip .done{background:var(--cream2);border:1px solid var(--tan);padding:12px 14px;font-size:13.5px;color:var(--ink)}

/* ------------------------------------------------------------- store cards */
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:18px}
.scard{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--ink);background:var(--cream);padding:14px 16px;color:inherit;transition:transform .22s,box-shadow .22s,border-color .22s}
.scard:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(35,32,28,.14);border-color:var(--terra)}
.scard .av{width:46px;height:46px;flex:none;border:1px solid var(--rule);background:var(--sand);display:grid;place-items:center;font-weight:800;color:var(--teal);font-size:15px;overflow:hidden}
.scard .av img{width:100%;height:100%;object-fit:contain}
.scard .tx{min-width:0}
.scard .nm{display:block;font-size:18px;color:var(--ink);line-height:1.2}
.scard .mt{display:block;font-size:9.5px;color:var(--mute);margin-top:4px}
.scard .bv{display:block;font-size:13px;color:var(--terra);font-weight:700;margin-top:6px}
.scard .bv.none{color:var(--mute);font-weight:500}

/* --------------------------------------------------------------- store page */
.stophead{border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:26px;display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,300px);gap:24px;align-items:start}
.stophead .mark{width:96px;height:96px;border:1.5px solid var(--ink);background:var(--cream);display:grid;place-items:center;overflow:hidden}
.stophead .mark img{width:100%;height:100%;object-fit:contain;padding:8px}
.stophead h1{font-family:"Young Serif",Georgia,serif;font-size:clamp(32px,5vw,52px);line-height:1;color:var(--ink);font-weight:400}
.stophead .kick{font-size:10.5px;color:var(--mute);display:block;margin-bottom:8px}
.stophead .blurb{font-size:14.5px;color:var(--body);line-height:1.6;margin-top:10px;max-width:62ch}
.stophead .facts{border:1.5px solid var(--ink);background:var(--cream)}
.stophead .facts div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--rule);font-size:12.5px}
.stophead .facts div:last-child{border-bottom:0}
.stophead .facts b{font-family:"Young Serif",Georgia,serif;font-size:19px;font-weight:400;color:var(--terra)}
.stophead .facts span{font-size:10px;color:var(--mute);text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.visit{display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:var(--cream);padding:11px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-top:12px;transition:background .18s}
.visit:hover{background:var(--terra);color:var(--cream)}

.qa{border:1.5px solid var(--ink);background:var(--cream)}
.qa details{border-bottom:1px solid var(--rule)}
.qa details:last-child{border-bottom:0}
.qa summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{background:var(--cream2);color:var(--terra)}
.qa .ans{padding:0 18px 15px;font-size:14px;color:var(--body);line-height:1.6}

.expblock{border:1.5px dashed var(--tan);background:var(--cream2);padding:16px 18px;margin-top:26px}
.expblock h3{font-family:"Young Serif",Georgia,serif;font-size:21px;margin-bottom:4px}
.expblock p{font-size:13px;color:var(--body);margin:0 0 14px}

/* ------------------------------------------------------------- filter rail */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.filters a{border:1.5px solid var(--rule);background:var(--cream);padding:7px 13px;font-size:11px;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-weight:700;transition:background .18s,color .18s,border-color .18s}
.filters a:hover{border-color:var(--terra);color:var(--terra)}
.filters a.on{background:var(--ink);border-color:var(--ink);color:var(--sand)}
.azbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.azbar a{min-width:30px;text-align:center;border:1px solid var(--rule);background:var(--cream);padding:5px 7px;font-size:12px;font-weight:700;color:var(--ink)}
.azbar a:hover{border-color:var(--terra);color:var(--terra)}

/* -------------------------------------------------------------- page prose */
.prose{max-width:74ch;font-size:16px;color:var(--ink)}
.prose h1{font-family:"Young Serif",Georgia,serif;font-size:clamp(30px,4.6vw,46px);line-height:1.08;margin-bottom:8px;font-weight:400}
.prose h2{font-family:"Young Serif",Georgia,serif;font-size:26px;margin:32px 0 10px;font-weight:400}
.prose h3{font-size:18px;font-weight:700;margin:22px 0 6px}
.prose p,.prose li{color:var(--body);line-height:1.68}
.prose li{margin-bottom:7px}
.prose a{text-decoration:underline}
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.prose th,.prose td{border:1px solid var(--rule);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--cream2);font-weight:700;color:var(--ink)}
.prose blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--terra);background:var(--cream);font-size:15px}
.phead{border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:24px}
.phead .kick{font-size:10.5px;color:var(--mute);display:block;margin-bottom:8px}

/* ----------------------------------------------------------------- contact */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:start}
.cform{border:1.5px solid var(--ink);background:var(--cream);padding:22px 24px}
.cform label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--mute);margin-bottom:5px}
.cform input,.cform select,.cform textarea{width:100%;padding:11px 13px;border:1.5px solid var(--rule);background:var(--sand);font:inherit;font-size:15px;color:var(--ink);margin-bottom:15px}
.cform textarea{min-height:150px;resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--terra);outline:none}
.cform button{background:var(--terra);color:var(--cream);border:0;padding:13px 26px;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;cursor:pointer;transition:background .18s}
.cform button:hover{background:var(--teal)}
.cside{border:1.5px solid var(--ink);background:var(--cream2);padding:20px 22px}
.cside h3{font-family:"Young Serif",Georgia,serif;font-size:21px;margin-bottom:10px;font-weight:400}
.cside p{font-size:13.5px;color:var(--body);line-height:1.6}
.cside .row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--rule);font-size:13.5px}
.cside .row a{font-weight:600}
.notice-ok{background:var(--cream2);border:1.5px solid var(--olive);padding:13px 16px;margin-bottom:18px;font-size:14px}
.notice-bad{background:#F6E6E1;border:1.5px solid var(--terra);padding:13px 16px;margin-bottom:18px;font-size:14px}

/* ------------------------------------------------------------------ footer */
.foot{background:var(--ink);color:var(--rule);border-top:4px solid var(--terra);margin-top:40px;padding-top:38px}
.foot .cols{display:grid;grid-template-columns:minmax(0,380px) repeat(3,minmax(0,1fr)) minmax(0,200px);gap:32px}
.foot .wm{font-family:"Young Serif",Georgia,serif;font-size:32px;letter-spacing:-1px;display:inline-block}
.foot .wm em{font-style:normal;color:var(--terra)}
.foot .wm b{font-weight:400;color:var(--sand)}
.foot .about{font-size:13.5px;line-height:1.65;color:#A99C86;margin-top:12px}
.foot .disc{font-size:12.5px;line-height:1.6;color:var(--mute);margin-top:14px}
.foot h4{font-size:10.5px;color:var(--terra);text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.foot .lst{display:flex;flex-direction:column;gap:7px;margin-top:12px;font-size:13.5px}
.foot .lst a{color:var(--rule)}
.foot .lst a:hover{color:var(--terra)}
.foot .hair{height:1px;background:#46403A;margin-top:28px}
.foot .base{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 22px;flex-wrap:wrap}
.foot .base span{font-size:12px;color:var(--mute)}
.foot .base .set{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}

/* ------------------------------------------------------------ cookie notice */
.pz-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:var(--cream);border:1.5px solid var(--ink);box-shadow:0 18px 40px rgba(35,32,28,.3);display:flex}
.pz-cookie[hidden]{display:none!important}
.pz-cookie .in{display:flex;align-items:center;gap:20px;padding:16px 20px;width:min(1080px,100%);margin-inline:auto;flex-wrap:wrap}
.pz-cookie p{margin:0;font-size:13px;color:var(--body);flex:1;min-width:240px;line-height:1.55}
.pz-cookie strong{color:var(--ink)}
.pz-cookie .acts{display:flex;align-items:center;gap:14px;flex:none}
.pz-cookie .rd{font-size:12px;font-weight:700;color:var(--teal);text-decoration:underline}
.pz-cookie .ok{background:var(--terra);color:var(--cream);border:0;padding:11px 22px;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;cursor:pointer}
.pz-cookie .ok:hover{background:var(--teal)}

/* --------------------------------------------------------------- the modal */
.pz-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(35,32,28,.62)}
.pz-modal.open{display:flex}
.pz-modal .box{background:var(--cream);border:1.5px solid var(--ink);width:min(520px,100%);padding:26px 26px 22px;position:relative;max-height:90vh;overflow:auto}
.pz-modal .x{position:absolute;top:10px;right:10px;background:none;border:0;cursor:pointer;color:var(--mute);padding:6px}
.pz-modal .x:hover{color:var(--terra)}
.pz-modal .kick{font-size:10.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.pz-modal h3{font-family:"Young Serif",Georgia,serif;font-size:25px;margin:6px 0 4px;font-weight:400}
.pz-modal .sub{font-size:14px;color:var(--body);margin-bottom:16px}
.pz-modal .cw{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}
.pz-modal .cv{flex:1;border:1.5px dashed var(--terra);background:var(--cream2);padding:14px;text-align:center;font-size:21px;font-weight:800;letter-spacing:.18em;color:var(--ink);word-break:break-all}
.pz-modal .cp{background:var(--teal);color:var(--cream);border:0;padding:0 20px;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;cursor:pointer}
.pz-modal .cp:hover{background:var(--terra)}
.pz-modal .go{display:block;text-align:center;background:var(--terra);color:var(--cream);padding:13px;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.pz-modal .go:hover{background:var(--teal);color:var(--cream)}
.pz-modal .tl{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--body);line-height:1.55}

/* ------------------------------------------------------------------- 404 */
.e404{text-align:center;padding:60px 0}
.e404 .big{font-family:"Young Serif",Georgia,serif;font-size:clamp(60px,14vw,140px);color:var(--terra);line-height:.9}
.e404 h1{font-family:"Young Serif",Georgia,serif;font-size:clamp(24px,4vw,34px);margin:10px 0 8px;font-weight:400}
.e404 p{color:var(--body);max-width:52ch;margin-inline:auto}

/* ------------------------------------------------------- lists and paging */
.offer.hide{display:none}
.empty{border:1px dashed var(--tan);background:var(--cream2);padding:18px 20px;font-size:15px;color:var(--body)}
.empty a{text-decoration:underline;font-weight:700}
.pgnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pgnav .page-numbers{min-width:38px;text-align:center;border:1.5px solid var(--rule);background:var(--cream);padding:8px 12px;font-size:12.5px;font-weight:700;color:var(--ink)}
.pgnav .page-numbers:hover{border-color:var(--terra);color:var(--terra)}
.pgnav .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--sand)}
.pgnav .page-numbers.dots{border-color:transparent;background:none}

.azgroup{margin-bottom:26px}
.azgroup .ltr{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:14px}
.azgroup .ltr b{font-size:28px;font-weight:400;color:var(--terra);line-height:1}
.azgroup .ltr span{font-size:10px;color:var(--mute)}
.azbar .off{opacity:.55}

/* ------------------------------------------------------------- breakpoints */
@media (max-width:1080px){
  .lead{grid-template-columns:1fr}
  .vendor{grid-template-columns:minmax(0,1fr);gap:28px}
  .vgrid{grid-template-columns:minmax(0,1fr)}
  .vgrid .vph{min-height:220px}
  .vgrid .vph img{min-height:220px}
  .foot .cols{grid-template-columns:1fr 1fr 1fr}
  .bhead,.brow{grid-template-columns:78px 150px minmax(0,1fr) 172px}
  .bhead .tm,.brow .tm{display:none}
  .stophead{grid-template-columns:72px minmax(0,1fr)}
  .stophead .mark{width:72px;height:72px}
  .stophead .facts{grid-column:1/-1}
  .cgrid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .mast-head,.bellbar{display:none}
  .mbar{display:block}
  .lnotice{grid-template-columns:1fr}
  .lnotice .ph{min-height:220px;border-right:0;border-bottom:1.5px solid var(--ink)}
  .lnotice .bd{min-height:0;padding:26px 20px 20px}
  .orow{grid-template-columns:1fr;gap:10px;padding:16px}
  .orow .act{justify-self:start;text-align:left}
  .orow .bigv b{font-size:26px}
  .slip{grid-template-columns:40px minmax(0,1fr);transform:none}
  .slip .bd{grid-template-columns:1fr;gap:20px;padding:22px 20px 24px}
  .bhead{display:none}
  .brow{grid-template-columns:1fr;gap:6px;padding:14px 16px;border-bottom:1px solid var(--rule)}
  .brow .cd{justify-self:start;text-align:left;margin-top:6px}
  .foot .cols{grid-template-columns:1fr 1fr}
  .tiles{grid-template-columns:1fr}
  .band,.band-sand{margin:26px 0;padding:26px 0 30px}
  .pz-cookie{left:8px;right:8px;bottom:8px}
  .pz-cookie .in{padding:14px 16px;gap:12px}
}
@media (max-width:520px){
  :root{--pad:16px}
  .foot .cols{grid-template-columns:1fr}
  .scards{grid-template-columns:1fr}
  .vendor .stats div{flex:1 1 100%;border-right:0;border-bottom:1.5px solid var(--teal2)}
  .vendor .stats div:last-child{border-bottom:0}
  .vrow{grid-template-columns:64px minmax(0,1fr)}
  .shead{gap:12px}
  .rail{grid-auto-columns:minmax(178px,1fr)}
  .rail-p{grid-auto-columns:250px}
  .codebox{width:100%}
  .codebox .cd{flex:1}
}