.elementor-951 .elementor-element.elementor-element-9b34a5b{--display:flex;--min-height:270px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-951 .elementor-element.elementor-element-9b34a5b:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-9b34a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fizzable.co.za/wp-content/uploads/2026/01/IMAGE-3-scaled.png");background-position:0px 300px;background-size:80% auto;}.elementor-951 .elementor-element.elementor-element-48bdec6{--display:flex;--min-height:270px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-951 .elementor-element.elementor-element-48bdec6:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-48bdec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fizzable.co.za/wp-content/uploads/2026/01/IMAGE-3-scaled.png");background-position:0px 300px;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-951 .elementor-element.elementor-element-cdf9a86{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-951 .elementor-element.elementor-element-cdf9a86 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;line-height:52px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-951 .elementor-element.elementor-element-af5cb94{--display:flex;--min-height:440px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-67px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-951 .elementor-element.elementor-element-af5cb94:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-af5cb94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fizzable.co.za/wp-content/uploads/2026/01/IMAGE-4-1-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-951 .elementor-element.elementor-element-5c4e230{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:12vw 0vw 0vw 0vw;--e-filter-space-between:5.5rem;--e-filter-item-border-radius:2rem 2rem 2rem 2rem;}.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#8FD2D4;}.elementor-951 .elementor-element.elementor-element-89fef8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:177px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-951 .elementor-element.elementor-element-89fef8d:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-89fef8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fizzable.co.za/wp-content/uploads/2026/01/IMAGE-13-scaled.png");background-position:0px -150px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-951 .elementor-element.elementor-element-d34162e{--grid-columns:4;}.elementor-951 .elementor-element.elementor-element-d34162e > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-951 .elementor-element.elementor-element-d34162e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-951 .elementor-element.elementor-element-d34162e .e-loop-item > .elementor-section, .elementor-951 .elementor-element.elementor-element-d34162e .e-loop-item > .elementor-section > .elementor-container, .elementor-951 .elementor-element.elementor-element-d34162e .e-loop-item > .e-con, .elementor-951 .elementor-element.elementor-element-d34162e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-951 .elementor-element.elementor-element-d34162e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-951 .elementor-element.elementor-element-d34162e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-951 .elementor-element.elementor-element-d34162e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-951 .elementor-element.elementor-element-d34162e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-951 .elementor-element.elementor-element-d34162e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-951 .elementor-element.elementor-element-9b34a5b:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-9b34a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-951 .elementor-element.elementor-element-48bdec6:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-48bdec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-951 .elementor-element.elementor-element-cdf9a86 .elementor-heading-title{font-size:40px;}.elementor-951 .elementor-element.elementor-element-89fef8d:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-89fef8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-951 .elementor-element.elementor-element-d34162e{--grid-columns:2;}}@media(min-width:768px){.elementor-951 .elementor-element.elementor-element-9b34a5b{--width:100%;}.elementor-951 .elementor-element.elementor-element-af5cb94{--content-width:1200px;}}@media(max-width:767px){.elementor-951 .elementor-element.elementor-element-9b34a5b{--min-height:151px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-951 .elementor-element.elementor-element-9b34a5b:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-9b34a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-repeat:no-repeat;}.elementor-951 .elementor-element.elementor-element-48bdec6{--min-height:230px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-951 .elementor-element.elementor-element-48bdec6:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-48bdec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-951 .elementor-element.elementor-element-cdf9a86{margin:-54px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 0px 40px;}.elementor-951 .elementor-element.elementor-element-cdf9a86 .elementor-heading-title{font-size:30px;}.elementor-951 .elementor-element.elementor-element-af5cb94{--min-height:325px;}.elementor-951 .elementor-element.elementor-element-5c4e230{padding:0vw 25vw 0vw 20vw;}.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item{padding:0px 26px 0px 25px;}.elementor-951 .elementor-element.elementor-element-89fef8d:not(.elementor-motion-effects-element-type-background), .elementor-951 .elementor-element.elementor-element-89fef8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fizzable.co.za/wp-content/uploads/2026/01/IMAGE-13-scaled.png");background-position:0px -10px;background-repeat:no-repeat;background-size:714px auto;}.elementor-951 .elementor-element.elementor-element-89fef8d{--content-width:500px;--padding-top:177px;--padding-bottom:40px;--padding-left:25px;--padding-right:25px;}.elementor-951 .elementor-element.elementor-element-d34162e{--grid-columns:2;--grid-column-gap:18px;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-5c4e230 *//* ======================================================
   BASE / DESKTOP STYLES
====================================================== */

/* Widget wrapper */
.elementor-951 .elementor-element.elementor-element-5c4e230{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  padding-top: 0 !important;
  margin-top: -10px;
}

/* Filter pills */
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item,
.elementor-951 .elementor-element.elementor-element-5c4e230 a,
.elementor-951 .elementor-element.elementor-element-5c4e230 button,
.elementor-951 .elementor-element.elementor-element-5c4e230 [role="button"]{
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 14px 22px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.2px;
  color: #5a4a6e !important;

  border: 2px solid transparent !important;
  box-shadow: 0 8px 0 rgba(0,0,0,0.08) !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* desktop tap target */
  min-height: 44px !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}

/* Hover */
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item:hover,
.elementor-951 .elementor-element.elementor-element-5c4e230 a:hover,
.elementor-951 .elementor-element.elementor-element-5c4e230 button:hover,
.elementor-951 .elementor-element.elementor-element-5c4e230 [role="button"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 0 rgba(0,0,0,0.10) !important;
  border-color: #a78bfa !important;
}

/* Active / selected */
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item[aria-pressed="true"],
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter--active{
  border-color: #74489D !important;
  color: #74489D !important;
  box-shadow: 0 10px 0 rgba(116,72,157,0.25) !important;
}

/* “All” pill */
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item[data-filter="__all"]{
  background: #f5f3ff !important;
}

/* Click / tap feedback */
.elementor-951 .elementor-element.elementor-element-5c4e230 .e-filter-item:active{
  transform: translateY(1px);
  box-shadow: 0 4px 0 rgba(0,0,0,0.12) !important;
}


/* ======================================================
   MOBILE (≤ 767px) — ONE COLUMN + TIGHTER BUTTONS
====================================================== */

@media (max-width: 767px){

  /* Stack everything vertically */
  .elementor-951 .elementor-element.elementor-element-5c4e230 search.e-filter{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;                 /* closer together */
    padding-left: 16px !important;       /* bring in from sides */
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* Tight mobile buttons */
  .elementor-951 .elementor-element.elementor-element-5c4e230 search.e-filter button.e-filter-item{
    width: 100% !important;
    max-width: 100% !important;

    /* KEY OVERRIDES (this is what makes it actually smaller) */
    min-height: 0 !important;            /* overrides desktop min-height:44 */
    height: auto !important;

    padding: 6px 12px !important;        /* tighter height */
    font-size: 13px !important;
    line-height: 1.15 !important;

    border-radius: 12px !important;
    box-shadow: 0 3px 0 rgba(0,0,0,0.08) !important;

    text-align: center !important;
    white-space: normal !important;

    transform: none !important;          /* ensure no leftover scaling */
  }

  /* Active on mobile: outline instead of “taller” feeling shadow */
  .elementor-951 .elementor-element.elementor-element-5c4e230 search.e-filter button.e-filter-item[aria-pressed="true"]{
    box-shadow: 0 0 0 2px #74489D !important;
  }
}/* End custom CSS */