@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d09;--panel:#101912;--panel2:#142017;--lime:#c6ff28;--leaf:#77df3b;--text:#f8f8ef;--muted:#acb7aa;--line:#31452c;--gold:#f8c956}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,#19321a 0%,#080d09 38%,#070b08 100%);color:var(--text);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.site-head{position:sticky;top:0;z-index:20;background:#080e0bea;backdrop-filter:blur(12px);border-bottom:1px solid #46652a}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:900 25px/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.3px;text-shadow:1px 2px 0 #1c3415}.logo strong{display:block;color:var(--lime);font-size:31px}.links{display:flex;align-items:center;gap:25px}.links a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#d6e6d1;transition:.2s}.links a:hover,.links a[aria-current=page]{color:var(--lime)}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:white}.hero{margin-top:25px;border:1px solid #476825;border-radius:24px;overflow:hidden;background:#080b07;position:relative;box-shadow:0 14px 60px #02050060}.hero img{width:100%;aspect-ratio:2.5;object-fit:cover}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 28px;background:linear-gradient(100deg,#182918,#0b140d)}.eyebrow{color:var(--lime);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.18em}.hero-foot p{margin:4px 0 0;color:#ced9c8;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 23px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.015em;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.lime{color:#102000;background:var(--lime)}.btn.outline{border-color:#719b52;color:#ecffe3;background:#182519}.btn.dark{background:#172b17;color:var(--lime);border:1px solid #44633c}.price-strip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 28px;margin:24px 0 60px;padding:15px 24px;border:1px solid #5d8b34;border-radius:16px;background:#101c0e;text-align:center}.price-strip span{font-size:13px;color:#d0dcc8;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.price-strip b{color:var(--lime);font-size:18px}.section{padding:32px 0 78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}.section-heading p{margin:8px 0 0;color:var(--muted);max-width:640px}.section h1,.section h2,.story h2,.page-title h1{font:900 clamp(34px,4.5vw,58px)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:10px 0}.story{display:grid;grid-template-columns: .92fr 1.08fr;gap:36px;align-items:center;padding:37px;border:1px solid #48672e;border-radius:24px;background:linear-gradient(120deg,#142716,#0c160f);box-shadow:inset 0 0 60px #14271440}.story-visual{height:320px;display:grid;place-items:center;border-radius:19px;overflow:hidden;background:radial-gradient(ellipse at center,#315d20 5%,#0b150d 70%)}.story-visual img{width:100%;height:100%;object-fit:contain}.story p{color:#c8d8c3}.story .actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:#101b11;border:1px solid #334b29;border-radius:18px;overflow:hidden;transition:transform .2s,border .2s}.product-card:hover{transform:translateY(-4px);border-color:#8acb46}.product-img{height:260px;position:relative;overflow:hidden;background:linear-gradient(155deg,#21341d,#0b110d);display:flex;align-items:center;justify-content:center}.product-img img{width:100%;height:100%;object-fit:cover;object-position:center}.product-body{padding:19px}.product-body h3{font:800 25px/1.02 'Barlow Condensed',Impact,sans-serif;margin:8px 0}.product-body p{font-size:13px;color:#b9c7b5;line-height:1.6;margin:7px 0}.status{display:inline-flex;gap:5px;align-items:center;padding:5px 9px;border-radius:30px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;background:#27391e;color:#d2ffa5}.status.limited{background:#392a17;color:#ffd58d}.status.future{background:#222927;color:#b7cbc2}.simple-link{color:var(--lime);font-weight:800;font-size:13px}.game-block{display:grid;grid-template-columns: 1fr 1.1fr;gap:30px;align-items:center;overflow:hidden;padding:30px 44px;border-radius:24px;border:1px solid #6f8638;background:radial-gradient(ellipse at 22% 60%,#284e1f 0%,#0c150f 70%)}.game-block img{max-height:355px;width:100%;object-fit:contain}.game-block p{color:#c6d2c2}.game-block h2{font-size:clamp(37px,5vw,62px)}.game-block .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.page-title{text-align:center;padding:58px 0 33px}.page-title p{max-width:750px;margin:10px auto;color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding-bottom:70px}.catalog .product-img{height:290px}.catalog .label-only img{object-fit:contain;width:78%;height:78%;filter:drop-shadow(0 15px 17px #000b)}.catalog .product-body{min-height:165px}.notice{padding:17px 20px;background:#182619;border:1px solid #455e3a;border-radius:14px;color:#d7e9cf;margin-bottom:24px;font-size:14px}.footer{border-top:1px solid #2a3c23;background:#080f0a;padding:32px 0 36px;color:#a6b5a5;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer small{display:block;margin-top:8px}.footer-links{display:flex;gap:19px;flex-wrap:wrap}.footer-links a:hover{color:var(--lime)}.contact-box{max-width:800px;margin:0 auto 80px;background:#121e15;border:1px solid #3e562c;border-radius:24px;padding:35px}.contact-box p{color:#c6d4c3}.pill-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.qr-note{font-size:12px;color:#a5b7a4}.mobile-only{display:none}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-template-columns:1fr;padding:22px}.story-visual{height:260px}.game-block{grid-template-columns:1fr;padding:25px}.game-block img{max-height:285px;order:2}.hero img{aspect-ratio:2.1}.section{padding-bottom:52px}.links{gap:14px}}
@media(max-width:600px){.nav{min-height:65px}.logo{font-size:19px}.logo strong{font-size:24px}.menu{display:block}.links{display:none;position:absolute;top:65px;left:0;right:0;background:#0b140e;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #3d512e}.links.open{display:flex}.links a{padding:6px 0}.hero{margin-top:14px;border-radius:15px}.hero img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center}.hero-foot{flex-direction:column;align-items:flex-start;padding:18px}.price-strip{margin:18px 0 35px;gap:7px 16px}.price-strip span{font-size:11px}.price-strip b{font-size:15px}.story-visual{height:230px}.story{gap:15px}.grid{gap:10px}.catalog{gap:11px}.product-img{height:190px}.catalog .product-img{height:200px}.product-body{padding:13px}.product-body h3{font-size:22px}.product-body p{font-size:12px}.catalog .product-body{min-height:184px}.section-heading{align-items:flex-start;flex-direction:column}.section h1,.section h2,.story h2,.page-title h1{font-size:37px}.game-block{gap:0}.footer-row{align-items:flex-start;flex-direction:column}.page-title{padding:38px 0 26px}}

/* Thumbs-up Dylan: full-body mascot, no cropped jar label */
.story-visual.mascot-visual{height:385px;overflow:visible;background:transparent;border-radius:0;display:flex;justify-content:center;align-items:center}
.story-visual.mascot-visual img{height:100%;width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 22px rgba(0,0,0,.28))}
@media(max-width:860px){.story-visual.mascot-visual{height:310px}}
@media(max-width:600px){.story-visual.mascot-visual{height:290px}}

/* Featured products: display the entire jar, including cap and glass base. */
.featured-grid .product-img{height:310px;overflow:hidden;background:linear-gradient(155deg,#07351d,#061a10);padding:12px 10px;box-sizing:border-box;}
.featured-grid .product-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;}
@media(max-width:860px){.featured-grid .product-img{height:330px;}}
@media(max-width:600px){.featured-grid .product-img{height:245px;padding:8px 4px;}}


/* Pepper Wars landing page refresh */
.pepper-page{position:relative;overflow:hidden}
.pepper-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,rgba(201,255,40,.12),transparent 24%),radial-gradient(circle at 86% 12%,rgba(255,84,24,.16),transparent 25%),radial-gradient(circle at 55% 62%,rgba(116,18,10,.18),transparent 28%);pointer-events:none}
.pepper-title{padding-bottom:22px}
.pepper-title p{max-width:840px}
.pepper-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:38px;border-radius:28px;border:1px solid #6f8638;background:linear-gradient(135deg,#0f1c11 0%,#0b0f12 48%,#180f0d 100%);box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 0 60px rgba(112,164,51,.10);overflow:hidden}
.pepper-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 34%,rgba(112,183,56,.22),transparent 26%),radial-gradient(circle at 76% 28%,rgba(255,96,21,.24),transparent 24%),linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.03) 42% 44%,transparent 44% 100%);pointer-events:none}
.pepper-copy,.pepper-hero-art{position:relative;z-index:1}
.pepper-copy h2{font:900 clamp(42px,6vw,76px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:12px 0 14px}
.pepper-copy p{margin:0 0 18px;color:#d5ded0;max-width:620px}
.pepper-copy .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.pepper-hero-art{min-height:420px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at center,rgba(255,90,28,.16) 0%,rgba(136,204,50,.12) 32%,transparent 70%)}
.pepper-hero-art img{max-height:470px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.42))}
.pepper-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.pepper-stat{padding:16px 15px;border:1px solid rgba(125,155,82,.45);border-radius:18px;background:rgba(11,19,12,.66);backdrop-filter:blur(6px)}
.pepper-stat strong{display:block;font:800 18px/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px;color:#f5f8ef}
.pepper-stat span{display:block;font-size:12px;line-height:1.5;color:#b8c4b5}
.pepper-mini-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin:26px 0 72px}
.pepper-card{padding:28px;border-radius:24px;border:1px solid #3f562e;background:linear-gradient(135deg,#111a13,#0b0f0c);box-shadow:inset 0 0 34px rgba(255,255,255,.02)}
.pepper-card h3{font:800 clamp(28px,4.2vw,42px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:12px 0}
.pepper-card p{color:#c6d2c2;margin:0 0 16px}
.pepper-card.hero-origin{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;background:linear-gradient(135deg,#152515,#0b1210)}
.pepper-card-art{display:flex;align-items:center;justify-content:center;min-height:260px;background:radial-gradient(circle at center,rgba(198,255,40,.15),transparent 60%)}
.pepper-card-art img{max-height:300px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35))}
.pepper-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pepper-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pepper-pill{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid #4a6137;background:#152015;color:#dbebd0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:980px){.pepper-hero,.pepper-mini-grid,.pepper-card.hero-origin{grid-template-columns:1fr}.pepper-hero-art{min-height:300px}.pepper-hero-art img{max-height:380px}.pepper-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.pepper-hero{padding:24px}.pepper-copy h2{font-size:48px}.pepper-stats{grid-template-columns:1fr}.pepper-card{padding:22px}.pepper-card-art{min-height:220px}}


/* Standalone Wicked Hot Pickles contact page */
.contact-main{padding-bottom:76px}
.whp-contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:stretch}
.whp-form-card,.whp-contact-aside{border:1px solid #47642f;border-radius:24px;padding:34px;background:linear-gradient(140deg,#142619,#0b150e);box-shadow:0 18px 48px #0003}
.whp-form-card h2,.whp-contact-aside h2{font:900 clamp(32px,4vw,44px)/1.04 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:9px 0 23px}
.whp-form-card form{display:flex;flex-direction:column;gap:19px}
.whp-form-card label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:750;color:#e2eedb}
.whp-form-card label span{color:var(--lime)}
.whp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.whp-form-card input,.whp-form-card select,.whp-form-card textarea{width:100%;font:500 15px/1.45 Inter,Arial,sans-serif;color:#f8fff2;background:#0a130d;border:1px solid #46633d;border-radius:12px;padding:13px 14px;outline:none;min-width:0}
.whp-form-card input:focus,.whp-form-card select:focus,.whp-form-card textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c6ff2825}
.whp-form-card textarea{resize:vertical;min-height:155px}
.whp-form-card input::placeholder,.whp-form-card textarea::placeholder{color:#93a591}
.whp-send{border:none;cursor:pointer;align-self:start;min-width:188px}
.whp-form-note{font-size:12px;line-height:1.65;color:#9daf9b;margin:-3px 0 0}
.whp-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.whp-contact-aside{display:flex;flex-direction:column;background:radial-gradient(circle at 55% 45%,#1d3a1b 0%,#101f12 52%,#0b150e 100%)}
.whp-contact-aside h2{margin-bottom:10px}
.whp-contact-aside>p{color:#cfdecb;line-height:1.75;margin:0}
.whp-contact-feature{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;padding:16px 8px}
.whp-contact-feature img{height:290px;width:100%;object-fit:contain;filter:drop-shadow(0 17px 20px #0006)}
.whp-flavor-link{align-self:start}
.whp-direct-email{font-size:13px!important;margin-top:21px!important;overflow-wrap:anywhere}
.whp-direct-email a{color:var(--lime);font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){.whp-contact-layout{grid-template-columns:1fr}.whp-contact-feature{min-height:170px}.whp-contact-feature img{height:225px}}
@media(max-width:600px){.whp-form-card,.whp-contact-aside{padding:23px;border-radius:18px}.whp-field-row{grid-template-columns:1fr}.whp-send{width:100%}.contact-main{padding-bottom:50px}}


/* Compact, single-row pricing on phones. Keep all offers visible without scrolling. */
@media (max-width: 600px) {
  .price-strip {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4px;
    padding: 12px 9px;
    margin: 18px 0 35px;
  }
  .price-strip span {
    font-size: clamp(8px, 2.15vw, 11px);
    letter-spacing: 0;
    white-space: nowrap;
  }
  .price-strip b {
    font-size: clamp(11px, 3vw, 15px);
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
}

/* Readable mobile pricing: size label above three larger prices. */
@media (max-width: 600px) {
  .price-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    row-gap: 9px;
    padding: 16px 10px;
    margin: 18px 0 35px;
  }
  .price-strip span {
    flex: 0 0 100%;
    text-align: center;
    font-size: 12px;
    letter-spacing: .065em;
    white-space: normal;
  }
  .price-strip b {
    flex: 1 1 0;
    text-align: center;
    font-size: clamp(14px, 4vw, 18px);
    line-height: 1.3;
    letter-spacing: -.025em;
    white-space: nowrap;
  }
}