/* Compact phone layout. Desktop remains unchanged. */
.hero-copy-mobile{display:none}
@media(max-width:700px){
  html.popo-home body{-webkit-text-size-adjust:100%;text-size-adjust:100%;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;}
  html.popo-home .container{width:calc(100% - 24px);}
  html.popo-home .hero.hero-fixed-layout.hero-showcase{padding-top:10px;}
  html.popo-home .hero.hero-showcase .hero-grid{border-radius:16px;outline-width:2px;}
  html.popo-home .hero.hero-showcase .hero-copy{padding:20px 20px 22px;}
  html.popo-home .hero.hero-showcase .hero-eyebrow{font-size:12px!important;line-height:1.45!important;min-height:0;margin:0 0 13px;gap:7px;}
  html.popo-home .hero.hero-fixed-layout.hero-showcase h1{font-size:26px!important;line-height:1.24!important;letter-spacing:-.5px!important;margin:0 0 12px;}
  html.popo-home .hero.hero-showcase .hero-description{font-size:16px!important;line-height:1.55!important;margin:0 0 18px;max-width:100%;}
  html.popo-home .hero-copy-desktop{display:none;}
  html.popo-home .hero-copy-mobile{display:inline;}
  html.popo-home .hero.hero-showcase .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
  html.popo-home .hero.hero-showcase .hero-actions .btn{min-height:44px;height:auto;width:100%;padding:10px 7px;font-size:14px!important;line-height:1.35!important;border-radius:9px;gap:5px;white-space:nowrap;}
  html.popo-home .hero-actions svg{width:15px;height:15px;}
  html.popo-home .hero-reassurance{display:none!important;}
  html.popo-home .hero.hero-showcase .hero-banner-wrap{border-top:1px solid rgba(255,255,255,.28);justify-content:center;}
  html.popo-home .hero.hero-showcase .hero-banner img{width:100%;height:auto;max-height:none;object-fit:contain;}
  html.popo-home .festive-heading{height:auto!important;min-height:34px!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:0;}
  html.popo-home .festive-badge{font-size:12px!important;line-height:1.4!important;padding:6px 10px;min-width:0;}
  html.popo-home .festive-badge>span{font-size:16px!important;}
  html.popo-home #christmas-toggle{position:static!important;inset:auto!important;transform:none;flex-shrink:0;font-size:12px!important;line-height:1.4!important;min-height:34px;padding:7px 10px;box-shadow:none;background:rgba(255,255,255,.86);}
  html.popo-home .hero-service-strip{margin-top:10px;}
  html.popo-home .hero-service{padding:12px 14px;}
  html.popo-home .hero-service strong{font-size:14px!important;}
  html.popo-home .hero-service span{font-size:13px!important;}
  html.popo-home #san-pham{padding-top:25px;}
  html.popo-home #san-pham .section-title{font-size:23px!important;line-height:1.35!important;}
  html.popo-home #san-pham #price-note{font-size:14px!important;line-height:1.6!important;}
  html.popo-home .sticky-cta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;gap:7px;background:#fff;border-top:1px solid #dfe8f4;box-shadow:0 -3px 16px rgba(16,47,91,.07);}
  html.popo-home .sticky-cta .btn{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:44px;min-height:44px;max-height:44px;margin:0;padding:8px 4px!important;white-space:nowrap!important;border-radius:9px;font-size:14px!important;line-height:1.2!important;box-shadow:none!important;}
  html.popo-home .santa-flight{--flight-width:156px;--flight-bottom:calc(86px + env(safe-area-inset-bottom));opacity:.85;}
  html.popo-home .snowflake:nth-child(n+11){display:none;}
  html.popo-home body:has(input:focus,textarea:focus,select:focus) .santa-flight{visibility:hidden;}
}
@media(max-width:360px){
  html.popo-home .hero.hero-showcase .hero-copy{padding:18px 16px;}
  html.popo-home .hero.hero-fixed-layout.hero-showcase h1{font-size:24px!important;}
  html.popo-home .hero.hero-showcase .hero-actions{grid-template-columns:1fr;gap:6px;}
  html.popo-home .hero.hero-showcase .hero-actions .hero-secondary{min-height:36px;border-color:transparent;background:transparent!important;}
  html.popo-home .sticky-cta .btn{font-size:13px!important;}
  html.popo-home .festive-badge{font-size:11px!important;padding:6px 8px;}
}
.seasonal-controls{height:0}
@media(max-width:700px){html.popo-home .seasonal-controls{height:auto;display:flex;justify-content:flex-end;margin:0 0 8px;}}
