/*
 * bulkagavespirit.com - Ultra Pure
 * Rev 2 - client edits of 24 Sept 2026 applied.
 *
 * TO RESKIN: change the brand values in :root below.
 * After editing, bump BAS_STYLES_VER in bas-styles.php - WP Engine serves static
 * assets with a 365-day browser cache and only the version string busts it.
 */

/* ==========================================================================
   bulkagavespirit.com — Ultra Pure
   Same structural system as uspalcohol.com and alcoholblenders.com so the
   family reads as one house, with an agave verde accent.
   SWAP THE BRAND VALUES BELOW and the whole page reskins.
   ========================================================================== */
:root{
  --bas-navy:#16293D;      /* headings, dark sections, nav */
  --bas-navy-2:#24405C;    /* secondary navy */
  --bas-verde:#4E8577;     /* accent, CTA, rules */
  --bas-ink:#1B2430;       /* body copy */
  --bas-mute:#5B6B7C;      /* secondary copy */
  --bas-line:#DCE3EA;
  --bas-panel:#F3F6F4;     /* cool panel — the agave cue */
  --bas-panel-2:#E7EDEA;
  --bas-white:#FFFFFF;
  --bas-ok:#1B7F4B;
  --bas-warn:#9A6B00;
}
.bas{color:var(--bas-ink);font:16px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bas *{box-sizing:border-box}
.bas-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.bas-sec p a,.bas-note p a,.bas-base a,.bas-faq a{color:var(--bas-verde);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.bas-sec p a:hover,.bas-note p a:hover{color:var(--bas-navy)}

/* --- anchor nav --- */
.bas-nav{position:sticky;top:0;z-index:50;background:var(--bas-navy);border-bottom:3px solid var(--bas-verde)}
.bas-nav .bas-wrap{display:flex;align-items:center;gap:26px;height:60px;overflow-x:auto}
.bas-nav a{color:#D8E2EC;text-decoration:none;font-size:13.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.bas-nav a:hover{color:#fff;border-bottom-color:var(--bas-verde)}
.bas-nav .bas-brand{color:#fff;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-right:auto}
.bas-nav .bas-brand span{color:var(--bas-verde)}
.bas-nav .bas-tel{color:var(--bas-verde);font-weight:700;font-size:13.5px}

/* --- hero --- */
.bas-hero{background:linear-gradient(160deg,var(--bas-navy) 0%,var(--bas-navy-2) 100%);color:#fff;padding:76px 0 68px}
.bas-hero .bas-eyebrow{color:var(--bas-verde);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.bas-hero h1{font-size:44px;line-height:1.14;margin:0 0 18px;font-weight:700;letter-spacing:-.02em;color:#fff;max-width:20ch}
.bas-hero h1 em{font-style:normal;color:var(--bas-verde)}
.bas-hero p.bas-sub{font-size:19px;line-height:1.55;color:#C9D6E2;max-width:62ch;margin:0 0 30px}
.bas-btn{display:inline-block;background:var(--bas-verde);color:#fff !important;padding:14px 28px;border-radius:3px;font-weight:700;text-decoration:none;font-size:15px;letter-spacing:.01em;border:2px solid var(--bas-verde)}
.bas-btn:hover{background:#5D9686;border-color:#5D9686}
.bas-btn-ghost{display:inline-block;background:transparent;color:#fff !important;padding:14px 28px;border:2px solid rgba(255,255,255,.42);border-radius:3px;font-weight:700;text-decoration:none;font-size:15px;margin-left:10px}
.bas-btn-ghost:hover{border-color:#fff}
.bas-hero .bas-tel-line{margin:18px 0 0;font-size:14px;color:#9FB2C4}
.bas-hero .bas-tel-line a{color:var(--bas-verde);text-decoration:none;font-weight:700}

/* --- section frame --- */
.bas-sec{padding:64px 0;border-bottom:1px solid var(--bas-line)}
.bas-sec.bas-alt{background:var(--bas-panel)}
.bas-sec.bas-dark{background:var(--bas-navy);color:#D8E2EC;border-bottom:none}
.bas-sec.bas-dark h2{color:#fff}
.bas-kicker{color:var(--bas-verde);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 10px}
.bas-sec h2{font-size:31px;line-height:1.22;color:var(--bas-navy);margin:0 0 14px;font-weight:700;letter-spacing:-.015em;max-width:26ch}
.bas-sec h2 em{font-style:normal;color:var(--bas-verde)}
.bas-lede{font-size:17.5px;color:var(--bas-mute);max-width:74ch;margin:0 0 30px;line-height:1.6}
.bas-sec.bas-dark .bas-lede{color:#A9BCCD}
.bas-sec h3{font-size:19px;color:var(--bas-navy);margin:26px 0 8px;font-weight:700}
.bas-sec.bas-dark h3{color:#fff}
.bas-sec p{margin:0 0 14px}

/* --- cards --- */
.bas-grid{display:grid;gap:18px}
.bas-grid-3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.bas-grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
@media(min-width:900px){.bas-grid-2{grid-template-columns:repeat(2,1fr)}}
.bas-grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.bas-card{background:var(--bas-white);border:1px solid var(--bas-line);border-top:4px solid var(--bas-verde);border-radius:4px;padding:24px 24px 26px}
.bas-card h3{margin:0 0 4px;font-size:20px;color:var(--bas-navy)}
.bas-card .bas-mono{font-family:"SFMono-Regular",Consolas,Menlo,monospace;font-size:12.5px;color:var(--bas-verde);letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin:0 0 12px}
.bas-card p{font-size:14.5px;color:var(--bas-mute);margin:0 0 12px}
.bas-card ul{margin:0;padding-left:18px;font-size:14px;color:var(--bas-ink)}
.bas-card li{margin-bottom:5px}

/* --- tables --- */
.bas-tablewrap{overflow-x:auto;border:1px solid var(--bas-line);border-radius:4px;background:#fff}
.bas-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.bas-table th{background:var(--bas-navy);color:#fff;text-align:left;padding:12px 16px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.bas-table td{padding:12px 16px;border-bottom:1px solid var(--bas-line);vertical-align:top}
.bas-table tbody tr:nth-child(even) td{background:var(--bas-panel)}
.bas-table td:first-child{font-weight:600;color:var(--bas-navy)}
.bas-table .bas-num{font-family:"SFMono-Regular",Consolas,Menlo,monospace;font-size:13.5px}
.bas-table td.bas-yes{color:var(--bas-ok);font-weight:700}
.bas-table td.bas-no{color:#B42318;font-weight:700}
.bas-cap{font-size:13px;color:var(--bas-mute);margin:10px 0 0;font-style:italic}

/* --- callouts --- */
.bas-note{border-left:4px solid var(--bas-verde);background:var(--bas-panel);padding:20px 24px;border-radius:0 4px 4px 0;margin:26px 0}
.bas-note > strong:first-child{color:var(--bas-navy);display:block;margin-bottom:6px;font-size:15.5px}
.bas-note p strong{display:inline;font-size:inherit;color:inherit}
.bas-note p{margin:0 0 10px;font-size:15px}.bas-note p:last-child{margin:0}
.bas-note.bas-flag{border-left-color:#B42318;background:#FDF2F0}
.bas-note.bas-flag > strong:first-child{color:#B42318}

/* --- numbered steps --- */
.bas-steps{counter-reset:s;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.bas-step{counter-increment:s;position:relative;padding-top:44px}
.bas-step::before{content:counter(s,decimal-leading-zero);position:absolute;top:0;left:0;font-size:26px;font-weight:700;color:var(--bas-verde);font-family:"SFMono-Regular",Consolas,monospace}
.bas-step h3{margin:0 0 6px;font-size:17px}
.bas-step p{font-size:14.5px;color:var(--bas-mute);margin:0}

/* --- FAQ --- */
.bas-faq details{border-bottom:1px solid var(--bas-line);padding:18px 0}
.bas-faq summary{cursor:pointer;font-weight:700;color:var(--bas-navy);font-size:16.5px;list-style:none;display:flex;gap:14px;align-items:flex-start}
.bas-faq summary::-webkit-details-marker{display:none}
.bas-faq summary::before{content:"+";color:var(--bas-verde);font-weight:700;font-size:20px;line-height:1.1;flex:none}
.bas-faq details[open] summary::before{content:"\2013"}
.bas-faq details > *:not(summary){margin-top:12px;padding-left:28px;font-size:15px;color:var(--bas-mute)}

/* --- CTA / form --- */
.bas-cta{background:var(--bas-navy);color:#fff;padding:68px 0}
.bas-cta h2{color:#fff;font-size:32px;margin:0 0 12px;max-width:24ch}
.bas-cta h2 em{font-style:normal;color:var(--bas-verde)}
.bas-cta p{color:#B4C4D3;font-size:17px;max-width:60ch;margin:0 0 26px}
.bas-formbox{background:#fff;border-radius:5px;padding:30px}
.bas-formbox h3{color:var(--bas-navy);margin:0 0 6px;font-size:20px}
.bas-formbox p.bas-formsub{color:var(--bas-mute);font-size:14.5px;margin:0 0 20px}

/* --- footer --- */
.bas-foot{background:#0F1D2B;color:#8DA2B6;padding:52px 0 30px;font-size:14px}
.bas-foot a{color:#C3D2E0;text-decoration:none}
.bas-foot a:hover{color:var(--bas-verde)}
.bas-foot h4{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
.bas-foot ul{list-style:none;margin:0;padding:0}
.bas-foot li{margin-bottom:8px}
.bas-foot .bas-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;font-size:12.5px;color:#6F869C}

/* --- product cards --- */
.bas-prod{background:#fff;border:1px solid var(--bas-line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.bas-prod .bas-head{background:var(--bas-navy);color:#fff;padding:16px 20px;min-height:88px;display:flex;flex-direction:column;justify-content:center}
.bas-prod .bas-head .bas-class{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bas-verde);font-weight:700;margin-bottom:3px}
.bas-prod .bas-head h3{margin:0;font-size:19px;color:#fff}
.bas-prod .bas-body{padding:18px 20px 20px;flex:1}
.bas-prod dl{margin:0 0 14px;font-size:14px}
.bas-prod dt{color:var(--bas-mute);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-top:10px}
.bas-prod dd{margin:2px 0 0;color:var(--bas-ink)}
.bas-prod .bas-for{border-top:1px solid var(--bas-line);padding-top:12px;font-size:14px;color:var(--bas-mute)}
.bas-prod .bas-for strong{color:var(--bas-navy)}

/* --- the bulk-export decision strip --- */
.bas-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0;border:1px solid var(--bas-line);border-radius:6px;overflow:hidden}
.bas-split .bas-half{padding:24px 26px}
.bas-split .bas-half.bas-can{background:#F1F7F4;border-right:1px solid var(--bas-line)}
.bas-split .bas-half.bas-cant{background:#FDF2F0}
.bas-split h4{margin:0 0 10px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.bas-split .bas-can h4{color:var(--bas-ok)}
.bas-split .bas-cant h4{color:#B42318}
.bas-split p{font-size:14.5px;color:var(--bas-mute);margin:0 0 10px}
.bas-split p:last-child{margin:0}
.bas-split strong{color:var(--bas-navy)}
@media(max-width:740px){.bas-split{grid-template-columns:1fr}.bas-split .bas-half.bas-can{border-right:none;border-bottom:1px solid var(--bas-line)}}

/* --- stat row --- */
.bas-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 8px}
.bas-stat{background:#fff;border:1px solid var(--bas-line);border-radius:6px;padding:20px}
.bas-stat .bas-n{font-size:30px;font-weight:700;color:var(--bas-verde);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bas-stat .bas-l{font-size:13px;color:var(--bas-mute);margin-top:8px;line-height:1.45}

@media(max-width:780px){
  .bas-hero h1{font-size:32px}
  .bas-sec h2{font-size:25px}
  .bas-sec{padding:46px 0}
  .bas-btn-ghost{margin:10px 0 0;display:block;text-align:center}
}