/* === RESPONSIVE === */

/* --- Mobile defaults (< 640px) --- */

.pf-section {
  padding: 4rem 0;
}
.pf-hero {
  padding-top: 7rem;
}
@media (max-width: 767px) {
  .pf-comparison__time-filters {
    justify-content: center !important;
  }
  .pf-sort-toggle {
    flex-direction: column;
    width: 100%;
  }
  .pf-sort-toggle__btn {
    width: 100%;
    justify-content: center;
  }
  .pf-funds-daily > div:first-child {
    justify-content: center !important;
    text-align: center;
  }
  .pf-funds-daily .pf-section__title {
    text-align: center !important;
  }
}

/* Hero visual: show on mobile overlapping layout */
.pf-hero__visual{
  display:block;
  position:relative;
  height:26rem;
  margin-top:3rem;
  margin-bottom:1rem;
}
.pf-hero__image{
  position:absolute;
  top:0;left:0;right:0;
  margin:0 auto;
  width:100%;
  height:100%;
  border-radius:0 0 6rem 6rem;
  overflow:hidden;
  box-shadow:var(--pf-shadow-xl);
}
.pf-hero__card--main{
  position:absolute;
  top:2rem;left:0;
  width:14rem;
  height:auto;
  margin-top:0;
}
.pf-hero__card--small{
  position:absolute;
  bottom:-1rem;right:1rem;
  width:10rem;
  height:auto;
  transform:rotate(-3deg);
  margin-top:0;
}

/* Calculator: improved responsive layout */
.pf-calc{
  min-width:0;
}
.pf-calc__inner{
  min-width:0;
}
.pf-calc__sidebar{
  padding: 1.5rem;
}
.pf-calc__main{
  padding: 1.5rem;
}
.pf-calc__toggle{
  flex-wrap:wrap;
}
.pf-calc__toggle-btn{
  padding: 0.5rem 0.25rem;
  font-size: 0.75rem;
}
.pf-calc__stats{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.pf-calc__stat{
  min-width:0;
  width:100%;
}
.pf-calc__chart{
  min-width:0;
  height: 20rem;
}
.pf-calc__result-title {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
}

/* Comparison Tool */
.pf-comparison__card {
  padding: 1.25rem;
}
.pf-comparison__time-btn {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.pf-comparison__chart-wrap {
  height: 22rem;
}
.pf-comparison__display-options {
  gap: 1rem !important;
}

/* Historical Return */
.pf-chart-section__chart {
  padding: 1rem;
}
.pf-chart-section__chart-inner {
  height: 22rem;
}

/* Contact Form (Banner version) */
.pf-contact-banner {
  padding: 1.5rem !important;
  border-radius: 1.5rem !important;
}
.pf-captcha-row-banner {
  flex-wrap: wrap;
}
.pf-captcha-image-wrapper-banner {
  justify-content: center !important;
}
.pf-form__input-banner {
  padding-left: 3rem !important;
}
.pf-input-icon-banner {
  left: 1rem !important;
}


@media(min-width:640px){
  .pf-container{padding:0 1.5rem}
  .pf-hero{padding:7rem 0 6rem}
  .pf-hero__visual{height:34rem;position:relative}
  .pf-hero__image{
    position:absolute;
    top:0;right:0;left:auto;
    margin:0;
    width:85%;
    height:100%;
    border-radius:0 0 50% 50%;
  }
  .pf-hero__card--main{
    position:absolute;
    top:6rem;left:0;
    width:16rem;height:18rem;
    margin-top:0;
  }
  .pf-hero__card--small{
    position:absolute;
    bottom:0;right:2.5rem;
    width:13rem;height:13rem;
    transform:rotate(-3deg);
    margin-top:0;
  }
  .pf-calc__sidebar{padding: 2rem;}
  .pf-calc__main{padding: 2rem;}
  .pf-calc__chart{height:25rem}
  .pf-calc__stats{grid-template-columns: repeat(2, 1fr);}
  .pf-calc__stat{width:auto}
  .pf-comparison__card { padding: 2rem; }
  .pf-comparison__chart-wrap { height: 28rem; }
  .pf-chart-section__chart-inner { height: 28rem; }
  .pf-funds-filters__grid{grid-template-columns:repeat(2,1fr)}
  .pf-fund-row__stats{grid-template-columns:repeat(4,1fr)}
  .pf-footer__bottom{flex-direction:row;justify-content:space-between}
}
@media(min-width:768px){
  .pf-container{padding:0 1.5rem}
  .pf-hero{padding:5rem 0 6rem}
  .pf-hero__content{padding-top:6rem}
  .pf-hero__grid{grid-template-columns:1fr 1fr;align-items:flex-start}
  .pf-hero__visual{margin-top:0;margin-bottom:0}
  .pf-nav__toggle{display:none}
  .pf-nav__links{display:flex}
  .pf-footer__grid{grid-template-columns:2fr 1fr 1fr}
  .pf-calc__inner{grid-template-columns:minmax(280px, 1fr) 2.2fr}
  .pf-calc__sidebar{border-bottom:none;border-right:1px solid rgba(220,229,229,.5)}
  .pf-chart-section{grid-template-columns:1fr 2.2fr}
  .pf-comparison__grid{grid-template-columns:minmax(280px, 1fr) 3fr}
  .pf-comparison__card { padding: 2.5rem; }
  .pf-comparison__chart-wrap { height: 32rem; }
  .pf-chart-section__chart-inner { height: 32rem; }
  .pf-fund-row__inner{grid-template-columns:1.5fr 1.25fr auto}
  .pf-fund-row__stats{grid-template-columns:repeat(4,1fr)}
  .pf-fund-detail{grid-template-columns:1fr 3fr}
  .pf-funds-filters__grid{grid-template-columns:repeat(5,1fr)}
}
@media(min-width:1024px){
  .pf-container{padding:0 2rem}
  .pf-hero{padding:5rem 0 6rem}
  .pf-hero__content{padding-top:6rem}
  .pf-section{padding:6rem 0}
  .pf-calc__sidebar{padding:2.5rem}
  .pf-calc__main{padding:2.5rem}
  .pf-comparison__card{padding:2.5rem}
}