/* ==========================================================================
   CRISPY COOL — PRODUCTION STYLESHEET
   Loaded by the Crispy Cool child theme on every page.

   HOW THIS FILE IS SCOPED
   Every rule is namespaced to a `crispy-*` class that exists on a container
   or widget in the Elementor templates. Nothing here targets bare element or
   generic class names, so this file cannot leak into plugin output, the
   store locator, or the WP admin.

   Selectors target Elementor's real rendered markup:
     Heading widget  -> .elementor-widget-heading .elementor-heading-title
     Text widget     -> .elementor-widget-text-editor
     Button widget   -> .elementor-widget-button .elementor-button
     Image widget    -> .elementor-widget-image img
   A CSS class set on a widget in Elementor lands on the OUTER widget
   wrapper, never on the inner <a> or <h2>. That is why modifier classes
   are always written as `.crispy-ghost .elementor-button`.

   FONT OWNERSHIP
   Elementor Custom Fonts REGISTERS the font files (@font-face, preload).
   Elementor Global Fonts ASSIGNS which family fills each role.
   This stylesheet only reads those assignments; it never declares a
   @font-face and never hard-codes a family except as a fallback.

   COLOR SOURCE OF TRUTH — read this before changing a color
   The four SYSTEM colors are owned by Elementor Global Colors. This file
   only reads them via Elementor's CSS variables. Change them in
   Elementor -> Site Settings -> Global Colors and they change everywhere.
   The hex values below are fallbacks used only if Elementor is unavailable.

   The four FLAVOR colors are owned by THIS FILE. Elementor generates
   unpredictable IDs for custom global colors, so they cannot be reliably
   referenced from a stylesheet. They are defined once, here, and nowhere
   else. To change a flavor color, edit it here only.
   ========================================================================== */

:root{
  /* --- system colors: Elementor is the source of truth --- */
  --crispy-navy:  var(--e-global-color-primary,   #001D39);
  --crispy-ink:   var(--e-global-color-secondary, #00112C);
  --crispy-gold:  var(--e-global-color-accent,    #F8C411);

  /* --- owned by this file --- */
  --crispy-cream:#F7EEE5;
  --crispy-paper:#FFFDFA;
  --crispy-cherry:#C02138;
  --crispy-mango:#EE971C;
  --crispy-acai:#911A68;
  --crispy-pine:#F8C411;

  /* --- TYPE: Elementor Global Fonts are the source of truth ---
     Each variable reads Elementor's global typography variable and falls
     back to the family name only if Global Fonts has not been configured.
     Change the family in Site Settings -> Global Fonts and it changes here.
     Primary   -> campaign headlines, stats, buttons, nav
     Secondary -> editorial serif moments
     Text      -> body copy, labels, eyebrows                              */
  --crispy-athl:var(--e-global-typography-primary-font-family,'Big Shoulders Display'),'Archivo Narrow',Impact,sans-serif;
  --crispy-serif:var(--e-global-typography-secondary-font-family,'Playfair Display'),Georgia,serif;
  --crispy-sans:var(--e-global-typography-text-font-family,'Archivo'),system-ui,sans-serif;

  --crispy-pad:clamp(20px,5vw,72px);
  --crispy-max:1340px;
}

/* ==========================================================================
   1. SHARED CRISPY UTILITIES
   ========================================================================== */
.crispy-eyebrow .elementor-widget-container,
.crispy-eyebrow p{
  font-family:var(--crispy-sans);font-size:10.5px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin:0;
}
.crispy-camp .elementor-heading-title{
  font-family:var(--crispy-athl);font-weight:800;text-transform:uppercase;
  letter-spacing:.005em;line-height:.86;
}
.crispy-num .elementor-heading-title{
  font-family:var(--crispy-athl);font-weight:800;letter-spacing:-.005em;
  font-variant-numeric:tabular-nums;line-height:.9;
}
.crispy-note p{font-family:var(--crispy-serif);font-style:italic;font-size:19px;opacity:.55;margin:0}

/* Buttons — Elementor Button widget markup */
.crispy-hero-btns .elementor-button,
.crispy-cta .elementor-button,
.crispy-find-c .elementor-button{
  font-family:var(--crispy-athl);font-size:15px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;padding:15px 30px;
  border-radius:2px;background:var(--crispy-navy);color:#fff;
  border:1px solid transparent;transition:opacity .2s;
}
.crispy-hero-btns .elementor-button:hover,
.crispy-cta .elementor-button:hover{opacity:.85;color:#fff}
.crispy-cta .elementor-button{background:var(--crispy-gold);color:var(--crispy-navy)}
.crispy-cta .elementor-button:hover{color:var(--crispy-navy)}
.crispy-ghost .elementor-button{
  background:transparent;border-color:rgba(0,29,57,.38);color:var(--crispy-ink);
}
.crispy-ghost .elementor-button:hover{background:rgba(0,29,57,.06);color:var(--crispy-ink)}

/* ==========================================================================
   2. GLOBAL HEADER  (Theme Builder template)
   ========================================================================== */
.crispy-util{
  background:var(--crispy-ink);color:#fff;
  padding:10px var(--crispy-pad);overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.crispy-util-list{
  max-width:var(--crispy-max);margin:0 auto;padding:0;list-style:none;
  display:flex;justify-content:center;gap:clamp(14px,3.4vw,46px);
}
.crispy-util-list li{
  font-family:var(--crispy-sans);font-size:9.5px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:.92;
}
@media(max-width:900px){
  .crispy-util-list{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .crispy-util-list::-webkit-scrollbar{display:none}
}

.crispy-nav{background:var(--crispy-navy);padding:0;position:sticky;top:0;z-index:80}
.crispy-nav-in{
  max-width:var(--crispy-max);margin:0 auto;width:100%;
  flex-direction:row;align-items:center;justify-content:space-between;
  gap:22px;padding:16px var(--crispy-pad);
}
.crispy-nav-in .elementor-widget-theme-site-logo img{width:98px;height:auto}
.crispy-nav .elementor-nav-menu{gap:24px}
.crispy-nav .elementor-nav-menu a.elementor-item{
  font-family:var(--crispy-athl);font-size:15px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.9;
  padding:0 0 5px;border-bottom:2px solid transparent;
}
.crispy-nav .elementor-nav-menu a.elementor-item:hover,
.crispy-nav .elementor-nav-menu a.elementor-item.elementor-item-active{
  opacity:1;color:#fff;border-bottom-color:var(--crispy-gold);
}
.crispy-nav-right{flex-direction:row;align-items:center;gap:14px;width:auto}

/* Mobile navigation uses Elementor's NATIVE Nav Menu dropdown.
   The widget renders its own toggle and panel below the Tablet breakpoint,
   so there is no custom drawer markup and no JavaScript to keep in sync.
   These rules only restyle what Elementor already outputs. */
.crispy-nav .elementor-menu-toggle{
  color:#fff;background:transparent;border:0;padding:6px;
}
.crispy-nav .elementor-menu-toggle svg{fill:#fff;width:26px;height:26px}
.crispy-nav .elementor-nav-menu--dropdown{
  background:var(--crispy-navy);margin-top:14px;
}
.crispy-nav .elementor-nav-menu--dropdown a.elementor-item{
  font-family:var(--crispy-athl);font-size:23px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:#fff;
  padding:14px var(--crispy-pad);border-bottom:1px solid rgba(255,255,255,.12);
}
.crispy-nav .elementor-nav-menu--dropdown a.elementor-item:hover,
.crispy-nav .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  background:rgba(255,255,255,.06);color:#fff;
}
@media(max-width:1024px){
  .crispy-nav-in .elementor-widget-theme-site-logo img{width:78px}
}

/* ==========================================================================
   3. HOMEPAGE — HERO
   Sun-washed lake. The overlay is a warm cream gradient, not a dark scrim,
   so the photograph stays light. Cans are a separate layer so they can be
   swapped without touching the background.
   ========================================================================== */
.crispy-hero{
  position:relative;min-height:82vh;overflow:hidden;
  background-color:var(--crispy-cream);   /* fallback behind the photo */
  flex-direction:row;align-items:center;padding:0;
}
/* The lake photograph is set as the container background IN THE TEMPLATE
   (Elementor -> crispy-hero -> Style -> Background), with tablet and mobile
   sizes attached so a phone never downloads the 2000px file. It is not set
   here, so it stays swappable by a non-developer without touching CSS. */
.crispy-hero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,251,244,.94) 0%,rgba(252,244,232,.72) 32%,
             rgba(252,244,232,.18) 56%,rgba(255,247,232,0) 74%);
}
.crispy-hero::before{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(120% 80% at 78% 22%,rgba(255,214,140,.28),transparent 60%);
}
.crispy-hero-copy{
  position:relative;z-index:20;width:100%;max-width:var(--crispy-max);
  margin:0 auto;padding:clamp(60px,8vw,120px) var(--crispy-pad);color:var(--crispy-ink);
}
.crispy-hero-copy .crispy-eyebrow p{opacity:.6}
.crispy-hero-copy .elementor-heading-title{
  font-size:clamp(40px,6.2vw,86px);max-width:11ch;color:var(--crispy-ink);
}
.crispy-hero-copy .elementor-widget-text-editor p{
  font-size:clamp(15.5px,1.35vw,19px);line-height:1.6;max-width:33ch;
  opacity:.78;font-weight:500;
}
.crispy-hero-btns{flex-direction:row;gap:10px;width:auto;padding:0;margin-top:8px}
.crispy-hero-cans{
  position:absolute;z-index:15;right:3%;bottom:4%;width:auto;
  flex-direction:row;align-items:flex-end;gap:0;pointer-events:none;padding:0;
}
.crispy-hero-cans .elementor-widget-image{width:auto}
.crispy-hero-cans .elementor-widget-image img{
  height:clamp(140px,21vw,300px);width:auto;margin-left:-24px;
  filter:drop-shadow(0 22px 24px rgba(60,42,20,.42));
}
.crispy-hero-cans .elementor-widget-image:first-child img{margin-left:0}
@media(max-width:1024px){
  .crispy-hero{min-height:70vh}
  .crispy-hero-cans .elementor-widget-image img{height:clamp(130px,20vw,220px)}
}
@media(max-width:767px){
  .crispy-hero{min-height:auto}
  .crispy-hero::after{
    background:linear-gradient(180deg,rgba(255,251,244,.95) 0%,rgba(252,244,232,.62) 38%,
               rgba(252,244,232,.28) 100%);
  }
  .crispy-hero-copy{padding-bottom:210px;text-align:left}
  .crispy-hero-copy .elementor-heading-title{font-size:clamp(38px,11vw,52px)}
  .crispy-hero-btns{flex-wrap:wrap}
  .crispy-hero-btns .elementor-widget-button{flex:1 1 100%}
  .crispy-hero-btns .elementor-button{display:block;text-align:center}
  .crispy-hero-cans{right:auto;left:50%;transform:translateX(-50%);bottom:22px}
  .crispy-hero-cans .elementor-widget-image img{height:150px;margin-left:-18px}
}

/* ==========================================================================
   4. PROOF BAND — REAL / 90 / 0g / 4.5% / BIG
   ========================================================================== */
.crispy-facts{background:var(--crispy-navy);color:#fff;padding:clamp(52px,7vw,96px) var(--crispy-pad)}
.crispy-facts-top{
  max-width:var(--crispy-max);margin:0 auto 48px;width:100%;
  flex-direction:row;justify-content:space-between;align-items:flex-end;
  gap:26px;flex-wrap:wrap;padding:0;
}
.crispy-facts-top .elementor-heading-title{font-size:clamp(28px,3.8vw,50px);max-width:15ch;color:#fff}
.crispy-facts-top .elementor-widget-text-editor p{
  font-family:var(--crispy-serif);font-style:italic;font-size:clamp(16px,1.5vw,21px);
  opacity:.7;max-width:26ch;text-align:right;color:#fff;
}
.crispy-facts-grid{
  max-width:var(--crispy-max);margin:0 auto;width:100%;
  flex-direction:row;gap:0;padding:0;border-top:1px solid rgba(255,255,255,.22);
}
.crispy-fct{
  padding:30px 16px 0;border-right:1px solid rgba(255,255,255,.22);gap:0;
}
.crispy-fct:last-child{border-right:0}
.crispy-fct .elementor-heading-title{font-size:clamp(36px,5vw,68px);color:#fff}
.crispy-fct .elementor-widget-text-editor p{
  font-family:var(--crispy-sans);font-size:9.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;margin-top:14px;opacity:.55;color:#fff;
}
@media(max-width:860px){
  .crispy-facts-top .elementor-widget-text-editor p{text-align:left}
  .crispy-facts-grid{flex-wrap:wrap}
  .crispy-fct{width:50%;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:22px}
  .crispy-fct:nth-child(2n){border-right:0}
  .crispy-fct:last-child{width:100%;border-bottom:0}
}

/* ==========================================================================
   5. PICK YOUR CRISPY
   The oversized word behind each can is sized with container queries so it
   can never overflow the card at any viewport width.
   ========================================================================== */
.crispy-pick{padding:clamp(52px,7vw,96px) var(--crispy-pad) 0}
.crispy-pick-hd{
  max-width:var(--crispy-max);margin:0 auto 44px;width:100%;
  flex-direction:row;justify-content:space-between;align-items:flex-end;
  gap:22px;flex-wrap:wrap;padding:0;
}
.crispy-pick-hd .elementor-heading-title{font-size:clamp(28px,3.8vw,52px)}
.crispy-cans{flex-direction:row;gap:0;padding:0;width:100%}
.crispy-fc{
  container-type:inline-size;position:relative;overflow:hidden;
  padding:48px 18px 40px;text-align:center;gap:0;
}
.crispy-fc-cherry{background:var(--crispy-cherry)}
.crispy-fc-mango{background:var(--crispy-mango)}
.crispy-fc-acai{background:var(--crispy-acai)}
.crispy-fc-pine{background:var(--crispy-pine)}
.crispy-fc .word{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--crispy-serif);font-weight:600;font-size:30cqw;line-height:1;
  color:rgba(255,255,255,.17);white-space:nowrap;pointer-events:none;user-select:none;
}
@supports not (container-type:inline-size){
  .crispy-fc .word{font-size:clamp(34px,6vw,74px)}
}
.crispy-fc .elementor-widget-html{position:static}
.crispy-fc .elementor-widget-image{position:relative;z-index:2}
.crispy-fc .elementor-widget-image img{
  width:min(72%,168px);margin:0 auto;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.3));
  transition:transform .35s cubic-bezier(.34,1.25,.64,1);
}
.crispy-fc:hover .elementor-widget-image img{transform:translateY(-12px)}
.crispy-fc .elementor-heading-title{
  position:relative;z-index:2;margin-top:26px;
  font-size:clamp(17px,1.7vw,23px);color:#fff;
}
.crispy-fc .elementor-widget-text-editor p{
  position:relative;z-index:2;margin-top:8px;font-family:var(--crispy-sans);
  font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.8);
}
@media(max-width:900px){
  .crispy-cans{flex-wrap:wrap}
  .crispy-fc{width:50%}
  .crispy-fc .word{font-size:26cqw}
}

/* ==========================================================================
   6. THE BEST PART IS ALWAYS AFTER — lifestyle band + occasions
   ========================================================================== */
.crispy-life{position:relative;min-height:72vh;overflow:hidden;align-items:center;padding:0}
.crispy-life-bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0}
.crispy-life-bg img{width:100%;height:100%;object-fit:cover}
.crispy-life::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(95deg,rgba(0,17,44,.76),rgba(0,17,44,.12) 62%);
}
.crispy-life-c{
  position:relative;z-index:5;width:100%;max-width:var(--crispy-max);margin:0 auto;
  padding:clamp(64px,8vw,110px) var(--crispy-pad);color:#fff;
}
.crispy-life-c .crispy-eyebrow p{color:#fff;opacity:.8}
.crispy-life-c .elementor-heading-title{
  font-size:clamp(32px,4.6vw,66px);max-width:12ch;color:#fff;margin:16px 0 20px;
}
.crispy-life-c .elementor-widget-text-editor p{
  font-size:clamp(15px,1.3vw,18px);line-height:1.62;max-width:38ch;opacity:.9;color:#fff;
}
@media(max-width:767px){.crispy-life{min-height:56vh}}

.crispy-occ{padding:0}
.crispy-occ-strip{flex-direction:row;gap:0;padding:0;width:100%;min-height:clamp(260px,30vw,360px)}
.crispy-occ-c{
  position:relative;overflow:hidden;justify-content:flex-end;
  padding:20px 16px;min-height:inherit;
}
.crispy-occ-c .elementor-widget-image{position:absolute;inset:0;z-index:0}
.crispy-occ-c .elementor-widget-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.crispy-occ-c:hover .elementor-widget-image img{transform:scale(1.06)}
.crispy-occ-c::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,17,44,.5) 0%,rgba(0,17,44,.1) 45%,rgba(0,17,44,.72) 100%);
}
.crispy-occ-c .elementor-widget-html{position:relative;z-index:3;margin-top:auto}
.crispy-occ-c span{
  color:#fff;font-family:var(--crispy-serif);font-size:clamp(14px,1.3vw,19px);
}
/* Temporary state for occasions awaiting photography.
   Renders as an intentional brand color field, not a production note. */
.crispy-occ-c.is-placeholder{background:var(--crispy-navy)}
.crispy-occ-c.is-placeholder::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:radial-gradient(140% 100% at 30% 0%,rgba(255,255,255,.12),transparent 62%);
}
.crispy-occ-c.is-placeholder::after{background:linear-gradient(180deg,transparent,rgba(0,17,44,.5))}
@media(max-width:1024px){.crispy-occ-strip{flex-wrap:wrap}.crispy-occ-c{width:33.333%}}
@media(max-width:640px){.crispy-occ-c{width:50%;min-height:210px}}

/* ==========================================================================
   7. MARQUEE
   ========================================================================== */
.crispy-marq{
  background:var(--crispy-gold);color:var(--crispy-navy);
  padding:18px 0;overflow:hidden;white-space:nowrap;
}
.crispy-marq .marq-t{display:inline-flex;gap:30px;animation:crispy-slide 32s linear infinite}
.crispy-marq .marq-t span{
  font-family:var(--crispy-serif);font-size:clamp(19px,2.4vw,34px);letter-spacing:.02em;
}
@keyframes crispy-slide{to{transform:translateX(-50%)}}

/* ==========================================================================
   8. IT'S COLDER THAN YOU THINK — store locator
   The "A Store Locator" plugin output sits inside .crispy-locator. The plugin
   is not modified; this is only a frame around whatever it renders.
   ========================================================================== */
.crispy-find{flex-direction:row;gap:0;padding:0}
.crispy-find-c{
  width:50%;padding:clamp(48px,6vw,86px) var(--crispy-pad);
  justify-content:center;background:var(--crispy-paper);
}
.crispy-find-c .elementor-heading-title{font-size:clamp(28px,3.6vw,50px);margin:14px 0 16px}
.crispy-find-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72}
.crispy-locator{margin-top:26px}
.crispy-req p{font-size:14px;opacity:.7;margin-top:18px}
.crispy-req a{border-bottom:2px solid var(--crispy-gold);padding-bottom:2px;font-weight:600;text-decoration:none}
.crispy-find-pic{width:50%;position:relative;min-height:460px;padding:0}
.crispy-find-pic .elementor-widget-image,
.crispy-find-pic .elementor-widget-image img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
  .crispy-find{flex-wrap:wrap}
  .crispy-find-c,.crispy-find-pic{width:100%}
  .crispy-find-pic{min-height:280px;order:-1}
}

/* ==========================================================================
   9. WHAT GOES INTO CRISPY
   ========================================================================== */
.crispy-lab{padding:clamp(52px,7vw,96px) var(--crispy-pad);background:var(--crispy-paper)}
.crispy-lab-hd{max-width:var(--crispy-max);margin:0 auto 44px;width:100%;padding:0}
.crispy-lab-hd .elementor-heading-title{font-size:clamp(28px,3.8vw,52px);max-width:16ch;margin-top:12px}
.crispy-lab-grid{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;gap:16px;padding:0}
.crispy-lc{
  background:var(--crispy-cream);border:1px solid rgba(0,29,57,.12);
  padding:32px 24px;min-height:210px;justify-content:flex-start;gap:0;
}
.crispy-lc .crispy-lab-k .elementor-heading-title{
  font-family:var(--crispy-sans);font-size:10px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:auto;
}
.crispy-lc-cherry .crispy-lab-k .elementor-heading-title{color:var(--crispy-cherry)}
.crispy-lc-mango .crispy-lab-k .elementor-heading-title{color:var(--crispy-mango)}
.crispy-lc-acai .crispy-lab-k .elementor-heading-title{color:var(--crispy-acai)}
.crispy-lc-pine .crispy-lab-k .elementor-heading-title{color:#B8860B}
.crispy-lc .elementor-heading-title{font-size:clamp(20px,2.1vw,27px);margin-top:16px}
.crispy-lc .elementor-widget-text-editor p{font-size:13px;line-height:1.55;opacity:.6;margin-top:10px}
@media(max-width:900px){.crispy-lab-grid{flex-wrap:wrap}.crispy-lc{width:calc(50% - 8px)}}
@media(max-width:520px){.crispy-lc{width:100%}}

/* ==========================================================================
   10. CRISPY IN THE WILD
   ========================================================================== */
.crispy-wild{padding:clamp(52px,7vw,90px) var(--crispy-pad) 0}
.crispy-wild-hd{
  max-width:var(--crispy-max);margin:0 auto 36px;width:100%;
  flex-direction:row;justify-content:space-between;align-items:flex-end;
  gap:20px;flex-wrap:wrap;padding:0;
}
.crispy-wild-hd .elementor-heading-title{font-size:clamp(26px,3.4vw,46px);margin-top:12px}
.crispy-wsub p{font-size:15px;opacity:.65;margin-top:12px;max-width:40ch}
.crispy-link .elementor-button{
  background:transparent;color:var(--crispy-ink);padding:0 0 4px;
  font-family:var(--crispy-sans);font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;border-bottom:2px solid var(--crispy-gold);border-radius:0;
}
.crispy-wg{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;flex-wrap:wrap;gap:6px;padding:0}
.crispy-wg .elementor-widget-image{width:calc(25% - 4.5px);overflow:hidden}
.crispy-wg .elementor-widget-image img{
  aspect-ratio:1;object-fit:cover;width:100%;transition:transform .45s,opacity .25s;
}
.crispy-wg .elementor-widget-image:hover img{transform:scale(1.04);opacity:.9}
@media(max-width:820px){.crispy-wg .elementor-widget-image{width:calc(50% - 3px)}}

/* ==========================================================================
   11. MOTION PREFERENCES
   ========================================================================== */
@media(prefers-reduced-motion:reduce){
  .crispy-marq .marq-t,
  .crispy-fc .elementor-widget-image img,
  .crispy-occ-c .elementor-widget-image img,
  .crispy-wg .elementor-widget-image img{animation:none!important;transition:none!important}
}

/* ==========================================================================
   12. SHOP — temporary "coming soon" landing page (/shop/)
   Deliberately short: one split hero plus the brand marquee. Uses the same
   tokens as every other page, so it reads as an intentional destination
   rather than a gap. Replace this page when the real store ships.
   ========================================================================== */
.crispy-shop{
  position:relative;overflow:hidden;background:var(--crispy-cream);
  flex-direction:row;align-items:center;gap:clamp(24px,4vw,64px);
  padding:clamp(56px,8vw,120px) var(--crispy-pad);
  max-width:var(--crispy-max);margin:0 auto;width:100%;
}
.crispy-shop::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(90% 70% at 82% 30%,rgba(248,196,17,.28),transparent 62%);
}
.crispy-shop-copy{position:relative;z-index:2;width:52%;padding:0}
.crispy-shop-copy .crispy-eyebrow p{color:var(--crispy-cherry);opacity:1}
.crispy-shop-copy .elementor-heading-title{
  font-size:clamp(38px,5.6vw,76px);max-width:12ch;margin-top:16px;color:var(--crispy-ink);
}
.crispy-shop-copy .elementor-widget-text-editor p{
  font-size:clamp(15.5px,1.3vw,18.5px);line-height:1.65;max-width:40ch;
  margin-top:22px;opacity:.75;font-weight:500;
}
.crispy-shop-btn{margin-top:32px}
.crispy-shop-btn .elementor-button{
  font-family:var(--crispy-athl);font-size:15px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;padding:16px 34px;border-radius:2px;
  background:var(--crispy-navy);color:#fff;border:1px solid transparent;transition:opacity .2s;
}
.crispy-shop-btn .elementor-button:hover{opacity:.85;color:#fff}
.crispy-shop-note p{font-size:14.5px;opacity:.7;margin-top:22px;max-width:38ch}
.crispy-shop-note a{
  font-weight:700;color:var(--crispy-ink);text-decoration:none;
  border-bottom:2px solid var(--crispy-gold);padding-bottom:2px;
}

.crispy-shop-art{
  position:relative;z-index:2;width:48%;padding:0;overflow:hidden;
  flex-direction:row;align-items:flex-end;justify-content:center;gap:0;
}
.crispy-shop-art .elementor-widget-image{width:auto}
.crispy-shop-art .elementor-widget-image img{
  height:clamp(190px,26vw,360px);width:auto;margin-left:-26px;
  filter:drop-shadow(0 24px 28px rgba(60,42,20,.34));
}
.crispy-shop-art .elementor-widget-image:first-child img{margin-left:0}

@media(max-width:1024px){
  .crispy-shop{gap:24px}
  .crispy-shop-art .elementor-widget-image img{height:clamp(160px,24vw,260px);margin-left:-20px}
}
@media(max-width:767px){
  .crispy-shop{flex-wrap:wrap;text-align:left;padding-top:clamp(40px,10vw,64px)}
  .crispy-shop-copy,.crispy-shop-art{width:100%}
  .crispy-shop-copy .elementor-heading-title{font-size:clamp(34px,10vw,46px)}
  .crispy-shop-btn{width:100%}
  .crispy-shop-btn .elementor-button{display:block;text-align:center}
  .crispy-shop-art{margin-top:8px;justify-content:flex-start}
  .crispy-shop-art .elementor-widget-image img{height:158px;margin-left:-16px}
}

/* ==========================================================================
   13. GLOBAL FOOTER  (Theme Builder template)
   ========================================================================== */
.crispy-footer{background:var(--crispy-navy);color:#fff;padding:clamp(52px,7vw,86px) var(--crispy-pad) 0}
.crispy-f-in{
  max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;
  flex-wrap:wrap;gap:34px;padding:0 0 44px;align-items:flex-start;
}
.crispy-f-brand{width:24%;padding:0;gap:0}
.crispy-f-logo img{width:104px;margin-bottom:18px}
.crispy-f-tag .elementor-heading-title{
  font-family:var(--crispy-serif);font-size:19px;letter-spacing:.06em;color:#fff;margin-bottom:10px;
}
.crispy-f-brand .elementor-widget-text-editor p{font-size:13px;opacity:.6;line-height:1.6;max-width:26ch;color:#fff}
.crispy-f-col{width:16%;padding:0;gap:9px}
.crispy-f-h .elementor-heading-title{
  font-family:var(--crispy-sans);font-size:10.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;opacity:.5;color:#fff;margin-bottom:7px;
}
.crispy-f-link p{margin:0}
.crispy-f-link a{font-size:13.5px;opacity:.82;color:#fff;text-decoration:none}
.crispy-f-link a:hover{opacity:1;text-decoration:underline}
.crispy-f-sign{width:24%;padding:0;gap:0}
.crispy-f-sign .elementor-widget-text-editor p{font-size:13px;opacity:.6;line-height:1.6;margin-bottom:12px;color:#fff}
.crispy-f-sign .elementor-field-textual{
  background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;
  border-radius:2px;padding:12px 15px;font-size:13px;
}
.crispy-f-sign .elementor-field-textual::placeholder{color:rgba(255,255,255,.42)}
.crispy-f-sign .elementor-button[type="submit"]{
  background:var(--crispy-gold);color:var(--crispy-navy);font-family:var(--crispy-athl);
  font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;
}
.crispy-f-bot{
  max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;
  justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.14);padding:20px 0 26px;
}
.crispy-f-bot .elementor-widget-text-editor p{
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.45;color:#fff;margin:0;
}
@media(max-width:1000px){.crispy-f-brand,.crispy-f-sign{width:46%}.crispy-f-col{width:29%}}
@media(max-width:640px){.crispy-f-brand,.crispy-f-sign,.crispy-f-col{width:100%}}

/* ==========================================================================
   14. OUR STORY
   ========================================================================== */
.crispy-shero{position:relative;min-height:70vh;overflow:hidden;align-items:center;padding:0}
.crispy-shero-bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0}
.crispy-shero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.crispy-shero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(95deg,rgba(0,17,44,.78) 0%,rgba(0,17,44,.4) 42%,rgba(0,17,44,.05) 72%);
}
.crispy-shero-c{
  position:relative;z-index:5;width:100%;max-width:var(--crispy-max);margin:0 auto;
  padding:clamp(64px,9vw,120px) var(--crispy-pad);color:#fff;
}
.crispy-shero-c .elementor-heading-title{font-size:clamp(38px,5.6vw,72px);max-width:13ch;color:#fff}
.crispy-shero-sub p{
  font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  margin:26px 0 14px;opacity:.9;color:#fff;
}
.crispy-shero-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;max-width:36ch;opacity:.88;color:#fff}
@media(max-width:767px){.crispy-shero{min-height:56vh}}

.crispy-origin{flex-direction:row;gap:0;padding:0}
.crispy-origin-pic{width:38%;position:relative;min-height:400px;padding:0}
.crispy-origin-pic .elementor-widget-image,
.crispy-origin-pic .elementor-widget-image img{width:100%;height:100%;object-fit:cover}
.crispy-origin-c{
  width:62%;background:var(--crispy-paper);flex-direction:row;align-items:center;
  gap:clamp(28px,4vw,60px);padding:clamp(48px,6vw,86px) var(--crispy-pad);
}
.crispy-origin-copy{width:46%;padding:0}
.crispy-origin-copy .elementor-heading-title{font-size:clamp(28px,3.4vw,44px);margin:12px 0 20px}
.crispy-origin-copy .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72;margin-bottom:14px}
.crispy-pillars{
  width:54%;flex-direction:row;gap:14px;padding:0 0 0 clamp(20px,3vw,44px);
  border-left:1px solid rgba(0,29,57,.14);
}
.crispy-pillar{text-align:center;padding:0;gap:0}
.crispy-pillar-t .elementor-heading-title{
  font-family:var(--crispy-sans);font-size:10px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
}
.crispy-pillar .elementor-widget-text-editor p{font-size:10.5px;line-height:1.5;opacity:.55;margin-top:7px}
@media(max-width:1080px){
  .crispy-origin{flex-wrap:wrap}
  .crispy-origin-pic,.crispy-origin-c{width:100%}
  .crispy-origin-c{flex-wrap:wrap}
  .crispy-origin-copy,.crispy-pillars{width:100%}
  .crispy-pillars{border-left:0;padding-left:0;padding-top:30px;border-top:1px solid rgba(0,29,57,.14)}
}
@media(max-width:560px){.crispy-pillars{flex-wrap:wrap}.crispy-pillar{width:calc(50% - 7px)}}

.crispy-why{padding:clamp(48px,6vw,84px) var(--crispy-pad);border-top:1px solid rgba(0,29,57,.1)}
.crispy-why-in{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;gap:clamp(24px,4vw,64px);padding:0}
.crispy-why-c{width:34%;padding:0}
.crispy-why-c .elementor-heading-title{font-size:clamp(26px,3.2vw,40px);margin:12px 0 16px}
.crispy-why-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72}
.crispy-why-list{width:33%;padding:8px 0 0;gap:18px}
.crispy-check p{font-size:14.5px;font-weight:500;margin:0;padding-left:26px;position:relative}
.crispy-check p::before{
  content:'';position:absolute;left:0;top:5px;width:14px;height:8px;
  border-left:2px solid var(--crispy-navy);border-bottom:2px solid var(--crispy-navy);
  transform:rotate(-45deg);
}
@media(max-width:900px){.crispy-why-in{flex-wrap:wrap}.crispy-why-c,.crispy-why-list{width:100%}}

.crispy-sdrinks{padding:clamp(48px,6vw,80px) var(--crispy-pad) 0}
.crispy-sdrinks-in{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;gap:clamp(24px,4vw,56px);align-items:center;padding:0}
.crispy-sdrinks-c{width:32%;padding:0}
.crispy-sdrinks-c .elementor-heading-title{font-size:clamp(26px,3.2vw,40px);margin:12px 0 16px}
.crispy-sdrinks-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72}
.crispy-sdrinks-btn{margin-top:24px}
.crispy-sdrinks-btn .elementor-button,
.crispy-fam-btn .elementor-button{
  font-family:var(--crispy-athl);font-size:15px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;padding:15px 30px;border-radius:2px;
  background:var(--crispy-navy);color:#fff;
}
.crispy-lineup{width:68%}
@media(max-width:900px){.crispy-sdrinks-in{flex-wrap:wrap}.crispy-sdrinks-c,.crispy-lineup{width:100%}}

.crispy-socc{padding:clamp(48px,6vw,80px) 0 0}
.crispy-socc-lbl{max-width:var(--crispy-max);margin:0 auto 32px;width:100%;padding:0 var(--crispy-pad)}
.crispy-socc-lbl .elementor-heading-title{font-size:clamp(26px,3vw,40px);margin-top:12px}

.crispy-fam{padding:clamp(48px,6vw,84px) var(--crispy-pad)}
.crispy-fam-in{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;gap:clamp(24px,4vw,56px);padding:0}
.crispy-fam-c{width:46%;padding:0}
.crispy-fam-c .elementor-heading-title{font-size:clamp(26px,3.2vw,40px);margin:12px 0 14px}
.crispy-fam-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72}
.crispy-fam-teaser{
  width:54%;background:var(--crispy-paper);border:1px solid rgba(0,29,57,.12);
  padding:clamp(28px,3.5vw,44px);gap:0;
}
.crispy-fam-teaser .elementor-heading-title{font-size:clamp(22px,2.4vw,30px);margin:10px 0 12px}
.crispy-fam-teaser .elementor-widget-text-editor p{font-size:14px;line-height:1.6;opacity:.65}
.crispy-fam-btn{margin-top:22px}
@media(max-width:900px){.crispy-fam-in{flex-wrap:wrap}.crispy-fam-c,.crispy-fam-teaser{width:100%}}

/* ==========================================================================
   15. WHAT'S NEXT
   ========================================================================== */
.crispy-chero{
  position:relative;overflow:hidden;flex-direction:row;align-items:center;
  gap:clamp(28px,4vw,64px);max-width:var(--crispy-max);margin:0 auto;width:100%;
  padding:clamp(48px,6vw,84px) var(--crispy-pad) clamp(40px,5vw,64px);
}
.crispy-chero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(80% 70% at 82% 30%,rgba(248,196,17,.22),transparent 62%);
}
.crispy-chero-c{position:relative;z-index:2;width:50%;padding:0}
.crispy-chero-c .elementor-heading-title{font-size:clamp(40px,5.6vw,74px);max-width:11ch;margin-top:14px}
.crispy-chero-c .elementor-widget-text-editor p{font-size:16.5px;line-height:1.6;opacity:.72;max-width:34ch;margin-top:20px}
.crispy-fine p{font-size:11.5px;opacity:.5;margin-top:11px}
.crispy-chero-art{position:relative;z-index:2;width:50%;flex-direction:row;align-items:flex-end;justify-content:center;gap:0;padding:0;overflow:hidden}
.crispy-chero-art .elementor-widget-image{width:auto}
.crispy-chero-art .elementor-widget-image img{
  height:clamp(210px,28vw,400px);width:auto;margin-left:-34px;
  filter:drop-shadow(0 26px 34px rgba(0,17,44,.22));
}
.crispy-chero-art .elementor-widget-image:first-child img{margin-left:0}

.crispy-count{display:flex;gap:0;margin-top:38px;max-width:520px}
.crispy-count div{flex:1;text-align:center;border-right:1px solid rgba(0,29,57,.2);padding:0 6px}
.crispy-count div:last-child{border-right:0}
.crispy-count b{
  display:block;font-family:var(--crispy-athl);font-size:clamp(32px,4.2vw,52px);
  font-weight:800;line-height:1;font-variant-numeric:tabular-nums;
}
.crispy-count i{
  display:block;font-style:normal;font-family:var(--crispy-sans);font-size:9.5px;
  font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-top:10px;
}
@media(max-width:900px){
  .crispy-chero{flex-wrap:wrap}
  .crispy-chero-c,.crispy-chero-art{width:100%}
  .crispy-chero-art{order:-1;justify-content:flex-start}
  .crispy-chero-art .elementor-widget-image img{height:190px;margin-left:-24px}
}

.crispy-vote{padding:clamp(48px,6vw,84px) var(--crispy-pad);background:var(--crispy-paper);border-top:1px solid rgba(0,29,57,.1)}
.crispy-vote-hd{max-width:var(--crispy-max);margin:0 auto clamp(30px,4vw,46px);width:100%;text-align:center;padding:0}
.crispy-vote-hd .elementor-heading-title{font-size:clamp(28px,3.8vw,48px)}
.crispy-vote-hd .elementor-widget-text-editor p{font-size:15px;opacity:.65;margin-top:14px;max-width:56ch;margin-inline:auto}
.crispy-vgrid{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;flex-wrap:wrap;gap:18px;padding:0}
.crispy-vc{
  width:calc(25% - 13.5px);border:1px solid rgba(0,29,57,.14);background:var(--crispy-cream);
  padding:26px 22px;text-align:center;cursor:pointer;gap:0;
  transition:transform .25s,border-color .2s,box-shadow .2s;
}
.crispy-vc:hover{transform:translateY(-4px)}
.crispy-vc.is-selected{border-color:var(--crispy-navy);border-width:2px;box-shadow:0 10px 26px rgba(0,17,44,.12)}
.crispy-tile{
  position:relative;border-radius:3px;padding:34px 14px 30px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;min-height:180px;
}
.crispy-vc-acai .crispy-tile{background:var(--crispy-acai)}
.crispy-vc-mango .crispy-tile{background:var(--crispy-mango)}
.crispy-vc-pine .crispy-tile{background:var(--crispy-pine)}
.crispy-vc-cherry .crispy-tile{background:var(--crispy-cherry)}
.crispy-tile b{
  font-family:var(--crispy-athl);font-size:clamp(22px,2.2vw,30px);font-weight:800;
  text-transform:uppercase;line-height:.9;color:#fff;
}
.crispy-flag{
  position:absolute;top:12px;left:12px;font-family:var(--crispy-sans);font-size:9px;
  font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  background:rgba(255,255,255,.9);color:var(--crispy-ink);padding:4px 8px;border-radius:2px;
}
.crispy-vc .elementor-heading-title{font-family:var(--crispy-serif);font-size:19px}
.crispy-vc .elementor-widget-text-editor p{font-size:12.5px;line-height:1.55;opacity:.62;margin-top:9px}

.crispy-vote-form{max-width:var(--crispy-max);margin:34px auto 0;width:100%;align-items:center;padding:0}
.crispy-vote-form .elementor-form-fields-wrapper{justify-content:center}
.crispy-vote-form .elementor-field-textual,
.crispy-early-form .elementor-field-textual,
.crispy-crew-form .elementor-field-textual{
  font-size:15px;padding:15px 20px;border:1.5px solid rgba(0,29,57,.32);
  border-radius:3px;background:var(--crispy-cream);
}
.crispy-vote-form .elementor-button[type="submit"],
.crispy-early-form .elementor-button[type="submit"],
.crispy-crew-form .elementor-button[type="submit"]{
  font-family:var(--crispy-athl);font-size:15px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;background:var(--crispy-navy);color:#fff;
  padding:15px 30px;border-radius:2px;
}
.crispy-vote-form .elementor-button[type="submit"][disabled]{opacity:.4;cursor:default}
@media(max-width:1000px){.crispy-vc{width:calc(50% - 9px)}}
@media(max-width:520px){.crispy-vc{width:100%}}

.crispy-crew{padding:0 var(--crispy-pad) clamp(56px,7vw,90px);background:var(--crispy-paper)}
.crispy-crew-in{
  max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;
  align-items:center;gap:0;border:1px solid rgba(0,29,57,.14);
  background:var(--crispy-cream);overflow:hidden;padding:0;
}
.crispy-crew-pic{width:42%;align-self:stretch}
.crispy-crew-pic img{width:100%;height:100%;object-fit:cover;min-height:200px}
.crispy-crew-c{width:58%;padding:clamp(30px,4vw,52px) clamp(24px,3vw,44px)}
.crispy-crew-c .elementor-heading-title{font-size:clamp(24px,3vw,38px)}
.crispy-crew-c .elementor-widget-text-editor p{font-size:14.5px;opacity:.68;margin-top:12px;max-width:34ch}
@media(max-width:820px){
  .crispy-crew-in{flex-wrap:wrap}
  .crispy-crew-pic,.crispy-crew-c{width:100%}
}

/* Wrapper hooks used by the What's Next countdown and vote form.
   Kept as real rules rather than audit exemptions so every class in the
   templates resolves to something. */
.crispy-count-wrap{width:100%;margin-top:6px}
.crispy-vote-form-w{width:100%}
.crispy-vote-form-w .elementor-form-fields-wrapper{
  justify-content:center;align-items:center;gap:10px;
}

/* ==========================================================================
   16. OUR STORY — icon rows, Georgia band, journey
   Matches the density of the approved reference layout using only claims
   that have been verified. Icons are inline SVG in HTML widgets so they
   inherit brand color and need no icon-font dependency.
   ========================================================================== */
.crispy-icon{line-height:0;margin-bottom:14px}
.crispy-icon svg{width:34px;height:34px;margin:0 auto;color:var(--crispy-navy);display:block}

/* journey */
.crispy-journey{padding:clamp(48px,6vw,84px) var(--crispy-pad);border-top:1px solid rgba(0,29,57,.1)}
.crispy-journey-in{
  max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;
  gap:clamp(24px,4vw,56px);align-items:center;padding:0;
}
.crispy-journey-c{width:30%;padding:0}
.crispy-journey-c .elementor-heading-title{font-size:clamp(26px,3.2vw,40px);margin-top:12px}
.crispy-steps{width:70%;flex-direction:row;gap:12px;padding:0}
.crispy-step{text-align:center;position:relative;padding:10px 0 0;gap:0}
.crispy-step::before{
  content:'';position:absolute;top:27px;left:-6px;right:-6px;height:1px;
  background:rgba(0,29,57,.18);z-index:0;
}
.crispy-step:first-child::before{left:50%}
.crispy-step:last-child::before{right:50%}
.crispy-step .crispy-icon{position:relative;z-index:2}
.crispy-step .crispy-icon svg{background:var(--crispy-cream);padding:0 7px;box-sizing:content-box}
.crispy-step .elementor-widget-text-editor p{font-size:10.5px;line-height:1.5;opacity:.55;margin-top:7px}
@media(max-width:1000px){
  .crispy-journey-in{flex-wrap:wrap}
  .crispy-journey-c,.crispy-steps{width:100%}
}
@media(max-width:620px){
  .crispy-steps{flex-wrap:wrap;gap:26px}
  .crispy-step{width:calc(50% - 13px)}
  .crispy-step::before{display:none}
}

/* Georgia band */
.crispy-geo{padding:clamp(48px,6vw,84px) var(--crispy-pad);background:var(--crispy-paper);border-top:1px solid rgba(0,29,57,.1)}
.crispy-geo-in{max-width:var(--crispy-max);margin:0 auto;width:100%;flex-direction:row;gap:clamp(28px,4vw,60px);padding:0}
.crispy-geo-c{width:26%;padding:0}
.crispy-geo-c .elementor-heading-title{font-size:clamp(26px,3.2vw,40px);margin:12px 0 16px}
.crispy-geo-c .elementor-widget-text-editor p{font-size:16px;line-height:1.65;opacity:.72}
.crispy-geo-badge{display:flex;align-items:center;gap:9px;margin-top:26px}
.crispy-geo-badge svg{width:22px;height:26px;color:var(--crispy-navy);flex:none}
.crispy-geo-badge span{
  font-family:var(--crispy-sans);font-size:10.5px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;opacity:.65;
}
.crispy-geo-grid{width:74%;flex-direction:row;gap:20px;padding:0}
.crispy-geo-cell{padding:0;gap:0}
.crispy-geo-cell .elementor-widget-image img{
  aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:2px;
}
@media(max-width:1000px){
  .crispy-geo-in{flex-wrap:wrap}
  .crispy-geo-c,.crispy-geo-grid{width:100%}
  .crispy-geo-grid{flex-wrap:wrap}
  .crispy-geo-cell{width:calc(50% - 10px)}
}
@media(max-width:520px){.crispy-geo-cell{width:100%}}

/* pillars pick up the icon */
.crispy-pillar .crispy-icon svg{width:32px;height:32px}