@media (max-width: 1199px) {
  .seo-hero__content, .seo-hero__media, .seo-banner-cta__text, .seo-banner-cta__image, .seo-article-main, .seo-article-list { width: 100%; }
  .seo-product-card, .seo-video-card { width: 50%; }
  .seo-featured__row .seo-product-card { flex: 0 0 25% !important; width: 25% !important; max-width: 25% !important; }
  .seo-usp__item { flex: none; width: calc(50% - 8px); }
  .seo-hero__title { font-size: 38px; }
  .seo-banner-cta__text h2 { font-size: 32px; }
  .seo-usp__item { min-width: 0; }
}

@media (max-width: 767px) {
  .collection-seo-page { padding: 10px 0 0px; }
  .container-seo { padding: 0 10px; }
  .seo-hero { display: flex; flex-direction: column; border-radius: 12px; margin-bottom: 10px; }
  .seo-hero__media { order: 1; width: 100%; min-height: auto; padding: 0; }
  .seo-hero__content { order: 2; width: 100%; padding: 18px 14px 20px; }
  .seo-hero__image { min-height: auto; height: auto; aspect-ratio: 1 / 1; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; }
  .seo-hero__title { font-size: 28px; line-height: 1.2; margin: 0 0 12px; }
  .seo-hero__badge { font-size: 12px; padding: 7px 14px; margin-bottom: 12px; }
  .seo-hero__desc { font-size: 14px; line-height: 1.6; margin-bottom: 14px; }
  .seo-hero__list { margin: 0 -4px 14px; }
  .seo-hero__item { width: 100%; padding: 4px; font-size: 13px; line-height: 1.45; }
  .seo-hero__actions { gap: 8px; }
  .seo-hero__actions .seo-btn { flex: 1 1 calc(50% - 4px); min-height: 42px; padding: 10px 12px; font-size: 13px; }
  .seo-hero__pricebox { left: 12px; top: 12px; padding: 10px 12px; border-radius: 14px; }
  .seo-hero__pricebox span { font-size: 11px; margin-bottom: 4px; }
  .seo-hero__pricebox strong { font-size: 24px; }
  .seo-hero__media:hover .seo-hero__image { background-size: cover; transform: none; }
  .seo-usp { margin-bottom: 0px; }
  .seo-usp__col { padding: 0 5px; margin-bottom: 10px; }
  .seo-usp__row { margin: 0 -6px; }
  .seo-usp__item { flex: none; width: 100%; min-width: 0; padding: 16px 14px; border-radius: 16px; }
  .seo-usp__icon { width: 48px; height: 48px; line-height: 48px; font-size: 16px; border-radius: 12px; margin-bottom: 10px; }
  .seo-usp__item h3 { font-size: 15px; margin: 0 0 6px; }
  .seo-usp__item p { font-size: 13px; }
  .seo-featured, .seo-articles, .seo-videos, .seo-product-listing, .seo-readmore { padding: 18px 14px; border-radius: 18px; border: 1px solid rgba(0,0,0,.06); margin-bottom: 10px; }
  .seo-articles__wrap { flex-direction: column; gap: 12px; }
  .seo-article-main, .seo-article-list { width: 100%; }
  .seo-article-main > a { display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; }
  .seo-article-main__image { height: 200px; border-radius: 0; }
  .seo-article-main__content { padding: 14px; }
  .seo-article-main__content h3 { font-size: 16px; line-height: 1.4; }
  .seo-article-main__content p { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .seo-article-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .seo-article-item > a { display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; }
  .seo-article-item__thumb { width: 100%; min-width: 100%; height: 120px; border-radius: 0; }
  .seo-article-item__info { padding: 10px 10px; }
  .seo-article-item__info h4 { font-size: 13px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
  .seo-article-item__info p { display: none; }
  .seo-article-tag { font-size: 11px; padding: 4px 8px; margin-bottom: 6px; }
  .seo-section-title h2, .seo-product-listing__title h2 { font-size: 26px; }
  .seo-product-card, .seo-video-card, .seo-usp__item { width: 100%; }
  .seo-featured__row .seo-product-card { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; }
  .seo-product-card__body h3 { font-size: 18px; min-height: auto; line-height: 1.3; }
  .seo-banner-cta { margin-bottom: 10px; }
  .seo-banner-cta__text { width: 100% !important; padding: 26px 18px; }
  .seo-banner-cta__text h2 { font-size: 28px; }
  .seo-banner-cta__text p { font-size: 15px; }
  .seo-banner-cta__content { display: flex; flex-direction: column-reverse; overflow: hidden; border-radius: 18px; }
  .seo-banner-cta__image { width: 100% !important; min-height: 280px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat; border-radius: 18px 18px 0 0; transition: none; }
  .seo-article-main__image { height: 260px; }
  .seo-article-main__content h3 { font-size: 22px; }
  .seo-article-item > a { flex-wrap: wrap; }
  .seo-article-item__thumb { width: 100%; min-width: 100%; height: 105px; }
  .seo-video-card__title { font-size: 16px; }
  .seo-product-listing__top { align-items: flex-start; }
  .seo-featured__mobile-track { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding-bottom: 8px; margin: 0 -10px; padding-left: 10px; }
  .seo-featured__mobile-track::-webkit-scrollbar { display: none; }
  .seo-featured__mobile-col { flex: 0 0 45%; min-width: 45%; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; }
  .seo-product-card__body h3 a { font-size: 13px; line-height: 1.3; }
  .seo-product-card__meta { font-size: 11px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .seo-featured__mobile-col .seo-product-card__meta { min-height: 0; font-size: 11px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
  .seo-product-card__price { font-size: 15px; margin-bottom: 0; }
  .seo-product-card__btn--desktop { display: none !important; } .seo-product-card__actions { display: block; } .seo-product-card__actions .seo-btn--primary { flex: none; max-width: 100%; width: 100%; }
  .seo-btn--small { font-size: 11px; padding: 6px 10px; display: none; }
  .seo-featured__desktop { display: none; }
  .seo-video-grid { display: flex; flex-wrap: wrap; margin: 0 -5px; } 
  .seo-video-card { display: block; width: 50%; padding: 0 5px; margin-bottom: 14px; text-decoration: none; } 
  .seo-video-card__thumb { border-radius: 12px; aspect-ratio: 16/10; background-size: cover; background-position: center; } 
  .seo-video-play { width: 42px; height: 42px; line-height: 42px; font-size: 18px; } 
  .seo-video-card__title { font-size: 14px; line-height: 1.4; margin-top: 8px; font-weight: 700; }
}