/* PARTFIT HOME HERO V3 */
.pf-home-v3,
.pf-home-v3 *{box-sizing:border-box}
.pf-home-v3{background:#f4f6f8;color:#0b1b2a;overflow:hidden;border-bottom:1px solid #e3e8ee}
.pfh3-shell{width:min(1480px,100%);margin:0 auto;padding:36px 32px 20px}
.pfh3-main{display:grid;grid-template-columns:minmax(285px,.9fr) minmax(330px,1fr) minmax(430px,1.15fr);gap:26px;align-items:center}
.pfh3-copy,.pfh3-visual,.pfh3-card{min-width:0}
.pfh3-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:#334155;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pfh3-eyebrow::before{content:"";width:40px;height:3px;background:#e31d2b;border-radius:4px;flex:0 0 auto}
.pfh3-title{margin:0;color:#071a2a;font-family:"Barlow Condensed",sans-serif;font-size:clamp(58px,5.5vw,84px);font-weight:900;letter-spacing:-.035em;line-height:.91}
.pfh3-title span{display:block;color:#e31d2b}
.pfh3-lead{max-width:430px;margin:23px 0 22px;color:#475569;font-size:17px;line-height:1.42}
.pfh3-benefits{display:grid;gap:13px}
.pfh3-benefit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center}
.pfh3-benefit-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;color:#e31d2b}
.pfh3-benefit-icon svg{width:27px;height:27px;stroke-width:1.8}
.pfh3-benefit strong{display:block;font-size:14px;line-height:1.15}
.pfh3-benefit small{display:block;margin-top:3px;color:#64748b;font-size:11px;line-height:1.25}
.pfh3-visual{position:relative;min-height:475px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.pfh3-product{position:absolute;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 18px rgba(15,23,42,.16))}
.pfh3-brake{left:-2%;bottom:2%;width:76%;z-index:2}
.pfh3-suspension{right:-3%;top:0;width:67%;z-index:1}
.pfh3-visual-note{position:absolute;right:2%;top:5%;z-index:3;width:105px;padding-top:10px;border-top:3px solid #e31d2b;color:#334155;font-size:10px;font-weight:900;letter-spacing:.13em;line-height:1.25;text-transform:uppercase}
.pfh3-card{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(15,23,42,.10)}
.pfh3-card-head{margin-bottom:17px}
.pfh3-card-title{margin:0;color:#071a2a;font-family:"Barlow Condensed",sans-serif;font-size:34px;font-weight:900;letter-spacing:-.02em;line-height:1}
.pfh3-card-title span{color:#e31d2b}
.pfh3-card-sub{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.4}
.pf-home-v3 .search-tabs.pfh3-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 17px;padding:0;background:transparent;border-radius:0}
.pf-home-v3 .search-tab.pfh3-mode{min-height:82px;padding:13px;border:1px solid #dfe5ec;border-radius:12px;background:#f8fafc;color:#172033;box-shadow:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;text-align:left;align-items:center;justify-content:stretch;font-family:inherit;cursor:pointer}
.pf-home-v3 .search-tab.pfh3-mode.active{border:2px solid #ef3340;background:#fff;color:#172033;padding:12px}
.pfh3-mode-icon{display:flex;color:#0b1b2a}
.pfh3-mode.active .pfh3-mode-icon{color:#e31d2b}
.pfh3-mode-icon svg{width:29px;height:29px;stroke-width:1.8}
.pfh3-mode-copy strong{display:block;font-size:13px;line-height:1.12}
.pfh3-mode-copy small{display:block;margin-top:4px;color:#64748b;font-size:10px;line-height:1.25}
.pf-home-v3 .search-panel{display:none}
.pf-home-v3 .search-panel.active{display:block}
.pfh3-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pfh3-field label{display:block;margin:0 0 6px;color:#334155;font-size:11px;font-weight:800}
.pfh3-field select,.pfh3-oem-input,.pfh3-vin-input{width:100%;height:44px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;color:#172033;padding:0 12px;font:inherit;font-size:12px;outline:none}
.pfh3-field select:focus,.pfh3-oem-input:focus,.pfh3-vin-input:focus{border-color:#e31d2b;box-shadow:0 0 0 3px rgba(227,29,43,.10)}
.pfh3-primary{width:100%;min-height:47px;margin-top:10px;border:0;border-radius:9px;background:#e31d2b;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:12px;font-weight:900;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,transform .18s ease}
.pfh3-primary:hover{background:#c91624;transform:translateY(-1px)}
.pfh3-primary svg{width:18px;height:18px}
.pfh3-vin-inline{margin-top:16px;padding-top:15px;border-top:1px solid #dfe5ec}
.pfh3-vin-label{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#334155;font-size:12px;font-weight:800}
.pfh3-vin-label::before,.pfh3-vin-label::after{content:"";height:1px;background:#dfe5ec;flex:1}
.pfh3-vin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pfh3-vin-input{font-family:monospace;letter-spacing:.06em;text-transform:uppercase}
.pf-home-v3 .vin-btn{min-width:94px;height:44px;border:0;border-radius:9px;background:#0b1b2a;color:#fff;padding:0 15px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.pfh3-vin-help{margin:7px 0 0;color:#64748b;font-size:10px;line-height:1.35}
.pfh3-verified{display:flex;align-items:center;gap:8px;margin-top:11px;padding:9px 11px;border-radius:8px;background:#edf9f1;color:#137a3a;font-size:11px;font-weight:800}
.pfh3-verified svg{width:17px;height:17px;flex:0 0 auto}
.pfh3-oem{padding:4px 0 1px}
.pfh3-oem label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:800}
.pfh3-oem-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pfh3-oem-row .pfh3-primary{width:auto;min-width:125px;margin:0}
.pfh3-oem-help{margin:9px 0 0;color:#64748b;font-size:11px;line-height:1.4}
.pfh3-shortcuts{display:flex;align-items:center;gap:8px;margin-top:20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.pfh3-shortcuts::-webkit-scrollbar{display:none}
.pfh3-shortcut{display:flex;align-items:center;justify-content:center;gap:7px;min-width:124px;height:39px;padding:0 14px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;color:#172033;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.pfh3-shortcut:hover{border-color:#e31d2b;color:#e31d2b}
.pfh3-shortcut svg{width:18px;height:18px}
.pf-home-v3 + #pf-home-stats{position:relative!important;z-index:4!important;width:min(1416px,calc(100% - 64px))!important;max-width:none!important;margin:-1px auto 0!important;padding:20px 25px!important;border:1px solid #e3e8ee!important;border-top:0!important;border-radius:0 0 18px 18px!important;background:#fff!important;color:#0b1b2a!important;box-shadow:0 14px 35px rgba(15,23,42,.07)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;transform:none!important}
.pf-home-v3 + #pf-home-stats .stat{min-width:0;padding:0 18px!important;border:0!important;text-align:center!important}
.pf-home-v3 + #pf-home-stats .stat + .stat{border-left:1px solid #e3e8ee!important}
.pf-home-v3 + #pf-home-stats .stat-num{color:#e31d2b!important;font-family:"Barlow Condensed",sans-serif!important;font-size:34px!important;font-weight:900!important;line-height:1!important}
.pf-home-v3 + #pf-home-stats .stat-label{margin-top:5px;color:#475569!important;font-size:10px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important}
@media(max-width:1180px){
  .pfh3-shell{padding:28px 22px 18px}
  .pfh3-main{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);grid-template-areas:"copy card" "visual card";gap:17px 24px;align-items:start}
  .pfh3-copy{grid-area:copy}.pfh3-visual{grid-area:visual;min-height:290px}.pfh3-card{grid-area:card;align-self:center}
  .pfh3-title{font-size:60px}.pfh3-lead{margin:15px 0;font-size:15px}.pfh3-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .pfh3-benefit{display:block;text-align:center}.pfh3-benefit-icon{margin:0 auto 5px}.pfh3-benefit small{font-size:9px}
  .pfh3-brake{left:5%;width:66%}.pfh3-suspension{right:2%;width:57%}.pfh3-visual-note{display:none}
  .pfh3-card-title{font-size:31px}
  .pf-home-v3 + #pf-home-stats{width:calc(100% - 44px)!important}
}
@media(max-width:820px){
  .pfh3-shell{padding:22px 16px 16px}.pfh3-main{display:flex;flex-direction:column;gap:19px}.pfh3-copy,.pfh3-visual,.pfh3-card{width:100%}
  .pfh3-copy{order:1}.pfh3-visual{order:2;min-height:350px}.pfh3-card{order:3;padding:20px}
  .pfh3-eyebrow{font-size:10px;margin-bottom:13px}.pfh3-title{font-size:clamp(48px,15vw,68px);max-width:560px}.pfh3-lead{max-width:560px;font-size:15px}
  .pfh3-benefits{max-width:560px}.pfh3-brake{left:7%;bottom:0;width:65%}.pfh3-suspension{right:4%;top:0;width:58%}
  .pf-home-v3 + #pf-home-stats{width:calc(100% - 32px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;border-radius:14px!important}
  .pf-home-v3 + #pf-home-stats .stat{padding:17px 9px!important;border:0!important}
  .pf-home-v3 + #pf-home-stats .stat:nth-child(even){border-left:1px solid #e3e8ee!important}
  .pf-home-v3 + #pf-home-stats .stat:nth-child(n+3){border-top:1px solid #e3e8ee!important}
  .pf-home-v3 + #pf-home-stats .stat-num{font-size:29px!important}
}
@media(max-width:520px){
  .pfh3-shell{padding:18px 14px 14px}.pfh3-title{font-size:52px}.pfh3-lead{font-size:15px;margin:14px 0 18px}
  .pfh3-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.pfh3-benefit strong{font-size:11px}.pfh3-benefit small{display:none}
  .pfh3-visual{min-height:290px}.pfh3-brake{left:2%;width:69%}.pfh3-suspension{right:-2%;width:64%}
  .pfh3-card{padding:17px 14px;border-radius:15px}.pfh3-card-title{font-size:29px}.pfh3-card-sub{font-size:12px}
  .pf-home-v3 .search-tab.pfh3-mode{min-height:67px;padding:10px;grid-template-columns:25px minmax(0,1fr);gap:7px}.pf-home-v3 .search-tab.pfh3-mode.active{padding:9px}
  .pfh3-mode-icon svg{width:24px;height:24px}.pfh3-mode-copy strong{font-size:11px}.pfh3-mode-copy small{display:none}
  .pfh3-fields{grid-template-columns:1fr 1fr}.pfh3-field:first-child{grid-column:1/-1}
  .pfh3-field select,.pfh3-oem-input,.pfh3-vin-input{font-size:12px}.pfh3-vin-row,.pfh3-oem-row{grid-template-columns:1fr}
  .pf-home-v3 .vin-btn,.pfh3-oem-row .pfh3-primary{width:100%;min-width:0}.pfh3-shortcuts{margin-top:15px}
  .pf-home-v3 + #pf-home-stats{margin-top:12px!important}.pf-home-v3 + #pf-home-stats .stat-num{font-size:26px!important}.pf-home-v3 + #pf-home-stats .stat-label{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.pf-home-v3 *{scroll-behavior:auto!important;transition:none!important}}

/* PARTFIT HOME HERO V3.1 QA FIX */
.pfh3-assembly{
  left:50%;
  top:50%;
  width:112%;
  height:auto;
  max-width:none;
  transform:translate(-50%,-50%);
  mix-blend-mode:normal;
  z-index:2;
}

@media(max-width:1180px){
  .pfh3-assembly{
    width:96%;
    max-height:330px;
  }
}

@media(max-width:820px){
  .pfh3-assembly{
    width:min(88%,520px);
    max-height:340px;
  }
}

@media(max-width:520px){
  .pfh3-main{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "mobilehero"
      "card";
    gap:14px;
  }

  .pfh3-copy{
    grid-area:mobilehero;
    position:relative;
    z-index:2;
    min-height:230px;
    padding:0 0 66px;
  }

  .pfh3-visual{
    grid-area:mobilehero;
    position:relative;
    z-index:1;
    width:100%;
    height:230px;
    min-height:230px;
    pointer-events:none;
  }

  .pfh3-card{
    grid-area:card;
    position:relative;
    z-index:3;
  }

  .pfh3-eyebrow{
    width:62%;
    margin-bottom:12px;
    gap:8px;
    font-size:8px;
    line-height:1.35;
  }

  .pfh3-eyebrow::before{
    width:28px;
  }

  .pfh3-title{
    width:61%;
    max-width:none;
    font-size:43px;
    line-height:.90;
  }

  .pfh3-lead{
    width:57%;
    max-width:none;
    margin:13px 0 0;
    font-size:12px;
    line-height:1.35;
  }

  .pfh3-benefits{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }

  .pfh3-benefit-icon{
    width:27px;
    height:27px;
    margin:0 auto 4px;
  }

  .pfh3-benefit-icon svg{
    width:23px;
    height:23px;
  }

  .pfh3-benefit strong{
    font-size:9px;
    line-height:1.15;
  }

  .pfh3-assembly{
    left:auto;
    right:-14%;
    top:0;
    width:76%;
    height:auto;
    max-height:260px;
    transform:none;
    object-fit:contain;
  }

  .pfh3-visual-note{
    display:block;
    right:0;
    top:4px;
    width:72px;
    padding-top:6px;
    border-top-width:2px;
    font-size:7px;
    line-height:1.2;
  }
}

@media(max-width:380px){
  .pfh3-title{
    font-size:40px;
  }

  .pfh3-copy,
  .pfh3-visual{
    min-height:224px;
    height:224px;
  }

  .pfh3-assembly{
    right:-16%;
    width:78%;
    max-height:248px;
  }
}

/* PARTFIT HOME HERO V3.2 TRANSPARENT ASSET FIX */
.pfh3-assembly{
  background:transparent!important;
}

/* PARTFIT HOME HERO V3.3 DESKTOP LAPTOP */

/* Desktop: text | large product | search card */
@media (min-width:1181px){
  .pfh3-shell{
    width:min(1480px,100%);
    padding:34px 32px 18px;
  }

  .pfh3-main{
    display:grid;
    grid-template-columns:
      minmax(0,.90fr)
      minmax(0,1.02fr)
      minmax(430px,1.18fr);
    grid-template-areas:"copy visual card";
    gap:22px;
    align-items:center;
  }

  .pfh3-copy{
    grid-area:copy;
  }

  .pfh3-visual{
    grid-area:visual;
    min-height:500px;
  }

  .pfh3-card{
    grid-area:card;
    align-self:center;
  }

  .pfh3-assembly{
    width:126%;
    max-height:525px;
  }

  .pfh3-visual-note{
    display:block;
    right:-1%;
    top:5%;
  }
}

/* Laptop: keep the same three-column composition. */
@media (min-width:901px) and (max-width:1180px){
  .pfh3-shell{
    width:100%;
    padding:24px 20px 16px;
  }

  .pfh3-main{
    display:grid;
    grid-template-columns:
      minmax(0,.94fr)
      minmax(0,.88fr)
      minmax(360px,1.28fr);
    grid-template-areas:"copy visual card";
    gap:14px;
    align-items:center;
  }

  .pfh3-copy{
    grid-area:copy;
  }

  .pfh3-visual{
    grid-area:visual;
    min-height:390px;
  }

  .pfh3-card{
    grid-area:card;
    align-self:center;
    padding:20px;
  }

  .pfh3-title{
    max-width:none;
    font-size:clamp(48px,5.4vw,64px);
    line-height:.91;
  }

  .pfh3-lead{
    margin:15px 0;
    font-size:14px;
  }

  .pfh3-benefits{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }

  .pfh3-benefit{
    display:block;
    text-align:center;
  }

  .pfh3-benefit-icon{
    margin:0 auto 5px;
  }

  .pfh3-benefit small{
    font-size:9px;
  }

  .pfh3-assembly{
    width:142%;
    max-height:445px;
  }

  .pfh3-visual-note{
    display:block;
    right:-4%;
    top:4%;
    width:90px;
    font-size:8px;
  }
}

/* Tablet follows the stacked mobile structure, not the laptop split. */
@media (min-width:521px) and (max-width:900px){
  .pfh3-main{
    display:flex;
    flex-direction:column;
    gap:19px;
  }

  .pfh3-copy,
  .pfh3-visual,
  .pfh3-card{
    width:100%;
  }

  .pfh3-copy{order:1}
  .pfh3-visual{order:2;min-height:330px}
  .pfh3-card{order:3}

  .pfh3-assembly{
    width:min(82%,580px);
    max-height:350px;
  }
}

/* Quick-access row now belongs to the stats card, like the model. */
.pf-home-v3 + #pf-home-stats > .pfh3-shortcuts{
  grid-column:1/-1;
}

@media (min-width:901px){
  .pf-home-v3 + #pf-home-stats > .pfh3-shortcuts{
    width:100%;
    margin:18px 0 0;
    padding:14px 0 0;
    border-top:1px solid #e3e8ee;
    display:grid;
    grid-template-columns:
      120px
      repeat(5,minmax(105px,1fr))
      minmax(160px,1.25fr);
    gap:10px;
    align-items:center;
    overflow:visible;
  }

  .pfh3-shortcuts-label{
    color:#172033;
    font-size:11px;
    font-weight:900;
    line-height:1.2;
  }

  .pf-home-v3 + #pf-home-stats .pfh3-shortcut{
    width:100%;
    min-width:0;
  }

  .pfh3-shortcuts-all{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-height:39px;
    color:#172033;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }

  .pfh3-shortcuts-all svg{
    width:17px;
    height:17px;
  }
}

@media (max-width:900px){
  .pf-home-v3 + #pf-home-stats > .pfh3-shortcuts{
    margin:0!important;
    padding:14px 10px!important;
    border-top:1px solid #e3e8ee;
    display:flex;
    overflow-x:auto;
  }

  .pfh3-shortcuts-label,
  .pfh3-shortcuts-all{
    display:none;
  }
}

/* PARTFIT HOME HERO V3.4 COMPACT DESKTOP LAPTOP */

/*
 * The approved wide layouts let the display headline overlap the visual
 * column. Keeping it inside the first grid track created a third line.
 */
@media (min-width:1181px){
  .pfh3-copy{
    position:relative;
    z-index:3;
    overflow:visible;
  }

  .pfh3-title{
    width:132%;
    max-width:none;
  }

  .pfh3-card-title{
    white-space:nowrap;
  }
}

/*
 * Laptop keeps the same three-column composition while using proportionally
 * compact controls. This prevents the card from extending below the Hero.
 */
@media (min-width:901px) and (max-width:1180px){
  .pfh3-shell{
    padding:20px 20px 14px;
  }

  .pfh3-main{
    grid-template-columns:
      minmax(0,.94fr)
      minmax(0,.88fr)
      minmax(360px,1.28fr);
    gap:14px;
    align-items:start;
  }

  .pfh3-copy{
    position:relative;
    z-index:3;
    overflow:visible;
    align-self:center;
  }

  .pfh3-title{
    width:145%;
    max-width:none;
    font-size:clamp(48px,5.3vw,62px);
    line-height:.91;
  }

  .pfh3-lead{
    max-width:100%;
    margin:14px 0;
    font-size:13px;
    line-height:1.38;
  }

  .pfh3-visual{
    min-height:360px;
    align-self:start;
  }

  .pfh3-assembly{
    top:42%;
    width:140%;
    max-height:410px;
  }

  .pfh3-visual-note{
    top:0;
  }

  .pfh3-card{
    align-self:start;
    padding:14px 16px;
    border-radius:14px;
  }

  .pfh3-card-head{
    margin-bottom:10px;
  }

  .pfh3-card-title{
    font-size:clamp(23px,2.4vw,29px);
    line-height:1;
    letter-spacing:-.03em;
    white-space:nowrap;
  }

  .pfh3-card-sub{
    margin-top:3px;
    font-size:10px;
    line-height:1.3;
  }

  .pf-home-v3 .search-tabs.pfh3-modes{
    gap:7px;
    margin-bottom:10px;
  }

  .pf-home-v3 .search-tab.pfh3-mode{
    min-height:60px;
    padding:8px;
    grid-template-columns:23px minmax(0,1fr);
    gap:7px;
    border-radius:9px;
  }

  .pf-home-v3 .search-tab.pfh3-mode.active{
    padding:7px;
  }

  .pfh3-mode-icon svg{
    width:23px;
    height:23px;
  }

  .pfh3-mode-copy strong{
    font-size:10px;
    line-height:1.08;
  }

  .pfh3-mode-copy small{
    margin-top:2px;
    font-size:7px;
    line-height:1.15;
  }

  .pfh3-fields{
    gap:7px;
  }

  .pfh3-field label{
    margin-bottom:3px;
    font-size:9px;
  }

  .pfh3-field select,
  .pfh3-oem-input,
  .pfh3-vin-input{
    height:36px;
    padding:0 8px;
    border-radius:8px;
    font-size:10px;
  }

  .pfh3-primary{
    min-height:38px;
    margin-top:7px;
    border-radius:8px;
    gap:7px;
    font-size:10px;
  }

  .pfh3-primary svg{
    width:15px;
    height:15px;
  }

  .pfh3-vin-inline{
    margin-top:9px;
    padding-top:9px;
  }

  .pfh3-vin-label{
    gap:7px;
    margin-bottom:5px;
    font-size:9px;
  }

  .pfh3-vin-row{
    gap:6px;
  }

  .pf-home-v3 .vin-btn{
    min-width:80px;
    height:36px;
    padding:0 10px;
    border-radius:8px;
    font-size:9px;
  }

  .pfh3-vin-help{
    margin-top:4px;
    font-size:8px;
    line-height:1.25;
  }

  .pfh3-verified{
    gap:6px;
    margin-top:5px;
    padding:6px 8px;
    border-radius:7px;
    font-size:9px;
  }

  .pfh3-verified svg{
    width:14px;
    height:14px;
  }

  .pf-home-v3 + #pf-home-stats{
    padding:14px 18px!important;
  }

  .pf-home-v3 + #pf-home-stats .stat{
    padding:0 13px!important;
  }

  .pf-home-v3 + #pf-home-stats .stat-num{
    font-size:31px!important;
  }
}

/*
 * Strong direct-child selectors guarantee that the navigation spans all four
 * statistics columns. The earlier adjacency-only rule left it in column one.
 */
@media (min-width:901px){
  #pf-home-stats > .pfh3-shortcuts{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin:12px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid #e3e8ee!important;
    overflow:visible!important;
  }

  #pf-home-stats .pfh3-shortcut{
    width:100%!important;
    min-width:0!important;
    height:37px!important;
    padding:0 8px!important;
  }

  #pf-home-stats .pfh3-shortcuts-all{
    min-width:0!important;
  }
}

@media (min-width:1181px){
  #pf-home-stats > .pfh3-shortcuts{
    display:grid!important;
    grid-template-columns:
      120px
      repeat(5,minmax(0,1fr))
      minmax(175px,1.25fr)!important;
    gap:10px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  #pf-home-stats > .pfh3-shortcuts{
    display:grid!important;
    grid-template-columns:
      100px
      repeat(4,minmax(0,1fr))
      minmax(145px,1.2fr)!important;
    gap:8px!important;
  }

  #pf-home-stats .pfh3-shortcut:first-of-type{
    display:none!important;
  }

  #pf-home-stats .pfh3-shortcuts-label{
    font-size:10px;
  }

  #pf-home-stats .pfh3-shortcuts-all{
    font-size:10px;
  }
}

/* PARTFIT HOME HERO V3.6 - FINAL RESPONSIVE SPACING */

.pf-home-v3 + #pf-home-stats{
  margin-top:12px!important;
}

/* Desktop: search card slightly closer to reference size */
@media(min-width:1181px){
  .pfh3-card{
    transform:scale(1.025);
    transform-origin:center right;
  }
}

/* Laptop: prevent hero image top clipping and enlarge search card slightly */
@media(min-width:821px) and (max-width:1180px){
  .pfh3-main{
    grid-template-columns:minmax(0,.86fr) minmax(455px,1.14fr);
    column-gap:18px;
  }

  .pfh3-visual{
    min-height:380px;
    height:380px;
    overflow:visible;
  }

  .pfh3-assembly{
    left:50%;
    right:auto;
    top:50%;
    width:103%;
    height:auto;
    max-height:380px;
    transform:translate(-50%,-50%);
  }

  .pfh3-card{
    transform:scale(1.02);
    transform-origin:center right;
  }

  .pf-home-v3 + #pf-home-stats{
    margin-top:16px!important;
  }
}

/* Tablet and phone: keep a clear gap below Hero */
@media(max-width:820px){
  .pf-home-v3 + #pf-home-stats{
    margin-top:14px!important;
  }
}

@media(max-width:520px){
  .pf-home-v3 + #pf-home-stats{
    margin-top:16px!important;
  }
}


/* PARTFIT HOME HERO V3.7 - MOVE STATS DOWN */
.pf-home-v3 + #pf-home-stats{
  margin-top:32px!important;
}

@media(max-width:820px){
  .pf-home-v3 + #pf-home-stats{
    margin-top:28px!important;
  }
}

@media(max-width:520px){
  .pf-home-v3 + #pf-home-stats{
    margin-top:28px!important;
  }
}


/* PARTFIT HOME HERO V3.8 - RESTORE DESKTOP/LAPTOP LAYOUT */

@media(min-width:1181px){
  .pfh3-card{
    transform:none!important;
  }
}

@media(min-width:821px) and (max-width:1180px){
  .pfh3-main{
    grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;
    column-gap:24px!important;
  }

  .pfh3-card{
    transform:none!important;
  }
}

/* =========================================================
   PARTFIT HOME STATS + SHORTCUTS V39
   Desktop / Laptop / Mobile
   ========================================================= */

/* ---------- STATS ---------- */

#pf-home-stats.stats-bar{
    width:min(100% - 28px, 1180px);
    max-width:1180px;

    margin:-42px auto 0 !important;
    padding:20px 24px 15px;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;

    background:#fff;
    border:1px solid rgba(15,35,50,.07);
    border-radius:16px 16px 0 0;

    box-shadow:
        0 12px 32px rgba(15,35,50,.07),
        0 2px 8px rgba(15,35,50,.03);

    position:relative;
    z-index:20;
}

/* كل رقم */
#pf-home-stats .stat{
    min-width:0;
    min-height:70px;

    padding:4px 16px 8px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    border-right:1px solid #e8edf1;
}

/* إزالة الخط من الأخير */
#pf-home-stats .stat:last-child{
    border-right:0;
}

/* الرقم */
#pf-home-stats .stat-num{
    margin:0;

    font-family:"Barlow Condensed",sans-serif;
    font-size:clamp(28px,2.7vw,38px);
    font-weight:900;
    line-height:.96;

    color:#ef172f;
    background:none;
    -webkit-text-fill-color:currentColor;

    white-space:nowrap;
}

/* النص الصغير */
#pf-home-stats .stat-label{
    margin-top:7px;

    font-size:10px;
    line-height:1.15;
    font-weight:800;

    letter-spacing:.4px;
    text-transform:uppercase;

    color:#59616d;
}


/* ---------- QUICK SHORTCUTS ---------- */

.pfh3-shortcuts{
    width:min(100% - 28px, 1180px);
    max-width:1180px;

    margin:0 auto 34px !important;
    padding:12px 18px 14px;

    display:grid;
    grid-template-columns:110px repeat(5,minmax(110px,1fr)) 145px;
    align-items:center;
    gap:10px;

    background:#fff;

    border-left:1px solid rgba(15,35,50,.07);
    border-right:1px solid rgba(15,35,50,.07);
    border-bottom:1px solid rgba(15,35,50,.07);

    border-radius:0 0 16px 16px;

    box-shadow:0 14px 32px rgba(15,35,50,.06);

    position:relative;
    z-index:19;
}

/* "Accès rapides..." */
.pfh3-shortcuts-label{
    display:block;

    font-size:9px;
    line-height:1.25;
    font-weight:800;

    color:#303844;
}

/* الأزرار */
.pfh3-shortcut{
    min-width:0;
    height:36px;

    padding:0 12px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    border:1px solid #e3e8ed;
    border-radius:999px;

    background:#fff;

    color:#27313c;
    text-decoration:none;

    font-size:10px;
    line-height:1;
    font-weight:700;

    white-space:nowrap;

    box-shadow:
        0 2px 5px rgba(15,35,50,.03),
        inset 0 0 0 1px rgba(255,255,255,.5);

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.pfh3-shortcut:hover{
    border-color:#cfd6dd;
    background:#fafbfc;
    transform:translateY(-1px);
}

.pfh3-shortcut svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
    stroke-width:1.8;
}

/* آخر رابط "Voir toutes..." */
.pfh3-shortcuts > a:last-child{
    border:0;
    box-shadow:none;
    justify-content:flex-end;
    padding-left:4px;
    padding-right:0;
    font-size:9px;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (min-width:701px) and (max-width:1180px){

    #pf-home-stats.stats-bar{
        width:calc(100% - 24px);
        margin-top:-34px !important;
        padding:17px 18px 13px;
    }

    #pf-home-stats .stat{
        min-height:64px;
        padding-left:10px;
        padding-right:10px;
    }

    #pf-home-stats .stat-num{
        font-size:clamp(27px,3.25vw,35px);
    }

    #pf-home-stats .stat-label{
        font-size:9px;
    }

    .pfh3-shortcuts{
        width:calc(100% - 24px);
        grid-template-columns:86px repeat(5,minmax(92px,1fr)) 115px;
        gap:7px;
        padding:10px 13px 12px;
        margin-bottom:30px !important;
    }

    .pfh3-shortcuts-label{
        font-size:8px;
    }

    .pfh3-shortcut{
        height:33px;
        padding:0 8px;
        gap:5px;
        font-size:9px;
    }

    .pfh3-shortcut svg{
        width:13px;
        height:13px;
        flex-basis:13px;
    }

    .pfh3-shortcuts > a:last-child{
        font-size:8px;
    }
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width:700px){

    #pf-home-stats.stats-bar{
        width:100%;

        margin:-12px 0 0 !important;
        padding:18px 24px 10px;

        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;

        border-left:0;
        border-right:0;

        border-radius:22px 22px 0 0;

        box-shadow:0 12px 32px rgba(15,35,50,.07);
    }

    #pf-home-stats .stat{
        min-height:102px;

        padding:12px 8px;

        border-right:0;
        border-bottom:0;
    }

    /* vertical center divider */
    #pf-home-stats .stat:nth-child(odd){
        border-right:1px solid #e2e7eb;
    }

    /* horizontal divider only between top/bottom */
    #pf-home-stats .stat:nth-child(-n+2){
        border-bottom:1px solid #e2e7eb;
    }

    #pf-home-stats .stat-num{
        font-size:clamp(31px,9vw,39px);
        line-height:.95;
    }

    #pf-home-stats .stat-label{
        margin-top:8px;

        font-size:10px;
        line-height:1.15;

        letter-spacing:.25px;
    }


    /* shortcuts تحت الإحصائيات مباشرة */
    .pfh3-shortcuts{
        width:100%;

        margin:0 0 30px !important;
        padding:12px 28px 18px;

        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;

        border-left:0;
        border-right:0;

        border-radius:0 0 22px 22px;

        box-shadow:0 18px 34px rgba(15,35,50,.06);

        overflow:hidden;
    }

    /* لا نحتاج النص الجانبي في الهاتف */
    .pfh3-shortcuts-label{
        display:none;
    }

    .pfh3-shortcut{
        width:100%;
        height:45px;

        padding:0 14px;

        justify-content:center;

        font-size:13px;

        border-radius:999px;
    }

    .pfh3-shortcut svg{
        width:19px;
        height:19px;
        flex-basis:19px;
    }

    /*
      في الهاتف نظهر فقط أول صفين من الاختصارات.
      الباقي موجود في DOM ولا نحذفه.
    */
    .pfh3-shortcuts .pfh3-shortcut:nth-of-type(n+5){
        display:none;
    }

    /* رابط Voir toutes les catégories */
    .pfh3-shortcuts > a:last-child{
        display:none;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:430px){

    #pf-home-stats.stats-bar{
        padding-left:15px;
        padding-right:15px;
    }

    #pf-home-stats .stat{
        min-height:96px;
        padding-left:4px;
        padding-right:4px;
    }

    #pf-home-stats .stat-num{
        font-size:30px;
    }

    #pf-home-stats .stat-label{
        max-width:145px;
        font-size:9px;
    }

    .pfh3-shortcuts{
        padding:11px 18px 17px;
        gap:8px;
        margin-bottom:26px !important;
    }

    .pfh3-shortcut{
        height:42px;
        padding:0 10px;
        font-size:12px;
    }
}

/* END PARTFIT HOME STATS + SHORTCUTS V39 */

/* PARTFIT HERO LAPTOP DEMO ALIGN V40 */

/*
|--------------------------------------------------------------------------
| LAPTOP
| 821px → 1180px
|
| DEMO:
| COPY | PRODUCT VISUAL | SEARCH CARD
|--------------------------------------------------------------------------
*/
@media (min-width:821px) and (max-width:1180px){

  .pf-home-v3 .pfh3-shell{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .pf-home-v3 .pfh3-main{
    display:grid !important;

    grid-template-columns:
      minmax(180px,.78fr)
      minmax(205px,.92fr)
      minmax(340px,1.30fr) !important;

    grid-template-areas:
      "copy visual card" !important;

    column-gap:14px !important;
    row-gap:0 !important;

    align-items:center !important;
  }


  /* =====================================================
     LEFT COPY
     ===================================================== */

  .pf-home-v3 .pfh3-copy{
    grid-area:copy !important;

    width:auto !important;
    min-width:0 !important;

    align-self:center !important;

    position:relative !important;
    z-index:3 !important;
  }

  .pf-home-v3 .pfh3-eyebrow{
    margin-bottom:13px !important;

    gap:8px !important;

    font-size:8px !important;
    line-height:1.35 !important;
    letter-spacing:.14em !important;
  }

  .pf-home-v3 .pfh3-eyebrow::before{
    width:25px !important;
    height:2px !important;
  }

  .pf-home-v3 .pfh3-title{
    max-width:100% !important;

    margin:0 !important;

    font-size:clamp(44px,4.7vw,56px) !important;
    line-height:.91 !important;
    letter-spacing:-.035em !important;
  }

  .pf-home-v3 .pfh3-lead{
    max-width:245px !important;

    margin:17px 0 18px !important;

    font-size:12px !important;
    line-height:1.35 !important;
  }


  /* =====================================================
     BENEFITS
     Restore DEMO vertical layout
     ===================================================== */

  .pf-home-v3 .pfh3-benefits{
    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;

    max-width:245px !important;
  }

  .pf-home-v3 .pfh3-benefit{
    display:grid !important;

    grid-template-columns:30px minmax(0,1fr) !important;

    gap:8px !important;

    align-items:center !important;

    text-align:left !important;
  }

  .pf-home-v3 .pfh3-benefit-icon{
    width:30px !important;
    height:30px !important;

    margin:0 !important;
  }

  .pf-home-v3 .pfh3-benefit-icon svg{
    width:25px !important;
    height:25px !important;
  }

  .pf-home-v3 .pfh3-benefit strong{
    display:block !important;

    font-size:11px !important;
    line-height:1.15 !important;
  }

  .pf-home-v3 .pfh3-benefit small{
    display:block !important;

    margin-top:2px !important;

    font-size:8px !important;
    line-height:1.2 !important;
  }


  /* =====================================================
     CENTER PRODUCT VISUAL
     ===================================================== */

  .pf-home-v3 .pfh3-visual{
    grid-area:visual !important;

    width:auto !important;
    min-width:0 !important;

    min-height:400px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;

    overflow:visible !important;

    z-index:2 !important;
  }

  .pf-home-v3 .pfh3-product.pfh3-assembly{
    display:block !important;

    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:112% !important;
    max-width:360px !important;
    height:auto !important;

    object-fit:contain !important;

    margin:0 !important;

    transform:translateX(7%) !important;

    z-index:2 !important;
  }

  .pf-home-v3 .pfh3-visual-note{
    display:block !important;

    top:7% !important;
    right:-2% !important;

    width:75px !important;

    padding-top:7px !important;

    font-size:7px !important;
    line-height:1.25 !important;

    border-top-width:2px !important;
  }


  /* =====================================================
     RIGHT SEARCH CARD
     ===================================================== */

  .pf-home-v3 .pfh3-card{
    grid-area:card !important;

    width:100% !important;
    min-width:0 !important;

    align-self:center !important;

    margin:0 !important;

    padding:18px !important;

    transform:none !important;

    position:relative !important;
    z-index:4 !important;
  }

  .pf-home-v3 .pfh3-card-head{
    margin-bottom:13px !important;
  }

  .pf-home-v3 .pfh3-card-title{
    font-size:29px !important;
    line-height:.98 !important;
  }

  .pf-home-v3 .pfh3-card-sub{
    margin-top:5px !important;

    font-size:10px !important;
  }


  /* Search choice cards */

  .pf-home-v3 .search-tabs.pfh3-modes{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;

    margin-bottom:12px !important;
  }

  .pf-home-v3 .search-tab.pfh3-mode{
    min-height:68px !important;

    padding:9px !important;

    grid-template-columns:23px minmax(0,1fr) !important;

    gap:6px !important;
  }

  .pf-home-v3 .search-tab.pfh3-mode.active{
    padding:8px !important;
  }

  .pf-home-v3 .pfh3-mode-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .pf-home-v3 .pfh3-mode-copy strong{
    font-size:10px !important;
  }

  .pf-home-v3 .pfh3-mode-copy small{
    font-size:7px !important;
    line-height:1.2 !important;
  }


  /* Marque / Modèle / Année */

  .pf-home-v3 .pfh3-fields{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:7px !important;
  }

  .pf-home-v3 .pfh3-field label{
    font-size:8px !important;
  }

  .pf-home-v3 .pfh3-field select{
    min-width:0 !important;

    font-size:9px !important;
  }


  /* keep product away from copy */

  .pf-home-v3 .pfh3-copy{
    padding-right:4px !important;
  }

  .pf-home-v3 .pfh3-visual{
    padding-left:5px !important;
  }
}


/*
|--------------------------------------------------------------------------
| SMALL LAPTOP
| 821px → 960px
|--------------------------------------------------------------------------
*/
@media (min-width:821px) and (max-width:960px){

  .pf-home-v3 .pfh3-shell{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .pf-home-v3 .pfh3-main{
    grid-template-columns:
      minmax(170px,.76fr)
      minmax(185px,.88fr)
      minmax(325px,1.36fr) !important;

    column-gap:10px !important;
  }

  .pf-home-v3 .pfh3-title{
    font-size:42px !important;
  }

  .pf-home-v3 .pfh3-lead{
    max-width:210px !important;

    font-size:10px !important;
  }

  .pf-home-v3 .pfh3-benefits{
    max-width:210px !important;

    gap:8px !important;
  }

  .pf-home-v3 .pfh3-benefit strong{
    font-size:10px !important;
  }

  .pf-home-v3 .pfh3-benefit small{
    font-size:7px !important;
  }

  .pf-home-v3 .pfh3-visual{
    min-height:365px !important;
  }

  .pf-home-v3 .pfh3-product.pfh3-assembly{
    width:108% !important;
    max-width:315px !important;

    transform:translateX(8%) !important;
  }

  .pf-home-v3 .pfh3-card{
    padding:14px !important;
  }

  .pf-home-v3 .pfh3-card-title{
    font-size:25px !important;
  }

  .pf-home-v3 .pfh3-card-sub{
    font-size:9px !important;
  }

  .pf-home-v3 .search-tab.pfh3-mode{
    min-height:62px !important;
  }
}

/* END PARTFIT HERO LAPTOP DEMO ALIGN V40 */

/* =========================================================
   PARTFIT V41
   LAPTOP COPY ONLY
   + STATS / SHORTCUTS ALL SCREENS
   ========================================================= */


/* =========================================================
   1. LAPTOP — LEFT TEXT ONLY
   Do NOT modify visual or search card
   ========================================================= */

@media (min-width:821px) and (max-width:1180px){

  .pf-home-v3 .pfh3-copy{
    padding-left:4px !important;
    padding-right:8px !important;
    align-self:center !important;
    position:relative !important;
    z-index:4 !important;
  }

  .pf-home-v3 .pfh3-eyebrow{
    max-width:230px !important;
    margin:0 0 15px !important;

    gap:9px !important;

    font-size:8px !important;
    line-height:1.35 !important;
    letter-spacing:.14em !important;
  }

  .pf-home-v3 .pfh3-eyebrow::before{
    width:28px !important;
    height:2px !important;
  }

  .pf-home-v3 .pfh3-title{
    width:100% !important;
    max-width:255px !important;

    margin:0 !important;

    font-size:clamp(45px,5vw,58px) !important;
    line-height:.91 !important;
    letter-spacing:-.035em !important;
  }

  .pf-home-v3 .pfh3-lead{
    width:100% !important;
    max-width:245px !important;

    margin:18px 0 19px !important;

    font-size:12px !important;
    line-height:1.42 !important;
  }

  /* المزايا عمودية مثل الـDemo */
  .pf-home-v3 .pfh3-benefits{
    display:grid !important;
    grid-template-columns:1fr !important;

    max-width:245px !important;

    gap:10px !important;
  }

  .pf-home-v3 .pfh3-benefit{
    display:grid !important;

    grid-template-columns:30px minmax(0,1fr) !important;

    gap:8px !important;

    align-items:center !important;

    text-align:left !important;
  }

  .pf-home-v3 .pfh3-benefit-icon{
    width:30px !important;
    height:30px !important;

    margin:0 !important;
  }

  .pf-home-v3 .pfh3-benefit-icon svg{
    width:25px !important;
    height:25px !important;
  }

  .pf-home-v3 .pfh3-benefit strong{
    display:block !important;

    font-size:11px !important;
    line-height:1.15 !important;
  }

  .pf-home-v3 .pfh3-benefit small{
    display:block !important;

    margin-top:2px !important;

    font-size:8px !important;
    line-height:1.25 !important;
  }
}


/* =========================================================
   2. STATS — ALL SCREENS
   ========================================================= */

#pf-home-stats.stats-bar,
.pf-home-v3 + #pf-home-stats{
  width:min(1416px,calc(100% - 32px)) !important;
  max-width:1416px !important;

  margin:-1px auto 0 !important;

  padding:20px 26px 17px !important;

  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:0 !important;

  background:#fff !important;

  border:1px solid #e4e8ec !important;
  border-top:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  position:relative !important;
  z-index:20 !important;

  transform:none !important;
}

#pf-home-stats .stat{
  min-width:0 !important;
  min-height:76px !important;

  padding:4px 18px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  border-right:1px solid #e5e9ed !important;
  border-bottom:0 !important;
}

#pf-home-stats .stat:last-child{
  border-right:0 !important;
}

#pf-home-stats .stat-num{
  margin:0 !important;

  font-family:"Barlow Condensed",sans-serif !important;

  font-size:clamp(30px,2.8vw,40px) !important;
  font-weight:900 !important;
  line-height:.95 !important;

  color:#e31d2b !important;

  background:none !important;

  -webkit-text-fill-color:#e31d2b !important;

  white-space:nowrap !important;
}

#pf-home-stats .stat-label{
  margin-top:7px !important;

  font-size:10px !important;
  line-height:1.15 !important;

  font-weight:800 !important;

  letter-spacing:.35px !important;

  color:#535c67 !important;
}


/* =========================================================
   3. SHORTCUTS — ALL SCREENS
   ========================================================= */

.pfh3-shortcuts{
  width:min(1416px,calc(100% - 32px)) !important;
  max-width:1416px !important;

  margin:0 auto 42px !important;

  padding:13px 26px 15px !important;

  display:grid !important;

  grid-template-columns:
    110px
    repeat(5,minmax(100px,1fr))
    155px !important;

  gap:12px !important;

  align-items:center !important;

  background:#fff !important;

  border:1px solid #e4e8ec !important;
  border-top:0 !important;

  border-radius:0 0 14px 14px !important;

  box-shadow:
    0 14px 28px rgba(15,23,42,.055) !important;

  position:relative !important;
  z-index:19 !important;
}

.pfh3-shortcuts-label{
  display:block !important;

  font-size:9px !important;
  line-height:1.22 !important;
  font-weight:800 !important;

  color:#29313a !important;
}

.pfh3-shortcut{
  width:100% !important;
  min-width:0 !important;

  height:36px !important;

  padding:0 12px !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:7px !important;

  border:1px solid #e1e6ea !important;
  border-radius:999px !important;

  background:#fff !important;

  box-shadow:
    0 2px 5px rgba(15,23,42,.035) !important;

  color:#25303a !important;

  text-decoration:none !important;

  font-size:10px !important;
  font-weight:700 !important;

  white-space:nowrap !important;
}

.pfh3-shortcut svg{
  width:15px !important;
  height:15px !important;

  flex:0 0 15px !important;
}

.pfh3-shortcuts > a:last-child{
  border:0 !important;

  box-shadow:none !important;

  justify-content:flex-end !important;

  font-size:9px !important;

  padding-right:0 !important;
}


/* =========================================================
   4. LAPTOP STATS / SHORTCUTS
   ========================================================= */

@media (min-width:701px) and (max-width:1180px){

  #pf-home-stats.stats-bar,
  .pf-home-v3 + #pf-home-stats{
    width:calc(100% - 20px) !important;

    padding:17px 18px 14px !important;
  }

  #pf-home-stats .stat{
    min-height:68px !important;

    padding-left:10px !important;
    padding-right:10px !important;
  }

  #pf-home-stats .stat-num{
    font-size:31px !important;
  }

  #pf-home-stats .stat-label{
    font-size:8px !important;
  }

  .pfh3-shortcuts{
    width:calc(100% - 20px) !important;

    margin-bottom:38px !important;

    padding:11px 16px 13px !important;

    grid-template-columns:
      86px
      repeat(5,minmax(86px,1fr))
      125px !important;

    gap:8px !important;
  }

  .pfh3-shortcuts-label{
    font-size:8px !important;
  }

  .pfh3-shortcut{
    height:34px !important;

    padding:0 8px !important;

    font-size:9px !important;
  }

  .pfh3-shortcut svg{
    width:14px !important;
    height:14px !important;

    flex-basis:14px !important;
  }

  .pfh3-shortcuts > a:last-child{
    font-size:8px !important;
  }
}


/* =========================================================
   5. MOBILE
   2 x 2 stats + shortcuts
   ========================================================= */

@media (max-width:700px){

  #pf-home-stats.stats-bar,
  .pf-home-v3 + #pf-home-stats{
    width:100% !important;

    margin:-1px 0 0 !important;

    padding:12px 22px 8px !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    border-left:0 !important;
    border-right:0 !important;

    border-radius:0 !important;
  }

  #pf-home-stats .stat{
    min-height:105px !important;

    padding:14px 6px !important;

    border-right:0 !important;
    border-bottom:0 !important;
  }

  #pf-home-stats .stat:nth-child(odd){
    border-right:1px solid #e2e7eb !important;
  }

  #pf-home-stats .stat:nth-child(-n+2){
    border-bottom:1px solid #e2e7eb !important;
  }

  #pf-home-stats .stat-num{
    font-size:34px !important;
  }

  #pf-home-stats .stat-label{
    margin-top:8px !important;

    font-size:10px !important;
  }


  .pfh3-shortcuts{
    width:100% !important;

    margin:0 0 34px !important;

    padding:13px 24px 19px !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:9px !important;

    border-left:0 !important;
    border-right:0 !important;

    border-radius:0 0 18px 18px !important;
  }

  .pfh3-shortcuts-label{
    display:none !important;
  }

  .pfh3-shortcut{
    height:44px !important;

    padding:0 12px !important;

    font-size:12px !important;
  }

  .pfh3-shortcut svg{
    width:18px !important;
    height:18px !important;

    flex-basis:18px !important;
  }

  /* الهاتف: أول 4 اختصارات فقط */
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(n+5){
    display:none !important;
  }

  .pfh3-shortcuts > a:last-child{
    display:none !important;
  }
}


/* =========================================================
   6. SMALL MOBILE
   ========================================================= */

@media (max-width:430px){

  #pf-home-stats.stats-bar,
  .pf-home-v3 + #pf-home-stats{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  #pf-home-stats .stat{
    min-height:98px !important;
  }

  #pf-home-stats .stat-num{
    font-size:30px !important;
  }

  #pf-home-stats .stat-label{
    max-width:150px !important;

    font-size:9px !important;
  }

  .pfh3-shortcuts{
    margin-bottom:30px !important;

    padding:
      11px
      18px
      17px !important;

    gap:8px !important;
  }

  .pfh3-shortcut{
    height:42px !important;

    font-size:11px !important;
  }
}

/* END PARTFIT V41 */

/* =========================================================
   PARTFIT REMOVE EMPTY GAP V42
   ========================================================= */

/* Desktop */
@media (min-width:1181px){
  .pfh3-shortcuts{
    margin-bottom:14px !important;
  }
}

/* Laptop */
@media (min-width:701px) and (max-width:1180px){
  .pfh3-shortcuts{
    margin-bottom:12px !important;
  }
}

/* Mobile - keep a little breathing room */
@media (max-width:700px){
  .pfh3-shortcuts{
    margin-bottom:24px !important;
  }
}

@media (max-width:430px){
  .pfh3-shortcuts{
    margin-bottom:22px !important;
  }
}

/* END PARTFIT REMOVE EMPTY GAP V42 */

/* =========================================================
   PARTFIT MOBILE SHORTCUTS ONE FULL ROW V43
   الهاتف فقط: الاختصارات في صف واحد يملأ العرض كله
   ========================================================= */

@media (max-width:700px){

  .pfh3-shortcuts{
    width:100% !important;

    margin:0 0 24px !important;
    padding:12px 14px 16px !important;

    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;

    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 18px 18px !important;

    overflow:hidden !important;
  }

  .pfh3-shortcuts-label{
    display:none !important;
  }

  /* نُظهر فقط أول 4 اختصارات */
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(n+5){
    display:none !important;
  }

  .pfh3-shortcuts > a:last-child{
    display:none !important;
  }

  .pfh3-shortcuts .pfh3-shortcut{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;

    height:42px !important;
    padding:0 6px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    font-size:10px !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;

    border-radius:999px !important;
  }

  .pfh3-shortcuts .pfh3-shortcut svg{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }
}

@media (max-width:430px){
  .pfh3-shortcuts{
    padding:11px 10px 15px !important;
    gap:6px !important;
    margin-bottom:22px !important;
  }

  .pfh3-shortcuts .pfh3-shortcut{
    height:40px !important;
    padding:0 4px !important;
    gap:4px !important;
    font-size:9px !important;
  }

  .pfh3-shortcuts .pfh3-shortcut svg{
    width:15px !important;
    height:15px !important;
    flex-basis:15px !important;
  }
}

/* END PARTFIT MOBILE SHORTCUTS ONE FULL ROW V43 */

/* =========================================================
   PARTFIT MOBILE SHORTCUTS FULL 100% WIDTH V44
   ========================================================= */

@media (max-width:700px){

  .pfh3-shortcuts{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;

    margin:0 0 22px !important;
    padding:12px 12px 16px !important;

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    column-gap:7px !important;
    row-gap:0 !important;

    align-items:stretch !important;

    direction:ltr !important;

    overflow:visible !important;
  }

  .pfh3-shortcuts-label{
    display:none !important;
  }

  /* إظهار أول 4 فقط */
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(1),
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(2),
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(3),
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(4){
    display:flex !important;
  }

  /* إخفاء ما بعد الأربعة */
  .pfh3-shortcuts .pfh3-shortcut:nth-of-type(n+5){
    display:none !important;
  }

  .pfh3-shortcuts > a:last-child{
    display:none !important;
  }

  .pfh3-shortcuts .pfh3-shortcut{
    box-sizing:border-box !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:42px !important;

    margin:0 !important;
    padding:0 4px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:4px !important;

    border-radius:999px !important;

    font-size:10px !important;
    line-height:1 !important;

    white-space:nowrap !important;

    direction:ltr !important;
  }

  .pfh3-shortcuts .pfh3-shortcut svg{
    width:15px !important;
    height:15px !important;

    min-width:15px !important;
    flex:0 0 15px !important;
  }
}


/* الهواتف الصغيرة */
@media (max-width:430px){

  .pfh3-shortcuts{
    padding-left:7px !important;
    padding-right:7px !important;

    column-gap:4px !important;
  }

  .pfh3-shortcuts .pfh3-shortcut{
    height:40px !important;

    padding-left:2px !important;
    padding-right:2px !important;

    gap:3px !important;

    font-size:9px !important;
  }

  .pfh3-shortcuts .pfh3-shortcut svg{
    width:14px !important;
    height:14px !important;

    min-width:14px !important;
    flex-basis:14px !important;
  }
}

/* END PARTFIT MOBILE SHORTCUTS FULL 100% WIDTH V44 */

/* =========================================================
   PARTFIT SHORTCUT GRID FULL SPAN V45
   Fix: shortcuts were occupying only one stats grid column
   ========================================================= */

.pfh3-shortcuts{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;

    width:100% !important;
    max-width:none !important;

    box-sizing:border-box !important;
}


/* MOBILE */
@media (max-width:700px){

    #pf-home-stats.stats-bar .pfh3-shortcuts,
    .pf-home-v3 + #pf-home-stats .pfh3-shortcuts,
    .pfh3-shortcuts{
        grid-column:1 / -1 !important;
        grid-row:auto !important;

        justify-self:stretch !important;
        align-self:stretch !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:12px !important;
        padding-right:12px !important;

        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:7px !important;
    }

    .pfh3-shortcuts .pfh3-shortcut{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }
}


/* SMALL MOBILE */
@media (max-width:430px){

    #pf-home-stats.stats-bar .pfh3-shortcuts,
    .pf-home-v3 + #pf-home-stats .pfh3-shortcuts,
    .pfh3-shortcuts{
        grid-column:1 / -1 !important;

        width:100% !important;

        padding-left:7px !important;
        padding-right:7px !important;

        gap:4px !important;
    }
}


/* TABLET / LAPTOP */
@media (min-width:701px) and (max-width:1180px){

    .pfh3-shortcuts{
        grid-column:1 / -1 !important;
        width:100% !important;
    }
}


/* DESKTOP */
@media (min-width:1181px){

    .pfh3-shortcuts{
        grid-column:1 / -1 !important;
        width:100% !important;
    }
}

/* END PARTFIT SHORTCUT GRID FULL SPAN V45 */

/* =========================================================
   PARTFIT COMPACT VIN RESULT V46
   ========================================================= */

#vin-result{
    margin-top:8px !important;
}

/* البطاقة الرئيسية */
#vin-result .pf-vin-card{
    margin:0 !important;
    padding:10px 12px !important;

    border:1px solid #e4e8ed !important;
    border-radius:12px !important;

    background:#fff !important;

    box-shadow:
        0 5px 15px rgba(15,23,42,.045) !important;
}


/* رأس البطاقة فقط */
#vin-result .pf-vin-card-head{
    display:grid !important;

    grid-template-columns:42px minmax(0,1fr) !important;

    gap:10px !important;

    align-items:center !important;

    margin:0 !important;
    padding:0 !important;
}


/* أيقونة سيارة */
#vin-result .pf-vin-card-head::before{
    content:"🚗";

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#f5f7f9;

    font-size:23px;
    line-height:1;
}


/* إخفاء PROFIL VIN */
#vin-result .pf-vin-kicker{
    display:none !important;
}


/* اسم السيارة */
#vin-result .pf-vin-card-head h3{
    margin:0 0 3px !important;

    font-size:14px !important;
    line-height:1.15 !important;

    font-weight:800 !important;

    color:#14202c !important;
}


/* VIN */
#vin-result .pf-vin-number{
    margin:0 !important;

    font-family:monospace !important;

    font-size:9px !important;
    line-height:1.2 !important;

    letter-spacing:.5px !important;

    color:#7a8490 !important;
}


/* لا نظهر Confidence للمستخدم */
#vin-result .pf-vin-confidence{
    display:none !important;
}


/* لا نظهر Warning الكبير */
#vin-result .pf-vin-warning{
    display:none !important;
}


/* إخفاء الأقسام الكبيرة:
   Identification
   Fabrication
   Correspondance PartFit
*/
#vin-result .pf-vin-section{
    display:none !important;
}


/* إخفاء جميع بيانات VIN الطويلة */
#vin-result .pf-vin-raw{
    display:none !important;
}


/* لا نحتاج زر البحث لأن التحويل تلقائي */
#vin-result .pf-vin-search-cta{
    display:none !important;
}


/* رسالة صغيرة فقط عند الحاجة */
#vin-result .pf-vin-search-note{
    margin:8px 0 0 !important;
    padding:7px 9px !important;

    border-radius:8px !important;

    font-size:9px !important;
    line-height:1.3 !important;

    background:#f7f8fa !important;

    color:#66717d !important;
}


/* رسالة الانتقال التلقائي */
#vin-result .pf-vin-auto-redirect{
    margin-top:8px;

    padding:7px 10px;

    display:flex;
    align-items:center;
    gap:7px;

    border-radius:8px;

    background:#ecf9f1;

    color:#08783e;

    font-size:10px;
    line-height:1.25;
    font-weight:700;
}

#vin-result .pf-vin-auto-redirect::before{
    content:"✓";

    width:18px;
    height:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 18px;

    border-radius:50%;

    background:#10a35b;

    color:#fff;

    font-size:11px;
}


/* Mobile أصغر أكثر */
@media(max-width:700px){

    #vin-result .pf-vin-card{
        padding:9px 10px !important;
    }

    #vin-result .pf-vin-card-head{
        grid-template-columns:38px minmax(0,1fr) !important;
        gap:9px !important;
    }

    #vin-result .pf-vin-card-head::before{
        width:38px;
        height:38px;

        font-size:20px;
    }

    #vin-result .pf-vin-card-head h3{
        font-size:13px !important;
    }

    #vin-result .pf-vin-number{
        font-size:8px !important;
    }

    #vin-result .pf-vin-auto-redirect{
        font-size:9px;
        padding:6px 8px;
    }
}

/* END PARTFIT COMPACT VIN RESULT V46 */


/* =========================================================
   PARTFIT HOME MOBILE ALIGN V5
   Stats + quick shortcuts only
   ========================================================= */

@media(max-width:700px){

    /*
     * STATS
     * Force the four counters into one clean row.
     */
    #pf-home-stats.stats-bar{
        width:100% !important;
        max-width:100% !important;

        display:grid !important;
        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;

        gap:0 !important;

        margin:
            0
            auto !important;

        padding:
            0
            8px
            9px !important;

        overflow:hidden !important;
    }


    #pf-home-stats.stats-bar > .stat{
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        min-height:75px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        padding:
            11px
            4px !important;

        margin:0 !important;

        border:0 !important;
        border-top:0 !important;

        text-align:center !important;

        direction:ltr !important;
    }


    #pf-home-stats.stats-bar > .stat + .stat{
        border-left:
            1px
            solid
            #e4e8ec !important;
    }


    #pf-home-stats.stats-bar > .stat:nth-child(odd),
    #pf-home-stats.stats-bar > .stat:nth-child(even),
    #pf-home-stats.stats-bar > .stat:nth-child(-n+2),
    #pf-home-stats.stats-bar > .stat:nth-child(n+3){
        border-top:0 !important;
    }


    #pf-home-stats.stats-bar .stat-num{
        width:100% !important;

        margin:0 !important;

        color:#ef233c !important;

        font-family:
            "Barlow Condensed",
            sans-serif !important;

        font-size:
            clamp(
                18px,
                5.2vw,
                24px
            ) !important;

        line-height:.95 !important;
        font-weight:900 !important;

        letter-spacing:-.02em !important;

        white-space:nowrap !important;
    }


    #pf-home-stats.stats-bar .stat-label{
        width:100% !important;

        margin-top:6px !important;

        color:#596471 !important;

        font-size:6px !important;
        line-height:1.15 !important;
        font-weight:900 !important;

        letter-spacing:.05em !important;

        text-align:center !important;
        text-transform:uppercase !important;

        white-space:normal !important;
    }


    /*
     * QUICK SHORTCUTS
     * One compact horizontal strip.
     */
    #pf-home-stats.stats-bar > .pfh3-shortcuts{
        grid-column:1 / -1 !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        display:flex !important;
        flex-wrap:nowrap !important;

        align-items:center !important;

        gap:6px !important;

        margin:
            2px
            0
            0 !important;

        padding:
            8px
            2px
            3px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scroll-snap-type:x proximity;
        scrollbar-width:none;

        direction:ltr !important;
    }


    #pf-home-stats.stats-bar > .pfh3-shortcuts::-webkit-scrollbar{
        display:none !important;
    }


    #pf-home-stats .pfh3-shortcuts-label{
        width:66px !important;
        min-width:66px !important;
        max-width:66px !important;

        flex:0 0 66px !important;

        display:block !important;

        margin:0 !important;

        color:#5e6975 !important;

        font-size:6px !important;
        line-height:1.15 !important;
        font-weight:800 !important;

        text-align:left !important;

        white-space:normal !important;
    }


    #pf-home-stats .pfh3-shortcut{
        width:auto !important;

        min-width:88px !important;
        max-width:none !important;

        height:30px !important;

        flex:
            0
            0
            88px !important;

        display:flex !important;

        padding:
            0
            8px !important;

        margin:0 !important;

        border:
            1px
            solid
            #e1e6eb !important;

        border-radius:999px !important;

        background:#fff !important;

        color:#26313d !important;

        font-size:7px !important;
        line-height:1 !important;
        font-weight:800 !important;

        white-space:nowrap !important;

        scroll-snap-align:start;
    }


    #pf-home-stats .pfh3-shortcut svg{
        width:12px !important;
        height:12px !important;

        flex:0 0 12px !important;
    }


    /*
     * Restore all four useful shortcuts.
     */
    #pf-home-stats
    .pfh3-shortcuts
    .pfh3-shortcut:nth-of-type(1),
    #pf-home-stats
    .pfh3-shortcuts
    .pfh3-shortcut:nth-of-type(2),
    #pf-home-stats
    .pfh3-shortcuts
    .pfh3-shortcut:nth-of-type(3),
    #pf-home-stats
    .pfh3-shortcuts
    .pfh3-shortcut:nth-of-type(4){
        display:flex !important;
    }


    #pf-home-stats
    .pfh3-shortcuts
    > a:last-child{
        width:auto !important;

        min-width:125px !important;
        max-width:none !important;

        min-height:30px !important;

        flex:
            0
            0
            125px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:
            0
            8px !important;

        color:#172331 !important;

        font-size:7px !important;
        font-weight:800 !important;

        white-space:nowrap !important;
    }


    #pf-home-stats
    .pfh3-shortcuts
    > a:last-child svg{
        width:12px !important;
        height:12px !important;
    }

}


/* Small phones: numbers remain one row */
@media(max-width:380px){

    #pf-home-stats.stats-bar .stat-num{
        font-size:17px !important;
    }

    #pf-home-stats.stats-bar .stat-label{
        font-size:5.5px !important;
    }

}

/* END PARTFIT HOME MOBILE ALIGN V5 */