/*RESETS*/
*{box-sizing: border-box;}
:where(*){margin: 0;padding: 0;}
main img,main video,main iframe{
    display: block;
    width: 100%;
    max-width: 100%;}

/*use hidden attribute*/
[hidden],[type="hidden"],.gform_hidden,.hidden{display: none;}

html,body{
    height: 100%;
    margin: 0;
    scroll-behavior: smooth;}

body{
    font-family:roboto,system-ui;
    font-size: 100%;
    line-height: 1.4;
    text-rendering: optimizeSpeed;}
.trp-language-wrap,#gblCart,#header,.sub-nav,.footer-widgets{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.footer-widgets{z-index: 999;}
@media(max-width:767px){.footer-widgets{padding-bottom: 2.618em}}
.sub-nav:not(#operation-christmas-child){display: none;}
.sub-footer-a,.sub-footer-b{box-sizing: border-box!important;}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

a,h1,h2,h3,h4,h5,h6{
    overflow-wrap: break-word;}

/*HELPERS*/
:root{
    --lang-picker:40px;
    --nav-bar:72px;
    --sub-nav:60px;
/*LANG PICKER AND MAIN NAV*/
    --nav-2:calc(var(--lang-picker) + var(--nav-bar));
/*LANG PICKER, MAIN NAV, SUB NAV*/
    --nav-3:calc(var(--lang-picker) + var(--nav-bar) + var(--sub-nav));
    --page-nav:2.618em;} 

@media(max-width:767px){:root{--sub-nav:42px;--nav-bar:50px;}}

/*use .visually-hidden only*/
.visually-hidden,.screen-reader-text{
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;}

.pseudo{position: relative;}
.pseudo::before,.pseudo::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;}

:where(.space-small>*+*){margin-top: 1em;}
:where(.space>*+*){margin-top: 1.618em;}
:where(.space-large>*+*){margin-top: 2.618em;}

[id=""]{
    scroll-margin:1.618em;
}

/*BASIC TYPOGRAPHY*/
:root{
    --base-unit:1.05em;
    /*BASED ON THE W/H RATIO OF "0" IN ROBOTO*/
    --ch-unit:calc(var(--base-unit)*.56125);
    --h4:calc(var(--base-unit)*1.382);
    --h3:calc(var(--base-unit)*1.618);
    --h2:calc(var(--h3)*1.618);
    --h1:calc(var(--h2)*1.618);}

@media(min-width:75rem){
    @supports(font-size:clamp(1rem, 0.38vw + .93rem, 1.382rem)){
        :root{--base-unit:clamp(1rem, 0.62vw + 1rem, 1.63rem);
        }
    }
}

@media(min-width:100rem){
    @supports(font-size:clamp(1rem, 0.38vw + .93rem, 1.382rem)){
        :root{--base-unit:clamp(1rem, 1vw + 1rem, 1.84rem);
        }
    }
}

main{
    font-family: etna,georgia,serif;
    font-size: var(--base-unit, 1em);
    line-height: 1.618;
    hanging-punctuation: first force-end last;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-variant-ligatures: common-ligatures;
    color: #333;
    accent-color:#00a651;}

.h0,h1,.h1,h2,.h2,h3,.h3,h4,.stat-number,.stat-title,.lg p{
    font-family: 'luckiest guy', system-ui;
    text-transform: uppercase;
    font-weight: 400!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/*    letter-spacing: .04ch;*/
}

.h0,h1,.h1,h2,.h2{
    text-align: center;
}

h1{
    font-size: var(--h1,3.067em);
    line-height: 1;}

h2,.h2{
    font-size: var(--h2,1.978em);
    line-height: .8;
}

h3,.h3{
    font-size: var(--h3,1.476em);
    line-height: 1;}

h4,.h4{
    font-size:var(--h4);
    line-height: 1;
    font-weight: 400;
}

@media (min-width:75rem){
    .large{
        font-size: calc(var(--base-unit)*1.236);
        margin-bottom: 2.618em;
    }
}

blockquote,figcaption,h3,.h3,h4,.h4,h5,.h5,h6,.h6,hgroup p,small,.small{line-height: 1.382}
hgroup p,blockquote p{font-size: var(--h3,1.22em)}
h4,h5,.h5,h6,.h6{font-size: calc(var(--base-unit))}

.copy-container>blockquote:not(:first-child){margin-block:4.236em}
.copy-container>blockquote:first-child{
    margin-bottom: 4.236em
}

@supports not (hanging-punctuation: first force-end last){
    .quote{margin-left: -.89ch;}
}

blockquote .small{display: block;}
address,cite{font-style: normal;}
cite,figcaption,small,.small{font-size:.618em;}
sub,sup{font-size: .618em;line-height:0;}
q{font-style: italic;}
h4+p{margin-top: 0;}

cite{
    text-transform: uppercase;
    letter-spacing: .1ch;
}

figcaption{
    color: rgba(0,0,0,.8);
    padding: 1ch;}

:where(main ul,main ol){padding-left:1em;}
main [role="list"],main form ul{list-style: none;}
:where(main [role="list"]),main form ul{padding-left:0;}
dt{font-weight:700;}

main a{
    color: #06f;
    text-decoration: underline;
    font-weight: 700;}

a,button{cursor: pointer;}
main a[class]{text-decoration: none;}
main :not(cite,dd,.h0,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,small,.small,span)>a{display: block;}

@media(hover:hover){
    main a,main button,.diSlimBtn{transition:all .5s ease;}
    main a:hover,main button:hover,.diSlimBtn:hover,main input[type="button"]:hover,main input[type="reset"]:hover,main input[type="submit"]:hover{filter:brightness(1.2);}
}

/*VIDEO*/
.video-container iframe{
    height: auto;
    aspect-ratio:16/9;
    border: none;}

@supports not (aspect-ratio:16/9){
    .video-container{position: relative;}
    .video-container div{padding-top: 56.25%;}
    .video-container iframe{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
}
/*END VIDEO*/

/*HIDE SCROLLBAR*/
.slide-container{scrollbar-width:0;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.slide-container::-webkit-scrollbar{width: 0;height: 0}.slide-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.slide-container::-webkit-scrollbar-track{background:rgba(0,0,0,0);}