*{
    box-sizing: border-box;
    margin: 0;
}

@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}
}

html{
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none}

@media(prefers-reduced-motion:no-preference){
    html{scroll-behavior: smooth}
}

html,body{
    height: 100%;
    margin: 0}

body{
    font-family:roboto,system-ui;
    font-size: 100%;
    line-height: 1.4}

:target{scroll-margin-block:2.618em}

main :is(img,video,iframe){
    display:block;
    width:100%;
    max-width:100%}

iframe{
    border: none;
    aspect-ratio: 1.77/1}

hr{
    border: none;
    height: 1px;
    background:rgba(0,0,0,.3)}

[hidden],[type="hidden"],.gform_hidden,.hidden{display: none}
:is(ul,ol)[role="list"]{list-style: none}
:is(ul,ol)[role="list"]:not(.scroll-x){padding-inline-start:0}
:is(ul,ol):not([role="list"]){padding-inline-start:1em}
a,button,summary{cursor: pointer}

:where(main a:not([class])){
    font-weight: bolder;
    color: var(--primary-color);
    text-decoration: underline}

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

/*MAINTAINS NAV CONSISTENCY ACROSS SITE*/
.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}
}

/*FIXES OCC FOOTER ISSUE CAUSING HORIZZONTAL SCROLLBAR*/
.sub-footer-a,.sub-footer-b{box-sizing: border-box!important}

.visually-hidden{
    width: 1px;
    height: 1px;
    position: absolute;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap}

.pseudo{position: relative}
.pseudo:is(::before,::after){
    content: '';
    position: absolute;
    display: block}

/*HIDE SCROLLBAR*/
.touch .scroll-x,.hide-scrollbar{
    scrollbar-width:0;
    scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}

:is(.touch .scroll-x,.hide-scrollbar)::-webkit-scrollbar{
    width:0;
    height:0}

:is(.touch .scroll-x,.hide-scrollbar) :is(::-webkit-scrollbar-track,::-webkit-scrollbar-thumb){background:rgba(0,0,0,0)}
/*END HIDE SCROLLBAR*/

.trigger{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px}

:where(.space-small>*+*){margin-block-start: .618em}
:where(.space>*+*){margin-block-start: 1.618em}
:where(.space-large>*+*){margin-block-start: 2.618em}

/*VARIABLES*/
: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));
    --base-unit:clamp(1rem, 0.48vw + 0.9rem, 1.618rem);
    --small:calc(var(--base-unit)*.75);
    --ch-unit:calc(var(--base-unit)*.562);
    --h4:calc(var(--base-unit)*1.13);
    --h3:calc(var(--base-unit)*1.21);
    --h2:calc(var(--h3)*1.34);
    --h1:calc(var(--h2)*1.55)}

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

body{--primary-color:#06f}
body.campaign-operation-christmas-child{--primary-color:#00a651}
/*END VARIABLES*/

main{
    font-size: var(--base-unit);
    line-height: 1.618;
    accent-color:var(--primary-color);
    position: relative}

h1,h2,h3,h4,h5,h6,hgroup *{line-height: 1.13}   
h1,h2{font-weight: 900}
h1,.h1{font-size: var(--h1)}
h2,.h2{font-size: var(--h2)}
h3,.h3{font-size: var(--h3)}
h4,.h4{font-size: var(--h4)}
h5,.h5,h6,.h6{font-size: var(--base-unit)}
cite,figcaption,small,.small,sub,sup{font-size: var(--small)}
sub,sup{line-height:0}
strong{font-weight: bolder}
a,h1,h2,h3,h4,h5,h6{overflow-wrap: break-word}
h3+p{margin-top: 0}

figcaption{
    line-height: 1.382;
    margin-top: .236em;
    color: #555}