.elementor-286419 .elementor-element.elementor-element-81ca4fa{--display:flex;--min-height:100vh;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--overlay-opacity:0.05;--padding-top:5vw;--padding-bottom:6vw;--padding-left:4vw;--padding-right:4vw;}.elementor-286419 .elementor-element.elementor-element-81ca4fa:not(.elementor-motion-effects-element-type-background), .elementor-286419 .elementor-element.elementor-element-81ca4fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-286419 .elementor-element.elementor-element-81ca4fa::before, .elementor-286419 .elementor-element.elementor-element-81ca4fa > .elementor-background-video-container::before, .elementor-286419 .elementor-element.elementor-element-81ca4fa > .e-con-inner > .elementor-background-video-container::before, .elementor-286419 .elementor-element.elementor-element-81ca4fa > .elementor-background-slideshow::before, .elementor-286419 .elementor-element.elementor-element-81ca4fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-286419 .elementor-element.elementor-element-81ca4fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-secondary );}.elementor-286419 .elementor-element.elementor-element-c8688f3{text-align:center;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:100%;max-width:100%;}.elementor-286419 .elementor-element.elementor-element-c8688f3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:33px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:29px;letter-spacing:-1.2px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-62148ab );}.elementor-286419 .elementor-element.elementor-element-fd1a493{text-align:center;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:100%;max-width:100%;}.elementor-286419 .elementor-element.elementor-element-fd1a493 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:20px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:37px;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-4e9860d );}.elementor-286419 .elementor-element.elementor-element-1243695{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-286419 .elementor-element.elementor-element-c1d7018{--display:flex;--min-height:100vh;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:5vw;--padding-bottom:6vw;--padding-left:4vw;--padding-right:4vw;}.elementor-286419 .elementor-element.elementor-element-c1d7018:not(.elementor-motion-effects-element-type-background), .elementor-286419 .elementor-element.elementor-element-c1d7018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-286419 .elementor-element.elementor-element-7288ccf{text-align:center;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:100%;max-width:100%;}.elementor-286419 .elementor-element.elementor-element-7288ccf .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:33px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:29px;letter-spacing:-1.2px;color:var( --e-global-color-text );}.elementor-286419 .elementor-element.elementor-element-f123622{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-286419 .elementor-element.elementor-element-81ca4fa{--overlay-opacity:0.04;}.elementor-286419 .elementor-element.elementor-element-c8688f3 .elementor-heading-title{font-size:40px;line-height:1em;}.elementor-286419 .elementor-element.elementor-element-c8688f3{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-286419 .elementor-element.elementor-element-c8688f3.elementor-element{--align-self:center;}.elementor-286419 .elementor-element.elementor-element-fd1a493 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-286419 .elementor-element.elementor-element-fd1a493{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-286419 .elementor-element.elementor-element-fd1a493.elementor-element{--align-self:center;}.elementor-286419 .elementor-element.elementor-element-c1d7018{--padding-top:7vw;--padding-bottom:4vw;--padding-left:4vw;--padding-right:4vw;}.elementor-286419 .elementor-element.elementor-element-7288ccf .elementor-heading-title{font-size:28px;line-height:1em;}.elementor-286419 .elementor-element.elementor-element-7288ccf{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-286419 .elementor-element.elementor-element-7288ccf.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-286419 .elementor-element.elementor-element-81ca4fa{--content-width:1600px;}.elementor-286419 .elementor-element.elementor-element-c1d7018{--content-width:1600px;}}@media(max-width:767px){.elementor-286419 .elementor-element.elementor-element-81ca4fa{--min-height:181px;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--overlay-opacity:0.73;--padding-top:8vw;--padding-bottom:30vw;--padding-left:2vw;--padding-right:2vw;}.elementor-286419 .elementor-element.elementor-element-81ca4fa:not(.elementor-motion-effects-element-type-background), .elementor-286419 .elementor-element.elementor-element-81ca4fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jackpotzcompetitions.com/wp-content/uploads/our-most-recently-finished-tik-tok-balloon-pops-live-tombolas-and-tiktok-raffle-competitions.webp");background-size:contain;}.elementor-286419 .elementor-element.elementor-element-c8688f3{text-align:center;margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-286419 .elementor-element.elementor-element-c8688f3 .elementor-heading-title{font-size:5.7vw;letter-spacing:0.1px;}.elementor-286419 .elementor-element.elementor-element-fd1a493{text-align:center;margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-286419 .elementor-element.elementor-element-fd1a493 .elementor-heading-title{font-size:3.9vw;letter-spacing:0.1px;}.elementor-286419 .elementor-element.elementor-element-1243695{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 5px;}.elementor-286419 .elementor-element.elementor-element-c1d7018{--min-height:181px;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:11vw;--padding-bottom:8vw;--padding-left:3vw;--padding-right:3vw;}.elementor-286419 .elementor-element.elementor-element-7288ccf{text-align:center;margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}.elementor-286419 .elementor-element.elementor-element-7288ccf .elementor-heading-title{font-size:5.1vw;letter-spacing:0.1px;}}/* Start custom CSS for shortcode, class: .elementor-element-1243695 *//* FINISHED LOTTERIES GRID FIX */
.elementor-shortcode .woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Stop WooCommerce floats messing things up */
.elementor-shortcode .woocommerce ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Tablet: 2 columns */
@media (max-width: 1024px){
  .elementor-shortcode .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: keep 2 columns (you asked for 2) */
@media (max-width: 767px){
  .elementor-shortcode .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}


/* Title style like your Elementor heading */
.elementor-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: "Helvetica", Sans-serif !important;
  font-size: 1.5vw !important;
  font-weight: 800 !important;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.65) !important;
  color: #ffffff !important;
  text-align: center !important;
  line-height: 1.5 !important;
  margin: 10px 0 6px 0 !important;
}

/* Tablet title size */
@media (max-width: 1024px){
  .elementor-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 2vw !important;
  }
}

/* Mobile: vw can get too tiny, so force a readable size */
@media (max-width: 767px){
  .elementor-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 13px !important;
  }
}


/* Image style like your Elementor image widget */
.elementor-shortcode .woocommerce ul.products li.product a img{
  border-radius: 5px !important;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.57) !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Tablet rule (your example had width: 1000px, but we keep it sensible in a grid) */
@media (max-width: 1024px){
  .elementor-shortcode .woocommerce ul.products li.product a img{
    border-radius: 5px !important;
  }
}


/* Hide price on finished lotteries */
.elementor-shortcode .woocommerce ul.products li.product .price{
  display: none !important;
}

/* Style the "View winners" button like your Elementor button */
.elementor-shortcode .woocommerce ul.products li.product a.button{
  background-color: transparent !important;
  font-family: "Helvetica", Sans-serif !important;
  font-size: 1vw !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;

  /* text colour pulled from your kit (looks like the dark grey) */
  color: var(--e-global-color-68ccbbf, #383838) !important;

  /* gradient background */
  background-image: linear-gradient(79deg, var(--e-global-color-767a676, #F2C541) 0%, #FFE17D 100%) !important;

  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--e-global-color-2a8a9f8, #f2c83b) !important;
  border-radius: 7px !important;

  padding: 10px 15px !important;
  width: 100% !important;        /* makes it neat in a grid */
  display: inline-block !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition: all 0.2s ease !important;
}

/* Hover / focus (makes it feel clickable) */
.elementor-shortcode .woocommerce ul.products li.product a.button:hover,
.elementor-shortcode .woocommerce ul.products li.product a.button:focus{
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* Tablet */
@media (max-width: 1024px){
  .elementor-shortcode .woocommerce ul.products li.product a.button{
    font-size: 1.7vw !important;
    padding: 7px 15px 7px 16px !important;
  }
}

/* Mobile */
@media (max-width: 767px){
  .elementor-shortcode .woocommerce ul.products li.product a.button{
    font-size: 2.6vw !important;
    border-width: 1.2px !important;
    padding: 7px 7px 7px 9px !important;
  }
}


/* Pagination wrapper */
.elementor-shortcode .woocommerce nav.woocommerce-pagination{
  margin-top: 18px !important;
}

/* Make the list sit nicely + align to the right */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers{
  display: flex !important;
  justify-content: flex-end !important;  /* right aligned like Elementor "end" */
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  font-family: "Helvetica", Sans-serif !important;
  font-weight: 700 !important;
}

/* Remove any default borders/margins Woo adds */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Style links + current page like small buttons */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers a.page-numbers,
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers span.page-numbers{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 36px !important;
  height: 34px !important;
  padding: 0 10px !important;

  border-radius: 7px !important;
  border: 2px solid var(--e-global-color-2a8a9f8, #f2c83b) !important;

  background-image: linear-gradient(79deg, var(--e-global-color-767a676, #F2C541) 0%, #FFE17D 100%) !important;
  color: var(--e-global-color-68ccbbf, #383838) !important;

  text-decoration: none !important;
  line-height: 1 !important;
}

/* Current page looks "selected" */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers span.current{
  filter: brightness(0.95) !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.35) !important;
}

/* Hover effect */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers a.page-numbers:hover{
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* Dots style */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers span.dots{
  background: transparent !important;
  border: 0 !important;
  min-width: auto !important;
  padding: 0 4px !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Next arrow a bit wider */
.elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers a.next{
  min-width: 44px !important;
}

/* Tablet + mobile sizing tweaks */
@media (max-width: 1024px){
  .elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers a.page-numbers,
  .elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers span.page-numbers{
    min-width: 34px !important;
    height: 32px !important;
    border-width: 1.6px !important;
  }
}

@media (max-width: 767px){
  .elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers{
    justify-content: center !important; /* nicer on small screens */
  }

  .elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers a.page-numbers,
  .elementor-shortcode .woocommerce nav.woocommerce-pagination ul.page-numbers span.page-numbers{
    min-width: 32px !important;
    height: 30px !important;
    border-width: 1.2px !important;
  }
}


/* Centre the text inside the "View winners" button */
.elementor-shortcode .woocommerce ul.products li.product a.button{
  text-align: center !important;
}


/* Add space under the sort dropdown */
.elementor-shortcode .woocommerce select.orderby{
  margin-bottom: 20px !important;
}/* End custom CSS */