/* =============================================================
   YOUSTA SHOP — Responsive Breakpoints
   ============================================================= */

/* ---- Tablet (≤1024px) ---- */
@media (max-width: 1024px) {
    .ys-footer-top { grid-template-columns: 1fr 1fr; }
    .ys-footer-brand { grid-column: 1 / -1; }
    .ys-tile__img img { height: 300px; }
    .ys-about__text { padding: 2.5rem 2rem; }
    .ys-blog-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Large mobile / small tablet (≤768px) ---- */
@media (max-width: 768px) {
    .ys-tiles--3 { grid-template-columns: repeat(2, 1fr); }
    .ys-tile__img img { height: 260px; }
    .ys-trust { grid-template-columns: 1fr 1fr; }
    .ys-trust__item { border-bottom: 1px solid var(--border); }
    .ys-trust__item:nth-child(2n) { border-right: none; }
    .ys-about__text { padding: 2.5rem 1.5rem; }
    .ys-newsletter__form { flex-direction: column; }
    .ys-section__header { padding: 0 1rem 1.25rem; }
    .ys-tiles { padding: 0 1rem; gap: 0.6rem; }
    .product-grid { padding-left: 1rem !important; padding-right: 1rem !important; gap: 0.75rem; }
    .ys-card__img img { height: 240px; }
    .ys-hero__img { max-height: 360px; }
    .shop-layout { grid-template-columns: 1fr; }
    .shop-sidebar { position: static; }
    .ys-footer-top { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
    .ys-page-hero { padding: 2.5rem 1.25rem 2rem; }
    .ys-page-body { padding: 2rem 1.25rem 3rem; }
    .ys-post-body { padding: 2rem 1.25rem 3rem; }
    .ys-blog-grid { grid-template-columns: 1fr; padding: 0 1rem; }
    .ys-post-nav { flex-direction: column; text-align: center; }
}

/* ---- Mobile (≤480px) ---- */
@media (max-width: 480px) {
    .ys-tiles--3 { grid-template-columns: 1fr 1fr; gap: 0.5rem; }
    .ys-tile__img img { height: 200px; }
    .ys-tile__label { font-size: 0.7rem; padding: 2rem 0.5rem 0.6rem; }
    .ys-trust { grid-template-columns: 1fr 1fr; }
    .ys-hero__img { max-height: 240px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }
    .ys-card__img img { height: 200px; }
    .ys-card__info { padding: 0.65rem 0.75rem 0.85rem; }
    .ys-card__name { font-size: 0.8rem; }
    .ys-card__now { font-size: 0.88rem; }
    .ys-card__cat { font-size: 0.6rem; }
    .ys-card__cta { font-size: 0.62rem; }
    .ys-about__text { padding: 2rem 1.25rem; }
    .ys-about__text h2 { font-size: 1.2rem; }
    .ys-section { padding: 2rem 0; }
    .ys-section__title { font-size: 1.1rem; }
    .site-header__inner { padding: 0.65rem 1rem; }
    .ys-fullbanner img { max-height: 400px; }
    .ys-newsletter { padding: 2.5rem 1.25rem; }
    .ys-footer-top { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
    .shop-toolbar { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
    .ys-page-hero h1 { font-size: 1.4rem; }
    .ys-page-body h2 { font-size: 1rem; }
    .ys-contact-form button { justify-self: stretch; }
    .ys-blog-card__thumb { height: 160px; }
    .ys-post-cta { padding: 2rem 1.25rem; }
}