/* Furever Feline · native-screen spacing and illustration refinements.
   This stylesheet is intentionally small and scoped; editorial typography,
   original imagery, copy, and lead inquiry behavior are unchanged. */

/* Universal rhythm fixes, preserving readability and 44+px interactions. */
.home-document .section-intro,
.contact-document .section-intro{min-width:0}
.home-document .value-heading-scene > *,
.home-document .care-showcase > *,
.home-document .service-options > *,
.contact-document .contact-layout > *{min-width:0}
.home-document .care-showcase .care-copy p,
.contact-document .field-help{text-wrap:pretty}
.home-document .value-garden img,
.home-document .care-showcase .care-art img{object-fit:contain}

/* Phones: use actual screen width rather than an artificially narrow column. */
@media (max-width:760px){
  :root{--feline-gutter:clamp(14px,4.2vw,17px)}
  .header-inner{min-height:68px;width:calc(100% - 2 * var(--feline-gutter))}
  .site-menus .page-jump-bar{padding-bottom:3px}
  /* One-line, genuinely scrollable homepage navigation replaces the
     fixed four-column grid that was squeezing Services + Rates. */
  .site-menus .page-jumps{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:calc(100% - 2 * var(--feline-gutter));
    max-width:none;
    min-height:52px;
    gap:5px;
    padding:3px 5px;
    border-radius:14px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-padding-inline:10px;
    scroll-snap-type:x proximity;
  }
  .site-menus .page-jumps a{
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
    padding:9px 13px;
    min-width:0;min-height:46px;
    font-size:clamp(0.8295rem,3.3075vw,0.8925rem);
    line-height:1.2;
    letter-spacing:-.01em;
    white-space:nowrap;
    border-radius:11px;
    scroll-snap-align:start;
  }
  /* Contact has just two options: retain its two equal, non-scrolling tabs. */
  .site-menus .contact-page-jumps{
    display:grid;
    width:min(360px,calc(100% - 2 * var(--feline-gutter)));
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3px;
    overflow:hidden;
    scroll-snap-type:none;
  }
  .site-menus .contact-page-jumps a{
    font-size:0.91875rem;
    justify-self:stretch;
    white-space:nowrap;
  }

  /* Homepage opening: prioritize information without sacrificing the photo. */
  .home-document .hero{padding-top:18px;padding-bottom:25px}
  .home-document .hero-copy>.eyebrow{margin-bottom:10px}
  .home-document .hero #hero-title{margin-bottom:13px}
  .home-document .hero .hero-intro-copy h2{margin-bottom:7px}
  .home-document .hero .hero-intro-copy p{margin-bottom:13px;line-height:1.56}
  .home-document .hero-intro-actions{gap:2px}
  .home-document .hero>.hero-visual{margin-top:16px}
  .home-document .hero .hero-photo{aspect-ratio:1.23}
  .home-document .hero .photo-caption{margin-top:7px}
  .home-document .hero>.hero-visit-details{
    margin-top:15px;padding:13px 12px;
    column-gap:12px;row-gap:9px;
  }

  /* Main illustration is editorial art, not a tiny icon in the title row. */
  .home-document .value-section{padding-top:25px;padding-bottom:26px}
  .home-document .value-heading-scene{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    margin-bottom:2px;
    align-items:start;
  }
  .home-document .value-heading{grid-column:1;grid-row:1;padding:0}
  .home-document .value-heading h2{max-width:19ch;font-size:clamp(2.0475rem,8.7675vw,2.5725rem)}
  .home-document .value-garden{
    grid-column:1;grid-row:2;
    justify-self:center;align-self:center;
    width:min(100%,320px);max-width:320px;
    aspect-ratio:8/4.6;
    margin-top:-9px;margin-bottom:-5px;
  }
  .home-document .garden-cat{width:66%}
  .home-document .garden-plant{width:91%}
  .home-document .value-panel--balanced{padding:13px 16px;border-radius:18px}
  .home-document .value-panel--balanced article{padding:10px 0}
  .home-document .value-panel--balanced article:nth-child(n+3){padding-top:12px}
  .home-document .value-panel--balanced h3{font-size:1.2285rem;line-height:1.24;margin-bottom:5px}
  .home-document .value-panel--balanced p{font-size:0.99435rem;line-height:1.54}

  /* Focus the long story and care sections: no pinched illustrated columns. */
  .home-document .trust-section{padding-block:30px 33px}
  .home-document .trust-refined .trust-top{gap:8px;margin-bottom:15px}
  .home-document .trust-refined .trust-welcome>p{margin-bottom:9px;line-height:1.56}
  .home-document .trust-team{padding-block:14px;margin-bottom:14px}
  .home-document .trust-refined .trust-app{padding:14px 15px}
  .home-document .trust-refined .trust-app-grid{gap:10px}
  .home-document .trust-refined .trust-app-grid li+li{padding-top:10px}
  .home-document .trust-refined .trust-care-grid{gap:12px;margin-top:16px}

  .home-document .care-section{padding-top:27px;padding-bottom:29px}
  .home-document .care-section .section-intro{margin-bottom:15px;gap:8px}
  .home-document .care-section .section-intro>p{line-height:1.55}
  .home-document .care-showcase .care-item{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    padding:13px 0;
    align-items:start;
  }
  .home-document .care-showcase .care-item:first-child{padding-top:0}
  .home-document .care-showcase .care-art,
  .home-document .care-showcase .care-item .care-art{
    grid-column:1;grid-row:1;
    width:min(100%,282px);
    max-width:282px;
    height:198px;
    padding:0;
    justify-self:center;
    margin:0;
  }
  .home-document .care-showcase .care-item .care-art img{width:100%;height:100%}
  .home-document .care-showcase .care-copy{
    grid-column:1;grid-row:2;
    padding:7px 0 0;
  }
  .home-document .care-showcase .care-copy h3{font-size:1.365rem;line-height:1.2;margin-bottom:8px}
  .home-document .care-showcase .care-copy p{font-size:0.9975rem;line-height:1.55}
  .home-document .care-showcase .care-copy p+p{margin-top:8px}
  .home-document .care-art.cat-invitation{grid-template-rows:28px minmax(0,1fr);gap:3px}
  .home-document .care-art.cat-invitation .cat-whisper{font-size:1.092rem}

  /* Service cards: remove duplicate padding, not personality. */
  .home-document .visits-refined{padding-block:29px 31px}
  .home-document .visits-refined .visits-heading{margin-bottom:17px}
  .home-document .service-options{gap:13px}
  .home-document .service-option-copy{padding:17px 19px 15px}
  .home-document .service-option-copy header{margin-bottom:10px}
  .home-document .service-option-price{margin-bottom:12px}
  .home-document .service-option .service-summary{margin-bottom:11px;line-height:1.54}
  .home-document .service-option .service-aside{line-height:1.5}
  .home-document .visits-refined .all-cats-note{margin:16px 0}
  .home-document .visit-essentials{padding:20px 17px;gap:13px}
  .home-document .visit-essentials .essentials-list{gap:12px}
  .home-document .visit-essentials .essentials-art{width:min(100%,300px)}

  .home-document .steps-section{padding-top:31px;padding-bottom:29px}
  .home-document .steps-content{padding-top:20px}
  .home-document .steps-content .section-intro{margin-bottom:15px}
  .home-document .steps-grid{gap:10px}
  .home-document .steps-grid li{padding:14px 16px}
  .home-document .hello-section{padding-block:27px 32px;gap:10px}
  .home-document .hello-logo img{width:144px}

  /* Form: preserve comfortably sized touch targets while removing dead space. */
  .contact-document .contact-intro{padding:19px 0 4px}
  .contact-document .contact-intro h1{margin-bottom:10px}
  .contact-document .contact-intro>p:last-child{font-size:1.05rem;line-height:1.58}
  .contact-document .contact-layout{gap:16px;padding:5px 0 29px}
  .contact-document .contact-kitten-roost{padding-top:6px}
  .contact-document .inquiry-heading{padding:18px 17px 14px;margin-bottom:16px}
  .contact-document .inquiry-panel{padding-bottom:18px}
  .contact-document .form-grid{gap:12px}
  .contact-document .field{gap:5px}
  .contact-document .field :is(input,select){min-height:48px}
  .contact-document .next-steps{gap:12px;margin-block:12px 15px}
  .contact-document .contact-side{padding:16px 16px 0}
  .contact-document .contact-faq{padding-block:15px 27px}
  .contact-document .faq-heading{padding-inline:18px}
  .contact-document .faq-list summary{min-height:52px;padding:15px 15px;line-height:1.37}
  .contact-document .faq-answer{padding:0 16px 17px}
  .site-footer{padding-block:22px}
}

/* Very narrow phones: artwork stays featured, CTAs and navigation stay inside 320px. */
@media (max-width:365px){
  :root{--feline-gutter:13px}
  .home-document .value-garden{width:min(100%,286px)}
  .home-document .care-showcase .care-art,
  .home-document .care-showcase .care-item .care-art{width:min(100%,250px);height:185px}
  .site-menus .page-jumps a{font-size:0.8295rem;padding-inline:12px}
  .site-menus .contact-page-jumps a{font-size:0.882rem}
  .home-document .hero #hero-title{font-size:clamp(2.184rem,10.5vw,2.415rem)}
  .contact-document .inquiry-panel{padding-inline:14px}
  .contact-document .inquiry-heading{margin-inline:-14px;padding-inline:14px}
}

/* Tablets: use a genuine middle layout and give the cat paintings room. */
@media (min-width:761px) and (max-width:1099px){
  :root{--feline-gutter:clamp(24px,3.3vw,37px)}
  .home-document .hero{padding-block:31px 27px;gap:17px 23px}
  .home-document .hero>.hero-visit-details{margin-top:0}
  .home-document .value-section{padding-block:35px 39px}
  .home-document .value-heading-scene{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:19px;
  }
  .home-document .value-garden{width:min(100%,390px);max-width:390px}
  .home-document .value-panel--balanced{padding:17px 21px;gap:0 20px}
  .home-document .value-panel--balanced article{padding-block:12px}
  .home-document .value-panel--balanced article:nth-child(n+3){padding-top:16px}
  .home-document .trust-section{padding-block:38px 41px}
  .home-document .care-section{padding-block:36px 39px}
  .home-document .care-section .section-intro{margin-bottom:22px;gap:26px}
  .home-document .care-showcase{gap:18px}
  .home-document .care-showcase .care-item .care-art{height:240px}
  .home-document .care-showcase .care-item:nth-child(3){gap:18px;padding-top:16px}
  .home-document .care-showcase .care-item:nth-child(3) .care-art{height:225px}
  .home-document .visits-refined{padding-block:37px 40px}
  .home-document .service-options{gap:15px}
  .home-document .service-option-copy{padding:19px 20px}
  .home-document .visit-essentials{padding:22px 23px;gap:18px}
  .home-document .steps-section{padding-block:38px 40px}
  .home-document .steps-grid{gap:13px}
  .home-document .steps-grid li{padding:17px 16px}
  .home-document .hello-section{padding-block:36px 39px;gap:26px}
  .contact-document .contact-intro{padding:29px 0 16px}
  .contact-document .contact-layout{gap:18px;padding:9px 0 42px}
  .contact-document .contact-side{padding-top:13px}
  .contact-document .inquiry-panel{padding-bottom:22px}
  .contact-document .form-grid{gap:13px 12px}
  .contact-document .contact-faq{padding-block:39px 47px}
}

/* Desktop: keep a relaxed editorial rhythm, trim unused full-width bands. */
@media (min-width:1100px){
  :root{--feline-gutter:clamp(38px,3.8vw,65px)}
  .home-document .hero{padding-block:33px 31px;gap:17px 48px}
  .home-document .value-section{padding-block:40px 44px}
  .home-document .value-heading-scene{gap:28px}
  .home-document .value-garden{width:min(100%,465px);max-width:465px}
  .home-document .value-panel--balanced{padding:22px 25px;gap:0 20px}
  .home-document .value-panel--balanced article+article{padding-left:18px}
  .home-document .trust-section{padding-block:44px 46px}
  .home-document .care-section{padding-block:44px 46px}
  .home-document .care-section .section-intro{margin-bottom:24px;gap:50px}
  .home-document .care-showcase{gap:25px}
  .home-document .care-showcase .care-item .care-art{height:265px}
  .home-document .visits-refined{padding-block:44px 46px}
  .home-document .service-options{gap:19px}
  .home-document .service-option-copy{padding:23px 23px 19px}
  .home-document .visit-essentials{padding:25px}
  .home-document .steps-section{padding-block:40px 42px}
  .home-document .steps-grid{gap:20px}
  .home-document .hello-section{padding-block:45px 48px;gap:40px}
  .contact-document .contact-intro{padding:38px 0 20px}
  .contact-document .contact-layout{gap:45px;padding:14px 0 49px}
  .contact-document .inquiry-panel{padding-bottom:25px}
  .contact-document .form-grid{gap:14px 17px}
  .contact-document .contact-faq{padding-block:42px 51px}
}


/* Follow-up polish: prevent the cat-and-plant art from colliding with the heading,
   and center the contact-form kitten scene and its heading. */
@media (max-width:760px){
  .home-document .value-heading-scene{margin-bottom:8px}
  .home-document .value-garden{margin-top:6px;margin-bottom:2px}

  .contact-document .contact-kitten-roost{
    display:flex;
    justify-content:center;
    padding-top:10px;
    margin-bottom:calc(-1 * clamp(10px,1.8vw,18px));
  }
  .contact-document .contact-peeker{
    width:min(100%,430px);
    margin:0 auto;
  }
  .contact-document .inquiry-heading,
  .contact-document .inquiry-heading h2,
  .contact-document .inquiry-heading .form-intro{
    text-align:center;
  }
}

@media (min-width:761px){
  .contact-document .contact-kitten-roost{
    display:flex;
    justify-content:center;
  }
  .contact-document .contact-peeker{
    width:min(100%,680px);
    margin:0 auto;
  }
  .contact-document .inquiry-heading,
  .contact-document .inquiry-heading h2,
  .contact-document .inquiry-heading .form-intro{
    text-align:center;
  }
}

/* Final visual separation and centering — based on actual artwork bounds. */
@media (max-width:760px){
  /* Painted foliage extends beyond its positioned box. Space the *painted*
     leaves, not merely the transparent illustration container. */
  .home-document .value-heading-scene{margin-bottom:30px}
  .home-document .value-garden{margin-top:46px;margin-bottom:0}

  /* Contact greeting and form are designed as one centered vertical sequence. */
  .contact-document .contact-intro{text-align:center}
  .contact-document .contact-intro h1{margin-left:auto;margin-right:auto}
  .contact-document .contact-intro>p:last-child{
    margin-left:auto;margin-right:auto;
    max-width:42ch;
  }
  .contact-document .contact-kitten-roost{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    text-align:center;
  }
  .contact-document .contact-kitten-roost .contact-peeker{margin-inline:auto}
  .contact-document .inquiry-heading,
  .contact-document .inquiry-heading h2,
  .contact-document .inquiry-heading .form-intro{text-align:center}
}
@media (min-width:761px){
  /* The illustration also extends below its box at tablet/desktop widths. */
  .home-document .value-heading-scene{margin-bottom:44px}
  .contact-document .contact-intro{text-align:center}
  .contact-document .contact-kitten-roost{justify-content:center}
  .contact-document .inquiry-heading,
  .contact-document .inquiry-heading h2,
  .contact-document .inquiry-heading .form-intro{text-align:center}
}

/* feline-type-plus-five-20261101 */