* {
    margin: auto;
    padding: 0;
    border: 0;
    direction: ltr;
    font-family: Jost, sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
    outline: none;
    box-sizing: border-box;
    color: black;
    -webkit-text-size-adjust: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

html {
    background-color: rgb(252, 248, 245);
}
a, a:active, button {
    text-decoration: none;
    background-color: transparent;
}
div.mElmNav { text-align: right; }
div.mElmNav ul.mAction, div.mElmNav ul.mLink { display: inline-block; text-align: left; position: relative;  }
div.mElmNav a, button { display: inline-block; position: relative; font-weight: 600; letter-spacing: -0.02em; }
button.mLink { position: relative; }
div.mElmNav li {  }
div.mElmNav ul li { position: relative; }
div.mElmNav ul.mAction li::before, div.mElmNav ul.mLink li::before, button.mLink::before { font-size: 0.9em; content: "❖"; position: relative; top: -0.02em; margin-right: 0.4em; }
button.mLink::before { margin-right: 0.5em; }
div.mElmNav a:hover, button.mLink:hover {  }
button.mSmall { font-size: 1em; }

a:hover, button:hover {
    text-decoration: underline;
    cursor: pointer;
}
div.mElmNav a, button { line-height: 2rem; min-height: 2rem; }
div.mElmNav a:hover, button:hover {
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(31, 11, 3), rgb(31, 11, 3));
    background-position: 1rem 2rem;
    background-repeat: no-repeat;
    background-size: 5rem 1px;
}
button.mLink:hover, ul.mRadio li:hover { text-decoration: none; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
figure, picture, img {
    width: 100%;
    height: auto;
    margin: 0;
    vertical-align: top;
}
b { font-weight: 600; }
i { font-style: italic;  }
b > i, i > b { font-style: italic;  }
ul { list-style-type: none;}


/*
	BODY
*/

body {
    width: 100vw;
    min-height: 100vh;
    position: relative;
    text-align: left;
}


.mColHi { color: rgb(252, 248, 245); }
.mColLo { color: rgb(241, 238, 235); }

.mBkgHi { background-color: rgb(252, 248, 245); }
.mBkgLo { background-color: rgb(241, 238, 235); }
.mBkgDa { background-color: rgb(232, 228, 226); }

.mBkgLo img.mPdt { filter: url("#mBkgLo"); }
.mBkgHi img.mPdt { filter: url("#mBkgHi"); }
.mBkgDa img.mPdt { filter: url("#mBkgDa"); }




/*
	MAIN
*/

main {
    display: block;
    width: 100vw;
    min-height: 100vh;
    position: relative;
    padding-bottom: 10rem;
}
section {
    display: block;
    vertical-align: top;
}

main.mNoHero {  }

@media screen and (max-width: 767px) {
    main.mNoHero {
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    main.mNoHero {
    }
}
@media screen and (min-width: 1024px) {
    main.mNoHero {
    }
}


/*
	TITLES
*/


h1, h2, h3 {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-align: left;
    letter-spacing: -0.03em;
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
}
h1 {
    padding: 2rem 0;
    font-size: 2.1rem;
    line-height: 3.4rem;
    background-position: 0 calc(100% - 1.7rem);
    background-size: 4rem 0.3rem;
}

h2 {
    padding: 2rem 0;
    font-size: 1.3rem;
    line-height: 2.1rem;
    background-position: 0 calc(100% - 1.5rem);
    background-size: 3rem 0.2rem;
}
aside.mAction h2 {
    text-align: left; background-position: 0 4rem;
}
h2.mWhite { color: white; background-image: linear-gradient(to right, white, white); }

h1 span {
    font-weight: 300;
    font-size: 2.1rem;
    line-height: 3.4rem;
    letter-spacing: -0.05em;
}
h3 {
    padding: 2rem 0;
    font-size: 0.95rem;
    line-height: 1.3rem;
    background-position: 0 calc(100% - 1.4rem);
    background-size: 2rem 0.1rem;
}
h3.mLeft { text-align: left; background-position: 0 3rem; }
h3:nth-child(n+2), div.Desc h3 {
    margin-top: 1rem;
}
h4 {
    font-size: 1rem;
    font-weight: bold;
    padding: 2rem 0 0.5rem 0;
    text-align: center;
}
p {
    line-height: 1.618em;
}
p:nth-of-type(n+2) {
    margin-top: 0.5rem;
}

/*
    GLASS
 */


.mGlass {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(5px) saturate(180%);
    backdrop-filter: blur(5px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 4px 20px rgba(255, 255, 255, 0.8);
}
.mGlass:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.2rem;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 0.8), inset 0px -9px 0px -8px rgba(255, 255, 255, 0.8);
    opacity: 0.6;
    z-index: -1;
}
.mShadow {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.85);
    box-shadow: -1rem 2rem 2rem 1rem rgba(0, 0, 0 ,0.1), inset 0 4px 20px rgba(255, 255, 255, 0.95);
}
.mShadow:after {
    
    /* filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%); */
}



/*
    MENUS
*/


header { position: relative; background-color: white; }

header div.mLogo { text-align: center; }
header div.mLogo a { display: block; }
header div.mLogo a img { }
header div.mLogo img.mSeparator { position: relative; }


header a.mMain, header a.mMain b, header button {
    position: relative;
    letter-spacing: -0.01em;
}
header a.mMain b { text-transform: uppercase; }
header a.mMain:hover { text-decoration: none; }
header a.mMain.mSel, a.mMain.mSel b { color: red; }
header nav a.mMain, header nav button { }

header nav {
    position: fixed; display: inline-block; z-index: 10;
    background-color: white;
    background-repeat: no-repeat; background-position: center center;
}

header nav.mUser { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg height='210px' viewBox='0 0 210 210' width='210px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 177.242 157.737 C 175.262 151.418 171.673 145.044 166.378 141.335 C 156.192 134.144 144.324 130.308 132.847 126.202 C 130.079 125.17 127.266 124.046 124.736 122.446 C 122.477 121.019 121.629 118.091 121.104 115.521 C 120.873 114.16 120.731 112.765 120.657 111.393 C 128.979 99.286 134.499 79.529 134.499 63.329 C 134.499 38.046 121.066 31 104.499 31 C 87.927 31 74.497 38.035 74.497 63.318 C 74.497 80.098 80.415 100.682 89.239 112.64 C 89.158 113.583 89.053 114.528 88.893 115.468 C 88.367 118.037 87.52 120.911 85.263 122.337 C 82.73 123.938 79.917 124.953 77.149 125.984 C 65.673 130.09 53.804 133.711 43.621 140.902 C 38.324 144.612 34.735 151.418 32.757 157.737 C 30.719 164.295 29.886 172.418 30.012 179 L 104.996 179 L 179.987 179 C 180.114 172.419 179.278 164.296 177.242 157.737 Z' stroke-linecap='round' stroke-linejoin='round' style='stroke-width: 9px; stroke: rgb(0, 0, 0); fill: none;'/%3E%3C/svg%3E"); }
header nav.mBag { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg height='210px' viewBox='0 0 210 210' width='210px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 75 71 C 75 17.667 135 17.667 135 71' style='stroke-width: 11px; stroke: rgb(0, 0, 0); fill: none;'/%3E%3Cpath d='M 45 79 L 165 79 L 165 179 L 45 179 L 45 79 Z' stroke-linejoin='round' style='stroke-width: 9px; stroke: rgb(0, 0, 0); fill: none;' stroke-width='12'/%3E%3Cg stroke-linecap='round' transform='matrix(1, 0, 0, 1, -55.788155, 52.478748)' stroke='%23432a19' stroke-width='12'%3E%3Cpath d='m130.788319 18.520847v30' style='fill: rgb(255, 255, 255); stroke-width: 11px; stroke: rgb(0, 0, 0);'/%3E%3Cpath d='m190.788319 18.520847v30' style='fill: rgb(255, 255, 255); stroke-width: 11px; stroke: rgb(0, 0, 0);'/%3E%3C/g%3E%3C/svg%3E"); }
header nav.mSearchN { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg height='210px' viewBox='0 0 210 210' width='210px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1, 0, 0, 1, -8.425713, -8.113991)'%3E%3Cellipse style='stroke: rgb(0, 0, 0); stroke-width: 11px; fill: none;' cx='105' cy='105' rx='50' ry='50'/%3E%3Cpath d='M 157.074 135.552 L 157.074 177.349' style='fill: rgb(255, 255, 255); stroke-width: 11px; stroke: rgb(0, 0, 0); transform-box: fill-box; transform-origin: 50%25 50%25;' stroke-linecap='round' stroke='%23432a19' stroke-width='12' transform='matrix(-0.707107, 0.707107, -0.707107, -0.707107, -0.000052, 0.000006)'/%3E%3C/g%3E%3C/svg%3E"); }
header nav.mMain { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 210 210' width='210px' height='210px' xmlns='http://www.w3.org/2000/svg' xmlns:bx='https://boxy-svg.com'%3E%3Cdefs%3E%3Cbx:export%3E%3Cbx:file format='svg' normalization='%7B"convertTextsToPaths":true%7D'/%3E%3C/bx:export%3E%3C/defs%3E%3Cpath d='M 38.31 94.24 L 38.31 64.14 L 44.07 64.14 L 56.88 85.38 L 53.83 85.38 L 66.38 64.14 L 72.19 64.14 L 72.19 94.24 L 65.7 94.24 L 65.61 74.16 L 66.9 74.16 L 56.75 91.02 L 53.66 91.02 L 43.38 74.16 L 44.8 74.16 L 44.8 94.24 Z M 86.26 76.22 L 100.75 76.22 L 100.75 81.68 L 86.26 81.68 Z M 86.77 88.65 L 103.16 88.65 L 103.16 94.24 L 79.85 94.24 L 79.85 64.14 L 102.6 64.14 L 102.6 69.73 L 86.77 69.73 Z M 109.21 94.24 L 109.21 64.14 L 114.97 64.14 L 132.73 85.81 L 129.94 85.81 L 129.94 64.14 L 136.82 64.14 L 136.82 94.24 L 131.06 94.24 L 113.3 72.57 L 116.09 72.57 L 116.09 94.24 Z M 157.83 94.76 Q 151.43 94.76 147.82 91.19 Q 144.2 87.62 144.2 80.95 L 144.2 64.14 L 151.21 64.14 L 151.21 80.78 Q 151.21 85.04 152.98 86.95 Q 154.74 88.87 157.88 88.87 Q 161.06 88.87 162.82 86.95 Q 164.59 85.04 164.59 80.78 L 164.59 64.14 L 171.42 64.14 L 171.42 80.95 Q 171.42 87.62 167.81 91.19 Q 164.2 94.76 157.83 94.76 Z' style='text-wrap-mode: nowrap;'/%3E%3Cline style='stroke-linecap: round; stroke-width: 11px; stroke: rgb(0, 0, 0);' x1='39.5' y1='122.699' x2='170.5' y2='122.402'/%3E%3Cline style='stroke-linecap: round; stroke-width: 11px; stroke: rgb(0, 0, 0);' x1='40' y1='157.384' x2='170' y2='157.102'/%3E%3C/svg%3E"); }

header nav.mUser p.mUserInitials, header nav.mBag p.mPdtQty {
    position: absolute; bottom: -0.2rem; right: 0;
    color: white;
    font-size: 0.7rem;
    letter-spacing: -0.02em;
    padding-bottom: 0.2rem;
    line-height: 1.8rem;
    text-align: center;
    font-weight: 600;
    width: 2rem;
    aspect-ratio: 1;
    background:
         radial-gradient(at 70% 31%, rgb(223, 0, 0) 29%,#0000 30%),
         radial-gradient(at 30% 31%, rgb(223, 0, 0) 29%,#0000 30%),
         conic-gradient(from -45deg at 50% 84%, rgb(223, 0, 0) 90deg,#0000 0)
         bottom/100% 50% no-repeat;
}

header nav div.mDrop { z-index: 9; display: block; position: fixed; text-align: left; padding-top: 1px; border-radius: 0.2rem; }
header nav div.mDrop.mHide { display: none; }
header nav div.mDrop.mShow {
    animation: mDropShow 0.25s ease-out;
}
@keyframes mDropShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

header nav a.mMain, header nav a.mLang, header nav button.mMain, header nav { display: block; width: 100%; line-height: 2.5rem; margin: 0; white-space: nowrap; text-align: left; }
header nav div.mDrop > * { padding: 0.5rem 1rem; }
header nav div.mDrop > *:not(:first-child) {
    background-image: linear-gradient(to right, rgb(223, 223, 223), rgb(223, 223, 223)); background-repeat: no-repeat;
    background-size: 3rem 1px; background-position: 1rem 0;
}
header nav div.mDrop a.mMain br { display: none !important; }

header nav.mBag div.mElmNav { text-align: center; }

header nav.mBag p.mSwitchCountry { margin-top: 1rem; line-height: 2.5rem; }
header nav.mBag p.mSwitchCountry img { margin-top: calc((2.5rem - 1.618em) / 2 + 0.4em); }

aside.mPunchLine {
    display: block;
    background-color: black;
    padding: 1rem; height: 3rem;
}
header aside.mPunchLine { margin-top: 1rem; }
footer aside.mPunchLine { margin-bottom: 1rem; }
aside.mPunchLine p, aside.mPunchLine p b { color: white; text-transform: uppercase; font-size: 1em; height: 1rem; line-height: 1rem; }

@media screen and (max-width: 767px) {
    header {  }
    
    header div.mLogo { padding-top: 1.7vw; }
    header div.mLogo a img { width: 55vw; height: calc(55vw / 1.614 / 1.614 / 1.614); }
    header div.mLogo img.mSeparator { top:-0.7vw; width: 15vw; height: 1.5vw; }
    
    header div.mDesk { display: none !important; }
    
    header nav { top: 2vw; width: 11vw; height: 11vw; background-size: 8vw 8vw; }
    header nav div.mIcon { width: 11vw; height: 11vw; padding: 1.5vw; }
    header nav div.mIcon img { width: 8vw; height: 8vw; }
    
    header nav.mBag { right: 2vw; }
    header nav.mSearch { left: 15vw; }
    header nav.mUser { right: 15vw; }
    header nav.mMain { left: 2vw; }
    
    header nav.mBag div.mDrop { padding-right: 0; }
    header nav.mBag div.mDrop div.mFooter { margin-right: 5vw; }
    header nav div.mDrop { top: 15vw; width: 100vw; left: 0; }
    header nav div.mDrop a.mMain:nth-child(2)::before { width: 50vw; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    header {  }
    
    header div.mLogo a img { width: 33vw; height: calc(33vw / 1.614 / 1.614 / 1.614); }
    header div.mLogo img.mSeparator { top:-0.4vw; width: 9vw; height: 0.9vw; }
    
    header div.mDesk { display: none !important; }
    
    header nav { top: 3vw; width: 7vw; height: 7vw; background-size: 5vw 5vw; }
    header nav div.mIcon { width: 7vw; height: 7vw; padding: 1vw; }
    header nav div.mIcon img { width: 5vw; height: 5vw; }
    
    header nav.mBag { right: 3vw; }
    header nav.mSearch { left: 13vw; }
    header nav.mUser { right: 13vw; }
    header nav.mMain { left: 3vw; }
    
    header nav div.mDrop { top: 10vw; width: 50vw; }
    header nav div.mDrop a.mMain:nth-child(2)::before { width: 30vw; }
    header nav div.mDrop.mLeft { left: 0; }
    header nav div.mDrop.mRight { right: 0; }
}
@media screen and (min-width: 1024px) {
    header { text-align: center; }
    
    header div.mLogo a img { width: 25vw; height: calc(25vw / 1.614 / 1.614 / 1.614); }
    header div.mLogo img.mSeparator { top:-0.4vw; width: 7vw; height: 0.7vw; }
    
    header nav { top: 1vw; width: 4vw; height: 4vw; background-size: 2.5vw 2.5vw; }
    header nav div.mIcon { width: 4vw; height: 4vw; padding: 0.75vw; }
    header nav div.mIcon img { width: 2.5vw; height: 2.5vw; }
    
    header nav.mBag { right: 2vw; }
    header nav.mSearch { left: 8vw; }
    header nav.mUser { right: 8vw; }
    header nav.mMain { left: 2vw; }
    
    header div.mDesk { padding: 0.75em 0; }
    header div.mDesk a.mMain { display: inline-block; margin: 0 1.25em; text-align: left; min-height: 2em; }
    header div.mDesk a.mMain:nth-child(2)::before { content: " "; width: 1px; background-color: black; height: 100%; position: absolute; top: 0; left: -1rem; }
    
    
    header nav div.mDrop { top: 5vw; min-width: 30rem; }
    header nav div.mDrop a.mMain:nth-child(2)::before { width: 24vw; }
    header nav div.mDrop.mLeft { left: 0; }
    header nav div.mDrop.mRight { right: 0; }
    
    header div.mNav { right: 0; top: calc((8vw - 3.5rem) / 2); }
    header div.mNav div.mShop:after { font-size: 1.8rem; content: "•"; position: relative; top: 0.1em; }
    header div.mNav nav a.mMain { display: inline-block; vertical-align: middle; padding: 0.25rem 0; margin: 0.75rem; line-height: 1.5rem; }
    
    header div.mNav nav.mUser div.mDrop, header div.mNav nav.mBag div.mDrop { position: absolute; right: 0; top: 3rem; display: none; box-shadow: 0 0 10vh 1px rgba(0, 0, 0 ,0.2); }
    header div.mNav nav.mUser:hover div.mDrop, header div.mNav nav.mUser div.mDrop:hover, header div.mNav nav.mBag:hover div.mDrop, header div.mNav nav.mBag div.mDrop:hover { display: block; }
    
    header div.mNav nav div.mSub.mDrop { padding: 1rem; text-align: left; }
    header div.mNav nav div.mSub a, header div.mNav nav div.mSub button { display: inline-block; line-height: 2rem; margin: 0.5rem; margin-right: 10vw; white-space: nowrap; }
}


header nav.mBag.mBagEdit { animation: BagEdit 0.7s ease-out; animation-iteration-count: 1; }
@keyframes BagEdit {
    from { background-color: white; }
    5% { background-color: rgb(223, 0, 0); }
    15% { background-color: white; }
    20% { background-color: rgb(223, 0, 0); }
    to { background-color: white; }
}


/*
    TIKR
*/


aside.mTikr { position: relative; }

aside.mTikr p
{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    padding: 0 1rem;
    margin-top: 0;
    text-align: center;
}

aside.mTikr p.mTikr1 { animation: mTikr1 13s ease infinite; }
aside.mTikr p.mTikr2 { animation: mTikr2 13s ease infinite; }
aside.mTikr p.mTikr3 { animation: mTikr3 13s ease infinite; }

@keyframes mTikr1 {
    0% { opacity: 1; }
    20% { opacity: 1; }
    30% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes mTikr2 {
    0% { opacity: 0; }
    30% { opacity: 0; }
    33% { opacity: 1; }
    53% { opacity: 1; }
    63% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes mTikr3 {
    0% { opacity: 0; }
    63% { opacity: 0; }
    66% { opacity: 1; }
    86% { opacity: 1; }
    96% { opacity: 0; }
    100% { opacity: 0; }
}



/*
	SUBMENUS
 */

menu.mSubmenus {
    position: relative;
    
    border-bottom: solid 1px rgb(191, 191, 191);
    box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.2);
    padding: 1rem;
}
menu.mSubmenus li a:hover { text-decoration: none; }

@media screen and (max-width: 767px) {
    menu.mSubmenus li.mPane { flex: 0 0 auto; margin: 0; padding: 0.5rem 1.5rem; }
}
@media screen and (min-width: 768px) {
    menu.mSubmenus { justify-content: center; }
    menu.mSubmenus li.mPane { flex: 0 0 auto; margin: 0; padding: 0.5rem 1.5rem; }
}
.mSubmenus {
    background-color: rgb(241, 238, 235);
    background-image:
         radial-gradient(circle at 100% 150%, rgb(238,233,230) 24%, rgb(241, 238, 235) 25%, rgb(241, 238, 235) 28%, rgb(238,233,230) 29%, rgb(238,233,230) 36%, rgb(241, 238, 235) 36%, rgb(241, 238, 235) 40%, transparent 40%, transparent),
         radial-gradient(circle at 0    150%, rgb(238,233,230) 24%, rgb(241, 238, 235) 25%, rgb(241, 238, 235) 28%, rgb(238,233,230) 29%, rgb(238,233,230) 36%, rgb(241, 238, 235) 36%, rgb(241, 238, 235) 40%, transparent 40%, transparent),
         radial-gradient(circle at 50%  100%, rgb(241, 238, 235) 10%, rgb(238,233,230) 11%, rgb(238,233,230) 23%, rgb(241, 238, 235) 24%, rgb(241, 238, 235) 30%, rgb(238,233,230) 31%, rgb(238,233,230) 43%, rgb(241, 238, 235) 44%, rgb(241, 238, 235) 50%, rgb(238,233,230) 51%, rgb(238,233,230) 63%, rgb(241, 238, 235) 64%, rgb(241, 238, 235) 71%, transparent 71%, transparent),
         radial-gradient(circle at 100% 50%, rgb(241, 238, 235) 5%, rgb(238,233,230) 6%, rgb(238,233,230) 15%, rgb(241, 238, 235) 16%, rgb(241, 238, 235) 20%, rgb(238,233,230) 21%, rgb(238,233,230) 30%, rgb(241, 238, 235) 31%, rgb(241, 238, 235) 35%, rgb(238,233,230) 36%, rgb(238,233,230) 45%, rgb(241, 238, 235) 46%, rgb(241, 238, 235) 49%, transparent 50%, transparent),
         radial-gradient(circle at 0    50%, rgb(241, 238, 235) 5%, rgb(238,233,230) 6%, rgb(238,233,230) 15%, rgb(241, 238, 235) 16%, rgb(241, 238, 235) 20%, rgb(238,233,230) 21%, rgb(238,233,230) 30%, rgb(241, 238, 235) 31%, rgb(241, 238, 235) 35%, rgb(238,233,230) 36%, rgb(238,233,230) 45%, rgb(241, 238, 235) 46%, rgb(241, 238, 235) 49%, transparent 50%, transparent);
    background-size: 40px 20px;
}


/*
	BUTTONS: CTAs
 */


a.mCTA, p.mCTA, button.mCTA {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    letter-spacing: -0.02em;
    font-size: 0.85em;
    text-transform: uppercase;
    text-align: left;
    padding: 0.5rem 1rem;
    border: solid rgb(53, 22, 9) 1px;
    line-height: 2rem;
    color: rgb(53, 22, 9);
    border-radius: 0.2em;
}
a.mCTA:before, p.mCTA:before, button.mCTA:before { content: ""; }
a.mCTA.mSmall, p.mCTA.mSmall, button.mCTA.mSmall { padding: 0 1rem; font-size: 0.8rem; line-height: 1rem; }

.mCTA.mWhite { border-color: white; background-color: transparent; color: white; }
.mCTA.mBlack { border-color: black; background-color: transparent; color: black; }
.mCTA.mSolidBlack { background-color: black; border-color: black; color: white; }
.mCTA.mSolidBrown { background-color: rgb(31, 11, 3); border-color: rgb(31, 11, 3); color: white; }
.mCTA.mSolidGreen { background-color: rgb(0, 95, 0); border-color: rgb(0, 95, 0); color: white; }
.mCTA.mSolidWhite { background-color: white; border-color: white; color: rgb(0, 95, 0); }
.mCTA.mSolidRed { background-color: rgb(223, 0, 0); border-color: rgb(223, 0, 0); color: white; }
.mCTA:hover, .mCTA:active {
    background-position: 1rem calc(100% - 2px - 0.5rem) ;
    background-size: calc(100% - 2rem) 2px;
    background-repeat: no-repeat;
    text-decoration: none;
}
.mCTA.mSmall:hover  { background-position: 1rem calc(100% - 2px - 0.25rem) ;}
.mCTA.mWhite:hover, .mCTA.mWhite:active, .mCTA.mSolidBrown:hover, .mCTA.mSolidBrown:active, .mCTA.mSolidRed:hover, .mCTA.mSolidRed:active, .mCTA.mSolidGreen:hover, .mCTA.mSolidGreen:active { background-image: linear-gradient(to right, white, white); }
.mCTA.mSolidWhite:hover { background-image: linear-gradient(to right, rgb(0, 95, 0), rgb(0, 95, 0)); }

@media screen and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) {
}



/* LOGO */


figure.mHeadLogo { position: absolute; left: 50%; transform: translate(-50%, -50%);  }

@media screen and (max-width: 767px) {
    figure.mHeadLogo, img.mHeadLogo { width: 45vw; height: calc(45vw / 1.618); }
    figure.mHeadLogo { top: calc(100vw / 1.618 / 1.618 / 2); }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    figure.mHeadLogo, img.mHeadLogo { width: 30vw; height: calc(30vw / 1.618 / 1.618); }
    figure.mHeadLogo { top: calc(100vw / 1.618 / 1.618 / 1.618 / 2); }
}
@media screen and (min-width: 1024px) {
    figure.mHeadLogo, img.mHeadLogo { width: 15vw; height: calc(15vw / 1.618 / 1.618); }
    figure.mHeadLogo { top: calc(100vw / 1.618 / 1.618 / 1.618 / 1.618 / 2); }
}



/*
	PRODUCTS
 */


p.mOops { text-align: center; margin: 3rem auto; font-weight: bold; color: red; }



/*
	PRODUCT THUMBNAILS
 */


section.mPdtThumbs, aside.mPdtThumbs { position: relative; padding-bottom: 1rem; }
section.mPdtThumbs:has(div.pProfile) { padding-bottom: 3rem; }

div.mH2Bloc {
    position:  relative;
    top: -3rem;
    height: 3rem;
}
section:has(div.mH2Bloc) { box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); }
div.mH2Bloc h2 { font-size: 3rem; line-height: 3rem; background-image: none; padding: 0; }
.mBkgHi div.mH2Bloc h2 { color: rgb(252, 248, 245); text-shadow: 3px -2px 3px rgba(0, 0, 0, 0.10); }
.mBkgLo div.mH2Bloc h2 { color: rgb(241, 238, 235); text-shadow: 3px -2px 3px rgba(0, 0, 0, 0.20); }
div.mH2Bloc h2 div { height: 3rem; display: inline-block; }

li.mPdtThumb
{
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    white-space: normal;
}
li.mPdtThumb * { z-index: 3; position: relative; }
li.mPdtThumb > * { display: block; text-align: left; }
li.mPdtThumb > a.mImage { position: relative; margin-bottom: 1rem; }
li.mPdtThumb > a.mImage img { border-radius: 0.5em; }

li.mPdtThumb p.mBrand { text-transform: uppercase; margin-top: 0.25rem; color: rgb(127, 127, 127); font-size: 0.8em; }
li.mPdtThumb a.mName { display: block; padding: 0; margin: 0.25rem 0; line-height: 1rem; }

li.mPdtThumb div.mPdtTags {
    position: absolute; left: 0; bottom: 0;
    display: inline-block; width: auto;
}
li.mPdtThumb div.mPdtTags > p { margin-top: 2px; min-width: 7rem; height: 1.2rem; line-height:  1.2rem; padding: 0 0.5rem; border-radius: 0.2em; font-weight: 500; font-size: 0.8em; text-align: left;  }
li.mPdtThumb div.mPdtTags p.m031 { background-color: rgb(223, 0, 0); color: white; }
li.mPdtThumb div.mPdtTags p.m057 { background-color: rgb(255, 159, 32); color: white; }
li.mPdtThumb div.mPdtTags p.m004 { background-color: rgb(63, 159, 63); color: white; }
li.mPdtThumb div.mPdtTags p.m015 { background-color: rgb(63, 175, 223); color: white; }

li.mPdtThumb > a.mName h3 {
    line-height: 1rem; letter-spacing: -0.01em;
    overflow: hidden;
    padding: 0;
    background-image: none !important;
}
@media screen and (max-width: 413px) { li.mPdtThumb > a.mName { height: 3rem; } }
@media screen and (min-width: 414px) { li.mPdtThumb > a.mName { height: 2rem; } }
li.mPdtThumb > p.mOneLiner {
    font-size: 0.85rem;
    line-height: 0.9rem;
    height: 1.8rem;
    overflow: hidden;
    margin: 0.25rem 0;
    letter-spacing: -0.02em;
}
li.mPdtThumb > a img.XOld { filter : drop-shadow(3px 5px 5px rgba(0,0,0,0.2)); }
li.mPdtThumb > div > p { display: inline-block; vertical-align: middle; line-height: 1rem; margin: 0; }
li.mPdtThumb > div > p.mPackaging { font-size: 0.8em; letter-spacing: -0.02em; font-style: italic; margin-left: 0.5rem; }
li.mPdtThumb div.mAction { text-align: left; vertical-align: middle; }
li.mPdtThumb div.mAction > * { display: inline-block; vertical-align: middle; }
li.mPdtThumb > div > p.mPrice { font-size: 0.85em; font-weight: bold; margin-right: 0.5rem; }
li.mPdtThumb > div > p.mPrice span { font-size: 0.8em; font-weight: bold;  }
li.mPdtThumb > div > p.mPrice::before {
    content: "-";
    margin: 0 0.25em;
    font-weight: normal;
}
li.mPdtThumb button.mCTA { display: inline-block; margin: 0.5rem auto; }
li.mPdtThumb > p.mCTA img { display: none !important; }
li.mPdtThumb > p.mAvailable { display: block; margin: 0.5rem 0; color: rgb(159,0,0); text-transform: uppercase; font-size: 0.7rem; line-height: 0.9rem; padding: 0.618rem 0;  }


li.mPdtThumb.mHide {
    display: none;
    transition: all 0.3s ease-in;
}
li.mPdtThumb.mShow {
    display: inline-block;
    transition: all 0.3s ease-out;
}

li.mPdtThumb:has(div.mBrand) { margin-top: 3rem; border-radius: 0.5rem; border-style: solid; border-color: rgb(252, 248, 245); }
li.mPdtThumb div.mBrand { position: absolute; top: -2.5rem; left: 1rem; z-index: 5; width: calc(100% - 1rem); }
li.mPdtThumb div.mBrand > * { display: inline-block; position: relative; vertical-align: middle; }
li.mPdtThumb div.mBrand a { width: 5rem; height: 5rem; }
li.mPdtThumb div.mBrand > a img { border-radius: 50%; }
li.mPdtThumb.mBkgHi div.mBrand > a img { border: solid 0.25rem rgb(252, 248, 245); }
li.mPdtThumb.mBkgLo div.mBrand > a img { border: solid 0.25rem rgb(241, 238, 235); }
li.mPdtThumb div.mBrand > div.mOrigine { top: -0.75rem; padding-left: 0.2rem; width: calc(100% - 5rem); }

@media screen and (max-width: 767px)
{
    section:has(ul.mPdtThumbs) { padding-left: 3vw; }
    
    li.mPdtThumb { flex: 0 0 75vw; margin: 2vw; }
    li.mPdtThumb > a { width: 75vw; }
    li.mPdtThumb > a.mImage { height: 75vw; }
    
    li.mPdtThumb:has(div.mBrand) { border-width: 0 3vw 3vw 3vw; }
    li.mPdtThumb:has(div.mBrand) > a { width: 69vw; }
    li.mPdtThumb:has(div.mBrand) > a.mImage { height: 69vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px)
{
    section:has(ul.mPdtThumbs) { padding-left: 5vw; padding-right: 5vw; }
    
    li.mPdtThumb { flex: 0 0 28vw; margin: 1vw; }
    li.mPdtThumb > a { width: 28vw; }
    li.mPdtThumb > a.mImage { height: 28vw; }
    li.mPdtThumb > div {  }
    
    li.mPdtThumb:has(div.mBrand) { border-width: 0 2vw 2vw 2vw; }
    li.mPdtThumb:has(div.mBrand) > a { width: 24vw; }
    li.mPdtThumb:has(div.mBrand) > a.mImage { height: 24vw; }
}
@media screen and (min-width: 1280px)
{
    section:has(ul.mPdtThumbs) { padding-left: 10vw; padding-right: 10vw; }
    
    li.mPdtThumb { flex: 0 0 19vw; margin: 0.5vw; }
    li.mPdtThumb > a { width: 19vw; }
    li.mPdtThumb > a.mImage { height: 19vw; }
    
    li.mPdtThumb:has(div.mBrand) { border-width: 0 1vw 1vw 1vw; }
    li.mPdtThumb:has(div.mBrand) > a { width: 17vw; }
    li.mPdtThumb:has(div.mBrand) > a.mImage { height: 17vw; }
}


/*
    HSCROLL
 */

.mPane { }

@media screen and (max-width: 767px) {
    .mPanel { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; overflow-x: auto; white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
    .mPanel { -webkit-overflow-scrolling: touch; scrollbar-width: none; /* for Firefox */ -ms-overflow-style: none; /* for Internet Explorer, Edge */ }
    .mPanel::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ }
    
    .mPane { flex: 0 0 75vw; vertical-align: top; scroll-snap-align: none center; white-space: normal; display: inline-block; }
}
@media screen and (min-width: 768px) {
    .mPanel { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; justify-content: left; }
    .mPanel { -webkit-overflow-scrolling: touch; scrollbar-width: none; /* for Firefox */ -ms-overflow-style: none; /* for Internet Explorer, Edge */ }
    .mPanel::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ }
    
    .mPane { flex: 0 0 25vw; vertical-align: top; scroll-snap-align: none center; white-space: normal; display: inline-block; }
}



/*
	RECENTLY VIEWED
 */

aside.mRecently { border-top: solid black 1px;   }
aside.mRecently.mNone { display: none !important; }

@media screen and (max-width: 767px) {

}

@media screen and (min-width: 1280px) {

}



/*
	NAVIGATION GATES
*/

section.mGates {
    text-align: center;
}
div.mGate { display: inline-block; vertical-align: top; position: relative; margin-bottom: -3rem; }
div.mGate > * {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
div.mGate > a { display: block; }
div.mGate { }
div.mGate > div { position: relative; top: -4.25rem; background-color: white; width: 90%; padding: 0 1rem 1rem 1rem; }
div.mGate img { }
div.mGate p { margin-bottom: 0.5rem; }
div.mGate div.mFooter { margin-top: 0; }

@media screen and (max-width: 767px) {
    section.mGates { margin-top: 1rem; }
    div.mGate { width: 100vw; }
    div.mGate > a { height: calc(100vw * 1.618); }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    section.mGates { margin-top: 1vw; }
    div.mGate { width: 32vw; margin: 0 0.5vw; }
    div.mGate > a { height: 32vw; }
}
@media screen and (min-width: 1024px) {
    section.mGates { margin-top: 1vw; }
    div.mGate { width: 32vw; margin: 0 0.5vw; }
    div.mGate > a { height: calc(32vw / 1.618); }
}

/*
	NAVIGATION ENTRIES
*/

section.mEntries {
}
section.mEntries > p { margin-bottom: 1rem; }
div.mEntry { display: inline-block; vertical-align: top; position: relative; }
div.mEntry > * {
}
div.mEntry > a { display: block; position: relative;  }
div.mEntry > a picture {  }
div.mEntry > a img { border-radius: 0.5rem; }
div.mEntry > a::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 0.5rem; box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.15);
}
div.mEntry > div { position: relative; left: 1rem; top: -2.8rem; background-color: rgba(252, 248, 245, 0.85); backdrop-filter: blur(5px) saturate(180%); padding: 0 1rem; border-radius: 0.5rem; margin: 0; }
div.mEntry h3 { padding-top: 1rem; }
div.mEntry img { }
div.mEntry p { font-size: 0.95em; text-align: left; }
div.mEntry div.mFooter { margin-top: 0; }

@media screen and (max-width: 767px) {
    section.mEntries { padding-left: 3vw; }
    div.mEntry { flex: 0 0 75vw; margin: 2vw;  }
    div.mEntry > a { width: 75vw; height: calc(75vw / 1.618); }
    div.mEntry > div { width: calc(75vw - 2rem);  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    section.mEntries { padding: 0 5vw; }
    div.mEntry { flex: 0 0 28vw; margin: 1vw;  }
    div.mEntry > a { width: 28vw; height: calc(28vw / 1.618); }
    div.mEntry > div { width: calc(28vw - 2rem);  }
}
@media screen and (min-width: 1024px) {
    section.mEntries { padding: 0 10vw; }
    div.mEntry { flex: 0 0 19vw; margin: 0.5vw;  }
    div.mEntry > a { width: 19vw; height: calc(19vw / 1.618); }
    div.mEntry > div { width: calc(19vw - 2rem);  }
}


/*
	FOOTER
 */

footer {
    background-color: white;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 100vw auto; background-position: center top;
}

footer div.mContact div.mElmNav { text-align: center; margin: 2rem 0; }
footer div.mContact div.mElmNav li::before { display: none; }
footer div.mContact div.mElmNav button { text-transform: uppercase; letter-spacing: -0.01em; font-weight: bold; line-height: 2rem; }

footer nav { padding: 1rem 0; text-align: center; }
footer nav * { font-family: Montserrat, sans-serif; text-transform: uppercase; letter-spacing: -0.01em; font-weight: bold; }

footer div.mSocial a {
    display: inline-block;
    margin: 0.5rem;
    width: 2.5rem; height: 2.5rem;
    background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem;
}
footer div.mSocial a.mYt { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.693 56.693' height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1, 0, 0, 1, -0.0005, -1.4335)'%3E%3Cpolygon points='17.833,31.853 19.616,31.853 19.616,40.71 21.339,40.71 21.339,31.853 23.12,31.853 23.12,30.345 17.833,30.345 &%239;&%2310;&%239;&%239;' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='M28.413,24.493c0.234,0,0.42-0.062,0.557-0.189c0.137-0.131,0.207-0.309,0.207-0.533v-4.59c0-0.184-0.07-0.334-0.211-0.445 c-0.141-0.115-0.324-0.172-0.553-0.172c-0.209,0-0.379,0.057-0.512,0.172c-0.131,0.111-0.195,0.262-0.195,0.445v4.59 c0,0.23,0.061,0.408,0.184,0.533C28.011,24.431,28.187,24.493,28.413,24.493z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='M32.212,32.97c-0.238,0-0.473,0.061-0.705,0.182c-0.229,0.121-0.449,0.301-0.654,0.533v-3.34h-1.545V40.71h1.545v-0.586 c0.199,0.236,0.418,0.408,0.652,0.52c0.232,0.111,0.5,0.166,0.801,0.166c0.451,0,0.801-0.143,1.037-0.432 c0.24-0.291,0.361-0.705,0.361-1.246v-4.244c0-0.627-0.127-1.104-0.385-1.428C33.065,33.134,32.696,32.97,32.212,32.97z M32.128,38.921c0,0.246-0.045,0.42-0.133,0.527c-0.088,0.109-0.225,0.162-0.412,0.162c-0.129,0-0.25-0.029-0.369-0.082 c-0.117-0.053-0.24-0.146-0.361-0.27v-4.764c0.104-0.107,0.209-0.186,0.314-0.234c0.105-0.053,0.215-0.076,0.324-0.076 c0.205,0,0.365,0.066,0.477,0.197c0.107,0.135,0.16,0.33,0.16,0.59V38.921z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='M26.628,38.874c-0.143,0.164-0.301,0.299-0.473,0.408c-0.172,0.107-0.316,0.16-0.426,0.16 c-0.145,0-0.248-0.039-0.314-0.121c-0.062-0.08-0.096-0.211-0.096-0.391v-5.867h-1.527v6.395c0,0.457,0.09,0.793,0.268,1.025 c0.182,0.227,0.445,0.34,0.799,0.34c0.287,0,0.584-0.078,0.889-0.242c0.305-0.166,0.598-0.4,0.881-0.709v0.838h1.529v-7.646h-1.529 V38.874z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='M28.347,5.155c-13.6,0-24.625,11.025-24.625,24.625c0,13.602,11.025,24.625,24.625,24.625 c13.6,0,24.625-11.023,24.625-24.625C52.972,16.18,41.946,5.155,28.347,5.155z M32.325,17.317h1.719v6.459 c0,0.201,0.039,0.344,0.111,0.432c0.07,0.09,0.188,0.137,0.35,0.137c0.125,0,0.285-0.061,0.48-0.178 c0.191-0.121,0.369-0.271,0.529-0.457v-6.393h1.723v8.424h-1.723v-0.93c-0.314,0.342-0.645,0.605-0.99,0.783 c-0.342,0.178-0.674,0.27-0.998,0.27c-0.398,0-0.697-0.127-0.9-0.379c-0.199-0.248-0.301-0.623-0.301-1.129V17.317z M25.935,19.243 c0-0.65,0.23-1.17,0.693-1.561c0.465-0.383,1.088-0.578,1.869-0.578c0.713,0,1.295,0.205,1.752,0.611 c0.453,0.406,0.68,0.934,0.68,1.578v4.35c0,0.723-0.223,1.287-0.666,1.695c-0.449,0.408-1.062,0.613-1.844,0.613 c-0.752,0-1.355-0.211-1.807-0.631c-0.451-0.426-0.678-0.996-0.678-1.711V19.243z M21.247,14.323l1.258,4.562h0.123l1.197-4.562 h1.969l-2.254,6.682v4.737h-1.938v-4.526l-2.307-6.893H21.247z M43.786,38.356c0,3.047-2.471,5.52-5.518,5.52H19.092 c-3.049,0-5.52-2.473-5.52-5.52v-4.438c0-3.049,2.471-5.52,5.52-5.52h19.176c3.047,0,5.518,2.471,5.518,5.52V38.356z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='M36.827,32.874c-0.686,0-1.24,0.207-1.674,0.627c-0.432,0.416-0.65,0.959-0.65,1.617v3.438 c0,0.738,0.199,1.316,0.592,1.734c0.393,0.42,0.932,0.631,1.617,0.631c0.762,0,1.334-0.197,1.715-0.592 c0.387-0.398,0.576-0.988,0.576-1.773v-0.393h-1.572v0.348c0,0.451-0.053,0.742-0.152,0.873s-0.277,0.197-0.531,0.197 c-0.244,0-0.416-0.076-0.518-0.23c-0.1-0.158-0.148-0.436-0.148-0.84v-1.439h2.922v-1.953c0-0.723-0.186-1.277-0.562-1.666 C38.065,33.067,37.526,32.874,36.827,32.874z M37.431,35.882h-1.35v-0.773c0-0.32,0.049-0.553,0.156-0.686 c0.107-0.143,0.281-0.211,0.525-0.211c0.23,0,0.404,0.068,0.508,0.211c0.105,0.133,0.16,0.365,0.16,0.686V35.882z' style='fill: rgb(0, 0, 0);'/%3E%3C/g%3E%3C/svg%3E"); }
footer div.mSocial a.mFb { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.693 56.693' height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m28.347 5.157c-13.6 0-24.625 11.027-24.625 24.625 0 13.6 11.025 24.623 24.625 24.623s24.625-11.023 24.625-24.623c0-13.598-11.026-24.625-24.625-24.625zm6.517 24.522h-4.264v15.207h-6.32s0-8.307 0-15.207h-3.006v-5.369h3.006v-3.479c0-2.49 1.182-6.377 6.379-6.377l4.68.018v5.215s-2.846 0-3.398 0c-.555 0-1.34.277-1.34 1.461v3.163h4.818z' style='fill: rgb(0, 0, 0);'/%3E%3C/svg%3E"); }
footer div.mSocial a.mPi { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.693 56.693' height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m28.348 5.158c-13.599 0-24.625 11.023-24.625 24.625 0 10.082 6.063 18.744 14.739 22.553-.069-1.721-.012-3.783.429-5.654.473-2 3.168-13.418 3.168-13.418s-.787-1.572-.787-3.896c0-3.648 2.115-6.373 4.749-6.373 2.24 0 3.322 1.682 3.322 3.695 0 2.252-1.437 5.619-2.175 8.738-.616 2.613 1.31 4.744 3.887 4.744 4.665 0 7.808-5.992 7.808-13.092 0-5.397-3.635-9.437-10.246-9.437-7.47 0-12.123 5.57-12.123 11.792 0 2.146.633 3.658 1.624 4.83.455.537.519.754.354 1.371-.118.453-.389 1.545-.501 1.977-.164.625-.669.848-1.233.617-3.44-1.404-5.043-5.172-5.043-9.408 0-6.994 5.899-15.382 17.599-15.382 9.4 0 15.588 6.804 15.588 14.107 0 9.658-5.369 16.875-13.285 16.875-2.659 0-5.16-1.438-6.016-3.068 0 0-1.43 5.674-1.732 6.768-.522 1.9-1.545 3.797-2.479 5.275 2.215.654 4.554 1.01 6.979 1.01 13.598 0 24.623-11.023 24.623-24.623-.001-13.603-11.027-24.626-24.624-24.626z' style='fill: rgb(0, 0, 0);'/%3E%3C/svg%3E"); }
footer div.mSocial a.mTw { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.693 56.693' height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m28.348 5.157c-13.6 0-24.625 11.027-24.625 24.625 0 13.6 11.025 24.623 24.625 24.623s24.623-11.023 24.623-24.623c0-13.598-11.024-24.625-24.623-24.625zm12.404 19.66c.013.266.018.533.018.803 0 8.201-6.242 17.656-17.656 17.656-3.504 0-6.767-1.027-9.513-2.787.486.057.979.086 1.48.086 2.908 0 5.584-.992 7.707-2.656-2.715-.051-5.006-1.846-5.796-4.311.378.074.767.111 1.167.111.566 0 1.114-.074 1.635-.217-2.84-.57-4.979-3.08-4.979-6.084 0-.027 0-.053.001-.08.836.465 1.793.744 2.811.777-1.666-1.115-2.761-3.012-2.761-5.166 0-1.137.306-2.204.84-3.12 3.061 3.754 7.634 6.225 12.792 6.483-.106-.453-.161-.928-.161-1.414 0-3.426 2.778-6.205 6.206-6.205 1.785 0 3.397.754 4.529 1.959 1.414-.277 2.742-.795 3.941-1.506-.465 1.45-1.448 2.666-2.73 3.433 1.257-.15 2.453-.484 3.565-.977-.83 1.247-1.883 2.34-3.096 3.215z' style='fill: rgb(0, 0, 0);'/%3E%3C/svg%3E"); }
footer div.mSocial a.mLi { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.693 56.693' height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23432a19'%3E%3Cpath d='m28.347 5.155c-13.6 0-24.625 11.025-24.625 24.625 0 13.602 11.025 24.625 24.625 24.625 13.598 0 24.623-11.023 24.623-24.625 0-13.599-11.026-24.625-24.623-24.625zm13.715 36.586c0 1.096-.91 1.982-2.031 1.982h-23.418c-1.123 0-2.031-.887-2.031-1.982v-23.689c0-1.094.908-1.982 2.031-1.982h23.417c1.121 0 2.031.889 2.031 1.982v23.689z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='m33.099 26.441c-2.201 0-3.188 1.209-3.74 2.061v.041h-.027c.01-.012.02-.027.027-.041v-1.768h-4.15c.055 1.17 0 12.484 0 12.484h4.15v-6.973c0-.375.027-.744.137-1.012.301-.744.984-1.52 2.129-1.52 1.504 0 2.104 1.146 2.104 2.824v6.68h4.15v-7.157c-.001-3.836-2.05-5.619-4.78-5.619z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='m20.864 20.712c-1.419 0-2.349.934-2.349 2.159 0 1.197.9 2.158 2.294 2.158h.027c1.447 0 2.348-.961 2.348-2.158-.027-1.225-.9-2.159-2.32-2.159z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='m18.762 26.734h4.151v12.484h-4.151z' style='fill: rgb(0, 0, 0);'/%3E%3C/g%3E%3C/svg%3E"); }
footer div.mSocial a.mIn { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg enable-background='new 0 0 56.7 56.7' height='56.7' viewBox='0 0 56.7 56.7' width='56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23432a19'%3E%3Ccircle cx='28.1' cy='30' r='4.4' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='m33.6 19.2h-11c-1.6 0-3 .5-3.9 1.4s-1.4 2.3-1.4 3.9v11c0 1.6.5 3 1.5 4 1 .9 2.3 1.4 3.9 1.4h10.9c1.6 0 3-.5 3.9-1.4 1-.9 1.5-2.3 1.5-3.9v-11c0-1.6-.5-2.9-1.4-3.9-1-1-2.3-1.5-4-1.5zm-5.5 17.6c-3.8 0-6.8-3.1-6.8-6.8 0-3.8 3.1-6.8 6.8-6.8s6.9 3 6.9 6.8-3.1 6.8-6.9 6.8zm7.1-12.3c-.9 0-1.6-.7-1.6-1.6s.7-1.6 1.6-1.6 1.6.7 1.6 1.6-.7 1.6-1.6 1.6z' style='fill: rgb(0, 0, 0);'/%3E%3Cpath d='m28.3 5.2c-13.6 0-24.6 11-24.6 24.6s11 24.6 24.6 24.6 24.6-11 24.6-24.6c.1-13.6-11-24.6-24.6-24.6zm13.1 30.4c0 2.3-.8 4.3-2.2 5.7s-3.4 2.1-5.6 2.1h-10.9c-2.2 0-4.2-.7-5.6-2.1-1.5-1.4-2.2-3.4-2.2-5.7v-11c0-4.6 3.1-7.8 7.8-7.8h11c2.3 0 4.2.8 5.6 2.2s2.1 3.3 2.1 5.6z' style='fill: rgb(0, 0, 0);'/%3E%3C/g%3E%3C/svg%3E"); }

footer p.mChugu { margin-top: 1rem; padding: 2rem 0; }
footer p.mChugu, footer p.mChugu a { color: rgb(161, 140, 130); font-size: 0.8rem; }

@media screen and (max-width: 767px) {
    footer nav * { display: block; padding: 0.75rem 10vw;}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    footer nav * { display: inline-block; padding: 1rem;}
}
@media screen and (min-width: 1280px) {
    footer nav * { display: inline-block; padding: 1rem;}
}



/*
	ASIDE ACTION
 */

aside.mAction.mM { position: fixed; top: 0; left: 0; }
aside.mAction.mB {
    z-index: 15;
    position : fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background-color: rgba(127,127,127,0.5);
}

aside.mAction.mA {
    z-index: 16;
    position : fixed; top: 0; left: 0; right: 0;
    border-style: solid;
    border-color: rgb(223,223,223);
    border-width: 0;
    box-shadow: 0 0 10vw 0 rgba(95, 95, 95, 0.75);
    margin: 0 auto 0 auto;
    padding: 0.5vw;
    overflow: scroll;
    border-bottom-left-radius: 0.5rem;  border-bottom-right-radius: 0.5rem;
    animation: mActionRoll 0.25s ease-out;
    
    
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(5px) saturate(180%);
    backdrop-filter: blur(8px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 4px 20px rgba(255, 255, 255, 0.8), 0 0 10vw 0 rgba(95, 95, 95, 0.75);
}
@keyframes mActionRoll {
    from { opacity: 0; }
    to { opacity: 1; }
}
aside.mAction.mA:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.2rem;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 0.8), inset 0px -9px 0px -8px rgba(255, 255, 255, 0.8);
    opacity: 0.6;
    z-index: -1;
}

@media screen and (max-width: 767px) { aside.mAction.mA { padding: 3vw; max-height: 83vh; } }
@media screen and (min-width: 768px) and (max-width: 1279px) { aside.mAction.mA { padding: 2vw; max-height: 83vh; } }
@media screen and (min-width: 1280px) { aside.mAction.mA { padding: 1vw;  max-height: 90vh; } }

aside.mAction.mA.mShow { transition: transform 0.15s ease-out; transform: scaleY(1); transform-origin: bottom;  }

aside.mAction h2, aside.mAction h2 * { text-align: left; margin-bottom: 1rem; }


aside.mAction form div.mElmNav { text-align: right; }
aside.mAction form div.mElmNav ul { display: inline-block; }
aside.mAction form div.mElmNav li { display: inline-block; margin-left: 2.5rem; }


/*
    INPUT
 */


label {
    display: block;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.95em;
    font-weight: normal;
}
input, textarea, select {
    display: block;
    width: 100%;
    height: 3rem;
    font-size: 1rem;
    letter-spacing: 0.01rem;
    background-color: rgb(252, 248, 245);
    border: solid rgb(242, 238, 235) 1px;
    padding: 0.5rem;
    border-radius: 3px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-image: linear-gradient(45deg, transparent 50%, rgb(223, 223, 223) 50%) ,linear-gradient(135deg, rgb(223, 223, 223) 50%, transparent 50%);
    background-position: calc(100% - 10px) 1em ,calc(100% - 5px) 1em;
    background-size: 5px 5px ,5px 5px;
    background-repeat: no-repeat;
    padding-right: 2em;
}

input:focus ,textarea:focus ,select:focus {
    background-color: rgb(255, 250, 245);
    border: solid rgb(193, 181, 157) 1px;
}
input.InputError ,textarea.InputError ,select.InputError {
    border-color: red;
}
div.mFormInput {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1px;
    text-align: left;
}
div.mFormInput span.mC { position: absolute; right: 0; top: 0; color: rgb(95, 95, 95); font-size: 0.7rem; line-height: 1rem; height: 1rem; }
span.InputError {
    display: block;
    color: red;
    font-size: 0.8em;
    height: 1rem;
}
span.FieldNote {
    display: block;
    font-size: 0.8em;
    height: 1rem;
    font-style: italic;
    color: rgb(95, 95, 95);
}
input[type="checkbox"] {
    display: none;
}
div.mCheckbox {
    vertical-align: top;
    padding: 1px;
    position: relative;
}
label.mCheckbox { height: 2.5rem; margin-top: 1rem; }
label.mCheckbox::after {
    position: relative;
    top: -0.01em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: rgb(127,127,127);
    width: 2.5rem;
    height: 2.5rem;
    border: solid rgb(127,127,127) 1px;
    border-radius: 0.1rem;
    font-weight: bold;
    font-size: 0.9em;
    line-height: calc(2.5rem - 2px);
    margin: 0 0.5rem;
    cursor: pointer;
}
label.mCheckbox.mFR::after { content: 'Non'; }
label.mCheckbox.mEN::after { content: 'No'; }
label.mCheckbox.mJA::after { content: 'いいえ'; }
label.mCheckbox.mDE::after { content: 'Nein'; }
input[type="checkbox"].mFR:checked + label.mCheckbox::after { content: 'Oui'; }
input[type="checkbox"].mEN:checked + label.mCheckbox::after { content: 'Yes'; }
input[type="checkbox"].mJA:checked + label.mCheckbox::after { content: 'はい'; }
input[type="checkbox"].mDE:checked + label.mCheckbox::after { content: 'Ja'; }
input[type="checkbox"]:checked + label.mCheckbox::after {
    color: rgb(0,127,0);
    border-color: rgb(0,127,0);
    color: white;
    background-color: rgb(0,127,0);
}
div.mFormInput.mHoneyTrap, div.mFormInput.mHoneyTrap * { display: none !important; }

ul.mRadio { width: 100%; }
ul.mRadio { display: block; }
ul.mRadio li { display: block; padding: 1rem; line-height: 1rem; border-width: 1px; border-style: solid; border-color: transparent; border-radius: 0.2em; }
ul.mRadio li:first-child { border-top-width: 2px; }
ul.mRadio li:last-child { border-bottom-width: 2px; }
ul.mRadio li:hover { cursor: pointer; }
ul.mRadio li.mOn { background-color: rgb(239, 255, 231); border-color: rgb(191, 223, 191); }
ul.mRadio li.mOff { }
form ul.mRadio li::before { display: none!important; }

form button div.mSpinner { display: none; }
form button.mClicked { position: relative; color: transparent !important; }
form button.mClicked div.mSpinner {
    display: block;
    position: absolute; top: calc(50% - 0.5rem); left: calc(50% - 2.5rem);
    width: 4.5rem; height: 1rem;
}
form button.mClicked div.mSpinner div {
    position: absolute;
    top: 0.25rem; width: 0.4rem; height: 0.4rem;
    border-radius: 50%;
    background-color: white;
    animation-timing-function: cubic-bezier(0, 1.5, 1, 0);
}
form button.mClicked div.mSpinner div:nth-child(1) { left: 0.5rem; animation: kfSpin1 0.6s infinite; }
form button.mClicked div.mSpinner div:nth-child(2) { left: 0.5rem; animation: kfSpin2 0.6s infinite; }
form button.mClicked div.mSpinner div:nth-child(3) { left: 2rem; animation: kfSpin2 0.6s infinite; }
form button.mClicked div.mSpinner div:nth-child(4) { left: 3.5rem; animation: kfSpin3 0.6s infinite; }
@keyframes kfSpin1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes kfSpin3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes kfSpin2 { 0% { transform: translate(0, 0); } 100% { transform: translate(1.5rem, 0); } }



/*
	MESSAGES
*/


.mMsg {
    text-align: left;
    padding: 2rem;
    line-height: 1rem;
    font-weight: bold;
    font-size: 1rem;
}
form .Msg {  }
aside.mMsg {
    z-index: 5;
    display: block;
    text-align: center;
    box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
    aside.mMsg {  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    aside.mMsg {  }
}
@media screen and (min-width: 1280px) {
    aside.mMsg {  }
}

body:has(aside.mMsg) { padding-top: 0; }
.mMsg, .mMsg b { color: white; }
.mMsg.mError { background-image: linear-gradient(to right, rgb(159,0,0) 0, rgb(191,0,0) 100%); }
.mMsg.mSuccess { background-image: linear-gradient(to right, rgb(0, 95, 0) 0, rgb(0, 175, 0) 100%); }
.mMsg.mInfo { background-image: linear-gradient(to right, rgb(0, 63, 191) 0, rgb(0, 127, 223) 100%); }
.mMsg.mWarning { background-image: linear-gradient(to right, rgb(223, 111, 0) 0, rgb(255, 175, 63) 100%); }



/*
    PAGE HERO
 */


section.mHero {
    position: relative;
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 3rem;
}
section.mHero p.mCaption {
    position: absolute;
    font-style: italic;
    font-size: 0.8em;
    color: rgb(127, 127, 127);
}

@media screen and (max-width: 767px) {
    section.mHero {
        background-size: 100vw;
        padding: calc(100vw / 1.618 / 1.618) 5vw 0 5vw;
    }
    section.mHero p.mCaption { right: 1em; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    section.mHero {
        width: 62vw; margin-left: 19vw;
        background-size: 62vw;
        padding-top: calc(62vw / 1.618 / 1.618);
    }
    section.mHero p.mCaption { right: 0; }
}
@media screen and (min-width: 1280px) {
    section.mHero {
        background-size: 38vw calc(38vw / 1.618 / 1.618);
        padding: 2vw 2vw 0 calc(38vw + 2vw);
        min-height: calc(38vw / 1.618 / 1.618);
    }
    section.mHero p.mCaption { top: calc(38vw / 1.618 / 1.618); left: 1em; }
}



/*
	NEWSLETTER
 */

section.mNewsletter { background-color: rgb(67,42,25); padding-bottom: 1.5rem;  text-align: center; }
section.mNewsletter { background-color: rgb(0, 95, 0); }
section.mNewsletter * { color: white; }
section.mNewsletter div.mH2 * { border-color: white; }
section.mNewsletter div.mFormInput { margin-top: 1rem; }
section.mNewsletter button { margin-top: 1rem; }
section.mNewsletter { padding: 0 1.5rem 1rem 1.5rem; }
section.mNewsletter p { text-align: left; }

@media screen and (max-width: 767px) {
    section.mNewsletter div.mFormInput { width: 90vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    section.mNewsletter { width: 80vw; margin-left: 10vw; }
    section.mNewsletter div.mFormInput { width: 62%; margin-right: 1rem; }
}

@media screen and (min-width: 1280px) {
    section.mNewsletter { width: 100vw; }
    section.mNewsletter p { width: 38vw; }
    section.mNewsletter div.mFormInput { width: 62%; margin-right: 1rem; }
}


/*
    CONTENT END
 */


div.mContentEnd { margin: 5rem 0; text-align: center; }
div.mContentEnd img { width: 13rem; height: 8rem }

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) and (max-width: 1279px) {
}

@media screen and (min-width: 1280px) {
}


/*
    MINI BAG
 */


div.mMiniBagPH { padding: 0.5rem 1rem; border-radius: 0.2rem; max-height: 50vh; overflow-y: scroll; }
div.mMiniBagPH p.mEmpty { line-height: 2.5rem; }
div.mSwitch { margin-top: 0.5rem; border-radius: 0.2rem; }
div.mSwitch p { padding: 0.5rem 1rem; }

@media screen and (max-width: 767px) {
    div.mMiniBag div.mProduct { border-bottom: solid 1px rgb(239, 235, 231); }
    div.mMiniBag div.mProduct img { width: 20vw; height: 20vw; }
    div.mMiniBag div.mProduct a:nth-child(2) { width: calc(100vw - 2rem - 20vw); padding-right: 1rem; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    div.mMiniBag div.mProduct img { width: 10vw; height: 10vw; }
    div.mMiniBag div.mProduct a:nth-child(2) { width: calc(50vw - 3rem - 10vw); }
}
@media screen and (min-width: 1280px) {
    div.mMiniBag div.mProduct img { width: 6vw; height: 6vw; }
    div.mMiniBag div.mProduct a:nth-child(2) { width: calc(30rem - 3rem - 6vw); }
}

div.mMiniBag div.mProduct { border-bottom: solid 1px rgb(239, 235, 231); margin-bottom: 0.5rem; }
div.mMiniBag div.mProduct a { display: inline-block; vertical-align: middle; line-height: 1.25rem; }
div.mMiniBag div.mProduct a:first-child { margin-right: 1rem; }



/*
	CATALOGUE FILTERS
 */


div.mPdtFilters {
    margin-top: 2rem;
    padding: 1rem 2vw;
    text-align: left;
    margin-bottom: 3rem;
}

div.mPdtFilters > * {
    display: inline-block;
    margin: 0 1rem;
    border-bottom: solid 2px transparent;
    line-height: 1.2rem;
    font-weight: bold;
    color: rgb(127, 127, 127);
}
div.mPdtFilters p:hover { cursor: pointer;}
div.mPdtFilters > * span { display: none !important; }
div.mPdtFilters .mSel {
    border-color: rgb(127, 127, 127);
}
div.mPdtFilters a:hover, p.mPdtFilters a:hover {
    text-decoration: none;
    border-color: rgb(127, 127, 127);
    cursor: pointer;
}

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) and (max-width: 1023px) {

}
@media screen and (min-width: 1024px) {

}



/*
    SEPARATOR
 */

hr {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 0.75rem;
    margin: 3rem 0;
}


/*
    MISC
 */

p.mSwitchCountry img { height: 0.8em; width: auto; margin-right: 0.2em; margin-left: 0.2em; margin-top: 0.4em; }



/*
    BRAND PROFILE
 */

div.mBrandProfile { position: relative; width: 100%; }

div.mBrandProfile > * {  }

div.mBrandProfile a.mImage { display: block; }
div.mBrandProfile figure.mImage img { display: block; width: 100%; height: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }

div.mBrandProfile a.mPortrait { display: inline-block; }
figure.mPortrait {
    position: relative;
    display: inline-block;
    width: 100%; height: 100%;
}
figure.mPortrait img { border-radius: 50%; }
.mBkgHi figure.mPortrait img { border: solid 0.2rem rgb(252, 248, 245); }
.mBkgLo figure.mPortrait img { border: solid 0.2rem rgb(241, 238, 235); }

div.mBrandProfile div.mOrigine { display: inline-block; }
div.mOrigine { padding: 0.25rem 0; }
div.mOrigine > * { display: inline-block; vertical-align: middle; line-height: 1.1em; }
div.mOrigine img { height: 0.75rem; width: auto; }
div.mOrigine p, li.mPdtThumb div.mBrand > p {
    padding: 0 0.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8em; text-transform: uppercase;
}
div.mOrigine p { width: calc(100% - 1.25rem); }

div.mBrandProfile div.mTitle { position: relative; }
div.mBrandProfile h3 { position: relative; }
div.mBrandProfile p.mTagline {
    position: relative;
    margin: 0;
    top: -1rem;
}
@media screen and (max-width: 767px) {
    div.mBrandProfile a.mPortrait { margin: 0 0.5rem;  width: 20vw; height: 20vw; }
    div.mBrandProfile figure.mPortrait { top: -10vw; }
    div.mBrandProfile div.mOrigine { width: calc(100% - 20vw - 1rem); }
    div.mBrandProfile div.mTitle { top: -10vw; padding: 0 1rem; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    div.mBrandProfile a.mPortrait { margin: 0 0.5rem; width: 10vw; height: 10vw; }
    div.mBrandProfile figure.mPortrait { top: -5vw; }
    div.mBrandProfile div.mOrigine { width: calc(100% - 10vw - 1rem); }
    div.mBrandProfile div.mTitle { top: -5vw; padding: 0 1rem; }
}
@media screen and (min-width: 1280px) {
    div.mBrandProfile a.mPortrait { margin: 0 0.5rem; width: 6vw; height: 6vw; }
    div.mBrandProfile figure.mPortrait { top: -3vw; }
    div.mBrandProfile div.mOrigine { width: calc(100% - 6vw - 1rem); }
    div.mBrandProfile div.mTitle { top: -3vw; padding: 0 1rem; }
}



/**
    SIMPLE ONES
 */

@media screen and (max-width: 767px) {
    div.mSimple { width: 90vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
    div.mSimple { width: 62vw; }
}
@media screen and (min-width: 1280px) {
    div.mSimple { width: 38vw; }
}