/* Offer redesign is intentionally confined to phone/tablet widths. */
@media (max-width:760px) {
  .offer-main .offer-banner{height:54px;border-width:2px 0}
  .offer-main .offer-headline{padding-top:25px;margin-bottom:25px}
  .offer-main .offer-headline h1{font-size:36px;line-height:1.1}
  .offer-main .offer-headline h1 span{color:var(--ink);display:block}
  .offer-main .offer-explainer{padding:16px 0 0;font-size:14px;color:var(--muted)}
  .offer-mobile-steps{display:flex;align-items:center;gap:12px;margin-top:20px;font:13px/1.5 Arial,sans-serif;color:var(--ink)}
  .offer-mobile-steps b{font-weight:400;color:var(--terra);border:1px solid var(--terra);border-radius:50%;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px}
  .offer-mobile-steps i{font-style:normal;color:var(--terra);font-size:24px}
  .offer-main .step-heading{grid-template-columns:32px 1fr;gap:5px 12px;margin-bottom:18px}
  .offer-main .step-number{width:32px;height:32px;border-radius:50%;border-color:var(--terra);font:20px Georgia,serif}
  .offer-main .step-heading h2{font-size:26px}
  .offer-main .step-heading>span:last-child:not(.step-number){font-size:12px}
  .offer-main .offer-cards{grid-template-columns:1fr;gap:10px}
  .offer-main .offer-card{display:grid;grid-template-columns:60px minmax(0,1fr) auto;column-gap:10px;row-gap:5px;padding:18px 14px 6px;background:transparent;border:1px solid #cec2b5;border-radius:3px;align-items:start}
  .offer-main .package-badge-row{display:contents}
  .offer-main .package-number,.offer-main .package-unit{display:none}
  .offer-main .package-kite{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center;width:26px;height:26px}
  .offer-main .package-kite-2{width:44px;height:44px}.offer-main .package-kite-3{width:62px;height:62px}
  .offer-main .offer-card h3{grid-column:2;grid-row:1;font-size:22px;line-height:1.2;margin:0;letter-spacing:-.035em}
  .offer-main .package-amount,.offer-main .offer-card:last-child .package-amount{grid-column:3;grid-row:1;font-size:21px;line-height:1.2;margin:0;letter-spacing:-.035em}
  .offer-main .offer-card:last-child .package-amount{font-size:16px;padding-top:4px}
  .offer-main .package-intro{grid-column:2 / 4;grid-row:2;font-size:12px;line-height:1.65;margin:0;min-height:0;color:#756c63}
  .offer-main .kp-package-details{grid-column:1 / -1;margin:0;border:0;min-width:0}
  .offer-main .kp-package-details>summary{justify-content:flex-end;gap:10px;min-height:44px;padding:9px 0;font-size:12px;color:#756c63}
  /* Suppress Safari's tap rectangle, not keyboard focus visibility. */
  .offer-main summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
  .offer-main summary,.offer-main summary:hover,.offer-main summary:active,.offer-main summary:focus{background:transparent;box-shadow:none}
  .offer-main summary:focus:not(:focus-visible){outline:none}
  .offer-main summary:focus-visible{outline:2px solid var(--terra);outline-offset:2px;border-radius:2px}
  .offer-main .kp-package-details>summary:after{content:'';width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 4px}
  .offer-main .kp-package-details[open]>summary:after{transform:rotate(225deg);margin-bottom:-3px}
  .offer-main .kp-package-details .feature-list{border-top:1px solid var(--line);padding-top:15px;margin:0 0 15px;gap:10px}
  .offer-main .kp-package-details .feature-list li{font-size:13px}
  .offer-main .offer-link{font-size:13px;margin:0 0 8px;min-height:44px}
  .offer-main .join-block{padding:18px 0 23px;gap:18px}
  .offer-main .join-block>span:last-child{display:none}
  .offer-main .join-block:before,.offer-main .join-block:after{flex:1;background:#d6b6a5}
  .offer-main .care-shell{padding:0;border:0;background:transparent}
  .offer-main .care-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .offer-main .care-plan,.offer-main .care-plan+.care-plan{padding:15px 11px;border:1px solid #cec2b5;border-radius:3px;background:transparent;min-width:0}
  .offer-main .care-plan h3{font-size:24px}
  .offer-main .care-plan .care-amount{font-size:26px;margin-top:9px}
  .offer-main .care-amount span{display:block;font-size:11px;margin:5px 0 0}
  .offer-main .care-plan .feature-list{border:0;padding:0;margin-top:18px;gap:10px}
  .offer-main .care-plan .feature-list li{font:12px/1.6 Arial,sans-serif;gap:6px}
  .offer-main .care-plan .feature-list svg{width:13px;height:13px;margin-top:3px}
  .offer-mobile-hours{font:11px/1.6 Arial,sans-serif;color:var(--muted);margin-top:9px}
  .offer-mobile-conditions{font:12px/1.75 Arial,sans-serif;color:var(--muted);margin-top:14px}
  .offer-mobile-conditions>summary,.offer-mobile-style>summary{min-height:44px;cursor:pointer;padding:12px 0;color:var(--ink)}
  .offer-main .care-note{border:0;padding:0;margin:0}
  .offer-main .offer-notes{margin-top:10px}
  .offer-main .offer-cta{display:flex;flex-direction:column;align-items:stretch;padding:0;margin:22px 0 0;gap:0;border:0}
  .offer-main .offer-cta a{order:-1;margin:0;background:#b65943;min-height:52px;padding:14px;font-size:13px;gap:10px}
  .offer-main .offer-cta>p{font-size:12px;text-align:center;margin-top:10px;line-height:1.6}
  .offer-main .personal-intro{margin:24px 0 0;padding:19px 0 0;border-left:0;border-top:1px solid #d6b6a5;font:19px/1.55 Georgia,serif;color:var(--ink)}
  .offer-main .personal-style{margin-top:0;padding:15px 0;border:0}
  .offer-mobile-style{margin-top:22px;border-top:1px solid var(--line);font:12px/1.6 Arial,sans-serif}
  .offer-mobile-style .style-points{gap:15px}
  .offer-main .personal-style .step-heading{display:none}
}
@media (max-width:350px){
  .offer-main .offer-card{padding-inline:10px;grid-template-columns:52px minmax(0,1fr) auto;column-gap:7px}
  .offer-main .offer-card h3{font-size:19px}.offer-main .package-amount{font-size:19px}
  .offer-main .package-kite-1{width:24px;height:24px}.offer-main .package-kite-2{width:38px;height:38px}.offer-main .package-kite-3{width:52px;height:52px}
  .offer-main .care-plan,.offer-main .care-plan+.care-plan{padding:14px 9px}
  .offer-main .care-plan .care-amount{font-size:24px}
}