/** Shopify CDN: Minification failed

Line 275:0 All "@import" rules must come first
Line 336:0 All "@import" rules must come first

**/
/* === Japanstreet — Réglage typographique des titres section-collection (Anton 400 / 36px / 40px line-height / #111111) === */
.section-collection .section__heading,
.section-collection .section__heading.h2,
.section-collection a .section__heading,
.featured-collection .section__heading,
.featured-collection .section__heading.h2 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  line-height: 40px !important;
  color: rgb(17, 17, 17) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}

/* Si le titre est saisi en <p> dans le rich text (cas Sweats Japonais), neutraliser le p enfant */
.section-collection .section__heading p,
.section-collection .section__heading.h2 p,
.featured-collection .section__heading p,
.featured-collection .section__heading.h2 p {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  line-height: 40px !important;
  color: rgb(17, 17, 17) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
}

/* Et si jamais on a un <h2> imbriqué dans la valeur rich text */
.section-collection .section__heading h2,
.featured-collection .section__heading h2 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  line-height: 40px !important;
  color: rgb(17, 17, 17) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
}

/* Mobile : un peu plus petit pour rester lisible (le ratio US semble similaire) */
@media (max-width: 768px) {
  .section-collection .section__heading,
  .section-collection .section__heading.h2,
  .section-collection .section__heading p,
  .section-collection .section__heading h2,
  .featured-collection .section__heading,
  .featured-collection .section__heading.h2,
  .featured-collection .section__heading p,
  .featured-collection .section__heading h2 {
    font-size: 28px !important;
    line-height: 32px !important;
  }
}


/* === Japanstreet — Réglage typographique des titres footer (Anton 400 / 18px / 19px line-height / #ffffff) === */
/* Cible les 4 types de rendu de titres footer:
   - blocks 'text' / 'blog' / 'newsletter': <p class="footer-title h5">
   - blocks 'link' (menu): <button class="footer-title__button h5"> dans un <p class="footer-title footer-title--links">
*/
.site-footer .footer-title,
.site-footer .footer-title.h5,
.site-footer .footer-title__button,
.site-footer .footer-title__button.h5,
.footer-block .footer-title,
.footer-block .footer-title.h5,
.footer-block .footer-title__button,
.footer-block .footer-title__button.h5,
.footer-blocks .footer-title,
.footer-blocks .footer-title.h5,
.footer-blocks .footer-title__button,
.footer-blocks .footer-title__button.h5 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 19px !important;
  color: rgb(255, 255, 255) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .site-footer .footer-title,
  .site-footer .footer-title.h5,
  .site-footer .footer-title__button,
  .site-footer .footer-title__button.h5,
  .footer-block .footer-title,
  .footer-block .footer-title.h5,
  .footer-block .footer-title__button,
  .footer-block .footer-title__button.h5,
  .footer-blocks .footer-title,
  .footer-blocks .footer-title.h5,
  .footer-blocks .footer-title__button,
  .footer-blocks .footer-title__button.h5 {
    font-size: 16px !important;
    line-height: 18px !important;
  }
}


/* === Cart drawer — empty cart best sellers : ratio image 2:3 portrait (800x1200) === */
.cart-collection--product .cart-collection__image {
  padding-top: 150% !important; /* 800x1200 ratio */
}
.cart-collection--product .cart-collection__image img,
.cart-collection--product .cart-collection__image .image-fill {
  object-fit: cover !important;
  object-position: center center !important;
}

/* === Cart drawer — titre + prix style JC === */
.cart-collection--product .cart-collection__title {
  margin-bottom: 4px !important;
}
.cart-product__price {
  text-align: center !important;
  font-size: 0.9rem !important;
  color: #555 !important;
  margin-top: 2px !important;
  letter-spacing: 0.02em !important;
}

/* === Empty cart message - juste style de la phrase, padding natif inchangé === */
.cart-drawer__empty-message > p {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  text-align: center !important;
}


/* === Cart drawer empty — titres produits Anton, centrés === */
.cart-collection--product .cart-collection__title,
.cart-collection--product .cart-product__title,
.cart-collection--product .cart-collection__title.h4 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  color: #111 !important;
}

/* Prix centré (cohérent avec titre) */
.cart-collection--product .cart-product__price {
  text-align: center !important;
}


/* === Japanstreet — Titres des tuiles sur la page /collections (Anton, comme le reste du site) === */
.list-collections-section .list-collections__item__title,
.list-collections-section .list-collections__item__title span,
.list-collections__item__title,
.list-collections__item__title span {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}


/* === Japanstreet — Page /collections : H1 Custom HTML + tous titres en Anton MAJUSCULES === */
.template-list-collections [id^="CustomCode--"] h1,
.template-list-collections [id^="CustomCode--"] H1,
.template-list-collections [id^="CustomCode--"] h2,
.template-list-collections [id^="CustomCode--"] h3 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}
/* Taille du H2 dans le Custom HTML : 29px / 32px (cale JC) */
.template-list-collections [id^="CustomCode--"] h2 {
  font-size: 29px !important;
  line-height: 32px !important;
  color: rgb(17,17,17) !important;
}
@media (max-width: 768px) {
  .template-list-collections [id^="CustomCode--"] h2 { font-size: 29px !important; line-height: 32px !important; }
}

/* Effet visuel MAJUSCULES sur tous les titres de la page liste de collections */
.template-list-collections h1,
.template-list-collections h2,
.template-list-collections h3,
.template-list-collections .section__heading,
.template-list-collections .list-collections__item__title,
.template-list-collections [id^="CustomCode--"] h1 {
  text-transform: uppercase !important;
}


/* === Japanstreet — H2 des sections texte SEO sur /collections : caler sur la home (Anton 36px/28px) === */
.template-list-collections .text__heading,
.template-list-collections .text__heading.h2,
.template-list-collections .text__heading p,
.template-list-collections .text__heading h2 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 29px !important;
  line-height: 32px !important;
  color: rgb(17, 17, 17) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}
@media (max-width: 768px) {
  .template-list-collections .text__heading,
  .template-list-collections .text__heading.h2,
  .template-list-collections .text__heading p,
  .template-list-collections .text__heading h2 {
    font-size: 29px !important;
    line-height: 32px !important;
  }
}


/* === Japanstreet — Titres H1 des pages (Mentions légales, CGV, Livraison, Contact, etc.) en Anton, taille native conservée === */
.page-title,
.page-title span,
.template-page h1,
.template-page .page-title {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}


/* === Japanstreet — H2 et H3 dans le contenu des pages, calés sur /collections (29px/32px) en Anton === */
.template-page .rte h2,
.template-page .rte h3,
.template-page .page-content h2,
.template-page .page-content h3,
.template-page main h2,
.template-page main h3 {
  font-family: 'Anton', 'Bebas Neue', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 29px !important;
  line-height: 32px !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}
@media (max-width: 768px) {
  .template-page .rte h2,
  .template-page .rte h3,
  .template-page .page-content h2,
  .template-page .page-content h3,
  .template-page main h2,
  .template-page main h3 {
    font-size: 29px !important;
    line-height: 32px !important;
  }
}

/* === Anton on article H1/H2/H3 === */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.template-article h1,
.template-article h2,
.template-article h3,
.template-article .article__title,
.template-article .rte h2,
.template-article .rte h3,
[class*="template-article"] h1,
[class*="template-article"] h2,
[class*="template-article"] h3 {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Tailles : H1 grand, H2 moyen, H3 plus contenu */
.template-article h1,
.template-article .article__title,
[class*="template-article"] h1 {
  font-size: 2.2rem !important;
  line-height: 1.1 !important;
}

.template-article h2,
.template-article .rte h2,
[class*="template-article"] h2 {
  font-size: 1.6rem !important;
  line-height: 1.15 !important;
}

.template-article h3,
.template-article .rte h3,
[class*="template-article"] h3 {
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}

/* Mobile sizes */
@media (max-width: 749px) {
  .template-article h1,
  .template-article .article__title,
  [class*="template-article"] h1 {
    font-size: 1.8rem !important;
  }
  
  .template-article h2,
  .template-article .rte h2,
  [class*="template-article"] h2 {
    font-size: 1.4rem !important;
  }
  
  .template-article h3,
  .template-article .rte h3,
  [class*="template-article"] h3 {
    font-size: 1.15rem !important;
  }
}

/* === Anton on blog hub H1/H2 + reduced sizes === */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.template-blog h1,
.template-blog h2,
.template-blog .section__heading,
[class*="template-blog"] h1,
[class*="template-blog"] h2 {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Reduce H1 size */
.template-blog h1,
[class*="template-blog"] h1 {
  font-size: 2rem !important;
}

@media (max-width: 749px) {
  .template-blog h1,
  [class*="template-blog"] h1 {
    font-size: 1.7rem !important;
  }
}