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


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

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

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

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

.hrc__page h1,
.hrc__page h2,
.hrc__page h3,
.hrc__page h4 {margin: 0;padding: 0;font-weight: normal; }
.hrc__page p {margin: 0;padding: 0; }
.hrc__page picture {display: block; width: 100%; }
.hrc__page img { width: 100%;display: block; }
.hrc__page sup { position: unset; vertical-align: super; line-height: 1em; font-size: 0.55em; }

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

.hrc__page .hrc__bloc { position: relative; width: 100%; margin: 0 auto;  }

.hrc__page .hrc__title {  text-rendering: optimizeSpeed; }
.hrc__page .hrc__text { text-rendering: optimizeSpeed;  }

.hrc__page .hrc__text .hrc__nowrap {white-space: nowrap; }
.hrc__page .hrc__text a { text-decoration: underline; }
.hrc__page .hrc__text a:hover { text-decoration: none; }

.hrc__page .hrc__colored { color:var(--COLOR-PAGE); }


.hrc__page .hrc__text strong,
.hrc__page .hrc__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.hrc__page .hrc__price {font-size: 16px;line-height: 20px; }

.hrc__page .hrc__cta {  }
.hrc__page .hrc__cta-btn {cursor: pointer;display: inline-flex;min-width: 132px;height: auto;padding: 14px 17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: #b40024;border: 2px solid #b40024;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;}
.hrc__page .hrc__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: #8c0b26;  border-color: #8c0b26; }
.hrc__page .hrc__cta-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 2px #6893d2 !important;  }

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

.hrc__page .hrc__link { text-decoration: underline; }
.hrc__page .hrc__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; }
.hrc__page .hrc__link-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2 !important; }
.hrc__page .hrc__link-white { color:#fff; }
.hrc__page .hrc__link-btn:hover { text-decoration:none; }


.hrc__page .hrc__quickshop { display: none; }
.hrc__page .hrc__addtobag { display: none; }

.hrc__page .hrc__bkgd { background:#FBF6F3; }
.hrc__page .hrc__bkgd.hrc__bkgd-white { background:#fff; position:relative; }

.hrc__page .hrc__nowrap { white-space: nowrap; }



@media (min-width: 768px) { 


}



/*   push    */

.hrc__page .hrc__push { --ratioPush:calc( ( 100vw - 40px ) / 350); color:#fff; position: relative; top:0; left:0; width: calc(100% - 40px); max-width: 1264px; margin: 0 auto;  }

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

.hrc__page .hrc__push-logo-picture { width: 100%; }
.hrc__page .hrc__push-logo-img { width: 100%; }

.hrc__page .hrc__push-body { position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items:flex-start; justify-content:flex-start; }

.hrc__page .hrc__push-content { text-align: center; width: 100%; }

.hrc__page .hrc__push-suptitle { font-size: calc( 10 * var(--ratioPush)); line-height: 1.45em; padding-bottom: calc( 8 * var(--ratioPush)); font-family:var(--GOTHAM-MEDIUM); font-weight: 700; text-transform:uppercase; }
.hrc__page .hrc__push-title { font-size: calc( 24 * var(--ratioPush)); line-height: 1em; padding-bottom: calc( 8 * var(--ratioPush)); font-family:var(--GOTHAM-MEDIUM); }
.hrc__page .hrc__push-text { font-size: calc( 14 * var(--ratioPush)); line-height: 1.45em; text-transform: uppercase; }

.hrc__page .hrc__push-cta { padding-top: calc( 8 * var(--ratioPush)); position: relative; top:0; left: 0; }
.hrc__page .hrc__link-btn { font-size:  calc( 11 * var(--ratioPush)); }

.hrc__page .hrc__push-legend { display: none; }


@media (max-width: 768px) { 

.hrc__page .hrc__push-media {  }
.hrc__page .hrc__push-body { align-items:flex-end; justify-content:space-between;  }

.hrc__page .hrc__push-logo {  width: calc( 139 * var(--ratioPush)); margin-top: calc( 20 * var(--ratioPush)); margin-right: calc( 20 * var(--ratioPush)); }
.hrc__page .hrc__push-content { padding-bottom: calc( 196 * var(--ratioPush));  width: calc( 280 * var(--ratioPush) ); margin: 0 auto; }
 .hrc__page .hrc__push-text { font-family:var(--GOTHAM-MEDIUM); }

}


@media (min-width: 769px) { 

  .hrc__page .hrc__push { container-type: inline-size; --ratioPush:calc(100cqw/1264); width: 100%; max-width: 1264px; height: calc( 500 * var(--ratioPush)); max-height: 500px; }

  .hrc__page .hrc__push-body { left:calc( 461 * var(--ratioPush) ); width: calc( 280 * var(--ratioPush) ); padding: 0; justify-content:center; align-items:center; }

.hrc__page .hrc__push-logo {  width: calc( 211 * var(--ratioPush)); }

  .hrc__page .hrc__push-content { padding-top: calc( 32 * var(--ratioPush));}

  .hrc__page .hrc__push-suptitle { font-size: calc( 10 * var(--ratioPush)); line-height: 1.45em; padding-bottom: calc( 8 * var(--ratioPush)); }
  .hrc__page .hrc__push-title { font-size: calc( 32 * var(--ratioPush)); line-height: 1em; padding-bottom: calc( 8 * var(--ratioPush)); }
  .hrc__page .hrc__push-text { font-size: calc( 14 * var(--ratioPush)); line-height: 1.45em; }

  .hrc__page .hrc__push-cta { padding-top: calc( 8 * var(--ratioPush)); }

}