/* ==================================================================
   MOBILE : reprise des mesures relevees sur la fiche produit Tikamoon (ecran de 390 px)
   Charge apres tk.css : ces regles priment.
   ================================================================== */
.tk-sticky { transition: transform 0.25s ease; }
.tk-sticky.is-off { transform: translateY(110%); pointer-events: none; }
.tk-fact { display: flex; flex-direction: column; align-items: flex-start; }
.tk-fact small { font-size: 12px; line-height: 16px; color: #000; }
.tk-fact b { font: 500 14px/16px var(--tk-font); }
.tk-bag { display: none; }

@media (max-width: 999px) {
  /* ---------- En-tete : burger + logo + panier, barre de recherche dessous, bandeau noir apres ---------- */
  html body .mbtb-hdr { display: flex; flex-direction: column; position: relative; background: #fff; }
  html body .mbtb-hdr--sticky { position: relative; }
  html body .mbtb-hdr__bar { order: 1; margin-bottom: 8px; border: 0; background: #fff; min-height: 0; }
  html body .mbtb-hdr__ann { order: 2; height: 34px; background: #000; color: #fff; }
  html body .mbtb-hdr__ann-item { padding: 3.2px; font-size: 14px; line-height: 16px; letter-spacing: 0; }
  html body .mbtb-drawer { order: 3; }

  html body .mbtb-hdr__inner {
    display: grid; grid-template-columns: 64px 1fr 64px; grid-template-areas: "burger logo cart" "search search search";
    align-items: center; row-gap: 0; column-gap: 0; padding: 12px 16px 12px; min-height: 0;
  }
  html body .mbtb-hdr__end, html body .mbtb-hdr__tools { display: contents; }
  html body .mbtb-hdr__logo { grid-area: logo; justify-self: center; margin: 0; }
  html body .mbtb-hdr__logo img { max-height: 30px; width: auto; }
  html body .mbtb-hdr__burger { grid-area: burger; justify-self: start; display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; padding: 0; }
  html body .mbtb-hdr__burger .mbtb-hdr__burger-icon { gap: 4px; width: 16px; }
  html body .mbtb-hdr__burger .mbtb-hdr__burger-icon span { width: 16px; height: 1px; border-radius: 0; }
  html body .mbtb-hdr__burger .mbtb-hdr__burger-label { font-size: 10px; line-height: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  html body .mbtb-hdr__tools > .mbtb-hdr__tool:last-child { grid-area: cart; justify-self: end; width: 40px; height: 40px; }
  html body .mbtb-hdr__tool--account { display: none; }
  html body .mbtb-hdr__tool--search {
    grid-area: search; display: block; position: relative; width: auto; height: 48px; margin: 12px 0 0; padding: 0 0 0 40px;
    border: 0 !important; border-radius: 8px; background: #f5f5f5; color: #828282; font-size: 14.4px; line-height: 48px; text-align: left; overflow: hidden;
  }
  html body .mbtb-hdr__tool--search svg { position: absolute; left: 12px; top: 12px; width: 24px; height: 24px; order: 0; }
  html body .mbtb-hdr__search-txt { display: block; border: 0 !important; text-decoration: none; color: #828282; line-height: 48px; }

  /* ---------- Fil d'Ariane : une ligne de 48 px, 12 px, separateur > ---------- */
  html body .mbtb-pdp { padding-top: 0 !important; padding-bottom: 0 !important; }
  html body .mbtb-pdp .mbtb__inner { padding-inline: 0; }
  html body .mbtb-pdp .mbtb-crumbs { display: block; margin: 0; padding-inline: 16px; }
  html body .mbtb-pdp .mbtb-crumbs__back { display: none; }
  html body .mbtb-pdp .mbtb-crumbs__full { display: block; margin: 0; padding: 0; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html body .mbtb-pdp .mbtb-crumbs__full li { display: inline; font-size: 12px; line-height: 48px; letter-spacing: 0; }
  html body .mbtb-pdp .mbtb-crumbs__full li + li::before { content: " \203A "; display: inline; width: auto; height: auto; margin: 0 2px 0 0; background: none; opacity: 1; font-size: 12px; }
  html body .mbtb-pdp .mbtb-crumbs__full a { opacity: 1; color: #000; padding: 0; }
  html body .mbtb-pdp .mbtb-crumbs__full a::after { display: none; }
  html body .mbtb-pdp .mbtb-crumbs__full [aria-current="page"] span { font-family: inherit; }

  /* ---------- Galerie : carre pleine largeur, sans miniatures, points en bas a gauche ---------- */
  html body .mbtb-pdp__media { width: 100%; margin-inline: 0; }
  html body .mbtb-gal__strip-wrap { display: none; }
  html body .mbtb-gal__main { aspect-ratio: 1 / 1; }
  html body .mbtb-gal__count, html body .mbtb-gal__arrow { display: none; }
  html body .v2-gal-dots { left: 16px; right: auto; bottom: 16px; justify-content: flex-start; gap: 4.8px; }
  html body .v2-gal-dots span { width: 11px; height: 11px; margin: 3px; background: rgba(255, 255, 255, 0.333); box-shadow: none; transform: none; }
  html body .v2-gal-dots span.is-on { width: 14px; height: 14px; margin: 1.5px; background: #000; transform: none; }

  /* ---------- Bloc d'infos : titre, dimensions, puces ---------- */
  html body .mbtb-pdp__info { padding: 8px 16px 0; max-width: none; }
  html body .mbtb-pdp__title { margin: 0; padding: 8px 0 4.8px; font: 500 19.2px/29px var(--tk-font); color: #000; }
  html body .mbtb-pdp__facts { order: 2; gap: 12.8px; margin: 16px 0; flex-wrap: nowrap; }
  html body .mbtb-pdp__facts li { align-items: flex-end; gap: 8px; }
  html body .mbtb-pdp__facts svg { width: 27px; height: 27px; padding: 6px; }
  html body .mbtb-pdp__pourqui { order: 3; margin: 16px 0 0; padding: 0; gap: 0; }
  html body .mbtb-pdp__pourqui li { margin: 0 0 12.8px; font-size: 14px; line-height: 21px; color: #000; }
  html body .mbtb-pdp__pourqui li::before { content: "\2713"; margin-right: 8px; font-size: 14px; color: #555; }

  /* ---------- Couche grise : prix, 3x, livraison, bouton ---------- */
  html body .mbtb-pdp__price, html body .v2-klarna.tk-three, html body .mbtb-pdp__form { background: #f5f5f5; margin-inline: -16px; padding-inline: 16px; }
  html body .mbtb-pdp__price { order: 4; margin-top: 16px; padding-top: 24px; padding-bottom: 0; margin-bottom: 0; }
  html body .mbtb-pdp__price .mbtb-price, html body .mbtb-pdp__price [data-price-now] { font: 500 20px/31px var(--tk-font); }
  html body .v2-klarna.tk-three { order: 4; margin-top: 0; padding-top: 8px; padding-bottom: 16px; font-size: 14.4px; line-height: 23px; color: #000; }
  html body .v2-klarna.tk-three small { font-size: 12px; color: #555; }
  html body .mbtb-pdp__form { order: 5; padding-top: 0; padding-bottom: 16px; }
  html body .v2-pdp__stock { font-size: 14px; margin: 0 0 16px !important; color: #000 !important; }
  html body .mbtb-btn--full { display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; min-height: 64px; height: 64px; border-radius: 8px; font: 500 16px/32px var(--tk-font); }
  html body .mbtb-btn--full .tk-bag { display: block; width: 24px; height: 24px; flex: none; }
  html body .mbtb-pdp button[data-add], html body .mbtb-pdp [data-add] { font-size: 16px !important; padding-inline: 6px !important; }
  html body .mbtb-pdp__delivery { display: none; }

  /* ---------- Cartes de points cles : 2 x 2 ---------- */
  html body .v2-info { padding: 32px 0 0; }
  html body .v2-info > * { max-width: none; }
  html body .v2-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 16px 32px; padding: 0; border: 0; }
  html body .v2-pillar { min-height: 92px; padding: 16px 8px 0; gap: 8px; border: 1px solid #e6e6e6; justify-content: center; }
  html body .v2-pillar__ico svg { width: 32px; height: 32px; }
  html body .v2-pillar__t { font: 400 14px/16px var(--tk-font); }

  /* ---------- Description + accordeons ---------- */
  html body .v2-info__acc { padding: 0; }
  html body .v2-acc { border: 0; }
  html body .v2-acc summary { padding: 24px 16px; font: 500 14px/24px var(--tk-font); }
  html body .v2-acc summary .v2-acc__ico { width: 24px; height: 24px; margin-right: 8px; }
  html body .v2-acc__body { padding: 0 16px 16px; font-size: 15px; line-height: 1.5; }
  html body .v2-desc { display: block; padding-top: 0; }
  html body .v2-desc__text { font-size: 15px; line-height: 1.5; }
  html body .v2-desc__img { display: none; }
  html body .v2-desc__card { margin-top: 24px; min-height: 172px; padding: 24px; }
  html body .v2-acc + .v2-acc { border-top: 1px solid #ececec; }

  /* ---------- Garanties : encadre gris ---------- */
  html body .tk-commit__strip { flex-direction: column; align-items: flex-start; gap: 16px; margin: 32px 16px 0; padding: 32px; border-radius: 8px; background: #f5f5f5; }
  html body .tk-commit__strip li { gap: 8px; }
  html body .tk-commit__strip svg { width: 32px; height: 32px; }
  html body .tk-commit__strip a { font-size: 16px; line-height: 24px; text-decoration: none; }

  /* ---------- Vous aimerez aussi ---------- */
  html body .tk-sec--rel { padding: 32px 0; }
  html body .tk-wrap--rel { padding-inline: 0; }
  html body .tk-rel__head { padding-inline: 16px; margin-bottom: 24px; }
  html body .tk-rel__title { font: 500 14px/1.2 var(--tk-font); }
  html body .tk-row--rel { padding-inline: 16px; gap: 16px; scroll-padding-left: 16px; }
  html body .tk-row--rel .tk-card { flex: 0 0 272px; width: 272px; min-width: 0; aspect-ratio: 272 / 400; border-radius: 8px; }
  html body .tk-row--rel .tk-card__txt { left: 16px; right: 16px; bottom: 16px; }
  html body .tk-row--rel .tk-card__name { font-size: 14px; line-height: 20px; }
  html body .tk-row--rel .tk-card__price { font-size: 16px; font-weight: 600; }
}

/* ---------- bouton d'achat : icone panier, sans prix (mobile et ordinateur) ---------- */
@media (min-width: 1000px) {
  html body .mbtb-btn--full { display: flex; align-items: center; justify-content: center; gap: 12px; }
  html body .mbtb-btn--full .tk-bag { display: block; width: 22px; height: 22px; flex: none; }
  html body .v2-klarna.tk-three { font-size: 0.875rem; margin: 0 0 0.9rem; }
  html body .v2-klarna.tk-three small { font-size: 0.75rem; color: #555; }
  html body .mbtb-pdp__price { margin-bottom: 0.2rem; }
}

/* ---- retouches apres verification ---- */
@media (max-width: 999px) {
  html body .mbtb-hdr__tool--search, html body .mbtb-hdr__search-txt { text-align: left; justify-content: flex-start; }
  html body .mbtb-hdr__ann-item, html body .mbtb-hdr__ann-item a { font-weight: 400; text-decoration: none; }
  html body .mbtb-hdr__logo img { max-height: 36px; }
  html body .mbtb-pdp__title { font-family: "Outfit", sans-serif !important; font-weight: 500 !important; font-size: 19.2px !important; line-height: 29px !important; }
  html body .v2-klarna.tk-three { margin-bottom: 0 !important; }
  html body .mbtb-pdp__form { margin-top: 0 !important; }
}

/* ---- retouches 2 ---- */
@media (max-width: 999px) {
  html body .mbtb-hdr__tool--search { place-items: start; }
  html body .mbtb-hdr__search-txt { width: 100%; margin: 0; text-align: left !important; justify-self: start; }
  html body .mbtb-pdp__facts { flex-wrap: wrap; row-gap: 12px; }
  html body .tk-fact b { white-space: normal; }
}
html body .tk-dims svg { width: 32px !important; height: 32px !important; padding: 6px !important; border-radius: 50%; background: #f5f5f5; color: #000; box-sizing: border-box; stroke-width: 1.3; }
html body .tk-dims li { align-items: flex-end; }
@media (max-width: 999px) { html body .mbtb-hdr__logo img { max-height: 24px; width: auto; } html body .v2-pillar__ico { color: #000 !important; } }

/* ===== mobile : cloche a cote du burger, coeur a cote du panier ===== */
@media (max-width: 999px) {
  html body .mbtb-hdr__inner { grid-template-columns: 104px 1fr 96px; }
  html body .mbtb-hdr__tools > .tk-notif:not(.tk-fav) { grid-area: burger; justify-self: start; margin-left: 52px; }
  html body .mbtb-hdr__tools > .tk-fav { grid-area: cart; justify-self: end; margin-right: 44px; }
  html body .tk-notif .tk-notif__btn { width: 32px; height: 32px; }
  html body .tk-notif__panel { top: 72px; }
}

/* ===== icones des dimensions : noires ===== */
html body .tk-dims svg { color: #000 !important; stroke: #000 !important; background: #f5f5f5; }
html body .tk-dims svg * { stroke: #000 !important; }

/* ===== prix centre dans sa bande grise (mobile) ===== */
@media (max-width: 999px) {
  html body .mbtb-pdp__price { justify-content: center; text-align: center; }
  html body .mbtb-pdp__price > * { text-align: center; }
  html body .v2-klarna.tk-three { text-align: center; }
  html body .v2-klarna.tk-three small { display: block; }
}

/* ===== barre d'achat fixe : memes mesures que Tikamoon (2 blocs de 48 px, gap 16, rayon 8) ===== */
@media (max-width: 999px) {
  html body .tk-sticky { grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 0; box-shadow: 0 -1px 0 #e6e6e6; }
  html body .tk-sticky__price { height: 48px; min-height: 48px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; font: 500 16px/48px var(--tk-font); }
  html body .tk-sticky__btn { height: 48px; min-height: 48px; border-radius: 8px; background: #000; color: #fff; font: 500 16px/48px var(--tk-font); padding: 0; }
  html body.tk-has-sticky { padding-bottom: 82px; }
}

/* bande grise continue (prix + 3x + options + bouton) et logo plus lisible */
@media (max-width: 999px) {
  html body .mbtb-pdp__info { row-gap: 0 !important; gap: 0 !important; }
  html body .mbtb-pdp__price { margin-bottom: 0 !important; padding-bottom: 8px; }
  html body .v2-klarna.tk-three { margin: 0 !important; }
  html body .mbtb-pdp__form { margin-top: 0 !important; padding-top: 4px; }
  html body .mbtb-hdr__logo img { max-height: 30px; }
}
@media (max-width: 999px) {
  html body .v2-klarna.tk-three { margin-inline: -16px !important; background: #f5f5f5 !important; }
}
@media (max-width: 999px) { html body .mbtb-hdr__logo img { max-height: 30px; } }

/* mobile : ligne de separation sous le bloc d'infos (comme Tikamoon), coeur blanc sur la bande grise */
@media (max-width: 999px) {
  html body .tk-wish { background: #fff; flex-basis: 72px; }
  html body .mbtb-pdp__buy { gap: 7px; }
  html body .mbtb-pdp__buy .mbtb-btn--full { max-width: none; }
  html body .tk-stockrow { margin: 0 0 16px !important; }
  html body .mbtb-pdp__info { border-bottom: 1px solid #e6e6e6; padding-bottom: 32px; margin-bottom: 16px; }
}

/* ---- retouches : boutons de meme hauteur, moins d'espace avant les 4 cartes ---- */
@media (max-width: 999px) {
  html body .mbtb-pdp__buy { align-items: center; }
  html body .tk-wish { height: 64px; flex: 0 0 72px; }
  html body .mbtb-pdp__buy .mbtb-btn--full { height: 64px !important; min-height: 64px !important; }
  html body .mbtb-pdp__info { margin-bottom: 0 !important; padding-bottom: 24px; }
  html body .mbtb-pdp { padding-bottom: 0 !important; }
  html body .mbtb-pdp__grid { margin-bottom: 0 !important; }
  html body .v2-info { padding-top: 8px !important; }
}
@media (max-width: 999px) {
  html body .v2-desc__img.v2-desc__img--cat { display: block; height: 260px; margin-top: 16px; }
  html body .v2-desc__img--cat img { width: 100%; height: 100%; object-fit: cover; }
  html body .v2-desc__card { padding: 24px 32px; }
}

/* ==== mobile : bande grise continue prix / 3x / stock / bouton, prix a gauche ==== */
@media (max-width: 999px) {
  html body .mbtb-pdp__price, html body .v2-klarna.tk-three, html body .tk-stockrow, html body .mbtb-pdp__buy {
    background: #f5f5f5 !important; margin-inline: -16px !important; padding-inline: 16px !important;
  }
  html body .mbtb-pdp__price { text-align: left !important; justify-content: flex-start !important; padding-top: 24px !important; padding-bottom: 0 !important; margin-top: 16px !important; }
  html body .mbtb-pdp__price > * { text-align: left !important; }
  html body .v2-klarna.tk-three { text-align: left !important; border-bottom: 0; padding-bottom: 12px !important; position: relative; }
  html body .v2-klarna.tk-three::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 1px; background: #d9d9d9; }
  html body .tk-stockrow { padding: 16px 16px 8px !important; }
  html body .mbtb-pdp__buy { padding-bottom: 16px !important; }
  html body .mbtb-pdp__info .mbtb-opt { background: #fff; }
  html body .tk-wish { background: #fff; }
}
@media (max-width: 999px) {
  html body .v2-desc__card { min-height: 0 !important; padding: 20px 24px; }
  html body .v2-desc__top { margin-bottom: 16px; }
  html body .v2-desc__ico { width: 44px; height: 44px; }
}

/* specificite renforcee : la bande grise va bord a bord */
@media (max-width: 999px) {
  html body .mbtb-pdp__info .mbtb-pdp__price, html body .mbtb-pdp__info .v2-klarna.tk-three,
  html body .mbtb-pdp__info .tk-stockrow, html body .mbtb-pdp__info .mbtb-pdp__buy {
    margin-left: -16px !important; margin-right: -16px !important; padding-left: 16px !important; padding-right: 16px !important; background: #f5f5f5 !important; box-sizing: content-box;
  }
  html body .mbtb-pdp__info .mbtb-pdp__price { margin-top: 16px !important; padding-top: 24px !important; }
  html body .mbtb-pdp__info .v2-klarna.tk-three { padding-top: 4px !important; padding-bottom: 12px !important; }
  html body .mbtb-pdp__info .tk-stockrow { padding-top: 16px !important; padding-bottom: 8px !important; }
  html body .mbtb-pdp__info .mbtb-pdp__buy { padding-bottom: 16px !important; }
}