/* Mobile layout: native horizontal scrolling preserves touch, keyboard and links. */
.plan-carousel-controls{display:none}
@media(max-width:760px){
 .subscription-grid,.panel-section .subscription-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:4px 2px 12px;max-width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:#897348 transparent}
 .subscription-grid .subscription-card{flex:0 0 min(86%,340px);scroll-snap-align:start;padding:20px;border-radius:18px;box-shadow:none;transform:none}
 .subscription-card h3{font-size:24px;margin:10px 0 6px}
 .subscription-card .subscription-description{font-size:13px;line-height:1.5;min-height:39px}
 .subscription-card .subscription-price{margin:18px 0}
 .subscription-card .subscription-price strong{font-size:38px}
 .subscription-card .subscription-cta{min-height:46px;padding:10px 12px;font-size:14px}
 .subscription-card .payment-marks{margin-top:10px;gap:6px}
 .subscription-card .payment-marks img{width:33px;height:22px}
 .subscription-card .subscription-credits{padding:16px 0 12px;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
 .subscription-card .subscription-credits strong{font-size:24px}
 .subscription-card .subscription-caption{margin:12px 0 6px!important;font-size:11px;line-height:1.5}
 .subscription-card .subscription-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .subscription-card .subscription-limits>div{flex-direction:column-reverse;gap:4px;padding:4px 0}
 .subscription-card .subscription-limits dd{font-size:20px}
 .subscription-card .subscription-limits dt{font-size:11px;color:#b8bcc5;overflow-wrap:anywhere}
 .subscription-card .subscription-includes{grid-template-columns:1fr;gap:6px;padding-top:12px;margin-top:12px;line-height:1.5}
 .subscription-card>small{margin-top:8px}
 .plan-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;font-size:12px;color:#bac0c9}
 .plan-carousel-controls>div{display:flex;gap:8px}
 .plan-carousel-controls button{width:44px;height:44px;border:1px solid #494a43;border-radius:50%;background:#1c201d;color:#f2d294;font-size:20px;cursor:pointer}
 .plan-carousel-controls button:disabled{opacity:.3;cursor:default}
 .plan-carousel-controls button:focus-visible,.subscription-grid:focus-visible{outline:2px solid #f6bd54;outline-offset:3px}
 .plan-allowances{padding:24px 16px!important;border-radius:20px;min-width:0}
 .plan-allowances h2{font-size:23px;line-height:1.2;margin-bottom:18px}
 .pricing-page-hero{padding:30px 20px 8px}
 .pricing-page-hero h1{font-size:clamp(30px,8.5vw,42px);line-height:1.12;letter-spacing:-.04em}
 .pricing-page-hero p{font-size:14px;line-height:1.65}
 .credit-packs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#897348 transparent}
 .credit-packs>.credit-pack{flex:0 0 min(86%,300px);scroll-snap-align:start;min-width:0;padding:18px}
 .credit-shop{padding:18px;min-width:0}
 .credit-shop>p{font-size:13px;line-height:1.65}
 .site-header{min-height:64px;padding:10px 16px;gap:8px}
 .site-header .site-menu-toggle{min-width:44px;min-height:44px;border-radius:12px}
 .site-header .nav-actions .language-switch{display:none}
 .site-header .nav{left:12px;right:12px;border-radius:18px;padding:12px}
 .site-header.menu-open .nav,.site-header.is-menu-open .nav,body.site-menu-open .site-header .nav{grid-template-columns:1fr 1fr}
 .site-header .nav a{min-height:44px;display:flex;align-items:center;font-size:14px;border-radius:10px}
 .section{padding:36px 20px}
 .section-head{gap:16px;flex-wrap:wrap}
 .section-head h2{font-size:28px;line-height:1.2}
 .section-head p{font-size:14px;line-height:1.65}
 .hero-content h1,.menu-page-hero h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.12!important;letter-spacing:-.04em}
 .hero-content p,.menu-page-hero p{font-size:15px;line-height:1.65}
 .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
 .hero-actions>a{min-height:46px;flex:1 1 140px;justify-content:center;text-align:center}
 .product-feature{gap:24px;padding:32px 20px}
 .feature-copy h2{font-size:30px;line-height:1.15}
 .feature-visual{height:200px}
 .home-tool-grid{gap:14px;padding-bottom:28px}
 .footer{padding:32px 20px;gap:24px}
 .footer-main p{font-size:13px;line-height:1.7}
 .footer-social,.footer-links{gap:8px 16px}
 .footer-social a,.footer-links a,.footer-links button{min-height:36px;display:inline-flex;align-items:center;font-size:13px}
 .dashboard{padding:16px!important;min-width:0}
 .dash-topbar{flex-wrap:wrap;gap:14px}
 .panel-nav{display:flex;overflow-x:auto;gap:8px;max-width:100%;padding-bottom:6px;scrollbar-width:thin}
 .panel-nav button{flex:0 0 auto;white-space:nowrap;border-radius:12px}
 .panel-rail{padding:16px;min-width:0}
 .auth-card{border-radius:20px}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
 .media-main{padding:28px 16px 40px}
 .studio-intro h1{font-size:34px;line-height:1.12}
 .studio-controls{padding:18px}
 .studio-output{padding:18px;min-height:260px}
 .studio-empty{min-height:240px}
 .studio-art{height:150px}
 .studio-examples,.studio-process,.studio-faq{margin-top:28px}
 .chat-global-header{padding-inline:10px;gap:8px}
 .chat-global-account{min-height:42px;display:flex;align-items:center}
 .starter{padding:24px 16px}
 .starter h1{font-size:28px}
 .starter-grid{gap:10px}
 .starter-card{min-height:92px}
 .message-actions{flex-wrap:wrap;gap:6px}
 .bubble pre{max-width:100%;overflow-x:auto}
}
@media(max-width:360px){.site-header{padding-inline:10px}.site-header .brand{gap:5px;font-size:12px}.site-header .nav-actions .nav-login{font-size:10px;padding-inline:8px}.subscription-grid .subscription-card{padding:16px;flex-basis:90%}.subscription-card .subscription-limits dt{font-size:10px}}

@media(max-width:760px){
 .subscription-card .subscription-description{display:none}
 .subscription-card .subscription-price{margin:14px 0}
 .subscription-grid .subscription-card{padding:18px}
 .subscription-card .subscription-includes{font-size:10px}
 .plan-carousel-controls{margin:0 0 10px}
 .plan-allowances:has(.subscription-grid){background:transparent;border:0;padding-inline:16px!important}
}