/* citizen-app-how-it-works.css */
#pn-app-citizen.pa-citizen{
  width:100%;
  max-width:100%;
  margin:0;
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  overflow-y:visible;
  background:transparent;
  padding:clamp(42px, 6.2vh, 96px) 0;
}

#pn-app-citizen.pa-citizen,
#pn-app-citizen.pa-citizen *,
#pn-app-citizen.pa-citizen *::before,
#pn-app-citizen.pa-citizen *::after{
  box-sizing:border-box;
}

/* Background */
#pn-app-citizen.pa-citizen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1000px 460px at -10% -20%, rgba(56,189,248,.18) 0, transparent 44%),
    radial-gradient(820px 460px at 115% 0%, rgba(168,85,247,.16) 0, transparent 44%),
    radial-gradient(820px 460px at 50% 120%, rgba(34,197,94,.10) 0, transparent 52%),
    radial-gradient(650px 330px at 30% 30%, rgba(14,165,233,.07) 0, transparent 60%),
    conic-gradient(from 200deg at 70% 30%, rgba(139,92,246,.09), rgba(14,165,233,.07), rgba(139,92,246,.09)),
    linear-gradient(180deg, #f6fbff 0%, #ffffff 62%, #fbfdff 100%);
  filter:saturate(110%);
}

#pn-app-citizen.pa-citizen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1000px 820px at 50% 38%, rgba(2,6,23,0) 55%, rgba(2,6,23,.055) 100%);
  opacity:.72;
}

#pn-app-citizen.pa-citizen > *{
  position:relative;
  z-index:1;
}

#pn-app-citizen.pa-citizen :where(
  .pa-container,
  .pa-split,
  .pa-inner,
  .pa-header,
  .pa-header__intro,
  .pa-kicker,
  .pa-lead,
  .pa-steps,
  .pa-step,
  .pa-pill,
  .pa-pill__app,
  .pa-pill__kw,
  .pa-pill__aud,
  .pa-step__title,
  .pa-step__text
){
  min-width:0;
}

#pn-app-citizen.pa-citizen :where(h1,h2,h3,p,li,a,div,span,strong){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

#pn-app-citizen.pa-citizen :where(h1,h2,h3,p,ul,figure){
  margin-top:0;
}

#pn-app-citizen.pa-citizen :where(img,svg){
  display:block;
  max-width:100%;
  height:auto;
}

/* Container */
#pn-app-citizen.pa-citizen .pa-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(12px, 2vw, 28px);
}

/* Layout */
#pn-app-citizen.pa-citizen .pa-split{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-items:stretch;
}

/* Main panel */
#pn-app-citizen.pa-citizen .pa-inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.84);
  box-shadow:
    0 24px 54px rgba(2,6,23,.13),
    0 8px 18px rgba(2,6,23,.07);
  padding:clamp(20px, 2vw, 28px);
  overflow:hidden;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){
  #pn-app-citizen.pa-citizen .pa-inner{
    -webkit-backdrop-filter:saturate(118%) blur(7px);
    backdrop-filter:saturate(118%) blur(7px);
  }
}

/* Header */
#pn-app-citizen.pa-citizen .pa-header{
  min-height:0;
  display:flex;
  flex-direction:column;
  margin-bottom:clamp(22px, 2.2vw, 34px);
}

#pn-app-citizen.pa-citizen .pa-header__intro{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding-top:clamp(8px, 1vw, 16px);
  padding-left:clamp(2px, .4vw, 6px);
  padding-right:clamp(2px, .4vw, 6px);
}

/* Fallback αν κάποια στιγμή λείπει το .pa-header__intro από το HTML */
#pn-app-citizen.pa-citizen .pa-header:not(:has(.pa-header__intro)){
  gap:20px;
  padding-top:clamp(8px, 1vw, 16px);
  padding-left:clamp(2px, .4vw, 6px);
  padding-right:clamp(2px, .4vw, 6px);
}

#pn-app-citizen.pa-citizen .pa-kicker{
  margin:0;
  display:flex;
  align-items:center;
}

/* Pill */
#pn-app-citizen.pa-citizen .pa-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  max-width:100%;
  padding:9px 15px;
  border-radius:999px;
  font-size:13.6px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  border:1px solid rgba(139,92,246,.28);
  background:rgba(139,92,246,.16);
  box-shadow:
    0 0 0 4px rgba(139,92,246,.10),
    0 10px 18px rgba(76,29,149,.07);
  color:#0b1220;
}

#pn-app-citizen.pa-citizen .pa-pill__kw{
  font-weight:950;
}

#pn-app-citizen.pa-citizen .pa-pill__sep{
  opacity:.72;
}

#pn-app-citizen.pa-citizen .pa-pill__aud{
  font-weight:950;
}

#pn-app-citizen.pa-citizen .pa-pill__app{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(255,255,255,.62);
  box-shadow:0 0 0 3px rgba(15,23,42,.05);
}

#pn-app-citizen.pa-citizen .pa-pill__appIcon{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:8px;
  border:1px solid rgba(139,92,246,.22);
  background:rgba(139,92,246,.12);
  color:#0b1220;
}

#pn-app-citizen.pa-citizen .pa-pill__appText{
  font-weight:950;
  letter-spacing:.01em;
}

/* Lead text */
#pn-app-citizen.pa-citizen .pa-lead{
  margin:0;
  max-width:118ch;
  color:#475569;
  font-size:clamp(15px, 1.05vw, 17px);
  line-height:1.62;
  font-weight:500;
}

#pn-app-citizen.pa-citizen .pa-lead strong{
  color:#172033;
  font-weight:850;
}

/* Steps */
#pn-app-citizen.pa-citizen .pa-steps{
  margin-top:0;
  display:grid;
  gap:clamp(12px, 1vw, 16px);
}

/* Default */
#pn-app-citizen.pa-citizen .pa-steps--two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

/* Step cards */
#pn-app-citizen.pa-citizen .pa-step{
  display:flex;
  flex-direction:column;
  min-height:0;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.80));
  box-shadow:
    0 12px 22px rgba(2,6,23,.075),
    inset 0 1px 0 rgba(255,255,255,.72);
  padding:clamp(13px, 1vw, 16px);
}

#pn-app-citizen.pa-citizen .pa-step__num{
  margin:0 0 8px;
  width:32px;
  height:32px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:15px;
  line-height:1;
  font-weight:950;
  color:#0b1220;
  border:1px solid rgba(139,92,246,.28);
  background:rgba(139,92,246,.14);
  box-shadow:0 0 0 4px rgba(139,92,246,.08);
}

#pn-app-citizen.pa-citizen .pa-step__title{
  margin:0 0 6px;
  font-weight:950;
  font-size:clamp(14.2px, .98vw, 15.5px);
  line-height:1.2;
  color:#0b1220;
}

#pn-app-citizen.pa-citizen .pa-step__text{
  margin:0;
  font-size:clamp(14px, .96vw, 15px);
  line-height:1.48;
  font-weight:500;
  color:#334155;
}

#pn-app-citizen.pa-citizen .pa-step__text strong{
  color:#1f2937;
  font-weight:850;
}

/* Desktop: 3 columns */
@media (min-width:1101px){
  #pn-app-citizen.pa-citizen .pa-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

/* Narrow desktop */
@media (max-width:1280px) and (min-width:1101px){
  #pn-app-citizen.pa-citizen .pa-container{
    max-width:1220px;
  }

  #pn-app-citizen.pa-citizen .pa-steps--two{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* Tablet */
@media (max-width:980px){
  #pn-app-citizen.pa-citizen{
    padding:clamp(36px, 5.6vh, 68px) 0;
  }

  #pn-app-citizen.pa-citizen .pa-steps--two{
    grid-template-columns:1fr;
  }

  #pn-app-citizen.pa-citizen .pa-inner{
    max-width:820px;
    margin:0 auto;
  }
}

/* 13 inch / low height */
@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-app-citizen.pa-citizen{
    padding:clamp(20px, 3.2vh, 44px) 0;
  }

  #pn-app-citizen.pa-citizen .pa-container{
    max-width:1240px;
  }

  #pn-app-citizen.pa-citizen .pa-inner{
    padding:clamp(16px, 1.45vw, 20px);
    border-radius:24px;
  }

  #pn-app-citizen.pa-citizen .pa-header{
    margin-bottom:18px;
  }

  #pn-app-citizen.pa-citizen .pa-header__intro{
    gap:11px;
    padding-top:8px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-citizen.pa-citizen .pa-header:not(:has(.pa-header__intro)){
    gap:11px;
    padding-top:8px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-citizen.pa-citizen .pa-pill{
    padding:7px 12px;
    font-size:12.6px;
    box-shadow:0 0 0 3px rgba(139,92,246,.10);
  }

  #pn-app-citizen.pa-citizen .pa-pill__app{
    padding:5px 9px;
    box-shadow:0 0 0 2px rgba(15,23,42,.05);
  }

  #pn-app-citizen.pa-citizen .pa-lead{
    font-size:14.5px;
    line-height:1.48;
  }

  #pn-app-citizen.pa-citizen .pa-steps{
    gap:10px;
  }

  #pn-app-citizen.pa-citizen .pa-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  #pn-app-citizen.pa-citizen .pa-step{
    padding:10px;
    border-radius:16px;
  }

  #pn-app-citizen.pa-citizen .pa-step__num{
    width:29px;
    height:29px;
    margin-bottom:6px;
  }

  #pn-app-citizen.pa-citizen .pa-step__title{
    font-size:14px;
  }

  #pn-app-citizen.pa-citizen .pa-step__text{
    font-size:13.8px;
    line-height:1.35;
  }
}

/* Extra-tight desktop */
@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-app-citizen.pa-citizen{
    padding:18px 0;
  }

  #pn-app-citizen.pa-citizen .pa-inner{
    padding:14px;
    border-radius:22px;
  }

  #pn-app-citizen.pa-citizen .pa-header{
    margin-bottom:14px;
  }

  #pn-app-citizen.pa-citizen .pa-header__intro{
    gap:9px;
    padding-top:6px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-citizen.pa-citizen .pa-header:not(:has(.pa-header__intro)){
    gap:9px;
    padding-top:6px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-citizen.pa-citizen .pa-lead{
    font-size:13.8px;
    line-height:1.42;
  }

  #pn-app-citizen.pa-citizen .pa-steps{
    gap:8px;
  }

  #pn-app-citizen.pa-citizen .pa-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  #pn-app-citizen.pa-citizen .pa-step{
    padding:8px;
  }

  #pn-app-citizen.pa-citizen .pa-step__num{
    width:28px;
    height:28px;
    margin-bottom:5px;
  }

  #pn-app-citizen.pa-citizen .pa-step__title{
    font-size:13.8px;
  }

  #pn-app-citizen.pa-citizen .pa-step__text{
    font-size:13.6px;
    line-height:1.32;
  }
}

/* Mobile */
@media (max-width:520px){
  #pn-app-citizen.pa-citizen{
    padding:38px 0;
  }

  #pn-app-citizen.pa-citizen .pa-container{
    padding:0 12px;
  }

  #pn-app-citizen.pa-citizen .pa-inner{
    border-radius:20px;
    padding:18px 12px;
  }

  #pn-app-citizen.pa-citizen .pa-header{
    margin-bottom:18px;
  }

  #pn-app-citizen.pa-citizen .pa-header__intro{
    gap:12px;
    padding-top:4px;
    padding-left:0;
    padding-right:0;
  }

  #pn-app-citizen.pa-citizen .pa-header:not(:has(.pa-header__intro)){
    gap:12px;
    padding-top:4px;
    padding-left:0;
    padding-right:0;
  }

  #pn-app-citizen.pa-citizen .pa-pill{
    width:100%;
    text-align:center;
    line-height:1.08;
    padding:9px 12px;
    justify-content:center;
  }

  #pn-app-citizen.pa-citizen .pa-lead{
    font-size:14.4px;
    line-height:1.52;
  }

  #pn-app-citizen.pa-citizen .pa-step{
    padding:13px;
    border-radius:16px;
  }

  #pn-app-citizen.pa-citizen .pa-step__num{
    width:30px;
    height:30px;
  }

  #pn-app-citizen.pa-citizen .pa-step__title{
    font-size:14.4px;
  }

  #pn-app-citizen.pa-citizen .pa-step__text{
    font-size:14px;
    line-height:1.42;
  }
}

/* Very small phones */
@media (max-width:380px){
  #pn-app-citizen.pa-citizen .pa-inner{
    padding:16px 10px;
  }

  #pn-app-citizen.pa-citizen .pa-pill{
    font-size:12.4px;
  }

  #pn-app-citizen.pa-citizen .pa-pill__sep{
    display:none;
  }

  #pn-app-citizen.pa-citizen .pa-step{
    padding:12px;
  }
}

/* Screen-reader only title */
#pn-app-citizen.pa-citizen .pa-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* pharmacy-app-how-it-works.css */
#pn-app-pharmacy.pm-pharmacy{
  width:100%;
  max-width:100%;
  margin:0;
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  overflow-y:visible;
  background:transparent;
  padding:clamp(42px, 6.2vh, 96px) 0;
}

#pn-app-pharmacy.pm-pharmacy,
#pn-app-pharmacy.pm-pharmacy *,
#pn-app-pharmacy.pm-pharmacy *::before,
#pn-app-pharmacy.pm-pharmacy *::after{
  box-sizing:border-box;
}

/* Background */
#pn-app-pharmacy.pm-pharmacy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1000px 460px at -10% -20%, rgba(56,189,248,.10) 0, transparent 44%),
    radial-gradient(820px 460px at 115% 0%, rgba(20,184,166,.16) 0, transparent 44%),
    radial-gradient(820px 460px at 50% 120%, rgba(34,197,94,.10) 0, transparent 52%),
    radial-gradient(650px 330px at 30% 30%, rgba(20,184,166,.08) 0, transparent 60%),
    conic-gradient(from 200deg at 70% 30%, rgba(20,184,166,.09), rgba(14,165,233,.07), rgba(20,184,166,.09)),
    linear-gradient(180deg, #f6fbff 0%, #ffffff 62%, #fbfdff 100%);
  filter:saturate(110%);
}

#pn-app-pharmacy.pm-pharmacy::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1000px 820px at 50% 38%, rgba(2,6,23,0) 55%, rgba(2,6,23,.055) 100%);
  opacity:.72;
}

#pn-app-pharmacy.pm-pharmacy > *{
  position:relative;
  z-index:1;
}

#pn-app-pharmacy.pm-pharmacy :where(
  .pm-container,
  .pm-split,
  .pm-inner,
  .pm-header,
  .pm-header__intro,
  .pm-kicker,
  .pm-lead,
  .pm-steps,
  .pm-step,
  .pm-pill,
  .pm-pill__app,
  .pm-pill__kw,
  .pm-pill__aud,
  .pm-step__title,
  .pm-step__text
){
  min-width:0;
}

#pn-app-pharmacy.pm-pharmacy :where(h1,h2,h3,p,li,a,div,span,strong){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

#pn-app-pharmacy.pm-pharmacy :where(h1,h2,h3,p,ul,figure){
  margin-top:0;
}

#pn-app-pharmacy.pm-pharmacy :where(img,svg){
  display:block;
  max-width:100%;
  height:auto;
}

/* Container */
#pn-app-pharmacy.pm-pharmacy .pm-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(12px, 2vw, 28px);
}

/* Layout */
#pn-app-pharmacy.pm-pharmacy .pm-split{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-items:stretch;
}

/* Main panel */
#pn-app-pharmacy.pm-pharmacy .pm-inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.84);
  box-shadow:
    0 24px 54px rgba(2,6,23,.13),
    0 8px 18px rgba(2,6,23,.07);
  padding:clamp(20px, 2vw, 28px);
  overflow:hidden;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){
  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    -webkit-backdrop-filter:saturate(118%) blur(7px);
    backdrop-filter:saturate(118%) blur(7px);
  }
}

/* Header */
#pn-app-pharmacy.pm-pharmacy .pm-header{
  min-height:0;
  display:flex;
  flex-direction:column;
  margin-bottom:clamp(22px, 2.2vw, 34px);
}

#pn-app-pharmacy.pm-pharmacy .pm-header__intro{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding-top:clamp(8px, 1vw, 16px);
  padding-left:clamp(2px, .4vw, 6px);
  padding-right:clamp(2px, .4vw, 6px);
}

/* Fallback αν κάποια στιγμή λείπει το .pm-header__intro από το HTML */
#pn-app-pharmacy.pm-pharmacy .pm-header:not(:has(.pm-header__intro)){
  gap:20px;
  padding-top:clamp(8px, 1vw, 16px);
  padding-left:clamp(2px, .4vw, 6px);
  padding-right:clamp(2px, .4vw, 6px);
}

#pn-app-pharmacy.pm-pharmacy .pm-kicker{
  margin:0;
  display:flex;
  align-items:center;
}

/* Pill */
#pn-app-pharmacy.pm-pharmacy .pm-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  max-width:100%;
  padding:9px 15px;
  border-radius:999px;
  font-size:13.6px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  border:1px solid rgba(20,184,166,.30);
  background:rgba(20,184,166,.14);
  box-shadow:
    0 0 0 4px rgba(20,184,166,.08),
    0 10px 18px rgba(15,118,110,.06);
  color:#0b1220;
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__kw{
  font-weight:950;
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__sep{
  opacity:.72;
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__aud{
  font-weight:950;
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__app{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(255,255,255,.62);
  box-shadow:0 0 0 3px rgba(15,23,42,.05);
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__appIcon{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:8px;
  border:1px solid rgba(20,184,166,.22);
  background:rgba(20,184,166,.12);
  color:#0b1220;
}

#pn-app-pharmacy.pm-pharmacy .pm-pill__appText{
  font-weight:950;
  letter-spacing:.01em;
}

/* Lead text */
#pn-app-pharmacy.pm-pharmacy .pm-lead{
  margin:0;
  max-width:118ch;
  color:#475569;
  font-size:clamp(15px, 1.05vw, 17px);
  line-height:1.62;
  font-weight:500;
}

#pn-app-pharmacy.pm-pharmacy .pm-lead strong{
  color:#172033;
  font-weight:850;
}

/* Steps */
#pn-app-pharmacy.pm-pharmacy .pm-steps{
  margin-top:0;
  display:grid;
  gap:clamp(12px, 1vw, 16px);
}

/* Default */
#pn-app-pharmacy.pm-pharmacy .pm-steps--two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

/* Step cards */
#pn-app-pharmacy.pm-pharmacy .pm-step{
  display:flex;
  flex-direction:column;
  min-height:0;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.80));
  box-shadow:
    0 12px 22px rgba(2,6,23,.075),
    inset 0 1px 0 rgba(255,255,255,.72);
  padding:clamp(13px, 1vw, 16px);
}

#pn-app-pharmacy.pm-pharmacy .pm-step__num{
  margin:0 0 8px;
  width:32px;
  height:32px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:15px;
  line-height:1;
  font-weight:950;
  color:#0b1220;
  border:1px solid rgba(20,184,166,.28);
  background:rgba(20,184,166,.14);
  box-shadow:0 0 0 4px rgba(20,184,166,.08);
}

#pn-app-pharmacy.pm-pharmacy .pm-step__title{
  margin:0 0 6px;
  font-weight:950;
  font-size:clamp(14.2px, .98vw, 15.5px);
  line-height:1.2;
  color:#0b1220;
}

#pn-app-pharmacy.pm-pharmacy .pm-step__text{
  margin:0;
  font-size:clamp(14px, .96vw, 15px);
  line-height:1.48;
  font-weight:500;
  color:#334155;
}

#pn-app-pharmacy.pm-pharmacy .pm-step__text strong{
  color:#1f2937;
  font-weight:850;
}

/* Desktop: 3 columns */
@media (min-width:1101px){
  #pn-app-pharmacy.pm-pharmacy .pm-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

/* Narrow desktop */
@media (max-width:1280px) and (min-width:1101px){
  #pn-app-pharmacy.pm-pharmacy .pm-container{
    max-width:1220px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps--two{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* Tablet */
@media (max-width:980px){
  #pn-app-pharmacy.pm-pharmacy{
    padding:clamp(36px, 5.6vh, 68px) 0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps--two{
    grid-template-columns:1fr;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    max-width:820px;
    margin:0 auto;
  }
}

/* 13 inch / low height */
@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-app-pharmacy.pm-pharmacy{
    padding:clamp(20px, 3.2vh, 44px) 0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-container{
    max-width:1240px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    padding:clamp(16px, 1.45vw, 20px);
    border-radius:24px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header{
    margin-bottom:18px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header__intro{
    gap:11px;
    padding-top:8px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header:not(:has(.pm-header__intro)){
    gap:11px;
    padding-top:8px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-pill{
    padding:7px 12px;
    font-size:12.6px;
    box-shadow:0 0 0 3px rgba(20,184,166,.08);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-pill__app{
    padding:5px 9px;
    box-shadow:0 0 0 2px rgba(15,23,42,.05);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-lead{
    font-size:14.5px;
    line-height:1.48;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps{
    gap:10px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step{
    padding:10px;
    border-radius:16px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__num{
    width:29px;
    height:29px;
    margin-bottom:6px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__title{
    font-size:14px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__text{
    font-size:13.8px;
    line-height:1.35;
  }
}

/* Extra-tight desktop */
@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-app-pharmacy.pm-pharmacy{
    padding:18px 0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    padding:14px;
    border-radius:22px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header{
    margin-bottom:14px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header__intro{
    gap:9px;
    padding-top:6px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header:not(:has(.pm-header__intro)){
    gap:9px;
    padding-top:6px;
    padding-left:clamp(2px, .4vw, 6px);
    padding-right:clamp(2px, .4vw, 6px);
  }

  #pn-app-pharmacy.pm-pharmacy .pm-lead{
    font-size:13.8px;
    line-height:1.42;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps{
    gap:8px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-steps--two{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step{
    padding:8px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__num{
    width:28px;
    height:28px;
    margin-bottom:5px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__title{
    font-size:13.8px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__text{
    font-size:13.6px;
    line-height:1.32;
  }
}

/* Mobile */
@media (max-width:520px){
  #pn-app-pharmacy.pm-pharmacy{
    padding:38px 0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-container{
    padding:0 12px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    border-radius:20px;
    padding:18px 12px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header{
    margin-bottom:18px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header__intro{
    gap:12px;
    padding-top:4px;
    padding-left:0;
    padding-right:0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-header:not(:has(.pm-header__intro)){
    gap:12px;
    padding-top:4px;
    padding-left:0;
    padding-right:0;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-pill{
    width:100%;
    text-align:center;
    line-height:1.08;
    padding:9px 12px;
    justify-content:center;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-lead{
    font-size:14.4px;
    line-height:1.52;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step{
    padding:13px;
    border-radius:16px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__num{
    width:30px;
    height:30px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__title{
    font-size:14.4px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step__text{
    font-size:14px;
    line-height:1.42;
  }
}

/* Very small phones */
@media (max-width:380px){
  #pn-app-pharmacy.pm-pharmacy .pm-inner{
    padding:16px 10px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-pill{
    font-size:12.4px;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-pill__sep{
    display:none;
  }

  #pn-app-pharmacy.pm-pharmacy .pm-step{
    padding:12px;
  }
}

/* Screen-reader only title */
#pn-app-pharmacy.pm-pharmacy .pm-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* about-us.css */
#pn-why-duo.pw-duo{
  width:100%;
  max-width:100%;
  margin:0;
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  overflow-y:visible;
  background:transparent;
  padding:clamp(42px, 6.2vh, 96px) 0;
}

#pn-why-duo.pw-duo,
#pn-why-duo.pw-duo *,
#pn-why-duo.pw-duo *::before,
#pn-why-duo.pw-duo *::after{
  box-sizing:border-box;
}

#pn-why-duo.pw-duo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1100px 520px at -12% -25%, rgba(56,189,248,.18) 0, transparent 46%),
    radial-gradient(900px 520px at 112% -8%, rgba(168,85,247,.16) 0, transparent 46%),
    radial-gradient(860px 520px at 52% 118%, rgba(34,197,94,.10) 0, transparent 56%),
    radial-gradient(620px 320px at 38% 28%, rgba(14,165,233,.06) 0, transparent 60%),
    linear-gradient(180deg, #f3fbff 0%, #ffffff 58%, #fbfdff 100%);
  filter:saturate(112%);
}

#pn-why-duo.pw-duo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1000px 820px at 50% 40%, rgba(2,6,23,0) 55%, rgba(2,6,23,.055) 100%);
  opacity:.75;
}

#pn-why-duo.pw-duo > *{
  position:relative;
  z-index:1;
}

#pn-why-duo.pw-duo :where(
  .pw-container,
  .pw-grid,
  .pw-panel,
  .pw-panel__grid,
  .pw-main,
  .pw-side,
  .pw-box,
  .pw-kicker,
  .pw-title,
  .pw-lead,
  .pw-list,
  .pw-pill,
  .pw-chip
){
  min-width:0;
}

#pn-why-duo.pw-duo :where(h1,h2,h3,p,li,a,div,span,strong){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

#pn-why-duo.pw-duo :where(h1,h2,h3,p,ul,figure){
  margin-top:0;
}

#pn-why-duo.pw-duo :where(img,svg){
  display:block;
  max-width:100%;
  height:auto;
}

/* Container */
#pn-why-duo.pw-duo .pw-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(12px, 2vw, 28px);
}

/* Main two-panel grid */
#pn-why-duo.pw-duo .pw-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(14px, 2vw, 24px);
  align-items:stretch;
}

/* Panel */
#pn-why-duo.pw-duo .pw-panel{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.86);
  box-shadow:
    0 24px 54px rgba(2,6,23,.12),
    0 8px 18px rgba(2,6,23,.065);
  padding:clamp(14px, 1.45vw, 20px);
  overflow:hidden;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){
  #pn-why-duo.pw-duo .pw-panel{
    background:rgba(255,255,255,.82);
    -webkit-backdrop-filter:saturate(118%) blur(7px);
    backdrop-filter:saturate(118%) blur(7px);
  }
}

#pn-why-duo.pw-duo .pw-panel--app{
  box-shadow:
    0 24px 54px rgba(76,29,149,.10),
    0 8px 18px rgba(2,6,23,.065);
}

#pn-why-duo.pw-duo .pw-panel--ms{
  box-shadow:
    0 24px 54px rgba(6,95,70,.10),
    0 8px 18px rgba(2,6,23,.065);
}

/* Inner grid */
#pn-why-duo.pw-duo .pw-panel__grid{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  gap:clamp(12px, 1.45vw, 18px);
  align-items:stretch;
}

/* Top content */
#pn-why-duo.pw-duo .pw-main{
  min-height:0;
  display:grid;
  grid-template-rows:auto auto auto;
  gap:10px;
}

#pn-why-duo.pw-duo .pw-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  min-height:0;
}

#pn-why-duo.pw-duo .pw-h1{
  margin:0;
  font-size:clamp(16px, 1.18vw, 19px);
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.02em;
  color:#0b1220;
}

#pn-why-duo.pw-duo .pw-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  max-width:100%;
  padding:8px 14px;
  border-radius:999px;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  border:1px solid rgba(148,163,184,.34);
  color:#0b1220;
  white-space:nowrap;
}

#pn-why-duo.pw-duo .pw-pill--app{
  background:rgba(139,92,246,.16);
  border-color:rgba(139,92,246,.28);
  box-shadow:0 0 0 4px rgba(139,92,246,.10);
}

#pn-why-duo.pw-duo .pw-pill--ms{
  background:rgba(16,185,129,.16);
  border-color:rgba(16,185,129,.28);
  box-shadow:0 0 0 4px rgba(16,185,129,.10);
}

#pn-why-duo.pw-duo .pw-title{
  margin:0;
  color:#0b1220;
  font-size:clamp(19px, 1.55vw, 26px);
  line-height:1.16;
  letter-spacing:-.025em;
  font-weight:950;
  min-height:calc(2 * 1.16em);
}

#pn-why-duo.pw-duo .pw-lead{
  margin:0;
  max-width:92ch;
  padding:clamp(14px, 1.2vw, 18px);
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:
    radial-gradient(600px 260px at 18% 12%, rgba(56,189,248,.10) 0, transparent 55%),
    radial-gradient(520px 240px at 92% 18%, rgba(168,85,247,.09) 0, transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,250,252,.80) 100%);
  box-shadow:
    0 10px 22px rgba(2,6,23,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
  color:#475569;
  font-size:clamp(14.3px, .98vw, 15.5px);
  line-height:1.56;
  font-weight:500;
}

#pn-why-duo.pw-duo .pw-lead strong{
  color:#172033;
  font-weight:850;
}

/* Bottom goal box */
#pn-why-duo.pw-duo .pw-side{
  min-height:0;
  display:flex;
}

#pn-why-duo.pw-duo .pw-box{
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:clamp(12px, 1.05vw, 15px);
  border-radius:17px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.82);
  box-shadow:0 9px 18px rgba(2,6,23,.055);
}

#pn-why-duo.pw-duo .pw-box-title{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 clamp(10px, 1vw, 15px);
}

#pn-why-duo.pw-duo .pw-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  font-size:clamp(14px, 1vw, 15.5px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.01em;
  color:#0b1220;
  border:1px solid rgba(148,163,184,.26);
  background:linear-gradient(135deg, rgba(34,211,238,.20), rgba(139,92,246,.14));
  box-shadow:0 0 0 4px rgba(34,211,238,.08);
}

#pn-why-duo.pw-duo .pw-chip--ms{
  background:linear-gradient(135deg, rgba(16,185,129,.20), rgba(14,165,233,.14));
  box-shadow:0 0 0 4px rgba(16,185,129,.08);
}

#pn-why-duo.pw-duo .pw-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:clamp(10px, 1.05vw, 15px);
  flex:1 1 auto;
}

#pn-why-duo.pw-duo .pw-list > li{
  position:relative;
  padding-left:20px;
  color:#334155;
  font-size:clamp(14px, .96vw, 15px);
  line-height:1.48;
  font-weight:500;
}

#pn-why-duo.pw-duo .pw-list > li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:4px;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6);
  box-shadow:0 0 0 4px rgba(34,211,238,.10);
}

#pn-why-duo.pw-duo .pw-panel--ms .pw-list > li::before{
  background:linear-gradient(135deg,#10b981,#0ea5e9);
  box-shadow:0 0 0 4px rgba(16,185,129,.10);
}

/* Focus */
#pn-why-duo.pw-duo :where(a,button,label):focus-visible{
  outline:3px solid rgba(14,165,233,.30);
  outline-offset:3px;
}

/* Medium desktop / 12-13 inch laptops */
@media (max-width:1366px){
  #pn-why-duo.pw-duo .pw-container{
    max-width:1220px;
    padding:0 clamp(10px, 1.8vw, 22px);
  }

  #pn-why-duo.pw-duo .pw-grid{
    gap:clamp(12px, 1.6vw, 18px);
  }

  #pn-why-duo.pw-duo .pw-panel{
    border-radius:23px;
    padding:clamp(12px, 1.2vw, 16px);
  }

  #pn-why-duo.pw-duo .pw-title{
    font-size:clamp(17.5px, 1.35vw, 23px);
  }

  #pn-why-duo.pw-duo .pw-lead{
    font-size:14.4px;
    line-height:1.5;
    padding:14px 16px;
  }

  #pn-why-duo.pw-duo .pw-list > li{
    font-size:14.4px;
  }
}

/* Compact laptop height */
@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-why-duo.pw-duo{
    padding:clamp(20px, 3.2vh, 44px) 0;
  }

  #pn-why-duo.pw-duo .pw-container{
    max-width:1240px;
  }

  #pn-why-duo.pw-duo .pw-grid{
    gap:12px;
  }

  #pn-why-duo.pw-duo .pw-panel{
    border-radius:22px;
    padding:12px;
  }

  #pn-why-duo.pw-duo .pw-panel__grid{
    gap:12px;
  }

  #pn-why-duo.pw-duo .pw-main{
    gap:8px;
  }

  #pn-why-duo.pw-duo .pw-h1{
    font-size:16px;
  }

  #pn-why-duo.pw-duo .pw-pill{
    padding:7px 12px;
    font-size:12.5px;
    box-shadow:0 0 0 3px rgba(139,92,246,.10);
  }

  #pn-why-duo.pw-duo .pw-pill--ms{
    box-shadow:0 0 0 3px rgba(16,185,129,.10);
  }

  #pn-why-duo.pw-duo .pw-title{
    font-size:clamp(16.5px, 1.25vw, 22px);
    min-height:calc(2 * 1.16em);
  }

  #pn-why-duo.pw-duo .pw-lead{
    font-size:14px;
    line-height:1.46;
    padding:12px 14px;
    border-radius:16px;
  }

  #pn-why-duo.pw-duo .pw-box{
    padding:10px;
  }

  #pn-why-duo.pw-duo .pw-chip{
    font-size:13.8px;
    padding:6px 10px;
  }

  #pn-why-duo.pw-duo .pw-list{
    gap:9px;
  }

  #pn-why-duo.pw-duo .pw-list > li{
    font-size:13.8px;
    line-height:1.38;
    padding-left:18px;
  }

  #pn-why-duo.pw-duo .pw-list > li::before{
    width:7px;
    height:7px;
  }
}

/* Extra low-height desktop */
@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-why-duo.pw-duo{
    padding:18px 0;
  }

  #pn-why-duo.pw-duo .pw-container{
    max-width:1100px;
  }

  #pn-why-duo.pw-duo .pw-grid{
    gap:12px;
  }

  #pn-why-duo.pw-duo .pw-panel{
    border-radius:22px;
    padding:12px;
  }

  #pn-why-duo.pw-duo .pw-panel__grid{
    gap:10px;
  }

  #pn-why-duo.pw-duo .pw-main{
    gap:7px;
  }

  #pn-why-duo.pw-duo .pw-title{
    font-size:clamp(16.5px, 1.35vw, 21px);
    min-height:calc(2 * 1.16em);
  }

  #pn-why-duo.pw-duo .pw-lead{
    font-size:13.8px;
    line-height:1.42;
    padding:11px 12px;
    border-radius:15px;
  }

  #pn-why-duo.pw-duo .pw-box{
    padding:10px;
  }

  #pn-why-duo.pw-duo .pw-list{
    gap:8px;
  }

  #pn-why-duo.pw-duo .pw-list > li{
    font-size:13.7px;
    line-height:1.34;
  }
}

/* Tablet */
@media (max-width:900px){
  #pn-why-duo.pw-duo{
    padding:clamp(36px, 5.6vh, 68px) 0;
  }

  #pn-why-duo.pw-duo .pw-grid{
    grid-template-columns:1fr;
  }

  #pn-why-duo.pw-duo .pw-title{
    min-height:0;
  }

  #pn-why-duo.pw-duo .pw-panel{
    max-width:820px;
    margin:0 auto;
  }
}

/* Mobile */
@media (max-width:520px){
  #pn-why-duo.pw-duo{
    padding:38px 0;
  }

  #pn-why-duo.pw-duo .pw-container{
    padding:0 12px;
  }

  #pn-why-duo.pw-duo .pw-panel{
    border-radius:20px;
    padding:16px 12px;
  }

  #pn-why-duo.pw-duo .pw-panel__grid{
    gap:12px;
  }

  #pn-why-duo.pw-duo .pw-kicker{
    gap:8px;
  }

  #pn-why-duo.pw-duo .pw-pill{
    white-space:normal;
    text-align:center;
    line-height:1.05;
    font-size:12.5px;
    padding:7px 11px;
  }

  #pn-why-duo.pw-duo .pw-h1{
    font-size:16px;
  }

  #pn-why-duo.pw-duo .pw-title{
    font-size:clamp(19px, 6vw, 23px);
    line-height:1.15;
  }

  #pn-why-duo.pw-duo .pw-lead{
    padding:13px;
    border-radius:16px;
    font-size:14.3px;
    line-height:1.5;
  }

  #pn-why-duo.pw-duo .pw-box{
    padding:12px;
    border-radius:16px;
  }

  #pn-why-duo.pw-duo .pw-chip{
    width:100%;
    justify-content:flex-start;
    border-radius:14px;
    line-height:1.1;
  }

  #pn-why-duo.pw-duo .pw-list{
    gap:10px;
  }

  #pn-why-duo.pw-duo .pw-list > li{
    font-size:14px;
    line-height:1.42;
    padding-left:18px;
  }
}

/* Very small phones */
@media (max-width:380px){
  #pn-why-duo.pw-duo .pw-panel{
    padding:14px 10px;
  }

  #pn-why-duo.pw-duo .pw-lead{
    padding:12px;
  }

  #pn-why-duo.pw-duo .pw-box{
    padding:11px;
  }

  #pn-why-duo.pw-duo .pw-title{
    font-size:19px;
  }
}

/* community.css */
#pn-community-root.pn-community-root{
  --text:#0f172a;
  --muted:#5b6b7f;
  --border:rgba(15,23,42,.10);
  --shadow:0 18px 45px rgba(2,6,23,.10);
  --card-shadow:0 10px 28px rgba(2,6,23,.06);
  --radius-xl:30px;
  --radius-lg:28px;
  --radius-md:22px;
  --radius-sm:20px;

  display:block;
  color:var(--text);
  font:inherit;
  overflow-x:hidden;
  isolation:isolate;
  contain:layout paint style;
  box-sizing:border-box;
}

#pn-community-root.pn-community-root,
#pn-community-root.pn-community-root *,
#pn-community-root.pn-community-root *::before,
#pn-community-root.pn-community-root *::after{
  box-sizing:border-box;
}

/* Section */
#pn-community-root.pn-community-root .pn-community{
  position:relative;
  padding:clamp(42px, 6.6vh, 110px) 0;
  overflow-x:hidden;
}

#pn-community-root.pn-community-root .pn-community::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 520px at 12% 20%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(900px 520px at 92% 30%, rgba(14,165,233,.12), transparent 62%),
    radial-gradient(1100px 600px at 40% 100%, rgba(4,120,87,.10), transparent 60%);
}

#pn-community-root.pn-community-root .pn-community-nwrap{
  width:100%;
}

/* Main card */
#pn-community-root.pn-community-root .pn-community-card{
  position:relative;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(12px, 2vw, 28px);
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  overflow:hidden;
}

/* Decorative background inside card */
#pn-community-root.pn-community-root .pn-community-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 12% 18%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(900px 520px at 92% 70%, rgba(4,120,87,.10), transparent 62%);
  opacity:.9;
}

#pn-community-root.pn-community-root .pn-community-inner{
  position:relative;
  z-index:1;
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 420px);
  gap:28px;
  align-items:start;
  grid-template-areas:
    "hero media"
    "stats media"
    "benefits benefits";
}

/* Narrow-container safety */
#pn-community-root.pn-community-root :where(
  h2,
  h3,
  p,
  div,
  header,
  figure,
  span,
  article
){
  min-width:0;
}

#pn-community-root.pn-community-root :where(p, span){
  overflow-wrap:anywhere;
}

#pn-community-root.pn-community-root :where(h2, h3){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}

/* Hero */
#pn-community-root.pn-community-root .pn-community-hero{
  grid-area:hero;
}

#pn-community-root.pn-community-root .pn-community-title{
  margin:0 0 10px;
  color:var(--text);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.06;
  font-size:clamp(2.1rem, 2.8vw, 3.2rem);
  white-space:normal;
}

#pn-community-root.pn-community-root .pn-community-subtitle{
  margin:0;
  color:#0f766e;
  font-weight:700;
  font-size:clamp(1.05rem, 1.25vw, 1.2rem);
  white-space:normal;
}

/* Media */
#pn-community-root.pn-community-root .pn-community-image-wrapper{
  grid-area:media;
  width:100%;
  max-width:420px;
  justify-self:end;
  border:none;
  border-radius:28px;
  overflow:hidden;
  box-shadow:none;
  background:transparent;
  aspect-ratio:auto;
  contain:layout paint;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
}

#pn-community-root.pn-community-root .pn-community-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:inherit;
  clip-path:inset(0 round 28px);
}

/* Stats */
#pn-community-root.pn-community-root .pn-community-stats{
  grid-area:stats;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:12px;
}

#pn-community-root.pn-community-root .pn-community-stat{
  padding:16px 18px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
  box-shadow:var(--card-shadow);
}

#pn-community-root.pn-community-root .pn-community-stat-number{
  display:block;
  margin:0 0 6px;
  color:#1e293b;
  font-weight:900;
  line-height:1.2;
  font-size:clamp(1.15rem, 1.2vw, 1.25rem);
  white-space:normal;
  overflow-wrap:anywhere;
}

#pn-community-root.pn-community-root .pn-community-stat-label{
  display:block;
  margin:0;
  color:var(--muted);
  font-weight:600;
  line-height:1.35;
  font-size:1rem;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Benefits */
#pn-community-root.pn-community-root .pn-community-benefits{
  grid-area:benefits;
  display:grid;
  grid-template-columns:repeat(3, minmax(260px, 1fr));
  gap:12px;
  align-items:stretch;
}

#pn-community-root.pn-community-root .pn-community-benefit{
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:#fff;
  box-shadow:var(--card-shadow);
}

#pn-community-root.pn-community-root .pn-community-benefit h3{
  margin:0 0 8px;
  color:var(--text);
  font-weight:800;
  letter-spacing:-.01em;
  font-size:1.05rem;
  white-space:normal;
  overflow-wrap:anywhere;
}

#pn-community-root.pn-community-root .pn-community-benefit p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:.98rem;
  overflow-wrap:anywhere;
}

/* Responsive */
@media (max-width:1080px){
  #pn-community-root.pn-community-root .pn-community-inner{
    grid-template-columns:minmax(0, 1fr) minmax(0, 360px);
    gap:22px;
  }

  #pn-community-root.pn-community-root .pn-community-image-wrapper{
    max-width:360px;
  }

  #pn-community-root.pn-community-root .pn-community-benefits{
    grid-template-columns:repeat(2, minmax(240px, 1fr));
  }
}

@media (max-width:940px){
  #pn-community-root.pn-community-root .pn-community-inner{
    grid-template-columns:1fr;
    grid-template-areas:
      "hero"
      "media"
      "stats"
      "benefits";
  }

  #pn-community-root.pn-community-root .pn-community-image-wrapper{
    max-width:520px;
    justify-self:start;
  }

  #pn-community-root.pn-community-root .pn-community-benefits{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:720px){
  #pn-community-root.pn-community-root .pn-community-inner{
    padding:18px;
  }

  #pn-community-root.pn-community-root .pn-community-stats{
    grid-template-columns:1fr;
  }

  #pn-community-root.pn-community-root .pn-community-benefits{
    grid-template-columns:1fr;
  }
}

@media (max-width:480px){
  #pn-community-root.pn-community-root .pn-community-title{
    font-size:clamp(1.75rem, 7vw, 2.25rem);
  }

  #pn-community-root.pn-community-root .pn-community-stat{
    padding:14px 14px 12px;
  }

  #pn-community-root.pn-community-root .pn-community-benefit{
    padding:14px 14px 12px;
    border-radius:18px;
  }

  #pn-community-root.pn-community-root .pn-community-image-wrapper{
    max-width:100%;
    border-radius:22px;
  }

  #pn-community-root.pn-community-root .pn-community-image{
    border-radius:inherit;
    clip-path:inset(0 round 22px);
  }
}

/* Height-aware preview */
@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-community-root.pn-community-root .pn-community{
    padding:clamp(18px, 3.2vh, 44px) 0;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-community-root.pn-community-root .pn-community{
    padding:18px 0;
  }
}

/* custumers-feedback.css */
#pn-custumers-feedback-root.pn-custumers-feedback-root{
  display:block;
  overflow-x:clip;
  contain:layout paint style;
  isolation:isolate;
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section,
#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section *{
  box-sizing:border-box;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section > *{
  position:relative;
  z-index:1;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root :where(img, svg, video){
  max-width:100%;
  height:auto;
  display:block;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root :where(
  .cf-shell,
  .cf-card,
  .cf-grid,
  .cf-content,
  .cf-media,
  .cf-media-inner,
  .cf-list,
  .cf-item,
  .cf-meta,
  .cf-title,
  .cf-lead,
  .cf-quote,
  .cf-name,
  .cf-loc,
  .cf-date
){
  min-width:0;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root :where(h1,h2,h3,p,li,a,div,span,strong,blockquote,time,figure,figcaption){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section{
  position:relative;
  width:100%;
  margin:0;
  padding:clamp(42px, 6.6vh, 110px) 0;
  display:flex;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 70% at 8% 10%, rgba(219,234,254,.95) 0, rgba(219,234,254,0) 55%),
    radial-gradient(900px 70% at 92% 92%, rgba(167,243,208,.85) 0, rgba(167,243,208,0) 55%),
    radial-gradient(1100px 70% at 60% 0, rgba(224,242,254,.75) 0, rgba(224,242,254,0) 55%),
    linear-gradient(120deg, #fbfdff 0, #eef7ff 45%, #f4feff 100%);
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-shell{
  position:relative;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 clamp(10px, 2vw, 26px);
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-card{
  width:100%;
  border-radius:36px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,23,42,.09);
  box-shadow:
    0 30px 80px rgba(10,18,30,.12),
    0 6px 18px rgba(10,18,30,.06),
    inset 0 1px 0 rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  overflow:hidden;
  position:relative;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-card::before{
  content:"";
  position:absolute;
  inset:-2px -2px auto -2px;
  height:120px;
  background:linear-gradient(90deg, rgba(59,130,246,.14), rgba(16,185,129,.12), rgba(6,182,212,.10));
  filter:blur(14px);
  opacity:.9;
  pointer-events:none;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:36px;
  align-items:center;
  padding:32px 30px 28px;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-content{
  display:flex;
  flex-direction:column;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-title{
  margin:0 0 14px;
  font-size:clamp(23px, 2.25vw, 36px);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.025em;
  color:rgba(15,23,42,.92);
  text-wrap:balance;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-lead{
  margin:0 0 20px;
  max-width:70ch;
  color:rgba(71,85,105,.92);
  font-size:clamp(15px, 1.05vw, 17px);
  line-height:1.62;
  font-weight:500;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  align-items:stretch;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-item{
  position:relative;
  border-radius:18px;
  padding:10px 12px 9px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,23,42,.09);
  box-shadow:0 14px 34px rgba(10,18,30,.08);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(59,130,246,.85), rgba(16,185,129,.75));
  opacity:.9;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-quote{
  margin:0 0 8px;
  padding-left:10px;
  font-size:14.25px;
  line-height:1.55;
  color:rgba(15,23,42,.84);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-quote strong{
  color:rgba(15,23,42,.96);
  font-weight:850;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-meta{
  padding-left:10px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:baseline;
  font-size:12.5px;
  color:rgba(15,23,42,.60);
  margin-top:auto;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-name{
  font-weight:800;
  color:rgba(15,23,42,.82);
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-dot{
  opacity:.55;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-date{
  margin-left:auto;
  color:rgba(15,23,42,.52);
  white-space:nowrap;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media{
  display:grid;
  justify-items:end;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
  width:100%;
  max-width:420px;
  aspect-ratio:4 / 3;
  max-height:340px;
  border-radius:30px;
  overflow:hidden;
  background:rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:
    0 26px 70px rgba(10,18,30,.16),
    0 10px 26px rgba(10,18,30,.10);
  position:relative;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 30% 20%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0, rgba(0,0,0,0) 40%);
  pointer-events:none;
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-image{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
}

#pn-custumers-feedback-root.pn-custumers-feedback-root :where(a, button, [tabindex]):focus-visible{
  outline:3px solid rgba(14,165,233,.30);
  outline-offset:3px;
}

@media (hover:hover) and (pointer:fine){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-item{
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-item:hover{
    transform:translateY(-2px);
    border-color:rgba(59,130,246,.18);
    box-shadow:0 18px 44px rgba(10,18,30,.10);
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
    transition:transform .20s ease, box-shadow .20s ease;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner:hover{
    transform:translateY(-2px);
    box-shadow:
      0 32px 86px rgba(10,18,30,.18),
      0 12px 30px rgba(10,18,30,.12);
  }
}

@media (max-width:1024px){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-grid{
    grid-template-columns:1fr;
    padding:26px 20px 22px;
    gap:20px;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media{
    order:-1;
    justify-items:start;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
    max-width:520px;
    aspect-ratio:16 / 10;
    max-height:none;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-lead{
    max-width:100%;
  }
}

@media (max-width:640px){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-grid{
    padding:22px 16px 20px;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-title{
    margin-bottom:12px;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-lead{
    margin-bottom:16px;
    font-size:14.6px;
    line-height:1.52;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-list{
    grid-template-columns:1fr;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-quote{
    -webkit-line-clamp:4;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-date{
    width:100%;
    margin-left:0;
    white-space:normal;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
    max-width:100%;
    aspect-ratio:16 / 11;
  }
}

@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section{
    padding:clamp(18px, 3.2vh, 44px) 0;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-grid{
    padding:26px 24px 22px;
    gap:24px;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-title{
    margin-bottom:12px;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-lead{
    margin-bottom:16px;
    font-size:14.5px;
    line-height:1.5;
  }

  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
    max-width:380px;
    max-height:310px;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-section{
    padding:18px 0;
  }
}

#pn-custumers-feedback-root.pn-custumers-feedback-root .cf-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

@media (prefers-reduced-motion: reduce){
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-item,
  #pn-custumers-feedback-root.pn-custumers-feedback-root .cf-media-inner{
    transition:none;
  }
}

/* intro-stock-calculator.css */
#pn-stock-intro-section.mc-intro-section,
#pn-stock-intro-section.mc-intro-section *{
  box-sizing:border-box;
}

#pn-stock-intro-section.mc-intro-section{
  width:100%;
  margin:0;
  padding:clamp(42px, 6.6vh, 90px) 0;
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  background:transparent;
}

#pn-stock-intro-section.mc-intro-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(820px 520px at 10% 18%, rgba(254,249,195,.72) 0, rgba(254,249,195,0) 60%),
    radial-gradient(920px 560px at 92% 82%, rgba(224,231,255,.68) 0, rgba(224,231,255,0) 62%),
    radial-gradient(1100px 700px at 55% -12%, rgba(207,250,254,.56) 0, rgba(207,250,254,0) 58%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 52%, #f8fafc 100%);
}

#pn-stock-intro-section.mc-intro-section > *{
  position:relative;
  z-index:1;
}

#pn-stock-intro-root.pn-stock-intro-root{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  isolation:isolate;
  color:#0f172a;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
}

#pn-stock-intro-root.pn-stock-intro-root,
#pn-stock-intro-root.pn-stock-intro-root *{
  text-align:left;
  word-spacing:normal;
  letter-spacing:normal;
  text-transform:none;
}

#pn-stock-intro-root.pn-stock-intro-root :where(div,figure,ul,li,h2,p,span,svg,img){
  min-width:0;
}

#pn-stock-intro-root.pn-stock-intro-root :where(h1,h2,h3,p,li,span,strong){
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

#pn-stock-intro-root.pn-stock-intro-root :where(img,svg){
  display:block;
  max-width:100%;
  height:auto;
}

/* Wrapper χωρίς μεγάλο εξωτερικό λευκό box */
#pn-stock-intro-root.pn-stock-intro-root .mc-intro{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 clamp(16px, 2vw, 28px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px, 3vw, 42px);
  align-items:center;
}

@media (min-width:900px){
  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
  }
}

/* Image */
#pn-stock-intro-root.pn-stock-intro-root .mc-intro-media{
  display:grid;
  justify-items:end;
  min-width:0;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-media-inner{
  width:100%;
  max-width:560px;
  margin:0;
  aspect-ratio:16 / 9;
  border-radius:28px;
  overflow:hidden;
  background:rgba(15,23,42,.05);
  border:0;
  box-shadow:
    0 16px 38px rgba(15,23,42,.08),
    0 5px 14px rgba(15,23,42,.04);
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-image{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Μόνο αυτό είναι το box με τις πληροφορίες */
#pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
  padding:clamp(26px, 2.8vw, 38px);
  border-radius:28px;
  border:0;
  outline:0;
  background:
    radial-gradient(700px 260px at 0% 0%, rgba(254,249,195,.14), transparent 58%),
    radial-gradient(700px 260px at 100% 100%, rgba(224,231,255,.18), transparent 58%),
    rgba(255,255,255,.78);
  box-shadow:none;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-title{
  margin:0 0 14px;
  max-width:16ch;
  color:#0f172a;
  font-size:clamp(24px, 2.35vw, 34px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-sub{
  margin:0 0 26px;
  max-width:46ch;
  color:#475569;
  font-size:clamp(15px, 1.05vw, 16px);
  line-height:1.58;
  font-weight:500;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-item{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:11px 15px;
  border-radius:999px;
  background:rgba(238,242,255,.92);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:none;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.07);
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon-blue{
  background:#eff6ff;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon-yellow{
  background:#fefce8;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon-red{
  background:#fef2f2;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon-svg{
  width:20px;
  height:20px;
  stroke:#0f172a;
  fill:none;
}

#pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-text{
  display:block;
  flex:1 1 auto;
  color:#0f172a;
  font-size:15px;
  line-height:1.3;
  font-weight:750;
}

@media (max-width:1024px){
  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-media{
    justify-items:start;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-media-inner{
    max-width:560px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-title{
    max-width:22ch;
  }
}

@media (max-width:899px){
  #pn-stock-intro-section.mc-intro-section{
    padding:clamp(36px, 5.6vh, 72px) 0;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro{
    max-width:760px;
    padding:0 16px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
    padding:24px 20px 22px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-title{
    max-width:100%;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-item{
    padding:10px 14px;
  }
}

@media (max-width:520px){
  #pn-stock-intro-section.mc-intro-section{
    padding:38px 0;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro{
    padding:0 12px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-media-inner{
    border-radius:20px;
    aspect-ratio:16 / 10;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
    border-radius:22px;
    padding:20px 16px 18px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-title{
    font-size:clamp(22px, 7vw, 28px);
    line-height:1.1;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-sub{
    margin-bottom:18px;
    font-size:14.5px;
    line-height:1.52;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list{
    gap:10px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-item{
    align-items:flex-start;
    border-radius:18px;
    padding:11px 12px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon{
    margin-top:1px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-text{
    font-size:14.6px;
    line-height:1.35;
  }
}

@media (max-width:380px){
  #pn-stock-intro-root.pn-stock-intro-root .mc-intro{
    padding:0 10px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
    padding:18px 14px 16px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-text{
    font-size:14px;
  }
}

@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-stock-intro-section.mc-intro-section{
    padding:clamp(18px, 3.2vh, 44px) 0;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
    padding:26px 26px 24px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-title{
    font-size:clamp(22px, 2.1vw, 30px);
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-sub{
    margin-bottom:18px;
    font-size:14.5px;
    line-height:1.48;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-list-item{
    padding:9px 14px;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-stock-intro-section.mc-intro-section{
    padding:18px 0;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-grid{
    gap:20px;
  }

  #pn-stock-intro-root.pn-stock-intro-root .mc-intro-card{
    padding:22px 22px 20px;
  }
}

/* stock-calculator.css */
#stock-calculator.mc-scroll-anchor{
  display:block;
  height:1px;
  margin-top:-1px;
  scroll-margin-top:120px;
}

#pn-stock-calculator-root.mc-root{
  box-sizing:border-box;
}

#pn-stock-calculator-root.mc-root *{
  box-sizing:inherit;
}

#pn-stock-calculator-root.mc-root{
  --primary:#2563eb;
  --secondary:#eef2ff;
  --ink:#0f172a;
  --muted:#4b5563;
  --bg:#f5f7fc;
  --card:#ffffff;
  --ring:rgba(37,99,235,.45);
  --radius:24px;

  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:var(--ink);
  display:block;
  overflow-x:hidden;
  isolation:isolate;
  contain:layout paint style;
}

#pn-stock-calculator-root.mc-root .mc-hero{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  padding:clamp(42px, 6.6vh, 110px) 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:
    radial-gradient(circle at 0 0,#dbeafe 0,#eff6ff 38%,transparent 72%),
    radial-gradient(circle at 100% 100%,#ede9fe 0,#f5f3ff 45%,transparent 80%),
    linear-gradient(180deg,#f9fafb 0,#e5f4ff 50%,#eef2ff 100%);
  overflow-x:hidden;
  content-visibility:auto;
  contain-intrinsic-size:1100px;
}

#pn-stock-calculator-root.mc-root .mc-shell{
  width:100%;
  max-width:1500px;
  padding:0 28px;
  margin:0 auto;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-inner{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:28px;
  min-width:0;
  contain:layout paint;
}

#pn-stock-calculator-root.mc-root .mc-card-image{
  position:absolute;
  top:0;
  right:0;
  width:min(360px, 26vw);
  pointer-events:none;
  z-index:0;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-image-wrapper{
  position:relative;
  width:100%;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:none;
  background:none;
  aspect-ratio:16 / 9;
  isolation:isolate;
  contain:paint;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-image{
  filter:none;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:transparent;
  image-rendering:auto;
}

#pn-stock-calculator-root.mc-root .mc-image-overlay{
  display:none;
}

#pn-stock-calculator-root.mc-root .mc-hero-content{
  position:relative;
  z-index:1;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-header{
  text-align:left;
  margin-bottom:22px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-title{
  margin:0 0 14px;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.1;
  font-size:clamp(30px, 3.4vw, 40px);
  color:#111827;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-title span{
  display:block;
  margin-top:4px;
  color:#2563eb;
  font-weight:900;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-desc{
  margin:0;
  max-width:44rem;
  font-size:1rem;
  line-height:1.7;
  color:var(--muted);
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
  gap:20px;
  align-items:stretch;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-card{
  background:var(--card);
  border-radius:var(--radius);
  padding:18px 20px;
  border:1px solid #e5e7eb;
  box-shadow:none;
  height:100%;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-row{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-bottom:12px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-row:last-of-type{
  margin-bottom:10px;
}

#pn-stock-calculator-root.mc-root .mc-row label{
  font-size:.88rem;
  font-weight:600;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-row-inline{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-field{
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-row input,
#pn-stock-calculator-root.mc-root .mc-row select{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  outline:none;
  background:#f9fafb;
  width:100%;
  font-size:.94rem;
  min-width:0;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

#pn-stock-calculator-root.mc-root .mc-row input:focus,
#pn-stock-calculator-root.mc-root .mc-row select:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 2px var(--ring);
  background:#ffffff;
}

#pn-stock-calculator-root.mc-root .mc-hint{
  font-size:.78rem;
  line-height:1.4;
  color:var(--muted);
  opacity:.9;
  margin-top:2px;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:16px;
  font-weight:700;
  font-size:.94rem;
  border:1px solid transparent;
  cursor:pointer;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-align:center;
  transition:background-color .18s ease, color .18s ease, transform .15s ease, border-color .18s ease;
  text-decoration:none;
  box-shadow:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-btn.primary{
  background:var(--primary);
  color:#ffffff;
  box-shadow:none;
}

#pn-stock-calculator-root.mc-root .mc-btn.primary:hover{
  background:#1d4ed8;
  transform:translateY(-1px);
  box-shadow:none;
}

#pn-stock-calculator-root.mc-root .mc-btn.secondary{
  background:#ffffff;
  color:#111827;
  border-color:#cbd5f5;
  box-shadow:none;
}

#pn-stock-calculator-root.mc-root .mc-btn.secondary:hover{
  background:#e0e7ff;
  transform:translateY(-1px);
  box-shadow:none;
}

#pn-stock-calculator-root.mc-root .mc-kpi{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-tile{
  background:#f9fafb;
  border-radius:16px;
  padding:12px 12px 10px;
  border:1px solid #e5e7eb;
  box-shadow:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-kh{
  font-size:.78rem;
  color:var(--muted);
  margin-bottom:3px;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-kv{
  font-size:1.2rem;
  font-weight:800;
  color:#0f172a;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:600;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  box-shadow:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-pill.none{
  background:#ecfdf3;
  color:#166534;
}

#pn-stock-calculator-root.mc-root .mc-pill.low{
  background:#fffbeb;
  color:#92400e;
}

#pn-stock-calculator-root.mc-root .mc-pill.high{
  background:#fef2f2;
  color:#b91c1c;
}

#pn-stock-calculator-root.mc-root .mc-table{
  width:100%;
  border-collapse:collapse;
  font-size:.88rem;
  margin-top:4px;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-table td{
  padding:7px 6px;
  border-bottom:1px dashed #e3e8f0;
  vertical-align:top;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  min-width:0;
}

#pn-stock-calculator-root.mc-root .mc-table tr:last-child td{
  border-bottom:none;
}

@media (max-width:1200px){
  #pn-stock-calculator-root.mc-root .mc-inner{
    padding-right:min(320px, 28vw);
  }

  #pn-stock-calculator-root.mc-root .mc-card-image{
    width:min(340px, 28vw);
  }
}

@media (max-width:1024px){
  #pn-stock-calculator-root.mc-root .mc-inner{
    padding-right:0;
  }

  #pn-stock-calculator-root.mc-root .mc-card-image{
    position:relative;
    width:100%;
    max-width:520px;
    margin:0 auto 28px;
    pointer-events:auto;
  }

  #pn-stock-calculator-root.mc-root .mc-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  #stock-calculator.mc-scroll-anchor{
    scroll-margin-top:95px;
  }

  #pn-stock-calculator-root.mc-root .mc-shell{
    padding:0 18px;
  }

  #pn-stock-calculator-root.mc-root .mc-actions{
    flex-direction:column;
  }

  #pn-stock-calculator-root.mc-root .mc-btn{
    width:100%;
  }

  #pn-stock-calculator-root.mc-root .mc-kpi{
    grid-template-columns:1fr;
  }

  #pn-stock-calculator-root.mc-root .mc-row-inline{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  #pn-stock-calculator-root.mc-root .mc-title{
    font-size:clamp(24px, 6vw, 30px);
  }

  #pn-stock-calculator-root.mc-root .mc-desc{
    font-size:.95rem;
  }

  #pn-stock-calculator-root.mc-root .mc-card{
    padding:16px 14px;
  }

  #pn-stock-calculator-root.mc-root .mc-table{
    font-size:.82rem;
  }
}

@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-stock-calculator-root.mc-root .mc-hero{
    padding:clamp(18px, 3.2vh, 44px) 0;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-stock-calculator-root.mc-root .mc-hero{
    padding:18px 0;
  }
}

@media (prefers-reduced-motion:reduce){
  #pn-stock-calculator-root.mc-root .mc-btn,
  #pn-stock-calculator-root.mc-root .mc-card{
    transition:none;
  }
}

/* intro-rebate-calculator.css */
rebate-intro-root{
  display:block;
  isolation:isolate;
  content-visibility:auto;
  contain-intrinsic-size:900px;
  overflow-x:hidden;
  contain:layout paint style;
}

rebate-intro-root .rb-intro-section,
rebate-intro-root .rb-intro-section *,
rebate-intro-root .rb-intro-section *::before,
rebate-intro-root .rb-intro-section *::after{
  box-sizing:border-box;
}

rebate-intro-root .rb-intro-section{
  padding:clamp(42px, 6.6vh, 110px) 0;
  overflow-x:hidden;
  background:
    radial-gradient(1200px 600px at 12% 10%, rgba(56,189,248,.16), transparent 55%),
    radial-gradient(1000px 520px at 86% 18%, rgba(99,102,241,.14), transparent 58%),
    linear-gradient(180deg, #f8fbff 0%, #f6f8ff 55%, #f8fafc 100%);
}

rebate-intro-root .rb-intro{
  max-width:1180px;
  margin:0 auto;
  padding:34px;
  border-radius:28px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 18px 60px rgba(15,23,42,.14);
  backdrop-filter:blur(10px);
  color:#0f172a;
  font-family:inherit;
  min-width:0;
}

rebate-intro-root :where(
  .rb-intro-grid,
  .rb-intro-content,
  .rb-intro-cards,
  .rb-card,
  .rb-card-meta,
  .rb-intro-media,
  .rb-intro-media-inner
){
  min-width:0;
}

rebate-intro-root .rb-intro-grid{
  display:grid;
  gap:30px;
}

rebate-intro-root .rb-intro-content{
  min-width:0;
}

rebate-intro-root .rb-intro-eyebrow{
  margin:0 0 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(15,23,42,.78);
  white-space:normal;
  overflow-wrap:anywhere;
}

rebate-intro-root .rb-intro-eyebrow::before{
  content:"";
  width:44px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, #22c55e, #38bdf8, #6366f1);
  box-shadow:0 10px 26px rgba(2,6,23,.12);
  flex:0 0 auto;
}

rebate-intro-root .rb-intro-title{
  margin:0 0 12px;
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.05;
  font-size:clamp(30px, 3.2vw, 46px);
  color:#0b1220;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

rebate-intro-root .rb-intro-sub{
  margin:0 0 22px;
  font-size:16px;
  line-height:1.7;
  color:rgba(15,23,42,.74);
  max-width:56ch;
  white-space:normal;
  overflow-wrap:anywhere;
}

rebate-intro-root .rb-intro-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

rebate-intro-root .rb-card{
  position:relative;
  padding:18px 18px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  overflow:hidden;
  min-width:0;
}

rebate-intro-root .rb-card::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, #22c55e, #38bdf8, #6366f1);
}

rebate-intro-root .rb-card-quote{
  margin:0 0 14px;
  padding-left:10px;
  font-size:15px;
  line-height:1.7;
  color:rgba(15,23,42,.88);
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
}

rebate-intro-root .rb-card-meta{
  margin:0;
  padding-left:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  font-size:13px;
  color:rgba(15,23,42,.62);
  min-width:0;
}

rebate-intro-root .rb-card-name,
rebate-intro-root .rb-card-loc{
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
}

rebate-intro-root .rb-card-name{
  font-weight:800;
  color:rgba(15,23,42,.78);
}

rebate-intro-root .rb-card-dot{
  opacity:.55;
}

rebate-intro-root .rb-intro-media{
  width:100%;
  display:grid;
  place-items:center;
}

rebate-intro-root .rb-intro-media-inner{
  width:100%;
  max-width:520px;
  aspect-ratio:16 / 9;
  margin:0 auto;
  border-radius:26px;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:0 26px 70px rgba(15,23,42,.18);
  contain:paint;
  min-width:0;
}

rebate-intro-root .rb-intro-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

@media (min-width:640px){
  rebate-intro-root .rb-intro-cards{
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
}

@media (min-width:940px){
  rebate-intro-root .rb-intro-grid{
    grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr);
    align-items:center;
  }

  rebate-intro-root .rb-intro-media{
    align-self:center;
  }
}

@media (max-width:1024px){
  rebate-intro-root .rb-intro{
    padding:24px;
    border-radius:22px;
  }

  rebate-intro-root .rb-intro-media-inner{
    max-width:560px;
  }
}

@media (max-width:520px){
  rebate-intro-root .rb-intro-section{
    padding:42px 0;
  }

  rebate-intro-root .rb-intro{
    padding:20px;
    border-radius:20px;
  }

  rebate-intro-root .rb-card{
    padding:16px 16px 14px;
    border-radius:16px;
  }

  rebate-intro-root .rb-card-quote{
    font-size:14px;
  }

  rebate-intro-root .rb-card-meta{
    gap:8px;
  }
}

@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  rebate-intro-root .rb-intro-section{
    padding:clamp(18px, 3.2vh, 44px) 0;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  rebate-intro-root .rb-intro-section{
    padding:18px 0;
  }
}

@media (prefers-reduced-motion:reduce){
  rebate-intro-root .rb-card,
  rebate-intro-root .rb-intro-media-inner{
    transition:none;
    animation:none;
  }
}

/* rebate-calculator.css */
#pn-rebate-calculator-root.cb-root{
  --primary:#2563eb;
  --secondary:#eef2ff;
  --ink:#0f172a;
  --muted:#4b5563;
  --card:#ffffff;
  --ring:rgba(37,99,235,.45);
  --radius:24px;

  box-sizing:border-box;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:var(--ink);
  display:block;
  overflow-x:hidden;
  isolation:isolate;
  contain:layout paint style;
}

#pn-rebate-calculator-root.cb-root,
#pn-rebate-calculator-root.cb-root *,
#pn-rebate-calculator-root.cb-root *::before,
#pn-rebate-calculator-root.cb-root *::after{
  box-sizing:border-box;
}

#pn-rebate-calculator-root.cb-root :where(
  div,
  section,
  header,
  figure,
  img,
  h1,
  p,
  label,
  input,
  button,
  table,
  tbody,
  tr,
  td,
  span,
  strong
){
  min-width:0;
}

#pn-rebate-calculator-root.cb-root :where(h1,p,label,td,span,strong){
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

#pn-rebate-calculator-root.cb-root .cb-scroll-anchor{
  display:block;
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  position:relative;
  top:-22px;
  scroll-margin-top:105px;
}

#pn-rebate-calculator-root.cb-root .cb-hero{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  padding:clamp(42px, 6.6vh, 88px) 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:
    radial-gradient(circle at 0 0, #dbeafe 0, #eff6ff 38%, transparent 72%),
    radial-gradient(circle at 100% 100%, #ede9fe 0, #f5f3ff 45%, transparent 80%),
    linear-gradient(180deg, #f9fafb 0, #e5f4ff 50%, #eef2ff 100%);
  overflow-x:hidden;
  content-visibility:auto;
  contain-intrinsic-size:1100px;
}

#pn-rebate-calculator-root.cb-root .cb-shell{
  width:100%;
  max-width:1500px;
  padding:0 28px;
  margin:0 auto;
}

#pn-rebate-calculator-root.cb-root .cb-inner{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:28px;
  contain:layout paint;
}

#pn-rebate-calculator-root.cb-root .cb-card-image{
  display:none;
}

#pn-rebate-calculator-root.cb-root .cb-card-inputs{
  position:relative;
  --cbImgH:clamp(220px, 26vh, 360px);
  padding-bottom:calc(var(--cbImgH) + 18px);
}

#pn-rebate-calculator-root.cb-root .cb-card-inputs::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  height:var(--cbImgH);
  border-radius:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  background-image:url("https://pharmacyneeds.gr/wp-content/uploads/2026/01/rebate-calculator-768.webp");
  pointer-events:none;
  opacity:1;
}

@supports (background-image:image-set(url("x") 1x)){
  #pn-rebate-calculator-root.cb-root .cb-card-inputs::after{
    background-image:image-set(
      url("https://pharmacyneeds.gr/wp-content/uploads/2026/01/rebate-calculator-640.webp") 1x,
      url("https://pharmacyneeds.gr/wp-content/uploads/2026/01/rebate-calculator-768.webp") 2x
    );
  }
}

#pn-rebate-calculator-root.cb-root .cb-image-wrapper{
  position:relative;
  width:100%;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:none;
  background:transparent;
  aspect-ratio:16 / 9;
  isolation:isolate;
  contain:paint;
}

#pn-rebate-calculator-root.cb-root .cb-image{
  display:block;
  width:100%;
  height:100%;
  background:transparent;
  object-fit:cover;
  object-position:center;
  filter:none;
  image-rendering:auto;
  transform:translateZ(0);
}

#pn-rebate-calculator-root.cb-root .cb-image-overlay{
  display:none;
}

#pn-rebate-calculator-root.cb-root .cb-hero-content{
  position:relative;
  z-index:1;
}

#pn-rebate-calculator-root.cb-root .cb-header{
  text-align:left;
  margin-bottom:22px;
}

#pn-rebate-calculator-root.cb-root .cb-title{
  margin:0 0 14px;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.1;
  font-size:clamp(30px, 3.4vw, 40px);
  color:#111827;
  text-wrap:balance;
}

#pn-rebate-calculator-root.cb-root .cb-title span{
  display:block;
  margin-top:4px;
  color:#2563eb;
  font-weight:900;
}

#pn-rebate-calculator-root.cb-root .cb-desc{
  margin:0;
  max-width:44rem;
  font-size:1rem;
  line-height:1.7;
  color:var(--muted);
}

#pn-rebate-calculator-root.cb-root .cb-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
  gap:20px;
  align-items:stretch;
}

#pn-rebate-calculator-root.cb-root .cb-card{
  background:var(--card);
  border-radius:var(--radius);
  padding:18px 20px;
  border:1px solid #e5e7eb;
  box-shadow:none;
  height:100%;
}

#pn-rebate-calculator-root.cb-root .cb-row{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-bottom:12px;
}

#pn-rebate-calculator-root.cb-root .cb-row:last-of-type{
  margin-bottom:10px;
}

#pn-rebate-calculator-root.cb-root .cb-row label{
  font-size:.88rem;
  font-weight:600;
}

#pn-rebate-calculator-root.cb-root .cb-row input{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  outline:none;
  background:#f9fafb;
  width:100%;
  font-size:.94rem;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

#pn-rebate-calculator-root.cb-root .cb-row input:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 2px var(--ring);
  background:#ffffff;
}

#pn-rebate-calculator-root.cb-root .cb-hint{
  font-size:.78rem;
  line-height:1.4;
  color:var(--muted);
  opacity:.9;
  margin-top:2px;
}

#pn-rebate-calculator-root.cb-root .cb-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

#pn-rebate-calculator-root.cb-root .cb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:16px;
  font-weight:700;
  font-size:.94rem;
  border:1px solid transparent;
  cursor:pointer;
  text-align:center;
  transition:background-color .18s ease, color .18s ease, transform .15s ease, border-color .18s ease;
  text-decoration:none;
  box-shadow:none;
}

#pn-rebate-calculator-root.cb-root .cb-btn.primary{
  background:var(--primary);
  color:#ffffff;
}

#pn-rebate-calculator-root.cb-root .cb-btn.primary:hover{
  background:#1d4ed8;
  transform:translateY(-1px);
}

#pn-rebate-calculator-root.cb-root .cb-btn.secondary{
  background:#ffffff;
  color:#111827;
  border-color:#cbd5f5;
}

#pn-rebate-calculator-root.cb-root .cb-btn.secondary:hover{
  background:#e0e7ff;
  transform:translateY(-1px);
}

#pn-rebate-calculator-root.cb-root .cb-kpi{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
}

#pn-rebate-calculator-root.cb-root .cb-tile{
  background:#f9fafb;
  border-radius:16px;
  padding:12px 12px 10px;
  border:1px solid #e5e7eb;
  box-shadow:none;
}

#pn-rebate-calculator-root.cb-root .cb-kh{
  font-size:.78rem;
  color:var(--muted);
  margin-bottom:3px;
}

#pn-rebate-calculator-root.cb-root .cb-kv{
  font-size:1.2rem;
  font-weight:800;
  color:#0f172a;
}

#pn-rebate-calculator-root.cb-root .cb-table{
  width:100%;
  border-collapse:collapse;
  font-size:.88rem;
  margin-top:4px;
}

#pn-rebate-calculator-root.cb-root .cb-table td{
  padding:7px 6px;
  border-bottom:1px dashed #e3e8f0;
  vertical-align:top;
}

#pn-rebate-calculator-root.cb-root .cb-table tr:last-child td{
  border-bottom:none;
}

#pn-rebate-calculator-root.cb-root .cb-disclaimer{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  font-size:.8rem;
  line-height:1.6;
  color:var(--muted);
  box-shadow:none;
}

@media (max-width:1024px){
  #pn-rebate-calculator-root.cb-root .cb-hero{
    padding:64px 0 80px;
  }

  #pn-rebate-calculator-root.cb-root .cb-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  #pn-rebate-calculator-root.cb-root .cb-card-inputs{
    padding-bottom:18px;
  }

  #pn-rebate-calculator-root.cb-root .cb-card-inputs::after{
    display:none;
  }

  #pn-rebate-calculator-root.cb-root .cb-card-image{
    display:block;
    position:relative;
    inset:auto;
    width:min(520px, 100%);
    margin:0 auto 14px;
  }

  #pn-rebate-calculator-root.cb-root .cb-image-wrapper{
    aspect-ratio:16 / 9;
  }

  #pn-rebate-calculator-root.cb-root .cb-image{
    object-fit:contain;
  }
}

@media (max-width:768px){
  #pn-rebate-calculator-root.cb-root .cb-scroll-anchor{
    top:-18px;
    scroll-margin-top:88px;
  }

  #pn-rebate-calculator-root.cb-root .cb-shell{
    padding:0 18px;
  }

  #pn-rebate-calculator-root.cb-root .cb-actions{
    flex-direction:column;
  }

  #pn-rebate-calculator-root.cb-root .cb-btn{
    width:100%;
  }

  #pn-rebate-calculator-root.cb-root .cb-kpi{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  #pn-rebate-calculator-root.cb-root .cb-title{
    font-size:clamp(24px, 6vw, 30px);
  }

  #pn-rebate-calculator-root.cb-root .cb-desc{
    font-size:.95rem;
  }

  #pn-rebate-calculator-root.cb-root .cb-card{
    padding:16px 14px;
  }

  #pn-rebate-calculator-root.cb-root .cb-table{
    font-size:.82rem;
  }
}

@media (prefers-reduced-motion:reduce){
  #pn-rebate-calculator-root.cb-root .cb-btn,
  #pn-rebate-calculator-root.cb-root .cb-card{
    transition:none;
  }
}

/* viber-chat.css */
#pn-viber-widget-root.pn-viber-widget-root{
  --ink:#0f172a;
  --muted:#475569;
  --border:rgba(15,23,42,.10);

  --card-pad-x:34px;
  --card-pad-y:32px;

  --chat-w:380px;
  --form-w:720px;
  --col-gap:34px;

  display:block;
  font:inherit;
  color:var(--ink);
  box-sizing:border-box;
  overflow-x:hidden;
  isolation:isolate;
  contain:layout paint style;
}

#pn-viber-widget-root.pn-viber-widget-root,
#pn-viber-widget-root.pn-viber-widget-root *,
#pn-viber-widget-root.pn-viber-widget-root *::before,
#pn-viber-widget-root.pn-viber-widget-root *::after{
  box-sizing:border-box;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-widget-root{
  position:relative;
  width:100%;
  padding:clamp(42px, 6.6vh, 96px) 0;
  overflow-x:hidden;
  contain:layout paint;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-widget-root::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 520px at 12% 18%, rgba(45,212,191,.18), transparent 60%),
    radial-gradient(1100px 620px at 88% 70%, rgba(167,139,250,.16), transparent 62%),
    linear-gradient(135deg, rgba(249,250,251,1) 0%, rgba(224,242,254,1) 100%);
}

#pn-viber-widget-root.pn-viber-widget-root .viber-shell{
  width:100%;
  max-width:1400px;
  padding:0 clamp(12px, 2vw, 28px);
  margin:0 auto;
  position:relative;
  z-index:1;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-card{
  position:relative;
  border-radius:30px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  box-shadow:
    0 24px 54px rgba(2,6,23,.13),
    0 8px 18px rgba(2,6,23,.07);
  padding:var(--card-pad-y) var(--card-pad-x);
  contain:layout paint;
}

@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){
  #pn-viber-widget-root.pn-viber-widget-root .viber-card{
    background:rgba(255,255,255,.86);
    -webkit-backdrop-filter:saturate(120%) blur(8px);
    backdrop-filter:saturate(120%) blur(8px);
  }
}

#pn-viber-widget-root.pn-viber-widget-root .viber-card-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 60% at 12% 0%, rgba(45,212,191,.20), transparent 60%),
    radial-gradient(900px 60% at 88% 100%, rgba(196,181,253,.18), transparent 60%),
    #f8fafc;
}

#pn-viber-widget-root.pn-viber-widget-root :where(
  h2,
  h3,
  p,
  button,
  div,
  section,
  header,
  figure,
  span,
  input
){
  min-width:0;
}

#pn-viber-widget-root.pn-viber-widget-root :where(h2, h3){
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-layout{
  position:relative;
  z-index:1;
  width:100%;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:var(--col-gap);
  justify-content:center;
  align-items:center;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-column{
  min-width:0;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-column--chat{
  flex:0 1 var(--chat-w);
  display:flex;
  justify-content:center;
  align-self:center;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-column--form{
  flex:1 1 var(--form-w);
  min-width:min(520px, 100%);
}

#pn-viber-widget-root.pn-viber-widget-root .viber-widget{
  --vb-panel:#fff;
  --vb-header:#7360f2;
  --vb-in:#eef0f4;
  --vb-out:#b7daf6;
  --vb-muted:#8a90a3;
  --vb-name:#2c62d6;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room{
  width:min(var(--chat-w), 100%);
  height:420px;
  margin:0 auto;
  border-radius:20px;
  overflow:hidden;
  background:var(--vb-panel);
  box-shadow:
    0 18px 38px rgba(15,23,42,.14),
    0 6px 16px rgba(15,23,42,.10);
  display:flex;
  flex-direction:column;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__header{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  background:var(--vb-header);
  color:#fff;
  flex-wrap:wrap;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__headText{
  flex:1 1 auto;
  min-width:0;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__icon{
  width:24px;
  height:24px;
  border-radius:7px;
  background:rgba(255,255,255,.14);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__title{
  font-size:clamp(12px, 2.6vw, 13px);
  font-weight:900;
  margin:0;
  line-height:1.15;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__sub{
  margin:2px 0 0;
  font-size:clamp(10px, 2.3vw, 11px);
  opacity:.92;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__info{
  margin-left:auto;
  align-self:flex-start;
  flex:0 0 auto;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-room__board{
  flex:1;
  padding:12px 14px;
  background:#f6f7fc;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-day{
  align-self:center;
  font-size:10px;
  color:var(--vb-muted);
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  padding:2px 8px;
  margin:2px 0 8px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-row{
  display:flex;
  gap:8px;
  padding-inline:4px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-row--in{
  justify-content:flex-start;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-row--out{
  justify-content:flex-end;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-row--spaced{
  margin-top:12px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-row--in .viber-avatar{
  display:block;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#d7d9e3;
  display:none;
  flex:0 0 auto;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-bubble{
  display:flex;
  flex-direction:column;
  min-width:0;
  max-width:calc(100% - 34px);
}

#pn-viber-widget-root.pn-viber-widget-root .viber-name{
  font-size:11px;
  font-weight:700;
  color:var(--vb-name);
  margin:2px 0 4px;
  padding-left:10px;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-msg{
  position:relative;
  padding:8px 44px 16px 10px;
  border-radius:14px;
  line-height:1.35;
  font-size:13px;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-msg strong{
  overflow-wrap:break-word;
  word-break:normal;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-msg--in{
  background:var(--vb-in);
  border-top-left-radius:6px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-msg--out{
  background:var(--vb-out);
  border-top-right-radius:6px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-meta{
  position:absolute;
  right:10px;
  bottom:6px;
  font-size:10px;
  color:var(--vb-muted);
  padding:1px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.65);
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inputbar{
  display:flex;
  gap:6px;
  padding:8px 10px;
  border-top:1px solid rgba(0,0,0,.06);
  background:#fff;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inputbar input{
  flex:1;
  min-width:0;
  padding:8px 10px;
  border-radius:16px;
  border:1px solid #ddd;
  background:#f7f7f7;
  font-size:13px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inputbar button{
  border:0;
  background:none;
  font-size:16px;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inline-form{
  width:100%;
  max-width:var(--form-w);
  margin:0 auto;
  padding:28px 26px 22px;
  border-radius:26px;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(45,212,191,.10), transparent 55%),
    radial-gradient(900px 320px at 88% 100%, rgba(167,139,250,.10), transparent 55%),
    rgba(255,255,255,.96);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:
    0 22px 54px rgba(15,23,42,.12),
    0 8px 22px rgba(15,23,42,.07);
  position:relative;
  overflow:hidden;
  contain:layout paint;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inline-form::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,0));
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inline-form__title{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  font-size:clamp(1.15rem, 1.4vw, 1.35rem);
  font-weight:900;
  line-height:1.15;
  color:#0f172a;
  letter-spacing:-0.01em;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}

#pn-viber-widget-root.pn-viber-widget-root .viber-inline-form__body{
  position:relative;
  z-index:1;
  min-width:0;
}

@media (max-width:960px){
  #pn-viber-widget-root.pn-viber-widget-root{
    --card-pad-x:22px;
    --card-pad-y:28px;
    --col-gap:24px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-layout{
    align-items:flex-start;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-column--form{
    min-width:0;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room{
    height:400px;
  }
}

@media (max-width:640px){
  #pn-viber-widget-root.pn-viber-widget-root .viber-widget-root{
    padding:56px 0 64px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-shell{
    padding:0 16px;
  }

  #pn-viber-widget-root.pn-viber-widget-root{
    --card-pad-x:16px;
    --card-pad-y:22px;
    --col-gap:18px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-card{
    border-radius:24px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room{
    height:380px;
    border-radius:18px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room__board{
    padding:12px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-row{
    padding-inline:2px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-inline-form{
    padding:22px 16px 16px;
    border-radius:22px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-inline-form__title{
    font-size:1.12rem;
  }
}

@media (max-width:380px){
  #pn-viber-widget-root.pn-viber-widget-root .viber-shell{
    padding:0 12px;
  }

  #pn-viber-widget-root.pn-viber-widget-root{
    --card-pad-x:12px;
    --card-pad-y:18px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room{
    height:360px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-msg{
    font-size:12.5px;
  }
}

@media (min-width:1024px) and (max-width:1440px) and (max-height:800px){
  #pn-viber-widget-root.pn-viber-widget-root .viber-widget-root{
    padding:clamp(20px, 3.2vh, 44px) 0;
  }

  #pn-viber-widget-root.pn-viber-widget-root{
    --card-pad-x:24px;
    --card-pad-y:22px;
    --col-gap:28px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room{
    height:390px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-inline-form{
    padding:24px 22px 18px;
  }
}

@media (min-width:900px) and (max-width:1100px) and (max-height:700px){
  #pn-viber-widget-root.pn-viber-widget-root .viber-widget-root{
    padding:18px 0;
  }

  #pn-viber-widget-root.pn-viber-widget-root{
    --card-pad-x:18px;
    --card-pad-y:18px;
    --col-gap:22px;
  }

  #pn-viber-widget-root.pn-viber-widget-root .viber-room{
    height:360px;
  }
}

/* recent-listings.css */
#pn-jobs-recent.pn-jobs-recent{
  width:100%;
  max-width:100%;
  margin:0;
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  overflow-y:visible;
  background:transparent;
  padding:clamp(38px, 5.5vh, 78px) 0;
}

#pn-jobs-recent.pn-jobs-recent,
#pn-jobs-recent.pn-jobs-recent *,
#pn-jobs-recent.pn-jobs-recent *::before,
#pn-jobs-recent.pn-jobs-recent *::after{
  box-sizing:border-box;
}

#pn-jobs-recent.pn-jobs-recent::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 430px at -8% 4%, rgba(14,165,233,.16) 0, transparent 48%),
    radial-gradient(720px 420px at 108% 0%, rgba(139,92,246,.14) 0, transparent 50%),
    radial-gradient(760px 420px at 50% 115%, rgba(16,185,129,.10) 0, transparent 54%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 50%, rgba(59,130,246,.07) 100%);
}

#pn-jobs-recent.pn-jobs-recent::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(148,163,184,.09) 1px, transparent 1px) 0 0/28px 28px,
    linear-gradient(to bottom, rgba(148,163,184,.09) 1px, transparent 1px) 0 0/28px 28px;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 62%, rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 62%, rgba(0,0,0,0) 100%);
}

#pn-jobs-recent.pn-jobs-recent > *{
  position:relative;
  z-index:1;
}

#pn-jobs-recent.pn-jobs-recent :where(
  .pn-jobs-recent__container,
  .pn-jobs-recent__panel,
  .pn-jobs-recent__header,
  .pn-jobs-recent__intro,
  .pn-jobs-recent__actions,
  .pn-jobs-recent__highlights,
  .pn-jobs-recent__highlight,
  .pn-jobs-recent__content
){
  min-width:0;
}

#pn-jobs-recent.pn-jobs-recent :where(h1,h2,h3,p,a,div,span,strong){
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

#pn-jobs-recent.pn-jobs-recent :where(h1,h2,h3,p){
  margin-top:0;
}

#pn-jobs-recent.pn-jobs-recent :where(a){
  text-decoration:none;
}

#pn-jobs-recent.pn-jobs-recent :where(a,button):focus-visible{
  outline:3px solid rgba(14,165,233,.30);
  outline-offset:3px;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__container{
  width:100%;
  max-width:1560px;
  margin:0 auto;
  padding:0 clamp(14px, 2.2vw, 34px);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__panel{
  width:100%;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.82);
  box-shadow:
    0 24px 54px rgba(2,6,23,.11),
    0 8px 18px rgba(2,6,23,.05);
  backdrop-filter:saturate(118%) blur(8px);
  -webkit-backdrop-filter:saturate(118%) blur(8px);
  padding:clamp(16px, 1.7vw, 24px);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__header{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(240px, 340px);
  gap:clamp(16px, 2vw, 30px);
  align-items:end;
  margin:0 0 clamp(16px, 1.8vw, 24px);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(14,165,233,.22);
  background:rgba(14,165,233,.10);
  color:#075985;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 0 0 4px rgba(14,165,233,.06);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__title{
  margin:0;
  color:#0b1220;
  font-size:clamp(30px, 2.45vw, 44px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
  white-space:nowrap;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__text{
  margin:12px 0 0;
  color:#334155;
  font-size:clamp(15px, 1vw, 17px);
  line-height:1.55;
  font-weight:500;
  white-space:nowrap;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 15px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.30);
  color:#0b1220;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 18px rgba(2,6,23,.06);
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn:hover{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.44);
  box-shadow:0 14px 26px rgba(2,6,23,.08);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn:active{
  transform:translateY(0);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn--primary{
  color:#fff;
  border-color:rgba(2,6,23,.10);
  background:linear-gradient(90deg,#0ea5e9 0%,#8b5cf6 58%,#10b981 100%);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn--secondary{
  color:#075985;
  background:rgba(240,249,255,.92);
  border-color:rgba(14,165,233,.22);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlights{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(10px, 1.2vw, 16px);
  margin:0 0 clamp(16px, 1.8vw, 24px);
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlight{
  min-height:88px;
  padding:clamp(12px, 1.2vw, 16px);
  border-radius:18px;
  border:1px solid rgba(148,163,184,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
  box-shadow:0 12px 22px rgba(2,6,23,.06);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlight-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(139,92,246,.12));
  color:#0f172a;
  font-size:12px;
  line-height:1;
  font-weight:900;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlight strong{
  color:#172033;
  font-size:clamp(14px, 1vw, 16px);
  line-height:1.28;
  font-weight:900;
}

#pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__content{
  width:100%;
  padding:clamp(12px, 1.4vw, 18px);
  border-radius:22px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(248,251,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
}

@media (max-width:1320px){
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__title,
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__text{
    white-space:normal;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__title{
    max-width:900px;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__text{
    max-width:860px;
  }
}

@media (max-width:980px){
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__header{
    grid-template-columns:1fr;
    align-items:start;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__actions{
    max-width:420px;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__title,
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__text{
    white-space:normal;
  }
}

@media (max-width:760px){
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlights{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  #pn-jobs-recent.pn-jobs-recent{
    padding:34px 0;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__container{
    padding:0 12px;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__panel{
    border-radius:22px;
    padding:14px 12px;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__title{
    font-size:clamp(25px, 8vw, 34px);
    line-height:1.08;
    letter-spacing:-.03em;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__text{
    font-size:15px;
    line-height:1.48;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__actions{
    max-width:none;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn{
    width:100%;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__highlight{
    min-height:0;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__content{
    padding:10px;
    border-radius:18px;
  }
}

@media (prefers-reduced-motion: reduce){
  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn{
    transition:none;
  }

  #pn-jobs-recent.pn-jobs-recent .pn-jobs-recent__btn:hover{
    transform:none;
  }
}

/* === Homepage footer inline fix === */
body.home footer.site-info,
body.home .site-info,
body.home .inside-site-info,
body.home .copyright-bar {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

body.home footer.site-info a,
body.home .site-info a,
body.home .inside-site-info a,
body.home .copyright-bar a {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}