/* SE Products Listing — southend-listing v2.29.14 */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --f:"Noto Sans",-apple-system,sans-serif;
  --navy:#101A20;
  --blue:#0090CE;
  --wh:#F5F7FF;
  --gr:#C5D1DC;
  --lt:#E3EDF6;
  --dg:#48525D;
}
body{font-family:var(--f);background:#F5F7FF;color:var(--navy);-webkit-font-smoothing:antialiased;}
/* Scoped to listing content only — does not override global header/footer link colours */
.spl-hero-wrap a,.spl-main-wrap a{text-decoration:none;color:inherit;}

/* ── Hero ── */
/* Zero Elementor's default 10px widget-container padding on the hero section */
.elementor-element-splhero .elementor-column-wrap,
.elementor-element-splhero .elementor-widget-wrap,
.elementor-element-splhero .elementor-widget-container{padding:0 !important;margin:0 !important;}
.spl-hero-wrap{width:100%;padding:26px 20px 0;}
.spl-hero-card{
  display:flex;align-items:center;gap:40px;
  border-radius:30px;overflow:hidden;
  background:linear-gradient(to right,#a9bcce 0%,rgba(179,197,213,0.5) 26.33%,#c9d5e5 52.66%);
  padding:72px 0 72px 100px;min-height:580px;
}
.spl-hero-left{flex:0 0 440px;}
.spl-hero-title{font-family:var(--f);color:var(--navy);margin-bottom:50px;}
.spl-hl-it{font-size:60px;font-weight:300;font-style:italic;display:block;line-height:1.15;}
.spl-hl-bd{font-size:60px;font-weight:700;font-style:normal;display:block;line-height:1.15;}
a.spl-hero-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:220px;height:40px;background:#017eb4;border-radius:30px;border:1.5px solid transparent;
  font-family:var(--f);font-size:16px;font-weight:700;color:#F5F7FF;
  text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;
}
a.spl-hero-btn:hover,
.spl-hero-card a.spl-hero-btn:hover{opacity:1;background-color:#FFFFFF00;color:#000000 !important;border:1.5px solid #000000;}
.spl-hero-vial{
  flex:1 1 auto;min-width:0;
  height:100%;max-height:580px;
  object-fit:contain;object-position:center center;
  display:block;pointer-events:none;align-self:stretch;
}

/* ── Tagline section ── */
.spl-tagline.elementor-section{padding:80px 80px 50px !important;}
.spl-tagline.elementor-section > .elementor-container > .elementor-row{align-items:flex-end !important;}
/* Zero out Elementor's default column/widget-wrap padding */
.spl-tagline.elementor-section .elementor-column,
.spl-tagline.elementor-section .elementor-column-wrap,
.spl-tagline.elementor-section .elementor-widget-wrap{padding:0 !important;}
.spl-tag-heading{font-size:40px;line-height:normal;color:var(--navy);margin:0;}
.spl-tag-heading em{font-weight:300;font-style:italic;display:block;}
.spl-tag-heading strong{font-weight:700;font-style:normal;display:block;white-space:nowrap;}
.spl-tag-body{font-size:18px;line-height:1.6;color:var(--navy);margin:0;padding-left:35%;}
.spl-tag-body strong{font-weight:600;}

/* ── Main wrapper ── */
.spl-main.elementor-section{padding:26px 80px 80px !important;}
.spl-main-wrap{display:flex;gap:24px;align-items:flex-start;max-width:1600px;margin:0 auto;width:100%;}

/* ── Sidebar ── */
.spl-sidebar{width:302px;flex-shrink:0;}
.spl-filters-heading{font-size:28px;font-weight:600;color:var(--navy);margin-bottom:37px;}
.spl-filter-group{margin-bottom:37px;}
.spl-filter-group-title{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:20px;}
.spl-filter-item{display:flex;align-items:center;gap:15px;margin-bottom:14px;}
.spl-filter-item:last-of-type{margin-bottom:0;}
.spl-checkbox{
  width:18px;height:18px;
  border:1px solid #C5D1DC;border-radius:5px;
  appearance:none;-webkit-appearance:none;
  cursor:pointer;flex-shrink:0;position:relative;background:#fff;
  transition:border-color .12s;
}
.spl-checkbox:checked{border-color:#0090CE;}
.spl-checkbox:checked::after{
  content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:12px;height:12px;background:#0090CE;border-radius:3px;
}
.spl-checkbox:hover:not(:checked){border-color:#48525D;}
.spl-filter-label{font-size:16px;font-weight:400;color:var(--navy);line-height:1.4;cursor:pointer;}
.spl-clear-btn{
  display:flex;align-items:center;justify-content:center;
  width:192px;height:40px;
  border:1.5px solid var(--navy);border-radius:30px;
  background:transparent;
  font-family:var(--f);font-size:16px;font-weight:400;color:var(--navy);
  cursor:pointer;margin-top:24px;
  transition:background .15s,color .15s;
}
.spl-clear-btn:hover{background:var(--navy);color:#fff;}

/* ── Grid area ── */
.spl-grid-area{flex:1;min-width:0;}
.spl-search-wrap{position:relative;max-width:954px;width:100%;margin-bottom:20px;}
.spl-search{
  display:block;width:100%;height:40px;
  border-radius:30px;border:1.5px solid #C5D1DC;background:#fff;
  padding:0 48px 0 20px;
  font-size:16px;font-weight:500;font-family:'Noto Sans',sans-serif;
  color:#101A20;outline:none;box-shadow:none;
  -webkit-appearance:none;appearance:none;
  transition:border-color .15s;
}
.spl-search::placeholder{color:#101A20;font-weight:500;}
.spl-search:focus{border-color:#0090CE;}
.spl-search-icon{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  pointer-events:none;width:20px;height:20px;
}
.spl-result-count{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:24px;}

/* ── Product cards ── */
.spl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.spl-card{
  width:100%;height:420px;border-radius:35px;overflow:hidden;
  position:relative;display:block;background-color:var(--lt);
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  transition:transform .18s,box-shadow .18s;
}
.spl-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,39,56,.15);}
.spl-card-info{
  position:absolute;bottom:16px;left:28px;right:75px;
  display:flex;flex-direction:column;gap:2px;
}
.spl-card-name{font-size:18px;font-weight:600;color:#101A20;line-height:normal;display:block;}
.spl-card-dosage{font-size:16px;font-weight:400;color:#101A20;line-height:1.4;display:block;}
.spl-card-form{font-size:16px;font-weight:400;color:#101A20;line-height:1.4;display:block;}
.spl-card-arrow{
  position:absolute;bottom:20px;right:20px;
  width:45px;height:45px;border-radius:50%;background:#ffffff;
  box-shadow:0 2px 8px rgba(16,26,32,0.12);
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow .18s;
}
.spl-card:hover .spl-card-arrow{box-shadow:0 4px 14px rgba(16,26,32,0.18);}
.spl-card-arrow svg{color:#101A20;flex-shrink:0;}
.spl-no-results{font-size:16px;color:var(--dg);padding:40px 0;}

/* ── Mobile pill filters ── */
.spl-pill-filters{
  display:none;flex-wrap:nowrap;overflow-x:auto;
  gap:10px;padding-bottom:12px;margin-bottom:20px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.spl-pill-filters::-webkit-scrollbar{display:none;}
.spl-pill-filter{
  flex-shrink:0;white-space:nowrap;
  padding:7px 16px;border-radius:30px;
  border:1.5px solid #C5D1DC;background:#fff;
  font-family:var(--f);font-size:15px;font-weight:500;
  color:var(--navy);cursor:pointer;transition:all .15s;
}
.spl-pill-filter.active,.spl-pill-filter:hover{background:#0090CE;border-color:#0090CE;color:#fff;}

/* ══ RESPONSIVE ══════════════════════════════════════════════════════════ */

@media(max-width:1024px){
  .spl-hl-it,.spl-hl-bd{font-size:44px !important;}
  .spl-hero-card{padding:52px 0 52px 60px !important;min-height:460px !important;gap:28px !important;}
  .spl-hero-left{flex:0 0 300px !important;}
  .spl-hero-title{margin-bottom:32px !important;}
  .spl-hero-vial{max-height:460px !important;}
  .spl-tagline.elementor-section{padding:60px 40px 36px !important;}
  .spl-tag-body{padding-left:0 !important;margin-top:15px !important;margin-bottom:-20px !important;}
  .spl-main.elementor-section{padding:16px 40px 60px !important;}
  .spl-main-wrap{display:flex !important;}
  .spl-sidebar{display:none !important;}
  .spl-grid-area{flex:1 !important;min-width:0 !important;}
  .spl-pill-filters{display:flex !important;}
  .spl-search-wrap{max-width:100% !important;}
  .spl-grid{grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}
  .spl-card{width:100% !important;flex:none !important;height:380px !important;}
}

@media(max-width:768px){
  .spl-hl-it,.spl-hl-bd{font-size:34px !important;}
  .spl-hero-wrap{padding:12px 20px 0 !important;}
  .spl-hero-card{padding:40px 0 40px 36px !important;min-height:360px !important;gap:20px !important;border-radius:20px !important;}
  .spl-hero-left{flex:1 1 auto !important;min-width:0 !important;}
  .spl-hero-title{margin-bottom:20px !important;}
  .spl-hero-vial{flex:0 0 50% !important;max-width:50% !important;max-height:360px !important;}
  .spl-hero-btn{width:180px !important;}
  .spl-tagline.elementor-section{padding:40px 20px 30px !important;}
  .spl-tagline.elementor-section > .elementor-container > .elementor-row{flex-direction:column !important;align-items:flex-start !important;row-gap:20px !important;}
  .spl-tagline.elementor-section .elementor-column{width:100% !important;}
  .spl-tag-body{padding-left:0;}
  .spl-tag-heading{font-size:28px !important;}
  .spl-tag-body{font-size:16px !important;}
  .spl-main.elementor-section{padding:32px 20px 48px !important;}
  .spl-pill-filter{font-size:14px !important;padding:6px 12px !important;}
  .spl-result-count{font-size:16px !important;}
  .spl-card-name{font-size:16px !important;}
  .spl-card-dosage,.spl-card-form{font-size:14px !important;}
}

@media(max-width:540px){
  .spl-hl-it,.spl-hl-bd{font-size:26px !important;}
  .spl-hero-card{padding:28px 24px !important;min-height:280px !important;gap:0 !important;}
  .spl-hero-btn{width:100% !important;max-width:200px !important;}
  .spl-tagline.elementor-section{padding:20px 20px 16px !important;}
  .spl-tag-heading{font-size:22px !important;margin-bottom:16px !important;}
  .spl-tag-body{font-size:15px !important;margin-bottom:-20px !important;}
  .spl-main.elementor-section{padding:20px !important;}
  .spl-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .spl-card{height:340px !important;}
  .spl-card-arrow{bottom:14px !important;right:14px !important;width:38px !important;height:38px !important;}
  .spl-card-arrow svg{width:18px !important;height:18px !important;}
}

@media(max-width:500px){
  .spl-hero-vial{display:none !important;}
  .spl-hero-left{flex:1 1 100% !important;min-width:0 !important;}
  .spl-hero-card{padding:28px 24px !important;gap:0 !important;}
}

@media(max-width:767px){
  section.elementor-section.elementor-top-section.elementor-element.elementor-element-spltagline{
    padding-top:40px !important;padding-left:30px !important;padding-right:30px !important;padding-bottom:35px !important;
  }
  section.elementor-section.elementor-top-section.elementor-element.elementor-element-splmain.elementor-section-full_width{
    padding-left:30px !important;padding-right:30px !important;
  }
  .spl-hl-it,.spl-hl-bd{display:block !important;}
  .spl-hero-vial{display:none !important;}
  .spl-hero-left{flex:1 1 100% !important;min-width:0 !important;}
  .spl-hero-card{padding:40px 36px !important;gap:0 !important;}
}

@media(max-width:380px){
  .spl-hl-it,.spl-hl-bd{font-size:22px !important;}
  .spl-hero-card{padding:22px 18px !important;min-height:240px !important;}
  .spl-hero-title{margin-bottom:14px !important;}
  .spl-main.elementor-section{padding:16px 12px !important;}
  .spl-card{height:auto !important;aspect-ratio:3/4;}
}