:root{
  /* Brand tokens */
  --brand-primary:#F7CC59;          /* Yellow */
  --brand-primary-900:#235582;      /* Navy hover/pressed */
  --brand-secondary:#235582;        /* Navy */
  --brand-tertiary:#F7F8FA;         /* Light surface */
  --text-primary:#0E1B2A;
  --text-secondary:#3D4A5C;
  --text-inverse:#ffffff;
  --border:#E6E6E8;                 /* Neutral base */
  --muted:#9EA5AE;

  --radius-pill:999px;
  --radius-md:12px;
  --shadow-soft:0 10px 24px rgba(35,85,130,.15);

  /* Typography */
  --font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  --h1-size:60px; --h1-lh:70px; --h1-w:800;
  --h2-size:56px; --h2-lh:66px; --h2-w:700;
  --h3-size:44px; --h3-lh:56px; --h3-w:700;
  --h4-size:32px; --h4-lh:48px; --h4-w:700;
  --h5-size:28px; --h5-lh:36px; --h5-w:700;
  --h6-size:24px; --h6-lh:30px; --h6-w:700;

  --b1-size:20px; --b1-lh:30px;
  --b2-size:18px; --b2-lh:28px;
  --b3-size:16px; --b3-lh:26px;
  --b4-size:14px; --b4-lh:24px;
  --b5-size:12px; --b5-lh:22px;
}

html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{
  margin:0;color:var(--text-primary);
  font-family:var(--font-family);
  font-size:var(--b3-size);
  line-height:var(--b3-lh);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1600px;margin:0 auto;padding:0 20px;}
.site-header,.site-footer{background:#fff;}
.site-footer{border-top:1px solid var(--border);border-bottom:0}

h1,h2,h3,h4,h5,h6{margin:0 0 12px;color:var(--text-primary)}
h1{font-size:var(--h1-size);line-height:var(--h1-lh);font-weight:var(--h1-w)}
h2{font-size:var(--h2-size);line-height:var(--h2-lh);font-weight:var(--h2-w)}
h3{font-size:var(--h3-size);line-height:var(--h3-lh);font-weight:var(--h3-w)}
h4{font-size:var(--h4-size);line-height:var(--h4-lh);font-weight:var(--h4-w)}
h5{font-size:var(--h5-size);line-height:var(--h5-lh);font-weight:var(--h5-w)}
h6{font-size:var(--h6-size);line-height:var(--h6-lh);font-weight:var(--h6-w)}

input:focus, textarea:focus, select:focus {
  box-shadow: 0px 0px 0px !important;
}

.p-large{font-size:var(--b1-size);line-height:var(--b1-lh)}
.p-medium{font-size:var(--b2-size);line-height:var(--b2-lh)}
.p-small{font-size:var(--b4-size);line-height:var(--b4-lh)}

/* Buttons */
.button,.btn,body .elementor-button{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.8rem 1.25rem;
  border-radius:var(--radius-pill);
  font-weight:600;
  border:1px solid transparent;
  text-decoration:none;
  transition:all .2s ease;
  box-shadow:var(--shadow-soft);
  cursor: pointer;
  position: relative;
}
.btn--lg{padding:1rem 1.5rem;font-size:var(--b2-size)}
.btn--md{padding:.8rem 1.25rem;font-size:var(--b3-size)}
.btn--sm{padding:.55rem 1rem;font-size:var(--b4-size)}

.btn--primary,.elementor-button--primary,.elementor-button.elementor-size-md{
  background:var(--brand-primary);
  color:var(--text-primary);
}
.btn--primary:hover,.elementor-button--primary:hover{background:var(--brand-primary-900);color:var(--text-inverse)}

.btn--secondary{
  background:#fff;color:var(--brand-secondary);
  border-color:var(--brand-secondary);
}
.btn--secondary:hover{background:var(--brand-secondary);color:#fff}

.btn--tertiary{
  background:#fff;color:var(--text-secondary);
  border:1px solid var(--border); box-shadow:none;
}
.btn--tertiary:hover{background:#f6f7f9}

.btn--icon-only{padding:.6rem;border-radius:50%;width:42px;height:42px;justify-content:center}
.btn__icon{display:inline-block;transform:translateX(0);transition:transform .2s}
.btn__icon svg {
  margin-top: 0px; display: block;
}
.btn--with-icon:hover .btn__icon{transform:translateX(2px)}

/* Inputs */
input[type="text"],input[type="email"],input[type="number"],input[type="search"],textarea,select{
  width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:#fff;
  font:inherit;color:#5B5B5B;outline:none;transition:border-color .15s ease, box-shadow .15s ease;
}
input:focus,textarea:focus,select:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(35,85,130,.12)}

/* Radios */
input[type="radio"]{margin-top: 0px;appearance:none;width:16px;height:16px;border:3px solid #C8C8C8; background: #C8C8C8;border-radius:50%;display:inline-grid;place-content:center;cursor:pointer;transition:all .2s}
input[type="radio"]::before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;background:var(--brand-secondary)}
input[type="radio"]:checked{border-color:#fff; background: #235582;}
input[type="radio"]:checked::before{transform:scale(1)}

/* Checkboxes */
input[type="checkbox"]{appearance:none;width:18px;height:18px;border:2px solid var(--muted);border-radius:6px;display:inline-grid;place-content:center;cursor:pointer;transition:all .2s}
input[type="checkbox"]::before{content:\"\\2713\";font-size:14px;transform:scale(0);transition:120ms transform ease-in-out;color:#fff}
input[type="checkbox"]:checked{background:var(--brand-secondary);border-color:var(--brand-secondary)}
input[type="checkbox"]:checked::before{transform:scale(1)}

/* Toggle switch */
.switch{position:relative;display:inline-block;width:44px;height:24px}
.switch input{opacity:0;width:0;height:0}
.switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ECEFF3;border-radius:999px;transition:.2s}
.switch__slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.switch input:checked + .switch__slider{background:var(--brand-secondary)}
.switch input:checked + .switch__slider:before{transform:translateX(20px)}

/* Utility */
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid var(--border);padding:12px;text-align:left}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#EEF2F7;color:#2C3E50;font-weight:600}
.muted{color:var(--muted)}


/* ===== Header / Nav ===== */
.header-inner{display:flex;align-items:center;gap:20px;min-height:70px}
.site-logo{font-weight:800;text-decoration:none;color:var(--text-primary)}
.site-nav{margin-left:auto}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:24px}
.menu a{color:var(--text-primary);text-decoration:none;font-weight:500}
.menu a:hover{color:var(--brand-secondary); text-decoration: underline;}
.header-cta{margin-left:24px}
.sub-menu {
  min-width: 215px;
}

.burger{display:none;position:relative;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#fff}
.burger span{position:absolute;left:9px;right:9px;height:2px;background:#0E1B2A;border-radius:2px;transition:.2s}
.burger span:nth-child(1){top:12px}
.burger span:nth-child(2){top:19px}
.burger span:nth-child(3){top:26px}
.mobile-menu{display:none;border-top:1px solid var(--border);background:#fff}
.mobile-menu .menu-mobile{list-style:none;margin:0;padding:10px}
.mobile-menu .menu-mobile li a{display:block;padding:12px 8px;border-radius:8px}
.mobile-menu .menu-mobile li a:hover{background:#f6f7f9}

/* ===== Footer ===== */
.site-footer{margin-top:40px;background:#fff;border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:36px 0}
.footer-grid h6{margin-bottom:10px}
.menu-footer{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.menu-footer a{color:var(--text-primary);text-decoration:none}
.menu-footer a:hover{color:var(--brand-secondary)}
.footer-bottom{padding:14px 0;border-top:1px solid var(--border)}

/* Responsive */
@media (max-width: 980px){
  .site-nav,.header-cta{display:none}
  .burger{display:block;margin-left:auto}
  .mobile-menu.is-open{display:block}
  .footer-grid{grid-template-columns:1fr}
}

/* ===== Elementor Global Token variables ===== */
:root{
  --e-global-color-primary:#F7CC59;
  --e-global-color-secondary:#235582;
  --e-global-color-text:#0E1B2A;
  --e-global-color-accent:#235582;

  --e-global-typography-primary-font-family:'Montserrat';
  --e-global-typography-secondary-font-family:'Montserrat';
  --e-global-typography-text-font-family:'Montserrat';
  --e-global-typography-accent-font-family:'Montserrat';
}


/* ===== Top header (logo + icons + actions) ===== */
.header-top{display:flex;align-items:center;gap:20px;min-height:76px; padding: 20px;}
.site-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-weight:800}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}
.header-link{color:var(--text-primary);text-decoration:none;font-weight:500}
.header-link:hover{color:var(--brand-secondary)}

.header-icons{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.header-icons {
  border-right: 1px solid #4F4F4F1F;
  padding-right: 25px;
  margin-right: 10px;
}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;}

.header-cta.btn, body .elementor-button {background:var(--brand-primary);color:#0E1B2A;border:none}
/* Split-icon CTA (default = pill; hover = arrow pops into a round pill on right) */
.btn--split{
  position: relative;
  overflow: visible;               /* allow the round icon to sit outside on hover */
  padding-right: 60px;             /* space for the icon while it sits inside */
}

/* Make the primary menu a flex row (MMM + non-MMM) */
.primary-nav .menu,
.mega-menu-wrap .mega-menu{
  display: flex;
  align-items: center;
  gap: 28px;
}

/* Push the first right group to the far right */
.primary-nav .menu > li.push-right,
.mega-menu-wrap .mega-menu > li.push-right{
  margin-left: auto;
}

/* Mobile: stack items normally */
@media (max-width: 980px){
  .mega-menu-wrap .mega-menu{ display: block; }
  .mega-menu-wrap .mega-menu > li.push-right{ margin-left: 0; }
}


/* Generic markup support (if you hand-code a button) */
.btn--split .btn__icon-wrap, .btn--split .elementor-button .elementor-button-icon {
  position: absolute; right: -8px; top: 50%; transform: translateY(-50%);
  border-radius: 50%;
  display: grid; place-items: center;
  background: var(--brand-primary);         /* sits inside the pill initially */
  transition: right .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
  will-change: transform, right;
  width: 44px;
  height: 44px;
  z-index: 1;
}

/* Elementor button DOM support */
body .elementor-button .elementor-button-icon{
  position: absolute !important; right: 12px; top: 50%; transform: translateY(-50%);
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
  background: transparent;
  transition: right .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
  will-change: transform, right;
}

/* Keep the header CTA yellow on hover (don’t flip to navy) */
.btn--split.btn--primary:hover,
 body .elementor-button:hover{
  background: var(--brand-primary);
  color: var(--text-primary);
}

/* The magic: icon slides out and becomes a separate yellow circle */
.btn--split:hover .btn__icon-wrap,
body .btn--split .elementor-button:hover .elementor-button-icon{
  right: -45px;                                /* move outside the main pill */
  background: var(--brand-primary);            /* same yellow bubble */
  box-shadow: var(--shadow-soft);
  transform: translateY(-50%) translateX(0);   /* smooth slide */
}

/* Slight arrow nudge for a crisper feel */
.btn--split .btn__icon,
.btn--split .elementor-button .elementor-button-icon i,
.btn--split .elementor-button .elementor-button-icon svg{
  transition: transform .25s ease;
}
.btn--split:hover .btn__icon,
.btn--split .elementor-button:hover .elementor-button-icon i,
.btn--split .elementor-button:hover .elementor-button-icon svg{
  transform: translateX(1px);
}

/* Size tweaks for larger/smaller buttons */
.btn--split.btn--lg,
.btn--split .elementor-button.elementor-size-lg{ padding-right: 68px; }
.btn--split.btn--sm,
.btn--split .elementor-button.elementor-size-sm{ padding-right: 35px;}
.btn--split span{ z-index:2; position: relative;}
.btn--split .elementor-button.elementor-size-sm .btn__icon-wrap{ z-index:1 }

/* Focus ring (keyboard accessibility) */
.btn--split:focus-visible,
.btn--split .elementor-button:focus-visible{
  outline: 3px solid rgba(35,85,130,.35);
  outline-offset: 3px;
}


/* Burger */
.burger{display:none;position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:#fff}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:#0E1B2A;border-radius:2px;transition:.2s}
.burger span:nth-child(1){top:13px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:29px}

/* ===== Navy menu bar ===== */
.header-bar{background:#235582;color:#fff}
.primary-nav .menu, .menu-primary{list-style:none;margin:0;padding:0;display:flex;gap:40px;min-height:48px;align-items:center}
.primary-nav .menu > li > a{color:#fff;text-decoration:none;padding:14px 0;display:inline-flex;align-items:center;gap:6px;font-weight:600}
.primary-nav .menu > li.menu-item-has-children > a:after{content:"▾";font-size:12px;opacity:.85}

/* ===== Max Mega Menu styling ===== */
.mega-menu-wrap, .megamenu-wrap{--left-w: 240px}
.mega-menu-wrap .mega-menu{background:#235582;border:none}
.mega-menu-wrap .mega-menu > li > a.mega-menu-link{color:#fff;font-weight:600;padding:14px 12px}
.mega-menu-wrap .mega-menu > li.mega-current-menu-item > a,
.mega-menu-wrap .mega-menu > li > a:hover{background:transparent;color:#F7CC59}

/* Dropdown panel */
.mega-menu-wrap .mega-sub-menu{padding:18px 18px 22px;background:transparent;border:none;box-shadow:none}
.mega-menu-wrap .mega-sub-menu .mega-menu-columns{display:flex;gap:26px}
.mega-menu-wrap .mega-sub-menu .mega-sub-menu{background:transparent}

/* Card look for each column */
.mmm-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 42px rgba(14,27,42,.15);padding:16px;min-width:220px}
.mmm-card h4{margin:0 0 10px;font-size:16px;color:#9EA5AE;text-transform:uppercase;letter-spacing:.02em}
.mmm-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mmm-card a{color:var(--text-primary);text-decoration:none}
.mmm-card a:hover{color:var(--brand-secondary)}

/* Mobile */
@media (max-width: 1100px){
  .header-top{gap:12px; padding: 20px;}
}
@media (max-width: 980px){
  .header-link, .header-cta{display:none}
  .burger{display:inline-flex;margin-left:6px;justify-content:center;align-items:center}
  .primary-nav{display:none}
  .mobile-menu{display:none;border-top:1px solid var(--border);background:#fff}
  .mobile-menu.is-open{display:block}
  .mobile-menu .menu-mobile{list-style:none;margin:0;padding:8px}
  .mobile-menu .menu-mobile li a{display:block;padding:12px 10px;border-radius:8px;color:var(--text-primary);text-decoration:none}
  .mobile-menu .menu-mobile li a:hover{background:#f6f7f9}
}

/* If using Max Mega Menu, prefer its mobile toggle and hide our burger to avoid double icon */
.mega-menu-wrap .mega-menu-toggle{display:none}
@media (max-width: 980px){
  .mega-menu-wrap .mega-menu-toggle{display:flex;margin-left:auto}
  .burger{display:none}
}


/* ===== Footer (light) ===== */
.site-footer{background:#fff;border-top:1px solid var(--border);margin-top:40px}
.footer-contact-strip{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border)}
.fcs-item{display:flex;gap:10px;align-items:center}
.fcs-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:#fff}
.footer-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:28px 0}
.footer-col h6,.widget-title{margin:0 0 10px;font-size:16px;color:#9EA5AE;text-transform:uppercase;letter-spacing:.02em}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-links a{color:var(--text-primary);text-decoration:none}
.footer-links a:hover{color:var(--brand-secondary)}
.newsletter{display:flex;gap:10px;margin:10px 0 12px}
.newsletter input{flex:1}
.footer-social{display:flex;gap:10px}
.footer-social .social{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text-primary)}

.footer-payments{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.footer-payments .badges{display:flex;gap:8px;flex-wrap:wrap}
.footer-payments .payments{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.footer-payments .pm{width:44px;height:28px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(#fff,#f7f7f7)}

.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:10px}
.menu-legal{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.menu-legal a{color:var(--text-secondary);text-decoration:none}
.menu-legal a:hover{color:var(--brand-secondary)}
.copyright{margin:0;color:var(--muted)}

/* Dark variant */
.footer--dark{background:#0E1B2A;color:#fff}
.footer--dark .footer-links a{color:#fff}
.footer--dark .menu-legal a{color:#E1E7EF}
.footer--dark .fcs-icon{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.footer--dark .footer-payments{border-color:rgba(255,255,255,.12)}
.footer--dark .footer-contact-strip{border-color:rgba(255,255,255,.12)}
.footer--dark .footer-bottom{border-color:rgba(255,255,255,.12)}

/* Responsive tweaks */
@media (max-width: 980px){
  .footer-contact-strip{flex-wrap:wrap;gap:12px}
  .footer-grid-4{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .footer-grid-4{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}


/* ====== Footer (Navy) ====== */
.site-footer--navy{background:#235582;color:#fff;margin-top:0px}
.site-footer--navy a{color:#fff;text-decoration:none}
.site-footer--navy a:hover{opacity:.9}

.footer-search{padding:60px 0 50px;text-align:center;}
.footer-search__title{color:#fff;margin-bottom:25px; font-weight: 600;}
.footer-search__form{max-width:980px;margin:0 auto}
.footer-search__bar{display:grid;grid-template-columns: 1fr auto;gap:10px;position:relative}
.footer-search__icon{position:absolute;left:20px;top:57%;transform:translateY(-50%)}
.footer-search__input{padding:14px 16px 14px 38px;border-radius:999px;border:none;outline:none}
.footer-search__btn{border-radius:999px; padding: .8rem 2.5rem; font-weight: 600; font-size: 16px;}
.footer-search__form .footer-search__input{padding: .75rem 1rem .75rem 3rem; border-radius: 200px;}
.footer-search__filters{margin-top:25px;display:flex;gap:14px;color:#E1E8F0}
.chip{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:#fff}
.chip input{accent-color:#F7CC59}
.filter-search__title {font-weight: 600; }

.footer-grid--links{margin-bottom: 60px;padding:50px 0 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px; border-top: 1px solid #FFFFFF12;}
.footer-col h6{margin:0 0 20px;color:#fff;text-transform:none;font-size:18px !important; font-weight: 600;}
.link-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.link-list a{color:#E9F1F8}

.footer-col--contact .contact-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.footer-col--contact .contact-list strong{font-weight: 500; color: #00DADC; margin-right: 6px;}
.footer-col--contact .contact-list a {text-decoration: underline;}
.footer-col--newsletter .newsletter__row{position: relative; width: 100%;margin-bottom:14px}
.footer-col--newsletter input[type="email"]{padding:20px 60px 20px 25px; border:none;border-radius:999px}
.newsletter__btn{border:0;border-radius:999px;background:#F7CC59;position: absolute; right: 8px;top: 6px; width: 52px; height: 52px; font-weight:700}
.social{display:flex;gap:8px;margin-top:8px; align-items: center; margin-bottom: 35px;}
.social > span {font-size: 18px; font-weight: 600;}
.social__icons{display:flex;gap:10px}
.social__icon{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:transparent; border: 1px solid #FFFFFF1A;color:#fff}

.badges{display:flex;gap:12px;margin-top:12px}
.badge-img{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700}

.footer-brand{padding:40px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15)}
.footer-brand__logo img{max-height:60px}
.payments{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.payment{font-size:12px;border-radius:6px;}
.payment--braintree{padding:6px 10px;background:#fff;color:#235582;font-weight:700}

.footer-legal {background: #1D4569}
.footer-legal .container {display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#fff;padding:20px 0 6px;}
.footer-legal a{color:#fff}
.footer-legal .agency{opacity:.85}

@media (max-width:1100px){
  .footer-grid--links{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:780px){
  .footer-search__bar{grid-template-columns:1fr}
  .footer-grid--links{grid-template-columns:1fr}
  .footer-brand{flex-direction:column;gap:14px}
  .footer-legal{flex-direction:column;gap:8px;text-align:center}
}
.staff-breadcrumb {
  margin-top: 30px;
}
.staff-breadcrumb a {
  font-size: 16px;
  color: #5B5B5B;
  font-weight: 500;
}
.staff-breadcrumb strong {
  color: #235582;
  text-decoration: underline;
}
.staff-bg {
  background: url('/wp-content/themes/synergy/assets/images/staff-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  border-radius: 20px;
}
.staff-single {
  margin-top: 70px;
  margin-bottom: 70px;
}
.staff-single article h1 {
  font-size: 56px;
  font-weight: 600;
  color: #000;
}
.staff-single article .h5 {
  font-size: 20px;
  color: #212121;
  font-weight: 400;
}
.staff-linkedin {
  color: #235582;
  font-weight: 500;
  font-size: 16px;
}
.staff-linkedin img {
  vertical-align: text-bottom;
  margin-right: 5px;
}
.staff-single hr {
  margin-top: 35px;
  margin-bottom: 35px;
}

.staff-hero {
  background: url('/wp-content/themes/synergy/assets/images/our-staff-bg.png');
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 70px 100px 100px;
  margin-bottom: 80px;
  margin-top: 50px;
}
.staff-hero h1 {
  font-size: 56px;
  font-weight: 600;
  color: #000;
  margin-top: 30px;
  margin-bottom: 20px;
}

.staff-grid{display:grid;gap:50px 30px;grid-template-columns:repeat(4,minmax(0,1fr))}
.staff-grid hr {
  margin-top: 0px;
  margin-bottom: 15px;
}
.staff-bottom {
  display: flex;
  justify-content: space-between;
}
@media(max-width:1200px){.staff-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.staff-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.staff-grid{grid-template-columns:1fr}}
.staff-card{background:#ECF3F8; border-radius:20px; overflow:hidden; margin-bottom: 0px; transition: all .3s; }
.staff-card__meta{padding:20px 0px}
.staff-card__name{margin:0 0 8px;font-size: 24px; font-weight: 600; line-height: 32px;}
.staff-card__desig{color:#5a738b;font-size:.95rem}
@media(max-width:1024px){.staff-single{grid-template-columns:1fr}}
.staff-card img {
  width: 100%;
  height: auto;
}
.staff-grid artical:hover .staff-card {
  background: url('/wp-content/themes/synergy/assets/images/Rectangle 175.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
}
.staff-bottom .staff-btn {
  opacity: 0;
  cursor: none;
  transition: all .3s;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
.staff-grid artical:hover .staff-bottom .staff-btn {
  opacity: 1;
  cursor: pointer;
}
.staff-bottom .btn__icon {
  vertical-align: middle;
  margin-left: 5px;
}

/* container */
.two-image-anim {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 4vw, 56px);
  --nudge: 10px;     /* image drift distance */
  --dur: 2.8s;       /* loop speed */
}

/* images */
.img-left img,
.img-right img {
  display: block;
  max-width: min(100%, 420px);
  height: auto;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.12));
  will-change: transform;
}

/* infinite, steady animations */
.img-left img  { animation: drift-left  var(--dur) ease-in-out infinite; }
.img-right img { animation: drift-right var(--dur) ease-in-out infinite; }

/* center arrow (SVG in middle column) */
.arrow-wrap { display: grid; place-items: center; }
.center-arrow {
  width: clamp(40px, 6vw, 72px);
  height: auto;
  color: #111;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
  animation: pulse var(--dur) ease-in-out infinite;
  will-change: transform, filter;
}

/* keyframes */
@keyframes drift-left  { 0%,100%{transform:translateX(0)} 50%{transform:translateX(var(--nudge))} }
@keyframes drift-right { 0%,100%{transform:translateX(0)} 50%{transform:translateX(calc(var(--nudge)*-1))} }
@keyframes pulse {
  0%,100% { transform: scale(1);  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18)); }
  50%     { transform: scale(1.12); filter: drop-shadow(0 4px 12px rgba(0,0,0,.25)); }
}

/* mobile: stack with arrow between images */
@media (max-width: 767px) {
  .two-image-anim { flex-direction: column; gap: 16px; }
  .arrow-wrap { order: 2; }
  .img-left  { order: 1; }
  .img-right { order: 3; }
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {
  .img-left img, .img-right img, .center-arrow { animation: none !important; }
}

.pcats__pills {
  background: #F2F2F2;
  border: 1px solid #E6E6E8;
  border-radius: 60px;
  padding: 10px;
  max-width: 420px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
}
.pcats__pills button {
  border: 0px;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #AAAAAA;
  padding: 14px 30px;
  border-radius: 60px;
  display: flex;
  align-items: center;
}
.pcats__pills button img,
.md-pills button img {
  margin-right: 5px;
  display: inline-block;
}
.pcats__pills button.is-active,
.pcats__pills button:focus,
.pcats__pills button:visited {
  background: #235582;
  border: 0px !important;
  color: #fff;
}
.pcats__pills button .hover-img,
.md-pills button .hover-img {
  display: none;
}
.pcats__pills button.is-active .hover-img,
.md-pills button.is-active .hover-img {
  display: inline-block;
}
.pcats__pills button.is-active .normal-img,
.md-pills button.is-active .normal-img {
  display: none;
}
/* Grid */
.pcats__grid{
  display:grid; gap:30px; max-width:1600px; margin:0 auto;
  grid-template-columns:repeat(4,1fr);
}
@media (max-width:1024px){ .pcats__grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){  .pcats__grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){  .pcats__grid{ grid-template-columns:1fr;} }

/* Cards */
.pcats__card{
  position:relative; display:flex; flex-direction:column; gap:15px;
  background:#fff; border:1px solid #E6E6E8; border-radius:20px;
  padding:18px 22px; text-decoration:none; color:inherit; text-align:left;
  transition:transform .2s, box-shadow .2s;  justify-content:center; transition: all .3s;
}
.pcats__card:hover{ transform:translateY(0px); background: #235582;}
.pcats__title{ font-weight:600; font-size: 16px; color: #000; padding-right: 40px;}
.pcats__meta{ font-size:14px; color:#888888; font-weight:500; }
.pcats__chev{
  position:absolute; right:14px; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:50%; background: #F2F2F2;
  display:inline-flex; padding: 5px 0px 0px 17px; font-size:30px;
  color: #879CCF;
}
.pcats__card:hover .pcats__title,
.pcats__card:hover .pcats__meta {
  color: #fff;
}
.pcats__card:hover .pcats__chev {
  background: #F7CC59;
  color: #235582;
}

/* CTA card (blue) */
.pcats__card--cta{
  background:#1d4ed8; color:#fff; align-items:flex-start; justify-content:center;
  gap:8px; border-color:#1d4ed8;
}

.gj-featured-wrap{max-width:1600px;margin:0 auto;padding:10px 0}
.gj-featured-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.gj-featured-title{font-size:32px;font-weight:700}
.gj-view-all{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:28px;background:#f8d66c;color:#222;text-decoration:none;font-weight:600}
.gj-grid{display:grid;gap:30px}
.gj-cols-2{grid-template-columns:repeat(2,1fr)}
.gj-cols-3{grid-template-columns:repeat(3,1fr)}
.gj-cols-4{grid-template-columns:repeat(4,1fr)}
.gj-cols-5{grid-template-columns:repeat(5,1fr)}
.gj-cols-6{grid-template-columns:repeat(6,1fr)}

.gj-card{padding: 20px 20px 130px; position: relative; background:#fff;border-radius:20px;box-shadow:0 1px 8px 0px rgba(16, 24, 40, 0.1);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease}
.gj-card:hover{transform:translateY(-4px)}
.gj-footer {position: absolute; bottom: 25px;}
.gj-img-wrap{ border-radius: 20px;position:relative;background:#f6f7fb;height:250px;display:flex;align-items:center;justify-content:center}
.gj-img-wrap img{max-height:85%;max-width:85%;object-fit:contain}
.gj-img-overlay {
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(35, 85, 130, .8);
    border-radius: 20px;
    opacity: 0;
    transition: all .3s;
  }
.gj-img-overlay span {
  display: block;
}
.gj-card:hover .gj-img-overlay {
  opacity: 1;
}
.gj-img-overlay a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline !important;
}
.gj-img-overlay .text {
  text-align: center;
}
.gj-heart{z-index: 9;border: 0px; position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;background:transparent;display:grid;place-items:center;cursor:pointer}
.gj-heart svg{width:22px;height:20px;fill:#AAAAAA}
.gj-heart.active svg{fill:#235582}
.gj-heart:focus {
  outline: none;
}

/* expired ribbon */
.gj-ribbon-expired{
  position:absolute;left:-8px;top:12px;
  background:#ef4444;color:#fff;font-weight:800;
  padding:6px 12px;border-top-right-radius:10px;border-bottom-right-radius:10px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);text-transform:uppercase;font-size:11px;letter-spacing:.6px
}

.gj-body{padding:20px 0px 10px}
.gj-meta-line{font-size:14px;color:#000;display:flex;gap:10px;margin-bottom:6px}
.gj-title{font-size:18px;line-height:1.35;font-weight:600;color:#000;margin:6px 0 8px;display:block;text-decoration:none}
.gj-price{font-size:20px;font-weight:600;margin:6px 0 2px; color: #000;}
.gj-price small{font-size:18px;font-weight:600;color:#000;margin-left:4px}
.gj-exp{display:flex;align-items:center;gap:6px;font-size:14px;margin-top:25px; color: #000; font-weight: 500;}
.gj-exp.ok{color:#000}
.gj-exp.bad{color:#ef4444}
.gj-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:rgba(59, 178, 114, 1)}

.gj-foot{display:flex;align-items:center;padding:12px 0px 0px}
.gj-qty{display:flex;align-items:center;gap:8px; border-radius: 200px; border: 1px solid #E6E6E8; padding: 0px 15px;}
.gj-qty .gj-btn{font-size: 24px; color: #000;width:28px;height:28px;border-radius:999px;background:transparent;border:none;display:grid;place-items:center;cursor:pointer}
.gj-qty input[type="number"]{color: #000;width:44px;padding: 0px 0px 0px 10px;border:0px; height: 42px; border-radius:0px;text-align:center}
button:focus {
  outline: none;
}
.gj-cart-btn{margin-left: 10px;background:transparent;width:42px;height:42px;border-radius:999px;border:none;display:grid;place-items:center;cursor:pointer}
.gj-cart-btn[disabled]{opacity:.5;cursor:not-allowed}
.gj-cart-btn:focus {
  outline: none;
}

@media (max-width:1024px){.gj-cols-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.gj-cols-3,.gj-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.gj-cols-2,.gj-cols-3,.gj-cols-4{grid-template-columns:1fr}}

/* === Current Deals styles (scoped) === */
.cd-wrap{max-width:1600px;margin:0 auto;padding:24px 0}

.cd-grid{display:grid;gap:30px}
.cd-cols-2{grid-template-columns:repeat(2,1fr)}
.cd-cols-3{grid-template-columns:repeat(3,1fr)}
.cd-cols-4{grid-template-columns:repeat(4,1fr)}
.cd-cols-5{grid-template-columns:repeat(5,1fr)}
.cd-card{background:transparent;}
.cd-img{position: relative;height:320px;border-radius:20px; border: 1px solid rgba(230, 230, 232, 1);display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.cd-img img{max-height:90%;max-width:90%;object-fit:contain}
.cd-name{font-weight:600;color:#000;margin:0px 0 30px;display:block;text-decoration:none; font-size: 20px;}
.cd-prices{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.cd-prices .reg{color:#b91c1c;text-decoration:line-through; font-size: 18px; font-weight: 400;}
.cd-prices .sale{font-weight:600; font-size: 20px; color: #000;}

.cd-cart-hover{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:999px;background:transparent; padding: 0px;display:grid;place-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,.18);opacity:0;transform:translateY(6px) scale(.95);transition:all .2s ease;pointer-events:none;text-decoration:none;color:#000}
.cd-card:hover .cd-cart-hover{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.cd-cart-hover svg{width:42px;height:42px;display:block}

.cd-divider{height:2px;background:rgba(37, 52, 95, 1);margin:20px 0}
.cd-rows{font-size:13px;color:#374151}
.cd-row{display:flex;justify-content:space-between;padding:12px 0; border-top: 1px solid rgba(231, 231, 231, 1)}
.cd-rows .cd-row:first-child {
  border-top: 0px;
}
.cd-row .k{color:rgba(91, 91, 91, 1); font-size: 16px; font-weight: 500;}
.cd-row .v{font-weight:600; font-size: 16px; color: rgba(0, 0, 0, 1);}
.cd-row.exp .v.ok{color:#000}
.cd-row.exp .v.bad{color:#ef4444}

.cd-actions{margin-top:10px}
.cd-actions a{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:underline; color: rgba(0, 0, 0, 1); font-size: 16px;}
.cd-actions .dot{display:inline-grid;place-items:center}
@media (max-width:1024px){.cd-cols-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.cd-cols-3,.cd-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cd-cols-2,.cd-cols-3,.cd-cols-4{grid-template-columns:1fr}}


.testi-container > .e-con-inner {
  margin-right: calc(50% - 49.1vw) !important;
}
.tso-wrap{padding:24px 0;overflow-x:hidden} /* <- prevent page-level horizontal scroll */
.tso-box{overflow:hidden}
.tso-slider{position:relative}

/* track: scrollable, no native bars */
.tso-track{
  display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;
  scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.tso-track::-webkit-scrollbar{display:none}

.tso-card{
  flex:0 0 var(--tso-card-w,460px);min-width:var(--tso-card-w,460px);max-width:var(--tso-card-w,460px);
  background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:40px 25px;
  scroll-snap-align:start;
}
.tso-stars > svg {
  margin-right: 5px;
}
.tso-arrow-left {
  transform: rotate(180deg);
}
.tso-card h4{font-size:18px !important;font-weight:600 !important; line-height: 24px !important; margin:10px 0 6px;color:#000}
.tso-card .tso-body p {color:rgba(31, 50, 62, 1);font-size:18px; font-weight: 400;line-height:1.5}
.tso-card .tso-author{margin-top:30px;font-weight:600;color:#235582; font-size: 22px;}
.tso-card .tso-role{margin-top:10px;color:#25345F;font-size:16px; font-weight: 400;}

.tso-nav{display:flex;align-items:center;gap:14px;margin-top:16px;color:#cfe0ec; max-width: 840px;}
.tso-arrow{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;cursor:pointer;user-select:none}
.tso-arrow[aria-disabled="true"]{opacity:.4;cursor:not-allowed}
.tso-progress{flex:1;height:4px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden}
.tso-progress > span{display:block;height:100%;width:0;background:#f7cc59;transition:width .18s ease}

@media (max-width:1200px){ .tso-card{ --tso-card-w: 380px; } }
@media (max-width:1024px){ .tso-box{ margin-right:0 !important; } }


/* ============ Manufacturers Directory ============ */
.md-wrap{max-width:1600px;margin:0 auto;padding:24px 16px}
.md-header h2{font-size:44px;font-weight:600;margin:0 0 15px; color: #000;}
.md-sub{color:#000;margin-bottom:50px; font-weight: 400; font-size: 16px; max-width: 860px; line-height: 26px;}

.md-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0 20px}

.md-pills {
  background: #F2F2F2;
  border: 1px solid #E6E6E8;
  border-radius: 60px;
  padding: 10px;
  max-width: 415px;
  margin: 0 auto;
  display: flex;
}
.md-pills button {
  border: 0px;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #AAAAAA;
  padding: 14px 30px;
  border-radius: 60px;
  display: flex;
  align-items: center;
}
.md-pills button.is-active,
.md-pills button:focus,
.md-pills button:visited {
  background: #235582;
  border: 0px !important;
  color: #fff;
}
.md-pills button svg {
    vertical-align: sub;
    margin-right: 5px;
}
/*.md-pills{display:flex;gap:10px;background:#f3f4f6;border-radius:999px;padding:8px}
.md-pill{appearance:none;border:0;background:transparent;padding:10px 16px;border-radius:999px;font-weight:700;color:#374151;cursor:pointer}
.md-pill.is-active{background:#183d58;color:#fff}*/
.md-search{display:flex;gap:10px;flex:1; border: 1px solid #E7E7E7; border-radius: 200px; padding: 10px 20px; align-items: center;}
.md-search input{flex:1;border:0px;padding:12px 0px}
.md-search button{color: #000;border:0;background:#f7cc59;border-radius:999px;padding:14px 30px;font-weight:600;cursor:pointer; font-size: 16px;}

.md-grid{display:grid;gap:30px;grid-template-columns:repeat(4,1fr); margin-top: 60px;}
@media (max-width:1200px){.md-grid{grid-template-columns:repeat(3,1fr); margin-top: 40px;}}
@media (max-width:820px){.md-grid{grid-template-columns:repeat(2,1fr) margin-top: 30px;}}
@media (max-width:520px){.md-grid{grid-template-columns:1fr; margin-top: 20px;}}

.mcard{transition: all .3s; display:flex;align-items:center;justify-content: space-between; background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:30px;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.mcard:hover{box-shadow: 0px 20px 24px rgba(16, 24, 40, 0.08);}
.mcard:hover .mcard__chev{background: rgba(247, 204, 89, 1);}
.mcard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mcard__status{display:flex;gap:6px;align-items:center;color:#000;font-size:14px;font-weight:500}
.mdot{width:8px;height:8px;border-radius:50%}
.mdot.ok{background:#10b981}
.mdot.bad{background:#ef4444}
.mcard__chev{width:50px;height:50px;border-radius:50%;background:#F2F2F2;display:grid;place-items:center;font-weight:900;color:#6b7280}
.mcard__title{font-weight:600;margin-bottom:6px; font-size: 20px; color: #000;}
.mcard__meta{color:#5B5B5B;font-size:16px; font-weight: 400;}
.mcard__meta .mcard__count {color: #000;}
.md-empty{padding:24px;color:#6b7280}



.mf-wrap{max-width:1600px;margin:0 auto;padding:24px 20px}
.mf-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin:16px 0 8px}
.mf-title{font-size:40px;font-weight:800;margin:0 0 12px}
.mf-desc{color:#556070;line-height:1.6}
.mf-media img{border-radius:12px;display:block;max-width:100%;height:auto}
.mf-block.border-sec {
  position: relative;
  border-top: 1px solid #E6E6E8;
  padding-top: 80px; margin-top: 80px;
}
.mf-block + .mf-block{margin-top:32px}
.mf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}
.mf-head h3{font-weight:600;margin:0; color: #000;}
.mf-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.mf-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.mf-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.mf-grid{grid-template-columns:1fr}}
.mf-card{border:1px solid #eef0f3;border-radius:12px;background:#fff;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.mf-card .img{display:block;aspect-ratio:4/3;background:#fafafa;border-radius:10px;margin-bottom:10px;overflow:hidden}
.mf-card .img img{width:100%;height:100%;object-fit:cover}
.mf-card .name{font-weight:700;line-height:1.35;margin-bottom:6px;min-height:42px}
.mf-card .price{font-weight:800}
.mf-card .meta{margin-top:10px;color:#6b7280;font-size:12px}
.mf-types{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.mf-types{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.mf-types{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.mf-types{grid-template-columns:1fr}}
.mf-chip{display:flex;align-items:center;justify-content:space-between;border:1px solid #eef0f3;border-radius:12px;padding:10px 12px;background:#fff;text-decoration:none;color:inherit}
.mf-chip .l{display:flex;align-items:center;gap:8px}
.mf-dot{width:8px;height:8px;border-radius:50%;background:#10b981}
.mf-chip .r{background:#f3f4f6;border-radius:999px;width:26px;height:26px;display:grid;place-items:center;font-weight:900;color:#6b7280}
.mf-empty{color:#6b7280}
.mf-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f3f4f6;font-weight:700}


.mf-view-all{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:#f4f6fb;
  text-decoration:none;color:#111;font-weight:700;border:1px solid #e9edf5}
.mf-view-all:hover{background:#eef2fb}

.fp-grid{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.fp-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.fp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.fp-grid{grid-template-columns:1fr}}

.fp-card{border-radius:16px;background:#fff;
  display:flex;flex-direction:column}
.fp-img{display:block;border-radius:20px;background:#f8f7fe;overflow:hidden; width: 378px; height: 328px; margin-bottom:30px}
.fp-img img{width:100%;height:100%;object-fit:contain}

.fp-title{font-weight:600;font-size:20px;line-height:32px;margin:0 0 8px;text-decoration:none;color:#000;display:block;min-height:42px}
.fp-title:hover{text-decoration:underline}

.fp-price{margin-bottom:8px;display:flex;gap:10px;align-items:baseline}
.fp-price--old{text-decoration:line-through;color:#DC1200;font-weight:400;font-size: 18px;}
.fp-price--new{font-weight:600; font-size: 20px; color: #000}

.fp-meta{border-top:2px solid #25345F;margin-top:15px;padding-top:20px}
.fp-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #E7E7E7}
.fp-row:last-child{border-bottom:0}
.fp-row .k{color:#5B5B5B; font-size: 16px; font-weight: 500;}
.fp-row .v{color:#000;font-weight:600}
.fp-row .v.bad{color:#DC1200;font-weight:600}

.fp-btn{margin-top:12px;align-self:flex-start;text-decoration:none;color:#111;font-weight:800;
  display:inline-flex;gap:8px;align-items:center;border:1px solid #e9edf5;border-radius:999px;padding:10px 14px;background:#fff}
.fp-btn:hover{background:#f8fafc}

  /* ======= Manufacturer Hero ======= */
  .manu-hero{
    background-image: url('/wp-content/themes/synergy/assets/images//manufacturer-bg.png');
    background-repeat: no-repeat;
    background-position: right center;
    position:relative;overflow:hidden;background-color:#235582;color:#fff;padding:100px 0px;margin:0 0 24px}
  .manu-hero__bg{position:absolute;inset:0;background:
      radial-gradient(90% 90% at 120% -10%, rgba(255,255,255,.08) 0%, transparent 60%),
      radial-gradient(70% 70% at -20%  20%, rgba(255,255,255,.06) 0%, transparent 60%),
      rgba(0,0,0,.04);opacity:.35;pointer-events:none}
  .manu-hero__inner{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 20px}
  .manu-bc, .rank-math-breadcrumb, #breadcrumbs, .yoast-bc, .crumbs{color:#fff;font-size:16px;margin-bottom:14px}
  .manu-bc a, .rank-math-breadcrumb a, #breadcrumbs a, .yoast-bc a, .crumbs a{color:#fff;text-decoration:none}
  .manu-bc a:hover{text-decoration:underline}
  .manu-bc span.last {
    color: #F7CC59;
    font-weight: 700;
    text-decoration: underline;
  }
  .crumbs{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
  .crumbs li+li:before{content:"/";margin:0 4px;opacity:.6}
  .crumbs .current{color:#fff}
  .manu-hero__title{margin:6px 0 0;font-weight:600;line-height:1.08;font-size:clamp(28px,4vw,56px); color: #fff;}
  .manu-btn.btn--split {
    padding-right:  0px;
  }
  .manu-btn.btn--split a > span {
    position:  initial;
    line-height: 15px;
  }
  /* ======= /Manufacturer Hero ======= */


  .border-sec:before {
    content: '';
    background: url(https://synergysurgical.agencypartnerinteractive.com/wp-content/uploads/2025/09/Frame-386.jpg);
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .mf-btn {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
    margin-top: 30px;
  }
  .mf-btn .dot {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
  }

  .type-sec {
    background: url('/wp-content/themes/synergy/assets/images/type-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0px 80px;
    margin-top: 80px;
  }
  .type-sec .mf-chip{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:30px; border-radius:20px; background:#fff;
/*  box-shadow:0 1px 2px rgba(0,0,0,.05);*/
  border: 1px solid #E6E6E8;
  transition: all .3s;
}
.type-sec .mf-chip:hover {
  text-decoration: none;
  box-shadow: 0px 0px;
}
.type-sec .mf-chip .l{display:block; align-items:center; gap:10px; flex-wrap:wrap}
.type-sec .mf-chip-name{font-weight:600; font-size: 20px; color: #000; margin-top: 8px; display: block;}

.type-sec .mf-badge{
  display:flex; align-items:center; gap:6px;
  font-size:14px; line-height:1; 
  background:transparent; color:#000;  /* neutral text */
}
.type-sec .mf-badge .dot{width:10px; height:10px; border-radius:50%; background:#22c55e}

/* color tweak for expired */
.type-sec .mf-badge.bad { color:#000; }
.type-sec .mf-badge.bad .dot{ background:#DC1200 }

/* optional: ok state */
.type-sec .mf-badge.ok .dot{ background:#3BB272 }


.faq-btns > div {
    display: inline-block;
    margin-bottom: 20px !important;
    margin-left: 16px !important;
}
.faq-btns {
    display: block !important;
    margin-left: -20px !important;
}
body .faq-btns .elementor-button {
  background: transparent;
  border: 1px solid #D9D9D9;
}
body .faq-btns .selected .elementor-button {
  background: #f7cc59;
  border: 1px solid #f7cc59;
}

.inventory-table-wrapper {
  margin-top: 20px;
}
.sell-form h3 {
  font-weight: 600;
  font-size: 28px;
  color: #000;
}

.inventory-header {
  display: flex;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  background: #879CCF;
  color: #fff;
  font-weight: 600;
  padding: 15px;
  border-radius: 12px 12px 0 0;
  font-size: 14px;
}

.inventory-rows {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.inventory-row {
  display: flex;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 0px;
  border-top: 1px solid #C8C8C8;
}
.inventory-row:first-child {
  border-top: 0px;
}

.inventory-row input,
.inventory-row select {
  width: 100%;
  padding: 13px 12px !important;
  border: 1px solid #E6E6E8 !important;
  border-radius: 6px !important;
  font-size: 14px;
}

.inventory-row input:focus,
.inventory-row select:focus {
  border-color: #f2b500;
  outline: none;
}

.expiry-fields {
  display: flex;
  gap: 5px;
}

.add-row {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  color: #000;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-size: 15px;
  text-decoration: underline;
}


.remove-row {
  background: none;
  border: none;
  color: #777;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.2s;
}
.inventroy-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.remove-row:hover {
  color: #e74c3c;
}

/* =============================
   Site Preloader Styles (Spin Version)
============================= */
#site-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #e6f0f8, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#site-preloader.hidden {
  opacity: 0;
  visibility: hidden;
}

.loader-inner {
  display: flex;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  animation: fadeIn 1s ease;
}

.loader-logo {
  width: 80px;
  height: 80px;
  animation: spin 1.8s linear infinite;
}

/* Spin animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Optional fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
/* Prevent scroll while preloader is active */
body.loading {
  overflow: hidden;
  height: 100vh;
}

.cart-drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 380px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.2);
  transition: right 0.3s ease;
  z-index: 9999999;
}
.cart-drawer.active { right: 0; }

.cart-drawer-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9998;
}
.cart-drawer.active + .cart-drawer-overlay {
  opacity: 1; visibility: visible;
}
.cart-drawer-content { padding: 20px; overflow-y: auto; height: 100%; }
.cart-drawer-close {
  background: none; border: none; font-size: 28px; float: right; cursor: pointer;
}
.cart-count {
  position: absolute;
  top: 0px; 
  right: -3px;
  background: #235582;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 0px;
  text-align: center;
  line-height: 18px;
}
.cart-icon {
  position: relative;
}

.custom-mini-cart {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}

.cart-item-image img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 6px;
}

.cart-item-details {
  flex: 1;
  margin-left: 12px;
}

.cart-item-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: #111;
}

.cart-item-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #666;
}

.remove.remove_from_cart_button {
  color: #888;
  font-size: 18px;
  text-decoration: none;
  margin-left: 8px;
  transition: color 0.2s ease;
}
.remove.remove_from_cart_button:hover {
  color: #f44336;
}

.mini-cart-footer {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 15px;
  text-align: center;
}

.mini-cart-footer .button {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  margin: 5px;
}

.mini-cart-footer .button.checkout {
  background: #0071a1;
}

.drawer-mini-cart {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 70vh;
  overflow-y: auto;
}

.drawer-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}

.drawer-cart-image img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 6px;
}

.drawer-cart-details {
  flex: 1;
  padding: 0 10px;
}

.drawer-sku {
  font-size: 13px;
  color: #555;
  margin: 0;
}

.status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e53935;
  margin: 0 4px;
  position: relative;
  top: -1px;
}

.status-text {
  color: #e53935;
  font-size: 12px;
}

.drawer-title {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  margin: 4px 0 8px;
}

.drawer-quantity {
  display: flex;
  align-items: center;
  gap: 6px;
}

.qty-btn {
  width: 26px;
  height: 26px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: #333;
  transition: all 0.2s ease;
}

.qty-btn:hover {
  background: #000;
  color: #fff;
}

.qty-input {
  width: 36px;
  text-align: center;
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
}

.drawer-cart-price {
  text-align: right;
}

.drawer-cart-price .price {
  font-weight: 600;
  color: #111;
}

.drawer-cart-price .subtext {
  font-size: 12px;
  color: #666;
}

.drawer-mini-cart-footer {
  border-top: 1px solid #eee;
  padding-top: 16px;
  margin-top: 16px;
  text-align: center;
}

.drawer-mini-cart-footer .button {
  display: inline-block;
  margin: 6px;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.button.view-cart {
  background: #111;
  color: #fff;
}

.button.checkout {
  background: #0071a1;
  color: #fff;
}

.button.view-cart:hover {
  background: #333;
}

.button.checkout:hover {
  background: #005f87;
}

.status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 4px;
  position: relative;
  top: -1px;
}

.status-text {
  font-size: 12px;
  font-weight: 500;
}

.status-dot.expired {
  background: #e53935;
}

.status-text.expired {
  color: #e53935;
}

.status-dot.in-date {
  background: #43a047;
}

.status-text.in-date {
  color: #43a047;
}
/* Drawer Spinner Styles */
.drawer-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-top: 2px solid #0071a1;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
  margin-left: 6px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.drawer-subtotal {
  transition: opacity 0.3s ease;
}
.drawer-subtotal.updating {
  opacity: 0.4;
}


/*Cart page design*/
.ss-cart-page {
  max-width: 1600px;
  margin: 60px auto 80px;
  padding: 0 20px;
}

.ss-cart-page .ss-breadcrumb {
  font-size: 16px;
  color: #5B5B5B;
  margin-bottom: 10px;
  font-weight: 500;
}

.ss-cart-page .ss-breadcrumb a {
  color: #222;
  text-decoration: none;
}
.ss-cart-page .ss-breadcrumb span {
  font-weight: 700;
  text-decoration: underline;
  color: #235582;
}

.ss-cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1105px;
}
.ss-cart-header h1 {
  font-size: 44px;
  font-weight: 600;
  color: #000;
}

.ss-cart-heading {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
}

.ss-cart-actions {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.ss-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0px;
  border-radius: 5px;
  padding: 8px 14px;
  background: white;
  color: #222;
  text-decoration: none;
  font-size: 14px;
  transition: 0.2s;
}

.ss-btn-outline:hover {
/*  background: #f7f7f7;*/
}

.ss-empty-cart { color: #d32f2f; border-color: #d32f2f; }
.ss-empty-cart:hover { color: #d32f2f; 
}


.ss-save-cart { color: #1976d2; border-color: #1976d2; }
.ss-update-cart { color: #333; border-color: #333; }

.ss-cart-wrapper {
  display: flex;
  gap: 40px;
}

.ss-cart-items {
  flex: 2.7;
}

.ss-summary {
  flex: 1;
}

.help-sec {
  background: linear-gradient(to right, #879CCF, #235582);
  color: #fff;
  border-radius: 12px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1570px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
}
.help-sec p {
  margin-bottom: 0px;
  margin-left: 10px;

}
.help-sec a {
  color: #fff;
  text-decoration: underline;
}

.ss-cart-table {
  width: 100%;
  border-collapse: collapse;
}

.ss-cart-table th {
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  padding: 12px 10px;
  background: #F7F7F7;
  border-bottom: 0px solid #eee;
}
.ss-cart-table th:first-child {
  border-top-left-radius: 12px;
}
.ss-cart-table th:last-child {
  border-top-right-radius: 12px;
}

.ss-cart-table td {
  padding: 14px 10px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  justify-content: center;
}
.ss-cart-table td.ss-qty {
  display: table-cell;
   border: 0px;
}
.ss-cart-table td .qty-wrapper {
  width: 114px;
}
.ss-cart-table td a {
  color: #000;
}

.ss-cart-table img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 8px;
}
.ss-qty .quantity .qty {
    width: 35px;
    border: 0px;
    padding: 0px 0px 0px 13px;
}

.ss-sku {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}

.ss-exp .expired {
  color: #d32f2f;
  font-weight: 500;
}

.ss-exp .in-date {
  color: #388e3c;
  font-weight: 500;
}

.qty-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 200px;
  overflow: hidden;
  width: 100px;
  height: 43px;
  justify-content: space-between;
}

.qty-btn {
  background: #fff;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 16px;
}

.qty-btn:hover {
  background: #fff;
  color: #000;
}

.qty input {
  text-align: center;
  border: none;
  width: 40px;
}

.ss-summary-box {
  background: #F7F7F7;
  padding: 25px;
  border-radius: 12px;
}

.ss-summary-box h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
}
.qty-btn.plus {
  padding-left: 4px;
}
.ss-summary-line {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  font-size: 15px;
}
.ss-summary-line span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
}

.ss-summary-line span + span,
.ss-summary-line span.woocommerce-Price-amount.amount {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}

.ss-summary-line.total {
  font-size: 16px;
  font-weight: 500;
}
.ss-total span.woocommerce-Price-amount.amount {
  font-size: 24px !important;
}

.ss-summary-note {
  font-size: 14px;
  color: #000;
  margin-top: 8px;
}

.woocommerce a.checkout-button {
  display: block;
  background: #ffca28;
  color: #000;
  padding: 12px;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  margin-top: 15px;
  transition: 0.2s;
}

.woocommerce a.checkout-button:hover {
  background: #ffb300;
}

.qty-wrapper input {
  padding: 0px;
  border: 0px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.drawer-mini-cart::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.drawer-mini-cart {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.cart-drawer-content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.cart-drawer-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* ============================= */
/* You May Also Be Interested In */
/* ============================= */
.ss-related-products {
  margin-top: 80px;
  margin-bottom: 80px;
}

.ss-related-header h2 {
  font-size: 44px;
  font-weight: 600;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

.cart-intrested .gj-card {
  padding: 0px 0px 80px;
  box-shadow: 0px 0px 0px !important;
  border-radius: 0px;
}
.cart-intrested .gj-img-wrap {
  height: 320px;
}

.no-products {
  text-align: center;
  color: #888;
}

.ss-shop-page {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.ss-shop-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.ss-breadcrumb a {
  color: #5B5B5B;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.ss-breadcrumb span {
  font-weight: 700;
  font-size: 16px;
  color: #235582;
  text-decoration: underline;
}
.ss-page-title {
  font-size: 36px;
  font-weight: 600;
  color: #212121;
  line-height: 40px;
  margin-bottom: 0px;
}

.ss-title-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 15px 0;
}

.ss-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 25px;
}

.ss-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #5B5B5B;
}
.ss-sort-btn span {
  font-weight: 600;
  font-size: 14px;
  color: #000;
}
.ss-shop-content {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 40px;
}

.ss-sidebar h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 10px;
  line-height: 26px;
}

.ss-grid {
  display: grid;
  gap: 25px;
}
.ss-cols-4 {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.ss-card {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}
.ss-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.ss-img-wrap img {
  width: 100%;
  border-radius: 8px;
}
.ss-sku {
  color: #777;
  font-size: 13px;
  margin-bottom: 5px;
}
.ss-title {
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}
.ss-meta {
  font-size: 13px;
  margin-bottom: 5px;
}
.ss-meta .expired { color: #e83d3d; }
.ss-meta .in-date { color: #36a24a; }
.ss-meta .out-stock { color: #e83d3d; }
.ss-price { font-weight: bold; margin-bottom: 10px; }
.ss-foot { display: flex; justify-content: space-between; align-items: center; }

.ss-qty {
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 30px;
  overflow: hidden;
}
.ss-qty input {
  width: 45px;
  text-align: center;
  border: none;
}
.ss-qty .qty-btn {
  background: none;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

/* === Toolbar icons === */
.ss-view-toggle {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ss-view-toggle button {
  background: #fff;
  border-radius: 5px;
  border:0px;
  padding: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 38px;
}
.ss-view-toggle button:hover {
  background: #E7E7E7;
}
.ss-view-toggle button.active {
  background: #E7E7E7;
}

/* === List View layout === */
.ss-grid.list-view {
  grid-template-columns: 1fr !important;
}
.ss-grid.list-view .ss-card {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 20px;
}
.ss-grid.list-view .ss-img-wrap {
  flex: 0 0 180px;
}
.ss-grid.list-view .ss-body {
  flex: 1;
}
.ss-grid.list-view .ss-foot {
  margin-top: 10px;
}
/* Hide icon in list view */
.gj-grid.list-view .gj-cart-btn svg {
    display: none;
}

/* Show "Add to Cart" text in list view */
.gj-grid.list-view .gj-cart-btn::after {
    content: "Add to Cart";
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.gj-grid.list-view .gj-cart-btn {
    min-width: 120px;
    padding: 10px 20px;
    border-radius: 200px !important;
}
/* ===== Sort Dropdown ===== */
.ss-sort-dropdown {
  position: relative;
  display: inline-block;
}

.ss-sort-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #E6E6E8;
  border-radius: 6px;
  padding: 8px 14px;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.2s ease;
}
.toggle-switch {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  user-select: none;
}

.toggle-switch input {
  display: none;
}

.slider {
  width: 46px;
  height: 24px;
  background: #E7E7E7;
  border-radius: 30px;
  position: relative;
  transition: 0.3s;
}

.slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: 0.3s;
}

input:checked + .slider {
  background: #1f4c73; /* Same color, stays blue */
}

input:checked + .slider::before {
  transform: translateX(22px);
}

.toggle-label {
  font-size: 15px;
  color: #333;
}

.ss-sort-btn:hover {
  background: #f5f5f5;
}

.ss-sort-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 115%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  min-width: 180px;
  z-index: 50;
}
.ss-sort-menu.show {
  display: block;
}
.ss-sort-menu button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #222;
  transition: all 0.15s ease;
}
.ss-sort-menu button:hover {
  background: #f7cc59;
}
.ss-sort-menu button.active {
  background: #f7cc59;
  font-weight: 600;
}

.ss-products-wrap.loading {
  opacity: 0.5;
  position: relative;
}
.ss-products-wrap.loading::after {
  content: 'Loading...';
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.9);
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 500;
}
.ss-products-wrap .gj-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ss-loadmore-wrap {
  text-align: center;
  margin: 40px 0;
}
.ss-btn-loadmore {
  background: #f7cc59;
  border: none;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
}
.ss-btn-loadmore:hover {
  background: #f2b900;
}

/* ============================================
   QUICK VIEW MODAL STYLES - UPDATED
   Fixes quantity button click issues
   ============================================ */

/* Modal Overlay */
#gj-qv-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999998;
    opacity: 0;
    transition: opacity 0.3s ease;
    overflow-y: auto;
    padding: 20px;
}

#gj-qv-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

/* Modal Inner Container */
.gj-qv-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Quick View Container */
.gj-qv-container {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Close Button */
.gj-qv-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    color: #333;
    z-index: 10;
    transition: color 0.2s ease, transform 0.2s ease;
    padding: 0;
}

.gj-qv-close:hover {
    color: #000;
    transform: scale(1.1);
}

/* Grid Layout */
.gj-qv-inner-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 60px;
    align-items: start;
}

/* Left Column - Image Section */
.gj-qv-image-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gj-qv-image {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.gj-qv-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Favorites Section */
.gj-qv-favorites {
    text-align: center;
    font-size: 12px;
    color: #5B5B5B;
    padding: 0px;
}

/* Go to Product Button */
.gj-qv-go-to-product {
    text-align: center;
}

.btn-go-product {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 30px;
    background: #f0f0f0;
    color: #333;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.btn-go-product:hover {
    background: #e0e0e0;
    border-color: #333;
    transform: translateX(5px);
}

.btn-go-product .arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.btn-go-product:hover .arrow {
    transform: translateX(5px);
}

/* Right Column - Product Details */
.gj-qv-summary {
    display: flex;
    flex-direction: column;
}

/* SKU */
.gj-qv-sku {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin: 0;
}

/* Product Title */
.gj-qv-summary-title {
    font-size: 32px !important;
    font-weight: 600;
    line-height: 42px !important;
    margin: 0 0 10px 0;
    color: #000;
}

/* Price Wrapper */
.gj-qv-price-wrapper {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
}

.gj-qv-price {
    font-size: 24px;
    font-weight: 600;
    color: #235582;
    line-height: 1;
}

.gj-qv-price .woocommerce-Price-amount {
    font-size: 24px;
}

.gj-qv-unit {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

/* Stock Info */
.gj-qv-stock-info {
    margin: 20px 0 0px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-top: 1px solid #E6E6E8;
    padding-top: 20px;
}

.gj-qv-stock {
    font-size: 16px;
    margin: 0;
    padding: 8px 0;
}

.express-section {
  border-bottom: 1px solid #E6E6E8;
}

.gj-qv-stock.in-stock {
    color: #333;
}

.gj-qv-stock .stock-label {
    font-weight: 600;
}

.gj-qv-stock .stock-quantity {
    font-weight: 400;
}

.gj-qv-stock.out-of-stock {
    color: #d32f2f;
    font-weight: 600;
}

/* Expiration */
.gj-qv-expiration {
    font-size: 16px;
    padding: 8px 0;
}

.expiration-label {
    font-weight: 600;
    margin-right: 5px;
}

.expiration-value {
    font-weight: 400;
}

.expiration-value.expired {
    color: #d32f2f;
}

.expiration-value.fresh {
    color: #2e7d32;
}

/* Order Quantity Label */
.gj-qv-order-quantity {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.quantity-label {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.currently-in-cart {
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

/* Quantity + Cart Button Wrapper */
.gj-qv-quantity-cart-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 15px;
}

/* Custom Quantity Input - FIXED FOR CLICK ISSUES */
.quantity-input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #E6E6E8;
    border-radius: 200px;
    overflow: hidden;
    background: #fff;
    height: 46px;
    position: relative; /* Add positioning context */
}

.qty-btn {
    width: 45px;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Ensure buttons are clickable */
    z-index: 2; /* Bring buttons above input */
    user-select: none; /* Prevent text selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.qty-btn:hover {
    background: transparent;
}

.qty-btn:active {
    background: transparent;
}

/* Ensure buttons are not disabled */
.qty-btn:not(:disabled) {
    pointer-events: auto;
}

.quantity-input-wrapper input.gj-qty-input {
    width: 60px;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    color: #333;
    -moz-appearance: textfield;
    position: relative;
    z-index: 1; /* Input below buttons */
}

.quantity-input-wrapper input.gj-qty-input::-webkit-outer-spin-button,
.quantity-input-wrapper input.gj-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Make sure input is editable */
.quantity-input-wrapper input.gj-qty-input:focus {
    outline: none;
    background: #fff;
}

/* Add to Cart Button */
.single_add_to_cart_button {
    flex: 1;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.single_add_to_cart_button.loading,
.single_add_to_cart_button.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.single_add_to_cart_button .arrow {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.single_add_to_cart_button:hover .arrow {
    transform: translateX(5px);
}

/* Variable Products Form */
.gj-qv-add-to-cart .variations_form {
    margin-top: 15px;
}

.gj-qv-add-to-cart .variations {
    margin-bottom: 20px;
}

.gj-qv-add-to-cart .variations td {
    padding: 5px 0;
}

.gj-qv-add-to-cart select {
    width: 100%;
    padding: 10px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
}

/* Short Description */
.gj-qv-short-description {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .gj-qv-inner-grid {
        gap: 40px;
    }
    
    .gj-qv-container {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    #gj-qv-modal {
        padding: 10px;
    }
    
    .gj-qv-container {
        padding: 20px;
    }
    
    .gj-qv-inner-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .gj-qv-summary-title {
        font-size: 22px;
    }
    
    .gj-qv-price {
        font-size: 26px;
    }
    
    .gj-qv-quantity-cart-wrapper {
        flex-direction: column;
        width: 100%;
    }
    
    .quantity-input-wrapper {
        width: 100%;
        justify-content: space-between;
    }
    
    .single_add_to_cart_button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .gj-qv-summary-title {
        font-size: 20px;
    }
    
    .gj-qv-price {
        font-size: 24px;
    }
    
    .gj-qv-container {
        padding: 15px;
    }
    
    .gj-qv-close {
        top: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
        font-size: 28px;
    }
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .product-detail-container .woocommerce-breadcrumb {
  font-size: 16px;
  font-weight: 500;
  color: #5B5B5B;
  margin-bottom: 40px;
}
.added_to_cart.wc-forward {
  display: none !important;
}


.save-cart-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.save-cart-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.save-cart-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.save-cart-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
}

.save-cart-modal-close:hover {
    color: #333;
}

.save-cart-modal h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
}

.cart-name-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    margin: 15px 0;
}

.save-cart-modal-buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}

.save-cart-modal-buttons button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.btn-cancel {
    background: #f0f0f0;
    color: #333;
}

.btn-cancel:hover {
    background: #e0e0e0;
}

.btn-save-confirm {
    background: #F7CC59;
    color: #000;
}

.btn-save-confirm:hover {
    background: #e8bd4a;
}

.favourites-icon {
  position: relative;
}

.favourites-count {
  position: absolute;
  top: 0px; 
  right: -3px;
  background: #235582;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 0px;
  text-align: center;
  line-height: 18px;
}