/* Keep the approved layout anchored while browser zoom changes the CSS viewport. */
.header>a,.header .logo{flex:none}
.hero-copy,.hero-media,.steps>*,.comparison>*,.reviews>*,.footer-main>*{min-width:0}
.steps article h3,.steps article p{width:auto;max-width:100%}
.steps article p{overflow-wrap:break-word}

@media(min-width:1300px){
  /* The track stays at the reference x-position; the heading now owns its full width. */
  .reviews{grid-template-columns:387px minmax(0,1fr);gap:11px}
}

@media(min-width:761px) and (max-width:899px){
  .footer-tagline-art{gap:.25em;font-size:18px}
}

/* Mobile reference: Figma 753:16953, 375 x 792. */
@media(max-width:760px){
  .hero{height:auto;min-height:792px;padding:20px 0 31.41px}
  .header{height:61px;min-height:61px;margin:0 4px 0 3px;padding:9px 11px 10px 16px;grid-template-columns:minmax(0,1fr) 116px;gap:0}
  .header .logo{width:70px;height:20px}
  .header>.login{width:116px;height:40px;min-height:40px;padding:10px 12px;font-size:14px}
  .header .menu-toggle,.header nav,.header nav.open{display:none}
  .hero-inner{margin:25px 14px 0;gap:34.41px}
  .hero-copy h1{font-size:37px;line-height:39px}
  .hero-copy .wish{margin:18px 0 20px;padding-top:17px}
  .hero-copy .wish:before{width:232.94px;max-width:100%}
  .hero-copy .wish p{font-size:16px;line-height:19px;margin-bottom:9px}
  .hero-copy .wish .wish-story{width:100%;height:auto;min-height:41px;font-size:22px;line-height:27px}
  .hero-copy .wish .wish-phrase{width:203px!important;max-width:calc(100% - 4px);height:41px;margin-left:4px;padding:6px;font-weight:400}
  .hero-copy .wish .wish-phrase:before,.hero-copy .wish .wish-phrase:after{width:5px;height:5px;background-image:none}
  .hero-copy .wish .wish-phrase:before{left:-3.5px;top:-2px}
  .hero-copy .wish .wish-phrase:after{right:-3.5px;bottom:-2px}
  .hero-copy .primary{height:56px;min-height:56px;max-width:none;font-size:16px;gap:15px}
  .hero-copy .primary img{width:28px;height:auto}
  .hero-media{width:100%;max-width:440px;aspect-ratio:347/323.18;height:auto;margin:0 auto}
  .hero-media figure{border-radius:5px}
  .hero-media .portrait{left:0;top:0;width:55.5216%;height:95.832%}
  .hero-media .original{left:58.8069%;right:auto;top:1.2841%;width:41.1931%;height:39.7426%}
  .hero-media .video-preview{left:36.4179%;right:auto;top:42.9482%;bottom:auto;width:63.5821%;height:57.0518%}
  .hero-media .badge{height:22.79px;padding:4px 7px;font-size:7px;gap:3px;top:8px;left:8px}
  .hero-media .badge img{width:7px;height:7px}
  .hero-media .original .badge{left:auto;right:4px;top:4px;font-size:7px}
  .hero-media .video-preview .badge{top:6px;left:6px;padding:2px 7px 2px 3px}
  .hero-media .video-preview .badge img{width:17px;height:17px}
  .hero-media .video-line{left:8px;right:8px;bottom:11px;height:4px}
  .hero-media .video-line span:after{width:8px;height:8px;top:-2px}
  .catalog-grid:has(.album){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin:0;padding:18px 6px 16px;overflow:clip;scroll-snap-type:none}
  .catalog-grid .album{width:100%;max-width:none;min-width:0;flex:none;scroll-snap-align:none}
  .catalog-grid .album:first-child,.catalog-grid .album:first-child:hover,.catalog-grid .album:first-child:focus-within{transform:none}
  .catalog-grid .album .look-name{font-size:13px;line-height:1.25;left:10px;right:8px;bottom:12px;overflow-wrap:break-word}
  /* Reviews: mobile Figma frame 753:16823, controls follow the card. */
  .reviews{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-inline:14px;padding:25px 0 64px}
  .reviews>div:first-child{display:contents}
  .reviews h2{grid-row:1;font-size:35px;line-height:37px}
  .reviews h2 br,.reviews>div:first-child>p br{display:inline;content:' '}
  .reviews>div:first-child>p{grid-row:2;margin:10px 0 25px;font-size:16px;line-height:19px}
  .reviews .review-track{grid-row:3;width:100%;height:338.74px;min-height:338.74px;margin:0;padding:0}
  .reviews .review-track .review{width:100%;height:338.74px;min-height:338.74px;padding:35.88px 28.92px 20.24px;border-radius:12.39px}
  .reviews .review,.reviews .review.peach{background:#232120;color:#fffffd}
  .reviews .review .quote{width:72.7px;height:52.88px;content:url('assets/body-imgDownload2.svg')}
  .reviews .review blockquote{font-size:16px;line-height:19px;font-weight:400;margin:44.26px 0 20px;min-height:0}
  .reviews .review-author{gap:13px;margin-top:auto}
  .reviews .review-author>img,.reviews .review-initials{width:58.66px;height:58.66px}
  .reviews .review-initials,.reviews .review.peach .review-initials{background:#39322c;color:#fecda8;border-color:#8c8076}
  .reviews .review-author p{font-size:16.51px;line-height:20px;font-weight:500}
  .reviews .review-author small{font-size:12.97px;line-height:19px;margin-top:0;font-weight:300;white-space:nowrap}
  .reviews .review-tag,.reviews .review.peach .review-tag{top:14px;right:14px;height:32px;padding:0 12px;font-size:11.56px;line-height:16px;color:#bebebe;border-color:#535353;max-width:calc(100% - 120px)}
  .reviews .review-tag:before,.reviews .review.peach .review-tag:before{background:#fead6e}
  .reviews .review-controls{grid-row:4;justify-content:flex-end;gap:12.63px;margin:20.26px 0 0}
  .reviews .review-controls button{width:58.37px;height:58.37px}
  .reviews .review-controls img{width:26.47px;height:26.47px}
}
#modal .tariff-view:not(:has(#purchase-consent:checked)) #buy:disabled{
  background:#3c3936;background-image:none;color:#b8b2ad;
}
#modal .tariff-view>.consent{height:auto;min-height:0;align-items:flex-start;margin:12px 0;font-size:12px;line-height:18px}
#modal .tariff-view>.consent>span{min-width:0;overflow-wrap:break-word}
#modal .tariff-view>.tariff-note{margin:12px 0 4px;font-size:13px;line-height:19px;color:#fffffd}
#modal .tariff-view>.tariff-cancel{margin:0 0 12px;font-size:12px;line-height:18px}
@media(max-width:359px){
  .hero-copy h1{font-size:31px;line-height:34px}
  .hero-copy .wish .wish-story{font-size:20px}
  .reviews h2{font-size:30px;line-height:34px}
  .reviews .review-track .review{padding-inline:20px}
  .reviews .review-author small{font-size:11px}
}