.mobile-tariffs,.cab-account-toggle{display:none}
@media(max-width:760px){
 html{scroll-padding-top:16px}
 .section,.hero-inner{margin-left:16px;margin-right:16px}
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:10px 12px;margin:0 12px;min-height:66px;border-radius:32px}
 .header .logo{width:92px;height:28px}
 .header>.tariffs{display:none}
 .header .login{font-size:14px;min-height:44px;min-width:78px;padding:10px 15px;white-space:nowrap}
 .header .login-balance{display:none}
 .header .menu-toggle{width:44px;height:44px;padding:11px;align-items:center}
 .header nav{grid-column:1/-1;width:100%;padding:8px 0 0;margin:0;gap:4px;border:0}
 .header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .header nav a,.header .mobile-tariffs{display:flex;align-items:center;min-height:44px;font-size:14px;padding:10px;border-radius:6px;color:#e0d4ca;text-align:left}
 .hero-copy{padding-top:0}.hero-inner{margin-top:24px}
 .hero-copy h1{font-size:34px;line-height:1.12}
 .hero-copy .wish{margin:18px 0 22px}.wish span{font-size:26px}
 .hero-copy .primary{max-width:none;min-height:54px;font-size:17px}
 .hero-media{margin-top:24px;margin-bottom:24px;max-width:380px}
 .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;padding:16px 0}
 .catalog-search{grid-column:1/-1;min-width:0}.catalog-category{grid-column:1;grid-row:2;max-width:none;min-width:0}
 .catalog-toolbar #catalog-total{grid-column:1;grid-row:3;margin:0;font-size:12px}
 .album-pause{grid-column:2;grid-row:2;width:44px;height:48px}
 .catalog-quick{gap:20px;padding-bottom:18px;min-height:50px}.catalog-quick a{padding:10px 0;font-size:14px}
 .catalog .section-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;align-items:flex-start}
 .catalog .section-heading h2{font-size:28px;line-height:1.15}
 .catalog .text-link{min-height:44px;padding:6px 0;margin:0;font-size:14px}
 .catalog{padding-top:16px;padding-bottom:28px}
 .catalog-grid:has(.album){display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:20px 12px 12px;content-visibility:visible;contain-intrinsic-size:none}
 .catalog-grid:has(.album)::-webkit-scrollbar{display:none}
 .album{flex:0 0 80%;max-width:300px;scroll-snap-align:center;margin-right:0;touch-action:pan-x pan-y}
 .album .look-name{font-size:17px;left:15px;right:12px;bottom:15px}
 .album-arrow{width:44px;height:44px;padding:12px;opacity:1}
 .album-arrow img{width:18px;height:18px}
 .album-count{font-size:12px;padding:5px 8px}.album-count,.album-dots{min-height:28px;top:10px;right:9px}
 .album-dots i{font-size:12px}
 .catalog-more{min-height:44px;margin-top:20px;font-size:14px}
 .catalog-grid:not(:has(.album)){gap:24px 18px;padding-right:8px}
 .catalog-grid:not(:has(.album)) .look-name{font-size:13px}
 .how{padding-top:28px;padding-bottom:44px}.steps{gap:24px}
 .how-intro h2{font-size:32px}.how-intro h2 br,.how-intro p br{display:initial}.how-intro .primary{min-height:52px;font-size:17px;padding:14px 20px}
 .photo-tips{padding:22px 18px;gap:20px}.photo-tips h3{font-size:23px}.photo-tips strong{font-size:15px}
 .photo-tips h3 br{display:initial}
 .transformation{padding:24px 16px}.transformation h2{font-size:26px;line-height:1.15}.result-photo>img{height:210px}
 .reviews{padding:44px 0}.review-controls button{width:48px;height:48px}
 .faq details{padding:18px 16px}.faq summary{font-size:16px;min-height:44px}.faq details p{font-size:15px;line-height:1.6}
 .footer-cta{padding:44px 0 28px}.footer-cta h2{font-size:34px;line-height:1.12}.footer-cta .back-top{min-height:44px;display:flex;align-items:center}
 .footer-main{gap:22px 16px}.footer-main a{font-size:14px;min-height:36px;margin-bottom:6px;display:flex;align-items:center}
 .footer-bottom{align-items:flex-start;padding-bottom:calc(28px + env(safe-area-inset-bottom));gap:12px;font-size:12px}.footer-bottom button{text-align:left;min-height:44px;padding:0;line-height:1.4}
 #modal{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overscroll-behavior:contain}
 #modal .close{width:44px;height:44px;top:8px;right:8px}
 #modal input:not([type=checkbox]),#modal select{font-size:16px}
 #modal:has(.login-form){padding:52px 22px 24px;border-radius:20px}
 #modal:has(.login-form) h2{font-size:27px;margin-bottom:20px}.login-brand{margin-bottom:22px}
 .login-form .login-show{min-height:44px}.provider{min-height:48px}
 #modal:has(.tariff-view){padding:48px 16px 22px;border-radius:20px}
 #modal:has(.tariff-view) h2{font-size:26px;line-height:1.2}
 #modal .tariff-brand{margin-bottom:18px}
 #modal .tariff-tabs{height:56px;margin-bottom:22px}
 #modal .tariff-tabs button{padding:0;font-size:16px;min-width:0}
 #modal .tariff-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #modal .tariff-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:8px 12px}
 #modal .tariff-card-heading{grid-column:1/-1;grid-row:1;margin:0}
 #modal .tariff-card h3,#modal .tariff-card:nth-child(2) h3{font-size:17px}
 #modal .tariff-price{font-size:28px;line-height:36px;margin:0}
 #modal .tariff-prices .tariff-price{line-height:36px}
 #modal .tariff-old-price{font-size:16px}
 #modal .tariff-intro{font-size:14px;line-height:1.5;margin-bottom:20px}
 #modal .tariff-card,#modal .tariff-card.selected{padding:16px!important}
 #modal .tariff-prices{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:baseline;align-self:auto;gap:12px}
 #modal .tariff-card small{grid-column:1/-1;grid-row:3;font-size:13px;line-height:1.4}
 #modal .tariff-card .tariff-output{grid-column:1/-1;grid-row:4;font-size:14px;line-height:1.4;margin:2px 0 0;padding:0;border:0}
 #modal .tariff-view .tariff-card>p.tariff-feature{grid-column:auto;grid-row:5;margin:4px 0 0!important;gap:6px;font-size:12px!important;line-height:1.4}
 #modal .tariff-feature img{width:18px;height:18px;flex:none}
 #modal .tariff-note{font-size:14px;line-height:1.5}
 #modal .tariff-view #buy{min-height:56px;font-size:17px}
 #modal .tariff-view .consent{font-size:13px;align-items:flex-start;line-height:1.5}
 #modal .tariff-view .consent input{flex-shrink:0;width:20px;height:20px}
 #modal .tariff-review-navigation>button{width:44px;height:44px}
 #modal .tariff-review-dots{display:none}
 #modal #tariff-review-count{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:13px}
 .cab-header{height:64px;padding:0 12px;gap:8px}.cab-logo{width:86px}
 .cab-balance{margin-left:auto;font-size:12px!important;min-height:44px;padding:8px 10px;gap:5px}
 .cab-account-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #65584e;border-radius:50%;padding:10px}
 .cab-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid #49413b;background:#161515;z-index:15}
 .cab-sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible}
 .cab-sidebar nav>a,.cab-sidebar nav>button{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:54px;padding:5px 2px;gap:4px;white-space:normal;text-align:center;font-size:10px!important;line-height:1.2}
 .cab-sidebar nav img{width:20px;height:20px;flex-shrink:0}
 .cab-profile{display:none}
 .cab-profile.open{display:flex;position:fixed;top:70px;right:12px;left:12px;bottom:auto;background:#242120;border:1px solid #65584e;border-radius:8px;padding:16px;box-shadow:0 8px 30px #0006}
 .cab-profile.open small{max-width:none;font-size:13px;overflow-wrap:anywhere}
 .cab-profile.open>a{width:100%;min-height:44px;margin:0;padding:12px 0;font-size:14px}
 #cabinet-content{padding:24px 16px calc(100px + env(safe-area-inset-bottom));margin:0;min-height:calc(100dvh - 64px)}
 #cabinet h1{font-size:25px;line-height:1.2}.cab-title{gap:12px}.cab-refresh{min-width:44px;min-height:44px}
 .cab-tools{gap:14px}.cab-segments{width:100%;display:flex}.cab-segments button{flex:1;min-height:44px;font-size:14px}
 .cab-search input{font-size:16px;min-height:48px}.cab-gallery{gap:24px 14px}.cab-look strong{font-size:14px;line-height:1.4}
 .cab-empty{min-height:300px;padding:24px 8px}.cab-empty h2{font-size:22px}
}
@media(max-width:360px){.hero-copy h1{font-size:30px}.wish span{font-size:23px}.catalog .section-heading h2{font-size:26px}.header .logo{width:84px}.cab-logo{width:76px}.cab-balance{font-size:11px!important;padding:8px}.album .look-name{font-size:16px}}