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


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

.gs__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   ------  */

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

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

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

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

.gs__page .gs__bloc { position: relative; width: 100%; margin: 0 auto;  }

.gs__page .gs__title {  text-rendering: optimizeSpeed; }
.gs__page .gs__text { text-rendering: optimizeSpeed;  }

.gs__page .gs__text .gs__nowrap {white-space: nowrap; }
.gs__page .gs__text a { text-decoration: underline; }
.gs__page .gs__text a:hover { text-decoration: none; }

.gs__page .gs__colored { color:var(--COLOR-PAGE); }


.gs__page .gs__text strong,
.gs__page .gs__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.gs__page .gs__price {font-size: 16px;line-height: 20px; }

.gs__page .gs__cta { }
.gs__page .gs__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: 2px 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;}
.gs__page .gs__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

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

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

.gs__page .gs__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; }
.gs__page .gs__cta .add-to-bag button:active,
.gs__page .gs__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.gs__page .gs__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.gs__page .gs__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.gs__page .gs__link { cursor: pointer; text-decoration: underline; color:#fff; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; display: inline-block; }
.gs__page .gs__link:hover { text-decoration: none; }

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

.gs__page .gs__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%); }
.gs__page .gs__nowrap { white-space: nowrap; }

.gs__page .gs__quickshop { display: none; }
.gs__page .gs__addtobag  { display: none; }


@media (min-width: 768px) { 


}



/*   push    */

.gs__page .gs__push { --ratioPush:calc(100vw / 376); position: relative; top:0; left:0; width: 92%; max-width: 1264px; margin: 0 auto; }

.gs__page .gs__push-media { border-radius: 8px; position: relative; top:0; left:0; width: 100%; height:100%; display: block; overflow: hidden; }
.gs__page .gs__push-picture { height: 100%; width: 100%; }
.gs__page .gs__push-img { height: 100%; width: 100%; object-fit:cover; }

.gs__page .gs__push-media-text { position: absolute; top:calc( 411 * var(--ratioPush)); left:calc( 16 * var(--ratioPush)); width: calc( 82 * var(--ratioPush)); display: block; text-align: right; font-size: calc(9.55 * var(--ratioPush)); line-height: 1.4em; color:#fff; text-transform: uppercase; }

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

.gs__page .gs__push-content { width: 100%; text-align: left; padding:calc( 23 * var(--ratioPush)) calc( 19 * var(--ratioPush)) 0 calc( 19 * var(--ratioPush)); }

.gs__page .gs__push-suptitle { color:#D20D40; font-size: calc(19.2 * var(--ratioPush)); line-height: 0.9em; font-family:var(--GOTHAM-MEDIUM); text-transform: uppercase; /*! padding-bottom: calc( 1 * var(--ratioPush)); */ }
.gs__page .gs__push-title { color:#D20D40; font-size: calc( 32.56 * var(--ratioPush)); line-height: 1em; font-family:var(--GOTHAM-BOOK); text-transform:uppercase; padding-bottom: calc( 4 * var(--ratioPush)); }
.gs__page .gs__push-title strong { font-size: calc(37.6 * var(--ratioPush)); line-height: 0.9em; font-family:var(--GOTHAM-MEDIUM); font-weight: 700; display: block;}


.gs__page .gs__push-subtitle { color:#D20D40; font-size: calc( 14.19 * var(--ratioPush)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); font-weight: bolder; text-transform:uppercase; padding-bottom: calc( 11.24 * var(--ratioPush)); }

.gs__page .gs__push-texts { display:flex; flex-direction:column; justify-content:flex-start; align-items: flex-start; position: absolute; top: calc( 354 * var(--ratioPush)); left: calc( 227 * var(--ratioPush)); }
.gs__page .gs__push-text { color:#D20D40; font-size: calc( 15.1 * var(--ratioPush)); line-height: 1.19em; padding-left: calc( 5 * var(--ratioPush)); text-transform:uppercase; }
.gs__page .gs__push-number { color:#D20D40; font-size:calc(30.2 * var(--ratioPush)); line-height:1em; }
.gs__page .gs__push-number small { font-size:0.6em; line-height:1em; position: relative; top: -0.5em; }

.gs__page .gs__push-legend { display: none; }


@media (max-width: 768px) { 

   .gs__page .gs__push-cta { position:absolute; left:0; top:auto; bottom: calc( 24 * var(--ratioPush)); width: 100%; text-align: center ;}

}


@media (min-width: 769px) { 

  .gs__page .gs__push {  container-type: inline-size; --ratioPush:0.0755cqw; width: 100%; height: calc( 500 * var(--ratioPush)); max-height: 500px; }
  
  .gs__page .gs__push-media-text { position: absolute; top:calc( 351 * var(--ratioPush)); left:calc( 150 * var(--ratioPush)); width: calc( 100 * var(--ratioPush)); font-size: calc(12 * var(--ratioPush)); line-height: 1.45em; }

  .gs__page .gs__push-body { left:calc( 756 * var(--ratioPush) ); width: calc( 100% - 756 * var(--ratioPush) - 32px ); padding: 0;  align-items:center;  }

  .gs__page .gs__push-content { width: 90%; padding:0; }

  .gs__page .gs__push-suptitle {font-size: calc( 23 * var(--ratioPush)); line-height: 0.9em; padding-bottom:0; }
  .gs__page .gs__push-title {font-size: calc( 39 * var(--ratioPush)); line-height: 0.95em; padding-bottom:0; }
  .gs__page .gs__push-title strong {font-size: calc( 45 * var(--ratioPush)); line-height: 1em; }
  .gs__page .gs__push-subtitle {font-size: calc( 17 * var(--ratioPush)); line-height: 1.35em;  padding-bottom: calc( 22 * var(--ratioPush)); }
  
  .gs__page .gs__push-texts { position:relative; top:0; left:0; flex-direction:row; align-items: flex-end; }
  .gs__page .gs__push-number { font-size:calc(40 * var(--ratioPush)); line-height:1em; }
  .gs__page .gs__push-text { font-size: calc( 20 * var(--ratioPush)); line-height: 1.35em; }

  .gs__page .gs__push-cta { padding-top: calc( 36 * var(--ratioPush)); }

}


@media (min-width: 1324px) { 

}