#mtft{--ink:#101010;--muted:#696969;--line:#e5e5e5;--soft:#f5f5f5;--paper:#fff;--red:#ed1c24;--red-dark:#c9151b;--teal:#45b8ae;--green:#16825d;--amber:#8d5a00;--radius:18px;--shadow:0 16px 45px rgba(0,0,0,.055)}
#mtft *{box-sizing:border-box}
#mtft a{color:inherit}
#mtft button,#mtft input,#mtft select,#mtft textarea{font:inherit}
#mtft button,#mtft a,#mtft input,#mtft select,#mtft textarea{outline-offset:3px}
#mtft button{cursor:pointer}
#mtft .mtft-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
#mtft .hero{position:relative;isolation:isolate;overflow:hidden;min-height:220px;aspect-ratio:4/1;background:#111;color:#fff;border-radius:0 0 20px 20px;display:flex;align-items:center}
#mtft .hero:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 80% 40%,rgba(237,28,36,.43),transparent 30%),radial-gradient(ellipse at 72% 120%,rgba(255,255,255,.14),transparent 35%),linear-gradient(100deg,#101010 0%,#181818 57%,#080808 100%)}
#mtft .hero:after{content:"";position:absolute;z-index:-1;right:5%;top:-30%;width:42%;height:160%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.025)}
#mtft .hero-copy{padding:34px 0;width:62%;position:relative}
#mtft .eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.17em;color:#ff666b;display:flex;align-items:center;gap:9px}
#mtft .eyebrow:before{content:"";width:23px;height:2px;background:var(--red)}
#mtft .hero .hero-title{margin:10px 0 10px;font-size:clamp(28px,4.4vw,52px);line-height:1.20;letter-spacing:-.055em;text-transform:uppercase;max-width:610px}
#mtft .hero .hero-text{margin:0;max-width:510px;color:#d1d1d1;font-size:clamp(13px,1.35vw,16px)}
#mtft .hero-stamp{position:absolute;right:3%;bottom:18%;font-weight:950;font-size:clamp(50px,9vw,112px);line-height:.8;letter-spacing:-.09em;color:rgba(255,255,255,.06);transform:rotate(-8deg);user-select:none}
#mtft .hero-badge{position:absolute;right:6%;top:23%;border:1px solid rgba(255,255,255,.24);padding:10px 13px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eee;transform:rotate(7deg)}
#mtft .main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;margin-top:32px;margin-bottom:54px}
#mtft .main-column{min-width:0}
#mtft .side-column{display:grid;gap:18px}
#mtft .section-intro{margin:0 0 17px}
#mtft .section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:900;margin-bottom:7px}
#mtft .section-intro h1,#mtft .section-intro h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;line-height:1.05;margin:0 0 8px}
#mtft .section-intro p{font-size:14px;color:var(--muted);margin:0;max-width:620px}
#mtft .search-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px}
#mtft .form-label{display:block;font-size:12px;font-weight:800;margin:0 0 7px}
#mtft .search-row{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:10px;align-items:end}
#mtft .field{min-width:0}
#mtft .control{width:100%;border:1px solid #d7d7d7;border-radius:10px;background:#fff;color:#151515;padding:13px 13px;min-height:48px;transition:border-color .15s,box-shadow .15s}
#mtft .control:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.07);outline:0}
#mtft .control::placeholder{color:#999}
#mtft .primary-btn{min-height:48px;border:0;border-radius:10px;background:var(--red);color:#fff;padding:0 20px;font-size:13px;font-weight:900;white-space:nowrap;transition:background .18s,transform .18s}
#mtft .primary-btn:hover{background:var(--red-dark);transform:translateY(-1px)}
#mtft .primary-btn.is-loading{pointer-events:none;opacity:.9}
#mtft .primary-btn.is-loading span{display:none}
#mtft .primary-btn.is-loading::after{content:'';display:inline-block;width:15px;height:15px;margin-left:8px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;vertical-align:-3px;animation:mtft-spin .7s linear infinite}
@keyframes mtft-spin{to{transform:rotate(360deg)}}
#mtft .secondary-field{display:none;margin-top:14px;max-width:420px}
#mtft .secondary-field.is-visible{display:block}
#mtft .field-help{font-size:12px;color:#777;margin:7px 0 0}
#mtft .security-note{margin-top:17px;padding:12px 13px;border-radius:10px;background:#f8f8f8;color:#555;font-size:12px;display:flex;gap:9px;align-items:flex-start}
#mtft .security-note svg{flex:0 0 17px;margin-top:1px}
#mtft .test-hint{font-size:11px;color:#767676;margin:11px 0 0}
#mtft .notice{display:none;margin-top:15px;padding:12px 14px;border-radius:10px;font-size:13px}
#mtft .notice.show{display:block}
#mtft .notice.error{background:#fff1f1;border:1px solid #f5cbcb;color:#9b1c1c}
#mtft .notice.info{background:#f1f7ff;border:1px solid #d4e5ff;color:#234e7b}
#mtft .notice.success{background:#eef9f2;border:1px solid #c6e9d1;color:#17633c}
#mtft .results{display:grid;gap:16px;margin-top:22px}
#mtft .order-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
#mtft .order-top{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #eee}
#mtft .order-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#777;font-weight:850}
#mtft .order-top h3{font-size:20px;letter-spacing:-.04em;margin:3px 0}
#mtft .order-meta{font-size:12px;color:#777}
#mtft .status-pill{border-radius:999px;background:#fff3e0;color:#825000;padding:7px 10px;font-size:11px;font-weight:850;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
#mtft .status-dot{width:6px;height:6px;border-radius:50%;background:#d28a05}
#mtft .order-body{padding:23px}
#mtft .progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}
#mtft .progress-head strong{font-size:14px}
#mtft .progress-head span{font-size:11px;color:#777}
#mtft .timeline{position:relative;display:grid;gap:0;margin:0 0 20px 5px}
#mtft .timeline:before{content:"";position:absolute;left:12px;top:14px;bottom:22px;width:2px;background:#e2e2e2}
#mtft .timeline-item{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:13px;padding-bottom:23px}
#mtft .timeline-item:last-child{padding-bottom:0}
#mtft .timeline-icon{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #dcdcdc;color:#999}
#mtft .timeline-item.done .timeline-icon{background:var(--teal);border-color:var(--teal);color:#fff}
#mtft .timeline-item.current .timeline-icon{border:2px solid var(--red);color:var(--red);box-shadow:0 0 0 4px rgba(237,28,36,.09)}
#mtft .timeline-title{font-size:13px;font-weight:850;margin:1px 0 2px}
#mtft .timeline-date{font-size:11px;color:#777}
#mtft .timeline-copy{font-size:12px;color:#666;margin:5px 0 0;max-width:570px}
#mtft .timeline-item.pending .timeline-title{color:#777;font-weight:700}
#mtft .details-toggle{margin-top:17px;border-top:1px solid #eee;padding-top:15px}
#mtft .details-toggle summary{font-size:12px;font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center}
#mtft .details-toggle summary::-webkit-details-marker{display:none}
#mtft .details-toggle summary:after{content:"+";font-size:20px;font-weight:400;color:#777}
#mtft .details-toggle[open] summary:after{content:"−"}
#mtft .product-lines{display:grid;gap:10px;margin-top:15px}
#mtft .product-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8f8f8;border-radius:10px}
#mtft .product-line strong{font-size:12px;display:block}
#mtft .product-line small{font-size:11px;color:#777}
#mtft .product-ref{font-size:11px;color:#777;text-align:right}
#mtft .order-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#mtft .outline-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7d7d7;border-radius:9px;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:850;background:#fff}
#mtft .outline-btn:hover{border-color:#999;background:#fafafa}
#mtft .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
#mtft .side-card-inner{padding:19px}
#mtft .side-card h3{font-size:17px;line-height:1.1;letter-spacing:-.03em;margin:0 0 7px}
#mtft .side-card p{font-size:12px;color:#6a6a6a;margin:0 0 14px}
#mtft .side-card a.side-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;text-decoration:none}
#mtft .side-card a.side-link:hover{text-decoration:underline;text-underline-offset:3px}
#mtft .mini-promo{height:118px;background:#161616;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:15px}
#mtft .mini-promo:before{content:"";position:absolute;top:-47px;right:-6px;width:142px;height:142px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 19px rgba(255,255,255,.035),0 0 0 38px rgba(255,255,255,.035)}
#mtft .mini-promo.red:before{border-color:rgba(237,28,36,.65);box-shadow:0 0 0 19px rgba(237,28,36,.08),0 0 0 38px rgba(237,28,36,.05)}
#mtft .mini-promo .promo-code{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bcbcbc;position:relative}
#mtft .mini-promo strong{display:block;font-size:21px;line-height:1;text-transform:uppercase;letter-spacing:-.05em;margin-top:5px;position:relative;max-width:175px}
#mtft .promo-arrow{position:absolute;right:14px;bottom:15px;font-size:21px;color:#fff}
#mtft .side-card .side-card-inner.promo-copy{padding-top:14px;padding-bottom:16px}
#mtft .promo-copy p{margin-bottom:10px}
#mtft .help-links{display:grid;gap:0}
#mtft .help-links a{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #eee;font-size:12px;text-decoration:none;font-weight:750}
#mtft .help-links a:first-child{border-top:0}
#mtft .help-links a span{color:#999;font-size:16px}
#mtft .info-card{padding:18px;background:#f0f0f0;border-radius:var(--radius)}
#mtft .info-card h3{margin:0 0 6px;font-size:14px}
#mtft .info-card p{margin:0;color:#666;font-size:12px}
#mtft .lower-section{margin-top:28px}
#mtft .lower-title{font-size:20px;letter-spacing:-.04em;margin:0 0 13px}
#mtft .faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:7px 20px}
#mtft .faq details{border-bottom:1px solid #eee;padding:14px 0}
#mtft .faq details:last-child{border-bottom:0}
#mtft .faq summary{font-size:13px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
#mtft .faq summary::-webkit-details-marker{display:none}
#mtft .faq summary:after{content:"+";font-size:18px;font-weight:400;color:#777}
#mtft .faq details[open] summary:after{content:"−"}
#mtft .faq p{font-size:12px;color:#666;margin:9px 0 0;max-width:780px}
#mtft .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:28px}
#mtft .contact-copy{padding:19px 0}
#mtft .contact-copy h2{font-size:24px;letter-spacing:-.05em;margin:0 0 8px}
#mtft .contact-copy p{font-size:13px;color:#666;margin:0 0 14px}
#mtft .contact-copy .service-hours{font-size:12px;font-weight:800;color:#333}
#mtft .contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;gap:13px}
#mtft .contact-form label{display:block;font-size:12px;font-weight:800;margin:0 0 6px}
#mtft .contact-form textarea{min-height:95px;resize:vertical}
#mtft .contact-form .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mtft .privacy-copy{font-size:10px;color:#888;margin:0}
@media(max-width:950px){#mtft .main-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}
#mtft .search-row{grid-template-columns:190px minmax(0,1fr)}
#mtft .search-row .primary-btn{grid-column:1/-1;width:100%}
#mtft .hero{min-height:205px}
#mtft .hero-copy{width:72%}
#mtft .hero-badge{right:4%;top:12%}}
@media(max-width:720px){#mtft .mtft-wrap{width:min(100% - 28px,560px)}
#mtft .hero{aspect-ratio:auto;min-height:260px;border-radius:0 0 16px 16px}
#mtft .hero-copy{padding:32px 0;width:88%}
#mtft .hero .hero-title{font-size:clamp(33px,10vw,47px);max-width:440px}
#mtft .hero .hero-text{max-width:380px}
#mtft .hero-stamp{right:2%;bottom:9%;font-size:68px}
#mtft .hero-badge{display:none}
#mtft .main-grid{grid-template-columns:1fr;margin-top:26px;gap:23px}
#mtft .side-column{grid-template-columns:1fr 1fr;align-items:start}
#mtft .side-column .info-card{grid-column:1/-1}
#mtft .search-card{padding:18px}
#mtft .search-row{grid-template-columns:1fr;gap:12px}
#mtft .search-row .primary-btn{grid-column:auto}
#mtft .order-top{padding:17px;display:block}
#mtft .order-top .status-pill{margin-top:11px}
#mtft .order-top{position:relative;padding-right:62px}
#mtft .order-top .order-chevron{position:absolute;top:14px;right:14px;margin:0}
#mtft .order-body{padding:17px}
#mtft .progress-head{align-items:flex-start;flex-direction:column;gap:3px}
#mtft .contact-grid{grid-template-columns:1fr;gap:9px}
#mtft .contact-copy{padding:8px 0}
#mtft .secondary-field{max-width:none}}
@media(max-width:430px){#mtft .side-column{grid-template-columns:1fr}
#mtft .side-column .info-card{grid-column:auto}
#mtft .mini-promo{height:100px}
#mtft .side-card h3{font-size:16px}
#mtft .contact-form .form-pair{grid-template-columns:1fr}
#mtft .product-line{align-items:flex-start;flex-direction:column}
#mtft .product-ref{text-align:left}
#mtft .order-actions a{flex:1}
#mtft .hero{min-height:278px}}
@media(prefers-reduced-motion:reduce){#mtft *,#mtft *:before,#mtft *:after{transition:none!important;animation:none!important}}

#mtft{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.5;background:#f7f7f7}
#mtft [hidden]{display:none!important}
#mtft h1,#mtft h2,#mtft h3,#mtft h4{font-family:inherit;text-transform:none;color:var(--ink)}
#mtft .hero .hero-title{margin:10px 0 10px;font-size:clamp(28px,4.4vw,52px);line-height:1.20;letter-spacing:-.055em;text-transform:uppercase;max-width:610px;font-weight:900;color:#fff}
#mtft .hero .hero-text{margin:0;max-width:510px;color:#d1d1d1;font-size:clamp(13px,1.35vw,16px)}
#mtft .section-intro h1{font-size:clamp(23px,3vw,27px);letter-spacing:-.045em;line-height:1.05;margin:0 0 8px}
#mtft .code-row{grid-template-columns:minmax(0,220px) auto auto}
#mtft #code-form{margin-top:16px}
#mtft .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#mtft .faq a{text-decoration:underline}
#mtft .timeline-item.canceled .timeline-icon{background:#c9151b;border-color:#c9151b;color:#fff}
#mtft .timeline-item.pending .timeline-date{font-style:italic}
#mtft .carrier-line{font-size:12px;color:#555;margin-top:12px}
@media(max-width:720px){#mtft .code-row{grid-template-columns:1fr}}

/* ==========================================================================
   PLEINE LARGEUR (comme la maquette) - uniquement sur la page de suivi.
   Le theme enferme le contenu dans #columns.container > .row > .contenumyteam
   > #center_column (largeur fixe + carte blanche). On neutralise ces
   conteneurs : le hero passe en pleine largeur, le contenu reste centre
   a 1160px via .mtft-wrap. body.module-mtftracking-tracking est ajoute par tracking.tpl.
   ========================================================================== */
body.module-mtftracking-tracking{background:#f7f7f7}
.module-mtftracking-tracking .columns-container{background:#f7f7f7}
.module-mtftracking-tracking #columns,
.module-mtftracking-tracking #columns>.row,
.module-mtftracking-tracking #columns .contenumyteam,
.module-mtftracking-tracking #center_column{
  width:100%!important;max-width:none!important;
  float:none!important;margin:0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
}
/* pas de fil d'Ariane (icone maison) : le hero colle directement sous le header, comme la page d'accueil */
.module-mtftracking-tracking .breadcrumb,
.module-mtftracking-tracking #columns>.breadcrumb,
.module-mtftracking-tracking .breadcrumb-container{display:none!important}
.module-mtftracking-tracking .columns-container{padding:0!important;margin:0!important}
.module-mtftracking-tracking #columns{padding-top:0!important;margin-top:0!important}
.module-mtftracking-tracking #center_column{padding-top:0!important;margin-top:0!important}
/* le hero occupe toute la largeur de l'ecran, le texte reste aligne sur .mtft-wrap */
#mtft{width:100%;overflow-x:clip}
#mtft .hero{width:100%}

/* Fleche (chevron) des cartes de commande : bien visible */
#mtft .order-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  margin-left:12px;
  align-self:center;
  border-radius:50%;
  background:#f1f1f1;
  color:#111;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}
#mtft .order-top:hover .order-chevron{background:#e3e3e3}

/* ==========================================================================
   COULEURS DES STATUTS
   ========================================================================== */
:root{
  --status-brand-red:#ED1C24;
  --status-pending-bg:#FEF3C7;--status-pending-text:#92400E;
  --status-payment-accepted-bg:#D1FAE5;--status-payment-accepted-text:#065F46;
  --status-payment-error-bg:#FEE2E2;--status-payment-error-text:#991B1B;
  --status-personalization-bg:#EDE9FE;--status-personalization-text:#5B21B6;
  --status-preparation-bg:#DBEAFE;--status-preparation-text:#1D4ED8;
  --status-shipped-bg:#CFFAFE;--status-shipped-text:#155E75;
  --status-delivered-bg:#DCFCE7;--status-delivered-text:#166534;
  --status-cancelled-bg:#F3F4F6;--status-cancelled-text:#374151;
  --status-refunded-bg:#FFEDD5;--status-refunded-text:#9A3412;
}
#mtft .status-pill .status-ico{display:inline-flex;width:15px;height:15px;flex:0 0 15px}
#mtft .status-pill .status-ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mtft .status-pill.st-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}
#mtft .status-pill.st-paid{background:var(--status-payment-accepted-bg);color:var(--status-payment-accepted-text)}
#mtft .status-pill.st-error{background:var(--status-payment-error-bg);color:var(--status-payment-error-text)}
#mtft .status-pill.st-printing{background:var(--status-personalization-bg);color:var(--status-personalization-text)}
#mtft .status-pill.st-preparing{background:var(--status-preparation-bg);color:var(--status-preparation-text)}
#mtft .status-pill.st-shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text)}
#mtft .status-pill.st-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text)}
#mtft .status-pill.st-canceled,#mtft .status-pill.st-other{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}
#mtft .status-pill.st-refunded{background:var(--status-refunded-bg);color:var(--status-refunded-text)}

/* ==========================================================================
   HEADER MYTEAMFOOT (remplace le header du theme sur la page de suivi)
   ========================================================================== */
.module-mtftracking-tracking #header,
.module-mtftracking-tracking .header-container{display:none!important}
body.module-mtftracking-tracking,.module-mtftracking-tracking #page{padding-top:0!important;margin-top:0!important}
#mtft .mtft-header{background:#fff;border-bottom:1px solid #ececec;position:relative;z-index:5}
#mtft .mtft-header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:77px;gap:20px}
#mtft .mtft-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#111;justify-self:start}
#mtft .mtft-logo-mark{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#000 url(../img/mtf-logo.png) center/cover no-repeat;display:inline-block}
#mtft .mtft-logo-text{font-size:24px;font-weight:900;letter-spacing:-.045em;line-height:1;color:#111}
#mtft .mtft-logo-text span{color:var(--red)}
#mtft .mtft-nav{display:flex;align-items:center;gap:26px}
#mtft .mtft-nav a{font-size:13px;font-weight:700;color:#222;text-decoration:none;white-space:nowrap}
#mtft .mtft-nav a:hover{color:var(--red)}
#mtft .mtft-help-btn{justify-self:end;background:#111;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;padding:0 18px;height:40px;display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap;transition:background .18s}
#mtft .mtft-help-btn:hover{background:var(--red)}
@media(max-width:820px){
  #mtft .mtft-header-in{grid-template-columns:1fr auto;height:64px}
  #mtft .mtft-nav{display:none}
  #mtft .mtft-logo-text{font-size:20px}
}

/* Promotions : vignette carree a gauche, texte a droite */
#mtft .mini-promo.has-thumb{height:auto;min-height:118px;align-items:center;gap:14px;padding:17px 15px}
#mtft .mini-promo .promo-thumb{position:relative;flex:0 0 84px;width:84px;height:84px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.22)}
#mtft .mini-promo .promo-text{position:relative;min-width:0;flex:1 1 auto}
#mtft .mini-promo.has-thumb .promo-text strong{font-size:19px;max-width:none;padding-right:26px}

/* ==========================================================================
   ROBUSTESSE : meme rendu connecte / deconnecte (et quel que soit ce que le theme ajoute autour)
   ========================================================================== */
body.module-mtftracking-tracking{overflow-x:hidden}
.module-mtftracking-tracking #page,
.module-mtftracking-tracking .columns-container,
.module-mtftracking-tracking #columns,
.module-mtftracking-tracking #columns>.row,
.module-mtftracking-tracking #center_column{overflow:visible!important}
#mtft{position:relative;z-index:3;background:#f7f7f7}
/* header : flex + menu centre en absolu => un element parasite ne decale plus rien */
#mtft .mtft-header-in{display:flex;justify-content:space-between;align-items:center;position:relative;height:77px}
#mtft .mtft-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#mtft .mtft-header-in>*:not(.mtft-logo):not(.mtft-nav):not(.mtft-help-btn){display:none!important}
@media(max-width:820px){#mtft .mtft-header-in{height:64px}}

/* Le header de la page ne doit subir aucune regle / aucun script du theme (balises header/nav ne sont plus utilisees) */
#mtft .mtft-header{position:relative!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;height:auto!important}
#mtft .mtft-header-in{margin-left:auto!important;margin-right:auto!important;left:0!important;transform:none!important}
#mtft .hero{margin-top:0!important}

/* Colonnes laterales du theme : invisibles ici mais flottantes (25 % de large) => elles decalent le header et poussent le hero vers le bas (visible surtout connecte) */
.module-mtftracking-tracking #left_column,
.module-mtftracking-tracking #right_column{display:none!important}
.module-mtftracking-tracking #columns .contenumyteam>*:not(#center_column){display:none!important}
#mtft{clear:both}


/* ---- Footer du theme masque sur la page de suivi ----
   On ne fait PAS display:none : cela supprimerait aussi les elements "sticky" (position:fixed)
   rendus dans le footer. Le footer est ecrase a 0 de hauteur ; le contenu normal est rogne,
   mais un element position:fixed (barre collante, bouton flottant...) reste visible. */
.module-mtftracking-tracking .footer-container,
.module-mtftracking-tracking #footer,
.module-mtftracking-tracking footer{
  height:0!important;min-height:0!important;max-height:0!important;
  padding:0!important;margin:0!important;border:0!important;
  overflow:hidden!important;background:transparent!important;
}

/* ---- Panneau de recherche responsive du theme (div.search-bottom > .resp-search) ----
   Rendu en bas de #page : logo geant "MY TEAM FOOT" + liens collections Nike + "Retour".
   Le header du theme est deja masque sur cette page, ce panneau n'a donc aucune utilite.
   Les boutons flottants (position:fixed) ne sont PAS dans ce bloc : ils restent visibles. */
.module-mtftracking-tracking .search-bottom,
.module-mtftracking-tracking .resp-search{display:none!important}

/* ---- Logo geant "MY TEAM FOOT" du bas de page (div.foot_img > img.foot_logo) ----
   On ne touche PAS a #body-footer (fleche "retour en haut") ni a #mtf-devis-sticky (bouton Devis Express). */
.module-mtftracking-tracking .foot_img{display:none!important}

/* Barre de defilement toujours reservee : evite que la largeur de la page change d'un coup
   quand la scrollbar apparait pendant le chargement (effet "la page retrecit puis revient"). */
body.module-mtftracking-tracking{overflow-y:scroll}


/* ==========================================================================
   FIX : espace gris parasite au-dessus du header (visible sur myteam-sports.fr,
   absent sur equipetonclub). Le header doit commencer tout en haut de la page,
   comme sur equipetonclub. Un filet de securite (script en haut de tracking.tpl)
   rattrape aussi tout decalage ajoute par le theme du site.
   ========================================================================== */
body.module-mtftracking-tracking{margin:0!important;padding-top:0!important;border-top:0!important}
.module-mtftracking-tracking #page{margin:0!important;padding:0!important;border:0!important;min-height:0!important}
.module-mtftracking-tracking .columns-container,
.module-mtftracking-tracking #columns,
.module-mtftracking-tracking #columns>.row,
.module-mtftracking-tracking #center_column{margin-top:0!important;padding-top:0!important;border-top:0!important}