/*  ------  reset   ------  */


/*  ------  variables   ------  */

.dsf__page { 
  --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, sans-serif;
  --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
  --GOTHAM-BOLD: "Gotham SSm bold A", "Gotham SSm bold B", "Gotham Bold",Helvetica, Arial, sans-serif;
  --COLOR-DEFAULT:#333;
  --COLOR-PAGE: #AC651B;
  --COLOR-RED-A:#b40024;
  --COLOR-RED-B:#8c0b26;
}



/*  ------  page   ------  */

.dsf__page {font-family: var(--GOTHAM-BOOK);font-weight: normal; position: relative; width: 100%; }

.dsf__page * {box-sizing: border-box; }

.dsf__page h1,
.dsf__page h2,
.dsf__page h3,
.dsf__page h4 {margin: 0;padding: 0;font-weight: normal; }
.dsf__page p {margin: 0;padding: 0; }
.dsf__page picture {display: block; width: 100%; }
.dsf__page img { width: 100%;display: block; }
.dsf__page sup { line-height: 1em; font-size: 0.55em; position: relative; left:0.1em; }

.dsf__page a {color: var(--COLOR-DEFAULT);text-decoration: none; }

.dsf__page .dsf__bloc { position: relative; width: 100%; margin: 0 auto;  }

.dsf__page .dsf__title {  text-rendering: optimizeSpeed; }
.dsf__page .dsf__text { text-rendering: optimizeSpeed;  }

.dsf__page .dsf__text .dsf__nowrap {white-space: nowrap; }
.dsf__page .dsf__text a { text-decoration: underline; }
.dsf__page .dsf__text a:hover { text-decoration: none; }

.dsf__page .dsf__colored { color:var(--COLOR-PAGE); }


.dsf__page .dsf__text strong,
.dsf__page .dsf__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.dsf__page .dsf__price {font-size: 16px;line-height: 20px; }

.dsf__page .dsf__cta { }
.dsf__page .dsf__cta-btn {cursor: pointer; display: inline-flex; height: auto; padding: 14px 16px; font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: var(--COLOR-RED-A);border: 1px solid var(--COLOR-RED-A);border-radius: 5px;font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.dsf__page .dsf__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }
.dsf__page .dsf__cta-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 2px #6893d2 !important;  }

.dsf__page .dsf__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }
.dsf__page .dsf__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

.dsf__page .dsf__cta-transparent {color: #fff; background: transparent;  border: 1px solid #fff; transition:all 0.3s; }
.dsf__page .dsf__cta-transparent:hover { color: #fff;  border: 1px solid #fff; background: transparent;  box-shadow: 0px 0px 7px 0px #00000026; }

.dsf__page .dsf__cta .add-to-bag button { background-color: var(--COLOR-RED-A) !important; border: 2px solid var(--COLOR-RED-A) !important; height:52px !important; width: auto; text-transform: none; padding-left: 1.575em; padding-right: 1.575em; }
.dsf__page .dsf__cta .add-to-bag button:active,
.dsf__page .dsf__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.dsf__page .dsf__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.dsf__page .dsf__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.dsf__page .dsf__link { text-decoration: underline; }
.dsf__page .dsf__link-btn { text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em; text-transform: uppercase; overflow: hidden; border-radius: 2px; }
.dsf__page .dsf__link-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2 !important; }

.dsf__page .dsf__link-quickshop { cursor: pointer; text-decoration: underline; display: inline-block; }
.dsf__page .dsf__link-quickshop:hover { text-decoration: none; }

.dsf__page .dsf__gradient { position:fixed; top:0; left:0; width:100%; height:100vh; background: linear-gradient(290.41deg, #DC903B 2.55%, #9E4D16 35.47%, #240600 92.85%); }
.dsf__page .dsf__nowrap { white-space: nowrap; }

.dsf__page .dsf__quickshop { display: none; }
.dsf__page .dsf__addtobag  { display: none; }


@media (min-width: 769px) { 

  .dsf__page .dsf__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }
  .dsf__page .dsf__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }
  .dsf__page .dsf__link:hover { text-decoration: none; }
  .dsf__page .dsf__link-btn:hover { text-decoration: none; }


}



/*   push    */

.dsf__page .dsf__push { --ratioPush:calc(100vw / 376); position: relative; top:0; left:0; width: 100%; margin: 0 auto; }

.dsf__page .dsf__push-media { position: relative; top:0; left:0; width: 100%; height:100%; display: block; overflow: hidden;  }
.dsf__page .dsf__push-picture { height: 100%; width: 100%; }
.dsf__page .dsf__push-img { height: 100%; width: 100%; object-fit:cover; }

.dsf__page .dsf__push-body { position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items:flex-start; justify-content:flex-start; }

.dsf__page .dsf__push-content { color: #fff; width: 100%; }

.dsf__page .dsf__push-suptitle { font-size: calc( 15.06 * var(--ratioPush)); line-height: 1.45em; letter-spacing:0.02em; }
.dsf__page .dsf__push-title { font-size: calc( 25.1 * var(--ratioPush)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); letter-spacing:0.015em; }
.dsf__page .dsf__push-title small { font-size: calc( 19.07 * var(--ratioPush)); line-height: 1em; font-family:var(--GOTHAM-BOOK); display: block; text-transform: uppercase; letter-spacing:0.02em; }
.dsf__page .dsf__push-text {font-size: calc( 12.53 * var(--ratioPush)); line-height: 1.45em; font-family:var(--GOTHAM-MEDIUM); text-transform: uppercase; }

.dsf__page .dsf__push-link { padding-top: calc( 8 * var(--ratioPush)); }
.dsf__page .dsf__link-btn { color:#fff; }
.dsf__page .dsf__link-btn:hover { color:#fff; }

.dsf__page .dsf__link-text { text-transform: uppercase; }

.dsf__page .dsf__push-legend { display: none; }


@media (max-width: 768px) { 

  .dsf__page .dsf__push-media {  }
  .dsf__page .dsf__push-body {  }
  .dsf__page .dsf__push-content { padding: calc(347 * var(--ratioPush)) calc(40 * var(--ratioPush)) 0 calc(40 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-top { position:absolute; top: calc( 21.87 * var(--ratioPush)); left: calc( 20.05 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-top .dsf__push-link { padding-top: 0;   }
  .dsf__page .dsf__push-content-top .dsf__link-btn { font-size: calc( 6.89 * var(--ratioPush)); letter-spacing: calc( 0.031 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-bottom { text-align: center; position:absolute; bottom: calc( 17 * var(--ratioPush)); left: calc( 50% - 125 * var(--ratioPush)); width: calc(250 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-bottom .dsf__push-link { display:none; }

}


@media (min-width: 769px) { 

  .dsf__page .dsf__push { container-type: inline-size; --ratioPush:calc(100cqw/1920); width: 100%; }

  .dsf__page .dsf__push-content { padding:0; text-align: left; }

  .dsf__page .dsf__push-content-top { position:absolute; top: calc( 108 * var(--ratioPush)); left: calc( 50% - 735 * var(--ratioPush)); width: calc( 430 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-top .dsf__push-link { display:none; }
  .dsf__page .dsf__push-content-bottom { position:absolute; bottom: calc( 110 * var(--ratioPush)); left: calc( 50%  + 460 * var(--ratioPush)); width: calc( 376 * var(--ratioPush)); }
  .dsf__page .dsf__push-content-bottom .dsf__push-link { padding-top: calc( 20 * var(--ratioPush));   }
   .dsf__page .dsf__push-content-bottom .dsf__link-btn { letter-spacing: calc( 0.05 * var(--ratioPush)); }
 

  .dsf__page .dsf__push-suptitle { font-size: calc( 29.52 * var(--ratioPush)); line-height: 1.2em; }
  .dsf__page .dsf__push-title { font-size: calc( 49.2 * var(--ratioPush)); line-height: 1em; }
  .dsf__page .dsf__push-title small { font-size: calc( 37.39 * var(--ratioPush)); line-height: 1em; }
  .dsf__page .dsf__push-text { font-size: calc( 20 * var(--ratioPush)); line-height: 1.45em; }
  .dsf__page .dsf__push-link { padding-top: calc( 20 * var(--ratioPush)); }

}