/* June 8 Aurora: compact mobile layout. */
@media(max-width:767px){
:root{--header-h:60px;--section-py:26px}body{font-size:14px}.container{width:100%;max-width:100%;padding:0 20px}.container>*,.guide-section>*,.contact-grid>*{min-width:0}.header{height:60px;z-index:1300}.header__inner{height:60px;gap:12px}.header__logo{min-width:0}.header__logo-name{font-size:17px;line-height:1.4}.header__logo-sub{font-size:10px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header__logo-icon{width:34px;height:34px;flex-shrink:0}.hamburger{flex-shrink:0}.mobile-nav{z-index:1250;max-width:88vw;height:100dvh}.mobile-nav__inner{padding:78px 18px 24px}.mobile-nav__overlay{z-index:1200}.mobile-nav__link,.mobile-nav__parent{font-size:15px;padding:12px 10px}.mobile-nav__sub a{font-size:14px;padding:10px 14px}
.hero{height:390px;min-height:390px;max-height:none}.hero__content{padding:72px 20px 58px;justify-content:center}.hero__title{font-size:28px;line-height:1.35}.hero__subtitle{font-size:13px;line-height:1.7;margin:14px 0 20px}.hero__actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.hero__actions .btn{font-size:13px;padding:11px 14px}.hero__music{width:36px;height:36px;right:12px;bottom:14px;font-size:14px}.section{padding-top:26px;padding-bottom:26px}.section-title{font-size:23px;line-height:1.4;margin-bottom:10px}.section-tag{font-size:10px;letter-spacing:.1em;margin-bottom:6px}.section-subtitle{font-size:12px;line-height:1.65}.page-home .container>[style*="margin-bottom:4"]{margin-bottom:18px!important}.page-home .container>[style*="margin-top:3"]{margin-top:16px!important}.btn{font-size:13px;padding:11px 15px;white-space:normal;text-align:center}
.features{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.feature-card{position:relative;padding:14px 14px 14px 66px;text-align:left}.feature-card__icon{position:absolute;left:14px;top:16px;font-size:26px;width:38px;height:38px;margin:0}.feature-card__title{font-size:15px;margin-bottom:5px}.feature-card__desc{font-size:12px;line-height:1.65}.list-grid,.list-grid[style*="grid-template-columns"],.related-grid,.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.card{min-width:0}.card__image{width:100%;height:140px;aspect-ratio:auto}.card__image img{width:100%;height:100%;object-fit:contain}.card__body{padding:12px 10px}.card__title{font-size:15px;line-height:1.45;white-space:normal;display:block;-webkit-line-clamp:unset;overflow:visible}.card__tag{font-size:10px;padding:4px 6px}.card__desc{font-size:12px;line-height:1.6}.page-home .card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{font-size:11px;gap:5px;flex-wrap:wrap}.card__price{font-size:15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-item{padding:10px 8px}.stat-item__number{font-size:29px}.stat-item__label{font-size:12px}.gallery-swiper .swiper-slide{width:250px!important}.gallery-slide{width:100%;height:170px;aspect-ratio:auto}.gallery-slide__info{padding:12px}.gallery-slide__title{font-size:15px}.gallery-slide__author{font-size:11px}.guide-section{grid-template-columns:minmax(0,1fr);gap:18px}.guide-image{width:100%;height:190px;aspect-ratio:auto}.guide-image img{width:100%;height:100%;object-fit:contain}.guide-text p{font-size:13px;line-height:1.8}.page-home .guide-text>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.subscribe-card{padding:20px 16px;gap:14px}.subscribe-card h3{font-size:19px}.subscribe-form{flex-direction:row;flex-wrap:wrap;gap:8px}.subscribe-form input{flex:1 1 140px;min-width:0}.subscribe-form .btn{padding:10px 12px}.cta-section{padding:26px 20px}.cta-section__title{font-size:23px;line-height:1.4}.cta-section p{font-size:13px!important;line-height:1.7;margin-bottom:18px!important}
.inner-banner{height:164px;min-height:164px;margin-top:76px!important}.inner-banner__title{font-size:24px;line-height:1.4}.inner-banner__subtitle{font-size:13px}.inner-banner__content{padding:18px 20px}.breadcrumb{font-size:12px;flex-wrap:wrap}.contact-grid{grid-template-columns:minmax(0,1fr);gap:22px}.detail__params{grid-template-columns:minmax(0,1fr);gap:10px}.detail__pager{flex-direction:column;gap:12px;overflow-wrap:anywhere}.detail__content,.content-body,.article-content{overflow-wrap:anywhere}.detail__content img,.content-body img,.article-content img{max-width:100%!important;height:auto!important}.detail__content table,.content-body table,.article-content table{display:block;max-width:100%;overflow-x:auto}.form-row{grid-template-columns:minmax(0,1fr)}.contact-form-card{padding:20px 16px}input,textarea,select{min-width:0;max-width:100%}.search-input-wrap{min-width:0}
.footer{padding-top:26px}.footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.footer__grid>div:first-child{grid-column:1/-1}.footer__grid>*{min-width:0}.footer__brand-desc{font-size:12px;line-height:1.8}.footer__col-title{font-size:14px;margin-bottom:10px}.footer__links{display:flex;flex-wrap:wrap;flex-direction:row;gap:7px 12px}.footer__links a,.footer__contact-item{font-size:12px}.footer__contact-item{overflow-wrap:anywhere}.footer__qrcode img{width:76px;height:76px}.footer__bottom{padding:14px 0;margin-top:18px}.footer__bottom-inner{font-size:11px;gap:8px}.friend-links{gap:8px;font-size:11px}.back-top{right:10px;bottom:20px;width:38px;height:38px}[data-aos]{transform:none!important;opacity:1!important}
}

/* Constrain decorative effects to their own sections, not the page. */
@media(max-width:767px){
  .aurora-section{overflow:clip}
  .aurora-ribbon{left:0;right:0;width:auto;max-width:100%;filter:none;overflow:clip}
  .aurora-ribbon::after{left:0;right:0;width:auto;filter:none}
  .header__inner{min-width:0;max-width:100%}
  .header__logo{flex:1 1 auto;min-width:0;max-width:calc(100% - 50px)}
  .header__logo-text{min-width:0;max-width:100%}
  .header__logo-name{overflow-wrap:anywhere}
  .header__logo-sub{display:block;max-width:100%}
  .gallery-swiper{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .gallery-slide{display:block}
  .gallery-slide__info,.card__meta,.card__title{min-width:0;overflow-wrap:anywhere}
  .footer__links,.footer__contact-item,.friend-links{min-width:0;max-width:100%;overflow-wrap:anywhere}
}