

.mfd-return,
.mfd-return *{
  box-sizing:border-box;
}

.mfd-return{
  width:100%;
  background:#FFFFFF;

  font-family:Arial,Helvetica,sans-serif;
  color:#252525;
}

.mfd-return-wrap{
  width:100%;
  max-width:1450px;

  margin:0 auto;
  padding:0 32px;
}


/* =========================================================
   HERO
   ========================================================= */

.mfd-return-hero{
  padding:76px 0 58px;

  background:#FFFFFF;

  border-bottom:1px solid #DEDEDE;
}

.mfd-return-kicker{
  display:flex;
  align-items:center;
  gap:12px;

  margin-bottom:17px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:10px;
  font-weight:900;
  letter-spacing:2.2px;

  text-transform:uppercase;
}

.mfd-return-kicker::before{
  content:"";

  width:34px;
  height:2px;

  background:var(--mfd-accent,#E00018);
}

.mfd-return-title{
  max-width:900px;

  margin:0 0 20px !important;

  color:#050505 !important;

  font-size:clamp(48px,6vw,78px);
  line-height:.94;

  font-weight:900;
  letter-spacing:-2.4px;

  text-transform:uppercase;
}

.mfd-return-title span{
  display:block;
  color:var(--mfd-accent,#E00018) !important;
}

.mfd-return-lead{
  max-width:760px;

  margin:0 !important;

  color:#5E5E5E !important;

  font-size:15px;
  line-height:1.8;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mfd-return-summary{
  padding:54px 0 18px;
}

.mfd-return-summary-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;

  gap:16px;
}


/* MAIN CARD */

.mfd-return-main-card{
  position:relative;
  overflow:hidden;

  min-height:385px;

  padding:42px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  background:
    linear-gradient(
      145deg,
      #111111 0%,
      #0A0A0A 58%,
      #050505 100%
    );
}

.mfd-return-main-card::after{
  content:"14";

  position:absolute;
  right:-10px;
  bottom:-40px;

  color:rgba(255,255,255,.04);

  font-size:190px;
  line-height:1;

  font-weight:900;
}

.mfd-return-main-top{
  position:relative;
  z-index:2;
}

.mfd-return-main-top small{
  display:block;

  margin-bottom:12px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:10px;
  font-weight:900;
  letter-spacing:2px;

  text-transform:uppercase;
}

.mfd-return-big{
  display:block;

  color:#FFFFFF !important;

  font-size:68px;
  line-height:.9;

  font-weight:900;
  letter-spacing:-3px;
}

.mfd-return-big span{
  display:block;

  margin-top:10px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:29px;
  line-height:1;

  letter-spacing:-1px;
}

.mfd-return-main-bottom{
  position:relative;
  z-index:2;

  padding-top:24px;

  border-top:1px solid rgba(255,255,255,.15);
}

.mfd-return-main-bottom strong{
  display:block;

  margin-bottom:7px;

  color:#FFFFFF !important;

  font-size:15px;
}

.mfd-return-main-bottom p{
  margin:0 !important;

  color:rgba(255,255,255,.68) !important;

  font-size:12px;
  line-height:1.65;
}


/* SUMMARY CONTENT */

.mfd-return-summary-content{
  padding:40px 42px;

  background:#FFFFFF;

  border:1px solid #DEDEDE;
}

.mfd-return-label{
  margin-bottom:9px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.7px;

  text-transform:uppercase;
}

.mfd-return-summary-content h2{
  margin:0 0 15px !important;

  color:#050505 !important;

  font-size:32px;
  line-height:1.05;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-summary-content > p{
  max-width:760px;

  margin:0 0 26px !important;

  color:#5E5E5E !important;

  font-size:14px;
  line-height:1.75;
}


/* QUICK ROWS */

.mfd-return-quick{
  border-top:1px solid #DEDEDE;
}

.mfd-return-quick-row{
  display:grid;
  grid-template-columns:185px 1fr;

  gap:25px;

  padding:18px 0;

  border-bottom:1px solid #DEDEDE;
}

.mfd-return-quick-row strong{
  color:#050505 !important;

  font-size:12px;
  line-height:1.5;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-quick-row span{
  color:#5E5E5E !important;

  font-size:13px;
  line-height:1.65;
}


/* =========================================================
   CONDITIONS
   ========================================================= */

.mfd-return-conditions{
  padding:40px 0 18px;
}

.mfd-return-section-head{
  margin-bottom:24px;
}

.mfd-return-section-head small{
  display:block;

  margin-bottom:9px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.7px;

  text-transform:uppercase;
}

.mfd-return-section-head h2{
  margin:0 !important;

  color:#050505 !important;

  font-size:36px;
  line-height:1;

  font-weight:900;

  text-transform:uppercase;
}


/* CONDITION LIST */

.mfd-return-list{
  background:#FFFFFF;

  border:1px solid #DEDEDE;
}

.mfd-return-row{
  display:grid;
  grid-template-columns:78px 1fr;

  border-bottom:1px solid #DEDEDE;
}

.mfd-return-row:last-child{
  border-bottom:0;
}

.mfd-return-number{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:22px;

  background:#050505;

  color:var(--mfd-accent,#E00018) !important;

  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
}

.mfd-return-row-content{
  padding:21px 25px;
}

.mfd-return-row-content strong{
  display:block;

  margin-bottom:6px;

  color:#050505 !important;

  font-size:13px;
  line-height:1.45;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-row-content p{
  margin:0 !important;

  color:#5E5E5E !important;

  font-size:13px;
  line-height:1.7;
}


/* =========================================================
   REFUND / SHIPPING
   ========================================================= */

.mfd-return-refund{
  padding:18px 0;
}

.mfd-return-refund-grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:16px;
}

.mfd-return-feature{
  position:relative;

  padding:32px;

  background:#FFFFFF;

  border:1px solid #DEDEDE;
  border-top:3px solid var(--mfd-accent,#E00018);
}

.mfd-return-feature small{
  display:block;

  margin-bottom:9px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;

  text-transform:uppercase;
}

.mfd-return-feature h3{
  margin:0 0 11px !important;

  color:#050505 !important;

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

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-feature p{
  margin:0 !important;

  color:#5E5E5E !important;

  font-size:13px;
  line-height:1.7;
}


/* =========================================================
   PROCESS
   ========================================================= */

.mfd-return-process{
  padding:42px 0 18px;
}

.mfd-return-process-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:16px;
}

.mfd-return-step{
  padding:30px;

  background:#FFFFFF;

  border:1px solid #DEDEDE;
}

.mfd-return-step-number{
  display:block;

  margin-bottom:18px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}

.mfd-return-step h3{
  margin:0 0 9px !important;

  color:#050505 !important;

  font-size:16px;
  line-height:1.3;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-step p{
  margin:0 !important;

  color:#5E5E5E !important;

  font-size:12px;
  line-height:1.7;
}


/* =========================================================
   IMPORTANT NOTICE
   ========================================================= */

.mfd-return-notice{
  margin-top:16px;

  display:grid;
  grid-template-columns:.42fr 1.58fr;

  background:#FFFFFF;

  border:1px solid #DEDEDE;
}

.mfd-return-notice-title{
  padding:34px;

  background:
    linear-gradient(
      145deg,
      #111111 0%,
      #050505 100%
    );
}

.mfd-return-notice-title small{
  display:block;

  margin-bottom:8px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.6px;

  text-transform:uppercase;
}

.mfd-return-notice-title h2{
  margin:0 !important;

  color:#FFFFFF !important;

  font-size:27px;
  line-height:1.05;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-notice-content{
  padding:30px 34px;
}

.mfd-return-notice-content p{
  margin:0 0 15px !important;

  color:#5E5E5E !important;

  font-size:12px;
  line-height:1.75;
}

.mfd-return-notice-content p:last-child{
  margin-bottom:0 !important;
}

.mfd-return-notice-content strong{
  color:#050505 !important;
}


/* =========================================================
   CTA
   ========================================================= */

.mfd-return-cta{
  margin-top:16px;
  margin-bottom:72px;

  padding:32px 34px;

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

  gap:30px;

  background:
    linear-gradient(
      135deg,
      #111111 0%,
      #0A0A0A 55%,
      #050505 100%
    );
}

.mfd-return-cta small{
  display:block;

  margin-bottom:6px;

  color:var(--mfd-accent,#E00018) !important;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.6px;

  text-transform:uppercase;
}

.mfd-return-cta h3{
  margin:0 !important;

  color:#FFFFFF !important;

  font-size:25px;

  font-weight:900;

  text-transform:uppercase;
}

.mfd-return-cta a{
  min-width:215px;
  min-height:54px;

  padding:0 25px;

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

  background:var(--mfd-accent,#E00018);

  color:#FFFFFF !important;

  text-decoration:none !important;

  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;

  text-transform:uppercase;

  transition:
    background .2s ease,
    transform .2s ease;
}

.mfd-return-cta a:hover{
  background:var(--mfd-accent-hover,#B80014);

  transform:translateY(-2px);
}


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

@media(max-width:1000px){

  .mfd-return-summary-grid,
  .mfd-return-notice{
    grid-template-columns:1fr;
  }

  .mfd-return-process-grid{
    grid-template-columns:1fr;
  }

}


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

@media(max-width:650px){

  .mfd-return-wrap{
    padding:0 16px;
  }

  .mfd-return-hero{
    padding:50px 0 42px;
  }

  .mfd-return-title{
    font-size:42px;
  }

  .mfd-return-summary{
    padding-top:35px;
  }

  .mfd-return-main-card{
    min-height:340px;

    padding:29px 24px;
  }

  .mfd-return-big{
    font-size:55px;
  }

  .mfd-return-big span{
    font-size:24px;
  }

  .mfd-return-summary-content{
    padding:28px 22px;
  }

  .mfd-return-summary-content h2{
    font-size:27px;
  }

  .mfd-return-quick-row{
    grid-template-columns:1fr;

    gap:5px;
  }

  .mfd-return-section-head h2{
    font-size:30px;
  }

  .mfd-return-row{
    grid-template-columns:50px 1fr;
  }

  .mfd-return-number{
    padding:15px 8px;
  }

  .mfd-return-row-content{
    padding:19px 18px;
  }

  .mfd-return-refund-grid{
    grid-template-columns:1fr;
  }

  .mfd-return-feature{
    padding:25px 22px;
  }

  .mfd-return-step{
    padding:25px 22px;
  }

  .mfd-return-notice-title{
    padding:27px 22px;
  }

  .mfd-return-notice-content{
    padding:25px 22px;
  }

  .mfd-return-cta{
    flex-direction:column;
    align-items:flex-start;

    margin-bottom:55px;

    padding:27px 22px;
  }

  .mfd-return-cta a{
    width:100%;
  }

}

