/** Shopify CDN: Minification failed Line 1910:0 Unexpected "}" **/ @charset "UTF-8"; /*! ------------------------------------------------------------------ Author: Fuel Themes Author URI: https://fuelthemes.net ------------------------------------------------------------------ */ #wrapper .click-capture,#wrapper .click-capture--product,.side-panel,.side-panel-content--tabs button,.side-panel-content--tabs button:after,.back-to-top,.back-to-top path,.header:after,.header .logolink .logoimg,.thb-secondary-area-item.thb-secondary-myaccount span:after,.thb-secondary-area-item svg path,.thb-secondary-area .thb-item-count,.mobile-toggle span,.thb-full-menu--link:after,.thb-full-menu li.menu-item-has-children>.thb-full-menu--link svg path,.thb-full-menu.thb-secondary-menu li a,.button span,input[type="submit"] span,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select,input[type="checkbox"],input[type="radio"],.field label,.custom-checkbox[type="checkbox"],.custom-checkbox[type="checkbox"]:after,.custom-select--list,.quantity .minus svg,.quantity .plus svg,.cart-drawer .order-note-toggle,.cart-drawer .order-note-toggle__content,.cart-drawer .order-note-toggle__content-overlay,.flickity-page-dots .dot,.flickity-nav,.flickity-nav svg{transition:all 0.25s cubic-bezier(.104,.204,.492,1)}.thb-full-menu .sub-menu{transition:all 0.25s ease}.side-panel.product-drawer,.thb-full-menu .sub-menu,.custom-select--list{isolation:isolate;border-radius:var(--block-border-radius,16px)}.no-js .quantity .minus,.quantity .no-js .minus,.no-js .quantity .plus,.quantity .no-js .plus,.no-js .flickity-nav{display:none!important}.side-panel,.thb-full-menu .sub-menu,.custom-select--list,.flickity-nav{box-shadow:0 4px 6px rgb(0 0 0 / .08)}.has-shadow--true{box-shadow:0 4px 6px rgb(0 0 0 / .08)} /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:0;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[data-whatintent="mouse"] *,[data-whatintent="mouse"] *:focus,[data-whatintent="touch"] *,[data-whatintent="touch"] *:focus,[data-whatinput="mouse"] *,[data-whatinput="mouse"] *:focus,[data-whatinput="touch"] *,[data-whatinput="touch"] *:focus{outline:none}[draggable=false]{-webkit-touch-callout:none;-webkit-user-select:none}.foundation-mq{font-family:"small=0em&medium=48em&large=66.75em&xlarge=75em"}html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;background:var(--bg-body,#f5f5f5);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:400;line-height:1.6;color:var(--color-body,#2c2d2e);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:0}select{box-sizing:border-box;width:100%;border-radius:0}.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none!important}button{padding:0;appearance:none;border:0;border-radius:0;background:#fff0;line-height:1;cursor:auto}[data-whatinput='mouse'] button{outline:0}pre{overflow:auto;-webkit-overflow-scrolling:touch}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block!important}.is-hidden{display:none!important}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}p{margin-bottom:1.25rem;font-size:inherit;line-height:1.6;text-rendering:optimizeLegibility}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:var(--font-body-bold-weight,600);line-height:inherit}small{font-size:80%;line-height:inherit}h1,.h1,.h1-large,.h1-xlarge,h2,.h2,h3,.h3,blockquote p,blockquote span,h4,.h4,h5,.h5,h6,.h6{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-style:normal;font-weight:700;color:var(--color-heading,#1a1c1d);text-rendering:optimizeLegibility}h1 small,.h1 small,.h1-large small,.h1-xlarge small,h2 small,.h2 small,h3 small,.h3 small,blockquote p small,blockquote span small,h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{line-height:0;color:#cacaca}h1,.h1,.h1-large,.h1-xlarge{font-size:2.875rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}h2,.h2{font-size:2.5rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}h3,.h3,blockquote p,blockquote span{font-size:2.125rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}h4,.h4{font-size:1.75rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}h5,.h5{font-size:1.5rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}h6,.h6{font-size:1.125rem;line-height:1.45;margin-top:0;margin-bottom:1.25rem}@media print,screen and (min-width:48em){h1,.h1,.h1-large,.h1-xlarge{font-size:3.375rem}h2,.h2{font-size:2.875rem}h3,.h3,blockquote p,blockquote span{font-size:2.25rem}h4,.h4{font-size:1.75rem}h5,.h5{font-size:1.5rem}h6,.h6{font-size:1.125rem}}@media print,screen and (min-width:66.75em){h1,.h1,.h1-large,.h1-xlarge{font-size:4rem}h2,.h2{font-size:3.375rem}h3,.h3,blockquote p,blockquote span{font-size:2.5rem}h4,.h4{font-size:1.875rem}h5,.h5{font-size:1.5rem}h6,.h6{font-size:1.125rem}}a{line-height:inherit;color:var(--color-body,#2c2d2e);text-decoration:none;cursor:pointer}a:hover,a:focus{color:var(--color-accent)}a img{border:0}hr{clear:both;max-width:var(--grid-width-row,1380px);height:0;margin:1.25rem auto;border-top:0;border-right:0;border-bottom:1px solid #cacaca;border-left:0}ul,ol,dl{margin-bottom:1.25rem;list-style-position:outside;line-height:1.6}li{font-size:inherit}ul{margin-left:1.25rem;list-style-type:disc}ol{margin-left:1.25rem}ul ul,ol ul,ul ol,ol ol{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:var(--font-body-bold-weight,600)}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}abbr,abbr[title]{border-bottom:1px dotted #2c2d2e;cursor:help;text-decoration:none}figure{margin:0}kbd{margin:0;padding:.125rem .25rem 0;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;color:#2c2d2e}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}ul.no-bullet,ol.no-bullet{margin-left:0;list-style:none}cite,.cite-block{display:block;color:#8a8a8a;font-size:.8125rem}cite:before,.cite-block:before{content:"— "}code,.code-inline{border:1px solid #cacaca;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#2c2d2e;display:inline;max-width:100%;word-wrap:break-word;padding:.125rem .3125rem .0625rem}.code-block{border:1px solid #cacaca;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#2c2d2e;display:block;overflow:auto;white-space:pre;padding:1rem;margin-bottom:1.5rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media print,screen and (min-width:48em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media print,screen and (min-width:66.75em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:black!important;print-color-adjust:economy;box-shadow:none!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print{display:table-cell!important}th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.print-break-inside{page-break-inside:auto}}.row{max-width:var(--grid-width-row,1380px);margin-right:auto;margin-left:auto;display:flex;flex-flow:row wrap}.row .row{margin-right:-.25rem;margin-left:-.25rem}@media print,screen and (min-width:48em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem}}@media print,screen and (min-width:66.75em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem}}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row:not(.expanded) .row{max-width:none}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row.is-collapse-child,.row.collapse>.column>.row,.row.collapse>.columns>.row{margin-right:0;margin-left:0}.column,.columns{flex:1 1 0%;padding-right:.25rem;padding-left:.25rem;min-width:0}@media print,screen and (min-width:48em){.column,.columns{padding-right:.9375rem;padding-left:.9375rem}}.column.row.row,.row.row.columns{float:none;display:block}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.small-1{flex:0 0 8.33333%;max-width:8.33333%}.small-offset-0{margin-left:0%}.small-2{flex:0 0 16.66667%;max-width:16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{flex:0 0 25%;max-width:25%}.small-offset-2{margin-left:16.66667%}.small-4{flex:0 0 33.33333%;max-width:33.33333%}.small-offset-3{margin-left:25%}.small-5{flex:0 0 41.66667%;max-width:41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{flex:0 0 50%;max-width:50%}.small-offset-5{margin-left:41.66667%}.small-7{flex:0 0 58.33333%;max-width:58.33333%}.small-offset-6{margin-left:50%}.small-8{flex:0 0 66.66667%;max-width:66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{flex:0 0 75%;max-width:75%}.small-offset-8{margin-left:66.66667%}.small-10{flex:0 0 83.33333%;max-width:83.33333%}.small-offset-9{margin-left:75%}.small-11{flex:0 0 91.66667%;max-width:91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{flex:0 0 100%;max-width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1{flex-wrap:wrap}.small-up-1>.column,.small-up-1>.columns{flex:0 0 100%;max-width:100%}.small-up-2{flex-wrap:wrap}.small-up-2>.column,.small-up-2>.columns{flex:0 0 50%;max-width:50%}.small-up-3{flex-wrap:wrap}.small-up-3>.column,.small-up-3>.columns{flex:0 0 33.33333%;max-width:33.33333%}.small-up-4{flex-wrap:wrap}.small-up-4>.column,.small-up-4>.columns{flex:0 0 25%;max-width:25%}.small-up-5{flex-wrap:wrap}.small-up-5>.column,.small-up-5>.columns{flex:0 0 20%;max-width:20%}.small-up-6{flex-wrap:wrap}.small-up-6>.column,.small-up-6>.columns{flex:0 0 16.66667%;max-width:16.66667%}.small-up-7{flex-wrap:wrap}.small-up-7>.column,.small-up-7>.columns{flex:0 0 14.28571%;max-width:14.28571%}.small-up-8{flex-wrap:wrap}.small-up-8>.column,.small-up-8>.columns{flex:0 0 12.5%;max-width:12.5%}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:.25rem;padding-left:.25rem}@media print,screen and (min-width:48em){.medium-1{flex:0 0 8.33333%;max-width:8.33333%}.medium-offset-0{margin-left:0%}.medium-2{flex:0 0 16.66667%;max-width:16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{flex:0 0 25%;max-width:25%}.medium-offset-2{margin-left:16.66667%}.medium-4{flex:0 0 33.33333%;max-width:33.33333%}.medium-offset-3{margin-left:25%}.medium-5{flex:0 0 41.66667%;max-width:41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{flex:0 0 50%;max-width:50%}.medium-offset-5{margin-left:41.66667%}.medium-7{flex:0 0 58.33333%;max-width:58.33333%}.medium-offset-6{margin-left:50%}.medium-8{flex:0 0 66.66667%;max-width:66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{flex:0 0 75%;max-width:75%}.medium-offset-8{margin-left:66.66667%}.medium-10{flex:0 0 83.33333%;max-width:83.33333%}.medium-offset-9{margin-left:75%}.medium-11{flex:0 0 91.66667%;max-width:91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{flex:0 0 100%;max-width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1{flex-wrap:wrap}.medium-up-1>.column,.medium-up-1>.columns{flex:0 0 100%;max-width:100%}.medium-up-2{flex-wrap:wrap}.medium-up-2>.column,.medium-up-2>.columns{flex:0 0 50%;max-width:50%}.medium-up-3{flex-wrap:wrap}.medium-up-3>.column,.medium-up-3>.columns{flex:0 0 33.33333%;max-width:33.33333%}.medium-up-4{flex-wrap:wrap}.medium-up-4>.column,.medium-up-4>.columns{flex:0 0 25%;max-width:25%}.medium-up-5{flex-wrap:wrap}.medium-up-5>.column,.medium-up-5>.columns{flex:0 0 20%;max-width:20%}.medium-up-6{flex-wrap:wrap}.medium-up-6>.column,.medium-up-6>.columns{flex:0 0 16.66667%;max-width:16.66667%}.medium-up-7{flex-wrap:wrap}.medium-up-7>.column,.medium-up-7>.columns{flex:0 0 14.28571%;max-width:14.28571%}.medium-up-8{flex-wrap:wrap}.medium-up-8>.column,.medium-up-8>.columns{flex:0 0 12.5%;max-width:12.5%}}@media print,screen and (min-width:48em) and (min-width:48em){.medium-expand{flex:1 1 0%}}.row.medium-unstack>.column,.row.medium-unstack>.columns{flex:0 0 100%}@media print,screen and (min-width:48em){.row.medium-unstack>.column,.row.medium-unstack>.columns{flex:1 1 0%}}@media print,screen and (min-width:48em){.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:.9375rem;padding-left:.9375rem}}@media print,screen and (min-width:66.75em){.large-1{flex:0 0 8.33333%;max-width:8.33333%}.large-offset-0{margin-left:0%}.large-2{flex:0 0 16.66667%;max-width:16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{flex:0 0 25%;max-width:25%}.large-offset-2{margin-left:16.66667%}.large-4{flex:0 0 33.33333%;max-width:33.33333%}.large-offset-3{margin-left:25%}.large-5{flex:0 0 41.66667%;max-width:41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{flex:0 0 50%;max-width:50%}.large-offset-5{margin-left:41.66667%}.large-7{flex:0 0 58.33333%;max-width:58.33333%}.large-offset-6{margin-left:50%}.large-8{flex:0 0 66.66667%;max-width:66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{flex:0 0 75%;max-width:75%}.large-offset-8{margin-left:66.66667%}.large-10{flex:0 0 83.33333%;max-width:83.33333%}.large-offset-9{margin-left:75%}.large-11{flex:0 0 91.66667%;max-width:91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{flex:0 0 100%;max-width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1{flex-wrap:wrap}.large-up-1>.column,.large-up-1>.columns{flex:0 0 100%;max-width:100%}.large-up-2{flex-wrap:wrap}.large-up-2>.column,.large-up-2>.columns{flex:0 0 50%;max-width:50%}.large-up-3{flex-wrap:wrap}.large-up-3>.column,.large-up-3>.columns{flex:0 0 33.33333%;max-width:33.33333%}.large-up-4{flex-wrap:wrap}.large-up-4>.column,.large-up-4>.columns{flex:0 0 25%;max-width:25%}.large-up-5{flex-wrap:wrap}.large-up-5>.column,.large-up-5>.columns{flex:0 0 20%;max-width:20%}.large-up-6{flex-wrap:wrap}.large-up-6>.column,.large-up-6>.columns{flex:0 0 16.66667%;max-width:16.66667%}.large-up-7{flex-wrap:wrap}.large-up-7>.column,.large-up-7>.columns{flex:0 0 14.28571%;max-width:14.28571%}.large-up-8{flex-wrap:wrap}.large-up-8>.column,.large-up-8>.columns{flex:0 0 12.5%;max-width:12.5%}}@media print,screen and (min-width:66.75em) and (min-width:66.75em){.large-expand{flex:1 1 0%}}.row.large-unstack>.column,.row.large-unstack>.columns{flex:0 0 100%}@media print,screen and (min-width:66.75em){.row.large-unstack>.column,.row.large-unstack>.columns{flex:1 1 0%}}@media print,screen and (min-width:66.75em){.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:.9375rem;padding-left:.9375rem}}.shrink{flex:0 0 auto;max-width:100%}.column-block{margin-bottom:.5rem}.column-block>:last-child{margin-bottom:0}@media print,screen and (min-width:48em){.column-block{margin-bottom:1.875rem}.column-block>:last-child{margin-bottom:0}}.align-left{justify-content:flex-start}.align-right{justify-content:flex-end}.align-center{justify-content:center}.align-justify{justify-content:space-between}.align-spaced{justify-content:space-around}.align-left.vertical.menu>li>a{justify-content:flex-start}.align-right.vertical.menu>li>a{justify-content:flex-end}.align-center.vertical.menu>li>a{justify-content:center}.align-top{align-items:flex-start}.align-self-top{align-self:flex-start}.align-bottom{align-items:flex-end}.align-self-bottom{align-self:flex-end}.align-middle{align-items:center}.align-self-middle{align-self:center}.align-stretch{align-items:stretch}.align-self-stretch{align-self:stretch}.align-center-middle{justify-content:center;align-items:center;align-content:center}.small-order-1{order:1}.small-order-2{order:2}.small-order-3{order:3}.small-order-4{order:4}.small-order-5{order:5}.small-order-6{order:6}@media print,screen and (min-width:48em){.medium-order-1{order:1}.medium-order-2{order:2}.medium-order-3{order:3}.medium-order-4{order:4}.medium-order-5{order:5}.medium-order-6{order:6}}@media print,screen and (min-width:66.75em){.large-order-1{order:1}.large-order-2{order:2}.large-order-3{order:3}.large-order-4{order:4}.large-order-5{order:5}.large-order-6{order:6}}.flex-container{display:flex}.flex-child-auto{flex:1 1 auto}.flex-child-grow{flex:1 0 auto}.flex-child-shrink{flex:0 1 auto}.flex-dir-row{flex-direction:row}.flex-dir-row-reverse{flex-direction:row-reverse}.flex-dir-column{flex-direction:column}.flex-dir-column-reverse{flex-direction:column-reverse}@media print,screen and (min-width:48em){.medium-flex-container{display:flex}.medium-flex-child-auto{flex:1 1 auto}.medium-flex-child-grow{flex:1 0 auto}.medium-flex-child-shrink{flex:0 1 auto}.medium-flex-dir-row{flex-direction:row}.medium-flex-dir-row-reverse{flex-direction:row-reverse}.medium-flex-dir-column{flex-direction:column}.medium-flex-dir-column-reverse{flex-direction:column-reverse}}@media print,screen and (min-width:66.75em){.large-flex-container{display:flex}.large-flex-child-auto{flex:1 1 auto}.large-flex-child-grow{flex:1 0 auto}.large-flex-child-shrink{flex:0 1 auto}.large-flex-dir-row{flex-direction:row}.large-flex-dir-row-reverse{flex-direction:row-reverse}.large-flex-dir-column{flex-direction:column}.large-flex-dir-column-reverse{flex-direction:column-reverse}}.thb-full-menu .mega-menu-columns{padding:0 15px;max-width:var(--grid-width-row,1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.thb-full-menu .mega-menu-columns{padding:0 50px}}html{scroll-behavior:smooth;scroll-margin-top:calc(var(--logo-height-mobile) + 106px);font-size:calc(var(--font-body-scale) * 16px)}@media only screen and (min-width:768px){html{scroll-margin-top:calc(var(--logo-height) + 106px)}}body{overflow-wrap:anywhere;font-size:1.0625rem;line-height:calc(var(--font-body-line-height-scale) * 1.6);letter-spacing:var(--font-body-letter-spacing,normal);background:var(--bg-body)}body.open-cc{overflow:hidden}body.open-cc #wrapper .click-capture{opacity:1;visibility:visible;pointer-events:all}body.open-cc #main-content{clip-path:none!important}body.open-cc--product #wrapper .click-capture--product{opacity:1;visibility:visible;pointer-events:all}body.open-cc--product #main-content{clip-path:none!important}body.open-cc #shopify-chat{display:none}body.open-lightbox #main-content{clip-path:none!important}*{box-sizing:border-box}a{-webkit-tap-highlight-color:#fff0;transition:color 0.25s cubic-bezier(.104,.204,.492,1)}button,summary{-webkit-tap-highlight-color:#fff0}p{word-spacing:.001em;font-feature-settings:"kern" 1;font-kerning:normal;line-height:calc(var(--font-body-line-height-scale) * 1.6)}figure{margin:0;padding:0}hr{border-bottom-color:var(--color-border,#dadce0)}summary{display:inline-block}#wrapper{min-height:100vh;display:flex;flex-direction:column;scroll-behavior:smooth}#wrapper #main-content{display:flex;flex:1;backface-visibility:hidden;clip-path:inset(0 var(--footer-width-percent,0%) 0% round var(--footer-border-radius,0));min-height:calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));flex-direction:column;background:var(--bg-body,#f5f5f5)}@supports (height:100dvh){#wrapper #main-content{min-height:calc(100dvh - var(--header-height, 0px) - var(--announcement-height, 0px))}}#wrapper #main-content>.row{width:100%}#wrapper .click-capture,#wrapper .click-capture--product{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:53;opacity:0;visibility:hidden;background:rgba(var(--color-overlay-rgb),.4);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}#wrapper .click-capture--product{z-index:91}.template-product-quick-view #wrapper .click-capture--product{opacity:1!important;visibility:visible!important}.template-product-quick-view #wrapper #main-content{clip-path:none!important}.row{padding:0 11px}@media only screen and (min-width:768px){.row{padding:0 35px}}.row .columns{padding:0 4px}@media only screen and (min-width:768px){.row .columns{padding:0 15px}}.row.no-padding{padding:0}.row.full-width-row{max-width:none}.row.full-width-row-full{padding:0;max-width:none}.row.full-width-row-full>.columns{padding:0}.text-size-large{font-size:1.0625rem}@media only screen and (min-width:768px){.text-size-large{font-size:1.25rem}}.text-size-small{font-size:.9375rem}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.overflow-hidden{overflow:hidden}blockquote{position:relative;text-align:center;padding:0 5%;border-left:0;color:var(--color-heading,#1a1c1d);margin:50px 0}blockquote p,blockquote span{color:var(--color-heading,#1a1c1d)}.thb-placeholder{background:rgba(var(--color-body-rgb),.03);display:flex}.thb-placeholder svg{width:100%;height:100%;fill:var(--color-body,#2c2d2e)}.rte a{text-decoration:underline;text-underline-offset:3px}.rte p+h1,.rte p+h2,.rte p+h3,.rte p+h4,.rte p+h5,.rte p+h6{margin-top:10px}.rte iframe{max-width:100%}.no-js .no-js-hidden,.no-js img.lazyload{display:none!important}.screen-reader-shortcut{position:fixed;top:-1000em}.screen-reader-shortcut:focus{left:6px;top:7px;height:auto;width:auto;display:block;font-size:14px;font-weight:var(--font-body-bold-weight,600);padding:15px 23px 14px;background-color:#54cdcd;color:#fff;z-index:100000;line-height:normal;text-decoration:none;box-shadow:0 0 2px 2px rgb(0 0 0 / .6)}table{width:100%;text-align:left;border-spacing:0;border-collapse:separate;margin-bottom:30px;font-size:15px;border-collapse:collapse;border:1px solid var(--color-border,#dadce0)}[dir="rtl"] table{text-align:right}table thead{line-height:1}table thead th{font-size:.8125rem;padding:18px 0;font-weight:var(--font-body-medium-weight,500)}table th{font-weight:var(--font-body-medium-weight,500)}table th,table td{padding:10px 15px;border:1px solid var(--color-border,#dadce0)}@media only screen and (min-width:768px){table th,table td{padding:15px 25px}}table.collaterals{border:0;margin:0}table.collaterals tbody tr{border:0;font-weight:var(--font-body-medium-weight,500)}table.collaterals tbody tr th,table.collaterals tbody tr td{padding:5px 0;border:0}table.collaterals tbody tr th:last-child,table.collaterals tbody tr td:last-child{text-align:right;padding-right:0}table.collaterals tbody tr th{padding:5px 10px 5px 0}table.collaterals tbody tr .price{font-weight:var(--font-body-medium-weight,500)}table.collaterals tbody tr.cart-total .price{font-size:1.25rem}table.collaterals tbody tr:first-child th,table.collaterals tbody tr:first-child td{padding-top:0}table.no-borders{border:0}table.no-borders thead{line-height:1}table.no-borders thead th{padding:18px 0;border-bottom:1px solid var(--color-border,#dadce0)}table.no-borders thead th:last-child{text-align:right}table.no-borders th,table.no-borders td{padding:10px 15px;border:0}@media only screen and (min-width:768px){table.no-borders th,table.no-borders td{padding:15px 25px}}table.no-borders tbody tr th,table.no-borders tbody tr td{padding:20px 15px 20px 0;border-bottom:1px solid var(--color-border,#dadce0)}table.no-borders tbody tr th:last-child,table.no-borders tbody tr td:last-child{text-align:right;padding-right:0}@media only screen and (min-width:768px){table.no-borders tbody tr th,table.no-borders tbody tr td{padding:20px 30px 20px 0}}[dir="rtl"] table.no-borders tbody tr th,[dir="rtl"] table.no-borders tbody tr td{padding:20px 0 20px 15px}@media only screen and (min-width:768px){[dir="rtl"] table.no-borders tbody tr th,[dir="rtl"] table.no-borders tbody tr td{padding:20px 0 20px 30px}}table.no-borders tbody tr:last-child td{border-bottom:0}table.no-borders tfoot{text-align:right}table.no-borders tfoot td{padding:10px 0;border-top:1px solid var(--color-border,#dadce0)}table.no-borders tfoot td:first-child{text-align:left}.shopify-challenge__container{padding:40px 0}@media only screen and (min-width:768px){.shopify-challenge__container{padding:70px 0}}@media only screen and (min-width:1068px){.shopify-challenge__container{padding:100px 0}}.discounts{list-style:none;margin:5px 0 0;padding:0;font-size:12px}.discounts__discount{margin-bottom:5px}.discounts__discount svg{vertical-align:middle;margin-right:6px;width:10px}.side-panel{position:fixed;top:0;right:0;height:100vh;z-index:90;width:calc(100vw - 15px);background:var(--color-drawer-bg,#fff);max-width:540px;overflow-x:hidden;transform:translateX(100%);border-radius:var(--block-border-radius,16px) 0 0 var(--block-border-radius,16px);--bg-body-rgb:var(--color-drawer-bg-rgb)}.side-panel:not(.active){box-shadow:none!important}@supports (height:100dvh){.side-panel{height:100dvh}}.side-panel.active{transform:translateX(0%)}.side-panel.side-cart{z-index:99}.side-panel.facet-drawer{transform:translateX(-100%);right:auto;left:0}.side-panel.facet-drawer.active{transform:translateX(0%)}.side-panel.search-drawer{overflow:hidden}.side-panel.search-drawer .side-panel-inner{height:100%}.side-panel.search-drawer .side-panel-header div{height:70px;padding:10px 0}.side-panel.search-drawer .searchform{width:100%;padding-right:20px}.side-panel.search-drawer .searchform input{border:0;padding:0;font-size:1rem;outline:0}.side-panel.search-drawer .searchform label{display:none}.side-panel.search-drawer .side-panel-content--has-tabs{display:none;position:relative;flex:1;height:calc(100% - 70px)}.side-panel.search-drawer .side-panel-content--has-tabs.active{display:flex;flex-direction:column}.side-panel.search-drawer .side-panel-content--has-tabs.active+.side-panel-content--initial{display:none}.side-panel.search-drawer .side-panel-content--has-tabs scroll-shadow{flex:1;overflow:hidden}.side-panel.search-drawer .side-panel-content--initial{height:calc(100% - 70px);overflow-x:hidden;overflow-y:auto}.side-panel.product-drawer{z-index:102;width:auto;left:10px;right:10px;top:10px;bottom:10px;height:auto;max-width:100%;margin:0;opacity:0;pointer-events:none}@media only screen and (min-width:1068px){.side-panel.product-drawer{max-width:1160px;max-height:calc(100vh - 40px);left:50%;right:auto;top:50%;width:100%;bottom:auto;transform:translate3d(-50%,-50%,0)}@supports (height:100dvh){.side-panel.product-drawer{max-height:calc(100dvh - 40px)}}}.side-panel.product-drawer.active{pointer-events:all;opacity:1}@media only screen and (min-width:1068px){.side-panel.product-drawer.active{transform:translate3d(-50%,-50%,0)}}.side-panel.product-drawer .side-panel-close{position:absolute;top:5px;right:5px;width:40px;height:40px;z-index:20;display:flex;align-items:center;justify-content:center}.side-panel.product-drawer .thb-product-detail{margin:0}.side-panel.product-drawer .side-panel-inner{position:relative;z-index:5}.side-panel.product-drawer .side-panel-content{padding:10px 20px 20px}@media only screen and (min-width:1068px){.side-panel.product-drawer .side-panel-content{padding:40px}}.side-panel-header{position:sticky;top:0;left:0;z-index:35;background:var(--color-drawer-bg,#fff);padding:0 30px}.side-panel-header .h6{margin:0;line-height:1;color:var(--color-body,#2c2d2e)}.side-panel-header .h6>span{display:block}.side-panel-header .h6 .facets__label{font-size:.75rem;margin-top:4px;display:block}.side-panel-header div{line-height:1;display:flex;justify-content:space-between;align-items:center;height:100%;padding:23px 0;border-bottom:1px solid var(--color-border,#dadce0)}.side-panel-close{cursor:pointer}.side-panel-content{padding:25px 30px;font-size:.9375rem}.side-panel-content.side-panel-content--has-tabs{padding:0}.side-panel-content.side-panel-content--has-tabs .side-panel-content--inner{padding:0 30px 25px;overflow-y:auto;overflow-x:hidden;height:100%}.side-panel-content--tabs{display:flex;padding:25px 30px}.side-panel-content--tabs button{display:inline-flex;align-items:center;min-height:25px;color:rgba(var(--color-body-rgb),.6);margin-right:15px;font-size:1rem;font-weight:var(--font-body-medium-weight,500);padding:2px 0 5px;position:relative;z-index:2}.side-panel-content--tabs button:after{content:"";display:block;height:2px;width:100%;background:var(--color-body,#2c2d2e);position:absolute;bottom:0;left:0;z-index:3;transform:scale(0,1);transform-origin:left center}.side-panel-content--tabs button:hover{color:var(--color-body,#2c2d2e);opacity:1}.side-panel-content--tabs button.tab-active{opacity:1;color:var(--color-body,#2c2d2e)}.side-panel-content--tabs button.tab-active:after{transform:scale(1,1)}.side-panel-content--tab-panel{display:none}.side-panel-content--tab-panel.tab-active{display:block}.side-panel-content--search-footer{padding:25px 30px;border-top:1px solid var(--color-border,#dadce0);margin-top:auto}.side-panel-content .button{flex-shrink:0}.side-panel-footer{padding:25px 30px;border-top:1px solid var(--color-border,#dadce0)}.loading{position:relative}.loading:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.loading .loading-overlay{display:block}.loading-overlay{display:none;width:42px;height:42px;position:absolute;top:50%;left:50%;z-index:20;line-height:0;transform:translate3d(-50%,-50%,0)}.spinner{animation:rotator 1.4s infinite linear}.spinner-path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s infinite ease}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}100%{stroke-dashoffset:280;transform:rotate(450deg)}}.mobile-menu-drawer{display:none}.lazyload,.lazyloading{opacity:.75;will-change:opacity,filter;-webkit-filter:blur(5px);-moz-filter:blur(5px);filter:blur(5px)}.lazyload.no-blur,.lazyloading.no-blur{filter:none;opacity:1}.lazyloaded{opacity:1;transition:opacity 0.2s cubic-bezier(.104,.204,.492,1),filter 0.2s cubic-bezier(.104,.204,.492,1)}@media only screen and (min-width:768px){.medium-1\/5{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}@media only screen and (min-width:1068px){.large-1\/5{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}scroll-shadow{display:inline-block;width:100%;--scroll-shadow-size:20;--scroll-shadow-top:linear-gradient(rgba(var(--bg-body-rgb), 1), rgba(var(--bg-body-rgb), 0));--scroll-shadow-bottom:linear-gradient(rgba(var(--bg-body-rgb), 0), rgba(var(--bg-body-rgb), 1));--scroll-shadow-left:linear-gradient(90deg, rgba(var(--bg-body-rgb), 1), rgba(var(--bg-body-rgb), 0));--scroll-shadow-right:linear-gradient(90deg, rgba(var(--bg-body-rgb), 0), rgba(var(--bg-body-rgb), 1))}@media only screen and (max-width:767px){.mobile-height-full{transition:height 0.5s linear;height:calc(100vh - var(--announcement-height, 0px))}@supports (height:100svh){.mobile-height-full{height:calc(100svh - var(--announcement-height, 0px))}}}@media only screen and (max-width:767px){.mobile-height-auto{min-height:auto}}@media only screen and (max-width:767px){.mobile-height-300{min-height:300px}}@media only screen and (max-width:767px){.mobile-height-350{min-height:350px}}@media only screen and (max-width:767px){.mobile-height-400{min-height:400px}}@media only screen and (max-width:767px){.mobile-height-450{min-height:450px}}@media only screen and (max-width:767px){.mobile-height-500{min-height:500px}}@media only screen and (min-width:768px){.desktop-height-full{height:calc(100vh - var(--announcement-height, 0px))}@supports (height:100dvh){.desktop-height-full{height:calc(100dvh - var(--announcement-height, 0px))}}}@media only screen and (min-width:768px){.desktop-height-auto{min-height:auto}}@media only screen and (min-width:768px){.desktop-height-450{min-height:450px}}@media only screen and (min-width:768px){.desktop-height-550{min-height:550px}}@media only screen and (min-width:768px){.desktop-height-650{min-height:650px}}@media only screen and (min-width:768px){.desktop-height-750{min-height:750px}}.height-full{min-height:100vh}.height-auto{min-height:auto}.height-300{min-height:300px}.height-350{min-height:350px}.height-400{min-height:400px}.height-450{min-height:450px}.page-content-width{max-width:800px;margin:0 auto}.subheading{font-size:.75rem;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase;font-weight:var(--font-body-medium-weight,500)}.section-spacing{margin-top:var(--section-spacing-mobile,0);margin-bottom:var(--section-spacing-mobile,0)}@media only screen and (min-width:768px){.section-spacing{margin-top:var(--section-spacing-desktop,0);margin-bottom:var(--section-spacing-desktop,0)}}.section-spacing.section-spacing--disable-top{margin-top:0}.section-spacing.section-spacing--disable-bottom{margin-bottom:0}.section-spacing-bottom{margin-bottom:var(--section-spacing-mobile,0)}@media only screen and (min-width:768px){.section-spacing-bottom{margin-bottom:var(--section-spacing-desktop,0)}}.section-spacing-bottom.section-spacing--disable-bottom{margin-bottom:0}.section-spacing-padding{padding-top:var(--section-spacing-mobile,0);padding-bottom:var(--section-spacing-mobile,0)}@media only screen and (min-width:768px){.section-spacing-padding{padding-top:var(--section-spacing-desktop,0);padding-bottom:var(--section-spacing-desktop,0)}}.section-spacing-padding.section-spacing--disable-top{padding-top:0}.section-spacing-padding.section-spacing--disable-bottom{padding-bottom:0}.visibility-hidden{visibility:hidden}.thb-parallax-image{pointer-events:none;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.has-shadow--true.has-shadow--hover:hover{box-shadow:0 4px 6px rgb(0 0 0 / .16)}.back-to-top{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-drawer-bg,#fff);position:fixed;bottom:20px;right:20px;z-index:30;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / .15);transform:translateY(70px)}@media only screen and (min-width:1068px){.back-to-top{bottom:30px;right:30px}}.back-to-top.back-to-top--active{transform:translateY(0)}.back-to-top svg{overflow:visible;transform:translateY(1px)}.back-to-top--handle{transform:translateY(4px)}.back-to-top--bar{opacity:0;transform-origin:bottom center;transform:scale(1,0) translateY(8px)}.back-to-top:hover .back-to-top--handle,.back-to-top:focus .back-to-top--handle{transform:translateY(0)}.back-to-top:hover .back-to-top--bar,.back-to-top:focus .back-to-top--bar{opacity:1;transform-origin:top center;transform:scale(1,1) translateY(0)}.metafield-color{display:inline-block;width:20px;height:20px;border-radius:50%;margin-right:5px}.metafield-rich_text_field>*:last-child{margin-bottom:0}h1,.h1,.h1-large,.h1-xlarge{font-size:calc(var(--font-heading-scale) * 32px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 40px))}@media only screen and (min-width:768px){h1,.h1,.h1-large,.h1-xlarge{font-size:calc(var(--font-heading-scale) * 36px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))}}@media only screen and (min-width:1068px){h1,.h1,.h1-large,.h1-xlarge{font-size:calc(var(--font-heading-scale) * 50px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 58px))}}h2,.h2{font-size:calc(var(--font-heading-scale) * 28px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}@media only screen and (min-width:768px){h2,.h2{font-size:calc(var(--font-heading-scale) * 36px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))}}@media only screen and (min-width:1068px){h2,.h2{font-size:calc(var(--font-heading-scale) * 42px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 50px))}}h3,.h3,blockquote p,blockquote span{font-size:calc(var(--font-heading-scale) * 26px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 30px))}@media only screen and (min-width:768px){h3,.h3,blockquote p,blockquote span{font-size:calc(var(--font-heading-scale) * 30px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 38px))}}@media only screen and (min-width:1068px){h3,.h3,blockquote p,blockquote span{font-size:calc(var(--font-heading-scale) * 34px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 42px))}}h4,.h4{font-size:calc(var(--font-heading-scale) * 20px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 28px))}@media only screen and (min-width:1068px){h4,.h4{font-size:calc(var(--font-heading-scale) * 28px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}}h5,.h5{font-size:calc(var(--font-heading-scale) * 24px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px))}h6,.h6{font-size:calc(var(--font-heading-scale) * 18px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 26px))}@media only screen and (min-width:768px){.h1-large{font-size:calc(var(--font-heading-scale) * 52px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 60px))}}@media only screen and (min-width:1068px){.h1-large{font-size:calc(var(--font-heading-scale) * 60px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 68px))}}@media only screen and (min-width:768px){.h1-xlarge{font-size:calc(var(--font-heading-scale) * 60px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 68px))}}@media only screen and (min-width:1068px){.h1-xlarge{font-size:calc(var(--font-heading-scale) * 72px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 80px))}}h1,.h1,.h1-large,.h1-xlarge,h2,.h2,h3,.h3,blockquote p,blockquote span,h4,.h4,h5,.h5,h6,.h6 .h1-large,.h1-xlarge{letter-spacing:var(--font-heading-letter-spacing,normal)}@media only screen and (min-width:1068px){.heading-size--small{font-size:2.125rem;line-height:2.625rem}}@media only screen and (min-width:1068px){.heading-size--medium{font-size:3rem;line-height:3.5rem}}@media only screen and (min-width:1068px){.heading-size--large{font-size:3.75rem;line-height:4.25rem}}@media only screen and (min-width:1068px){.heading-size--xlarge{font-size:4.5rem;line-height:5rem}}.header-section{position:sticky;top:0;left:0;z-index:50;width:100%}.header{display:block;position:relative;z-index:30;width:100%;padding:0 15px;background:#fff0;color:var(--color-header-text,--color-body);--color-body:var(--color-header-links);--color-price:$header-text;--color-accent:var(--color-header-links);--color-accent-rgb:var(--color-header-links-rgb)}.header:before{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:-1;background:var(--color-header-bg);opacity:1;transition:opacity 0.25s cubic-bezier(.104,.204,.492,1)}@media only screen and (min-width:768px){.header{padding:0 50px}}.header:after{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:-1;opacity:0;pointer-events:none}.header.header--shadow-small:after{box-shadow:0 2px 5px rgb(0 0 0 / .06)}.header.header--shadow-medium:after{box-shadow:0 9px 38px rgb(0 0 0 / .05),0 5px 12px rgb(0 0 0 / .1)}.header.header--shadow-large:after{box-shadow:0 19px 38px rgb(0 0 0 / .1),0 5px 22px rgb(0 0 0 / .15)}.header.is-sticky:after{opacity:1}.header.is-sticky .header--inner:before{opacity:0}.header.transparent--true{position:absolute}.header.transparent--true:before{opacity:0}.header.transparent--true:hover:before,.header.transparent--true.is-sticky:before{opacity:1}.header.transparent--true:not(:hover):not(.is-sticky) .logolink.text-logo{color:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .logolink .logoimg{opacity:0}.header.transparent--true:not(:hover):not(.is-sticky) .logolink .logoimg--light{opacity:1}.header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu>li>a{color:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu>li>a:after{background:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu>li>a>svg path{stroke:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-localization-forms.inside-header-arrow svg path{stroke:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-localization-forms.inside-header .custom-select--button{color:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-secondary-area-item.thb-secondary-myaccount{color:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .thb-secondary-area svg path{fill:var(--color-header-transparent-text,#fff)}.header.transparent--true:not(:hover):not(.is-sticky) .mobile-toggle span{background:var(--color-header-transparent-text,#fff)}.header--inner{width:100%;max-width:var(--grid-width,1280px);margin:0 auto;display:grid;column-gap:20px;align-items:center;grid-template-columns:1fr auto 1fr;min-height:60px}@media only screen and (min-width:1068px){.header--inner{min-height:80px}}.header--inner:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-border,#dadce0)}.template-index .header--inner:before{content:none}.header--full-width .header--inner{max-width:100%}.header--full-width .thb-full-menu .mega-menu-columns{max-width:100%}.header .logolink{position:relative}.header .logolink .logoimg--light{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.header.style1 .logolink{text-align:center;justify-content:center}@media only screen and (min-width:1068px){.header.style1 .logolink{text-align:left;margin-right:auto;justify-content:flex-start}}@media only screen and (min-width:1068px){.header.style1 .header--inner{grid-template-columns:auto minmax(auto,70%) auto}}.header.style2 .logolink{text-align:center;margin-right:auto;margin-left:auto;flex-shrink:0}@media only screen and (min-width:1068px){.header.style2 .logolink{margin-left:0}}@media only screen and (min-width:1068px){.header.style2 .header--inner{grid-template-columns:auto 1fr}}.header.style2 .full-menu{margin-left:25px}@media only screen and (min-width:1068px){.header.style2 .logolink{text-align:left}}.header.style3 .logolink{text-align:center;justify-content:center}.header.style3 .logolink .logoimg{object-position:center}.header.style3 .full-menu{margin-left:0}.header.style3 .thb-full-menu{text-align:left}[dir="ltr"] .header.style3 .thb-full-menu>li:first-child{padding-left:0}[dir="rtl"] .header.style3 .thb-full-menu>li:first-child{padding-right:0}.header.style4 .full-menu{width:100%;grid-column:span 3;justify-content:center}@media only screen and (min-width:1068px){.header.style4 .logolink{margin:15px 0}}@media only screen and (min-width:1068px){.header.style4 .header--inner{padding-top:10px;padding-bottom:10px}}.header.style4 .thb-header-desktop-left .thb-secondary-area{justify-content:flex-start}.header.style4 .thb-header-desktop-left .thb-secondary-area-item{padding-left:0;padding-right:10px}@media only screen and (min-width:1068px){.header.style4 .thb-header-right .thb-quick-search{display:none}}.header.style5 .full-menu{width:100%;grid-column:span 2}.header.style5 .full-menu .thb-full-menu{text-align:left}[dir="ltr"] .header.style5 .full-menu .thb-full-menu>li:first-child{padding-left:0}[dir="rtl"] .header.style5 .full-menu .thb-full-menu>li:first-child{padding-right:0}@media only screen and (min-width:1068px){.header.style5 .logolink{margin:15px 0}}@media only screen and (min-width:1068px){.header.style5 .header--inner{padding-top:10px;padding-bottom:10px;grid-template-columns:auto 1fr}}.header .menu-logo-container{display:flex;align-items:center}.header .searchform{width:340px;max-width:100%;margin-right:10px;display:none}@media only screen and (min-width:1068px){.header .searchform{display:block}}.header .searchform--click-capture{position:fixed;top:0;left:0;width:100%;height:100%;z-index:52;pointer-events:none;visibility:hidden}.open-search .header .searchform--click-capture{visibility:visible;pointer-events:all}.header .searchform--form{display:flex;flex-direction:row;width:100%;position:relative;z-index:53}.header .searchform--form .search-field{padding:9px 17px;height:44px;border:none;outline:0;appearance:textfield;background-color:rgba(var(--color-header-text-rgb,--color-body-rgb),.07)}.header .searchform--form .search-field::placeholder{color:var(--color-header-text,--color-body)}.header .searchform--form .search-field::-webkit-search-decoration,.header .searchform--form .search-field::-webkit-search-cancel-button,.header .searchform--form .search-field::-ms-clear{display:none}.header .searchform--form .search-field:focus{box-shadow:inset 0 0 0 1px var(--color-header-text,--color-body);background-color:var(--color-drawer-bg,#fff)}.header .searchform--form .search-field:focus::placeholder{color:var(--color-body,#2c2d2e)}.open-search .header .searchform--form .search-field{box-shadow:inset 0 0 0 1px var(--color-header-text,--color-body);border-radius:var(--input-border-radius,6px) var(--input-border-radius,6px) 0 0;background-color:var(--color-drawer-bg,#fff)}.header .searchform--form .thb-predictive-search{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:90;background-color:var(--color-drawer-bg,#fff);display:flex;min-height:50px;flex-direction:column;max-height:calc(100dvh - var(--header-height, 0px) - var(--header-offset, 0px));border-radius:0 0 var(--input-border-radius,6px) var(--input-border-radius,6px);border:1px solid var(--color-header-text,--color-body);border-top:0}.header .searchform--form .thb-predictive-search[inert]{display:none;border:0}.header .searchform--form .thb-predictive-search .side-panel-content--tabs{padding:15px 20px}.header .searchform--form .thb-predictive-search .side-panel-content--tabs button{font-size:.8125rem}.header .searchform--form .thb-predictive-search scroll-shadow{height:275px}.header .searchform--form .thb-predictive-search .side-panel-content--inner{padding:0 20px 15px;overflow-y:auto;overflow-x:hidden;height:100%}.header .searchform--form .thb-predictive-search .side-panel-content--search-footer{padding:0}.header .searchform--form .thb-predictive-search .side-panel-content--search-footer .search-results-submit{text-align:center;color:var(--color-body,#2c2d2e);font-size:.8125rem;font-weight:var(--font-body-medium-weight,500);padding:14px 12px;width:100%}.header .searchform--form .thb-predictive-search .side-panel-content--tab-panel.tab-active{display:flex;flex-direction:column}.header .searchform--form .thb-predictive-search>.loading-overlay{width:21px;height:21px}.header .searchform--form .thb-predictive-search .product-card-small:last-child{margin-bottom:0}.header .searchform--form .thb-predictive-search .product-card-small,.header .searchform--form .thb-predictive-search .product-cart-item{margin-bottom:10px;white-space:normal}.header .searchform--form .thb-predictive-search .product-cart-item-image{margin-right:10px}.header .searchform--form .thb-predictive-search .product-cart-item img{width:64px}.header .searchform--form .thb-predictive-search .product-card-small--image{width:64px}.header .searchform--form .thb-predictive-search .product-card-small--link{text-wrap:wrap}.header .searchform--click-capture{position:fixed;top:0;left:0;width:100%;height:100%;z-index:52;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.25s cubic-bezier(.104,.204,.492,1)}.open-search .header .searchform .searchform--click-capture{opacity:1;visibility:visible;pointer-events:all}.thb-secondary-area{margin-left:auto;line-height:1;height:100%;min-width:70px;white-space:nowrap;align-items:center;justify-content:end;display:inline-flex}@media only screen and (min-width:768px){.thb-secondary-area{min-width:135px}}[dir="rtl"] .thb-secondary-area{margin-right:auto;margin-left:0}.thb-secondary-area .no-js-hidden{align-items:center;display:none}@media only screen and (min-width:1068px){.thb-secondary-area .no-js-hidden{display:inline-flex}}.thb-secondary-area-item{padding:0 7px;height:100%;align-items:center;display:inline-flex}@media only screen and (min-width:768px){.thb-secondary-area-item{padding:0 10px}}.thb-secondary-area-item:last-child{padding-right:0}[dir="rtl"] .thb-secondary-area-item:last-child{padding-right:7px}.thb-secondary-area-item.thb-secondary-myaccount{display:none;font-weight:var(--font-body-medium-weight,500);font-size:calc(var(--font-navigation-scale, 1) * 15px);color:var(--color-header-links,--color-accent)}.thb-secondary-area-item.thb-secondary-myaccount:hover{color:var(--color-header-links-hover,--color-accent2)}.navigation-uppercase-true .thb-secondary-area-item.thb-secondary-myaccount{text-transform:uppercase}@media only screen and (min-width:768px){.thb-secondary-area-item.thb-secondary-myaccount{display:inline-flex}}.thb-secondary-area-item.thb-secondary-myaccount span{position:relative;line-height:1.7}.thb-secondary-area-item.thb-secondary-myaccount span:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;will-change:transform;height:1px;transform:scale(0,1);transform-origin:left center;background:var(--color-header-links-hover,--color-accent)}.thb-secondary-area-item.thb-secondary-myaccount:hover,.thb-secondary-area-item.thb-secondary-myaccount:focus{color:var(--color-header-links-hover,--color-accent2)}.thb-secondary-area-item.thb-secondary-myaccount:hover span:after,.thb-secondary-area-item.thb-secondary-myaccount:focus span:after{transform:scale(1,1)}.thb-secondary-area-item.thb-secondary-cart .thb-item-count svg{fill:var(--color-header-bg,#fff);width:8px}.thb-secondary-area-item.thb-secondary-cart .thb-secondary-item-icon{transform:translateY(2px)}.thb-secondary-area-item svg{pointer-events:none}.thb-secondary-area .thb-secondary-item-icon{position:relative}@media only screen and (min-width:1068px){.thb-secondary-area .thb-quick-search--mobile-only{display:none}}.thb-secondary-area .thb-item-count{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.625rem;font-weight:var(--font-body-bold-weight,600);width:19px;height:19px;border-radius:50%;background:var(--color-accent);color:var(--color-header-bg,#fff);position:absolute;top:-8px;right:-12px}.logolink{display:inline-flex;margin:20px 0}.logolink.text-logo{font-size:1.125rem;font-weight:var(--font-body-bold-weight,600);line-height:1;word-break:break-all;color:var(--color-header-links,--color-accent)}.logolink.text-logo:hover,.logolink.text-logo:focus{color:var(--color-header-links-hover,--color-accent2)}@media only screen and (min-width:768px){.logolink.text-logo{font-size:1.5rem}}.logolink .logoimg{width:auto;height:var(--logo-height-mobile,30px);object-fit:contain;object-position:left}@media only screen and (min-width:768px){.logolink .logoimg{height:var(--logo-height,30px)}}.thb-header-mobile-left{display:inline-flex;margin-right:auto}@media only screen and (min-width:1068px){.thb-header-mobile-left{display:none}}[dir="rtl"] .thb-header-mobile-left{margin-right:0;margin-left:auto}.thb-header-desktop-left{display:none;line-height:1}@media only screen and (min-width:1068px){.thb-header-desktop-left{display:inline-flex;margin-right:auto}[dir="rtl"] .thb-header-desktop-left{margin-right:0;margin-left:auto}}.mobile-toggle-wrapper{display:inline-flex}.no-js .mobile-toggle-wrapper[open] .mobile-menu-drawer{opacity:1;visibility:visible;transform:translateY(0)}.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(1){transform:rotateZ(45deg) translateY(-1px)}.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(2){opacity:0}.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(3){transform:rotateZ(-45deg)}.js .mobile-toggle-wrapper[open].active .mobile-menu-drawer{opacity:1;visibility:visible;transform:translateY(0)}.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1){transform:rotateZ(45deg) translateY(-3px)}.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(2){opacity:0}.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3){transform:rotateZ(-45deg) translateY(1px)}.mobile-toggle-wrapper summary::-webkit-details-marker{display:none}.mobile-toggle{display:inline-flex;position:relative;width:48px;height:48px;margin-left:-15px;display:flex;align-items:center;justify-content:center}.mobile-toggle span{width:18px;height:1.5px;background:var(--color-header-icons,--color-accent);position:absolute;border-radius:1px;top:18px;left:15px}.mobile-toggle span:nth-child(1){transform-origin:top left}.mobile-toggle span:nth-child(2){top:23px}.mobile-toggle span:nth-child(3){transform-origin:top left;top:28px}.mobile-menu-drawer{display:none;opacity:0;visibility:hidden}.mobile-menu-drawer{display:none}.full-menu{display:none;margin:0 auto;max-width:100%}@media only screen and (min-width:1068px){.full-menu{display:inline-flex}}.thb-full-menu{margin:0;padding:0;list-style:none;text-align:center;font-size:.9375rem}.thb-full-menu--link{color:var(--color-header-links,--color-accent);position:relative;font-size:calc(var(--font-navigation-scale, 1) * 15px)}.navigation-uppercase-true .thb-full-menu--link{text-transform:uppercase}.thb-full-menu--link:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;will-change:transform;height:1px;transform:scale(0,1);transform-origin:left center;background:var(--color-header-links-hover,--color-accent)}.thb-full-menu--link:hover,.thb-full-menu--link:focus{color:var(--color-header-links-hover,--color-accent2)}.thb-full-menu--link:hover:after,.thb-full-menu--link:focus:after{transform:scale(1,1)}.thb-full-menu--link:hover svg path,.thb-full-menu--link:focus svg path{stroke:var(--color-header-links-hover,--color-accent2)}.thb-full-menu>li{display:inline-flex;padding:0 15px;align-items:center}.thb-full-menu>li>a{margin:10px 0;font-weight:var(--font-body-medium-weight,500)}.thb-full-menu li.menu-item-has-children{position:relative;z-index:1}.thb-full-menu li.menu-item-has-children:hover{z-index:2}.thb-full-menu li.menu-item-has-children:hover>.sub-menu{visibility:visible;opacity:1}.thb-full-menu li.menu-item-has-children:hover>.sub-menu.mega-menu-container{clip-path:polygon(0 0,100% 0,100% calc(100% + 15px),0 calc(100% + 15px))}.thb-full-menu li.menu-item-has-children:hover:before{content:attr(data-item-title);position:absolute;height:100%;top:0;margin-left:-30px;padding-left:30px;padding-right:30px;opacity:0}.thb-full-menu li.menu-item-has-children.left-submenu .sub-menu{left:auto;right:calc(100% + 35px)}.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu{position:static}.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu .sub-menu{left:0;right:0}.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:before{height:calc(100% + 15px)}.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:after{content:"";display:block;position:absolute;top:100%;width:100%;left:0;height:calc(100dvh - 100%);background:rgba(var(--color-overlay-rgb),.4);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;z-index:1;pointer-events:none;transition:opacity 0.25s ease}.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:hover:after{opacity:1}.thb-full-menu li.menu-item-has-children>.thb-full-menu--link{padding-right:15px;position:relative}.thb-full-menu li.menu-item-has-children>.thb-full-menu--link:focus+.sub-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}.thb-full-menu li.menu-item-has-children>.thb-full-menu--link svg{position:absolute;top:50%;right:0;margin-top:-3px}.thb-full-menu li.menu-item-has-children:focus-within{z-index:2}.thb-full-menu li.menu-item-has-children:focus-within>.sub-menu{display:block;opacity:1;visibility:visible}.thb-full-menu li.menu-item-has-children:focus-within>.sub-menu.mega-menu-container{display:flex;clip-path:polygon(0 0,100% 0,100% calc(100% + 15px),0 calc(100% + 15px))}.thb-full-menu .sub-menu{position:absolute;top:100%;left:-11px;font-size:calc(var(--font-navigation-scale, 1) * 15px);line-height:1;padding:17px 26px;background:var(--color-drawer-bg,#fff);list-style:none;margin:0;text-align:left;white-space:nowrap;line-height:1.1;min-width:190px;opacity:0;z-index:2;visibility:hidden}.thb-full-menu .sub-menu a:not(.text-button):after{top:calc(100% - 3px)}.thb-full-menu .sub-menu ul{line-height:inherit}.thb-full-menu .sub-menu .thb-full-menu--link{display:inline-block;padding-top:7px;padding-bottom:7px}.thb-full-menu .sub-menu .sub-menu{top:-22px;left:calc(100% + 35px)}.thb-full-menu .sub-menu li.menu-item-has-children:hover:before{width:calc(100% + 65px)}.thb-full-menu .sub-menu.mega-menu-container{padding:30px 0;display:flex;top:calc(100% - 10px);max-width:100vw;border-top-left-radius:0;border-top-right-radius:0;background:var(--color-header-bg,#fff);clip-path:polygon(0 0,100% 0,100% 0%,0 0%)}.thb-full-menu .mega-menu-columns{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-column-gap:20px;list-style:none;margin:0;white-space:initial;flex:1}@media only screen and (min-width:1200px){.thb-full-menu .mega-menu-columns{grid-column-gap:30px}}.thb-full-menu .mega-menu-columns ul{list-style:none;margin:0;padding:0}.thb-full-menu .mega-menu-columns__heading{font-weight:var(--font-body-medium-weight,500);padding:0;margin-bottom:10px}.thb-full-menu .mega-menu-columns--limited{grid-template-columns:repeat(var(--max-megamenu-columns,4),1fr);grid-auto-flow:unset}.thb-full-menu .mega-menu-columns--limited ul{margin-bottom:20px}.thb-full-menu.thb-secondary-menu{margin-left:auto}.thb-full-menu.thb-secondary-menu li a{opacity:.6}.thb-full-menu.thb-secondary-menu li a:hover{opacity:1}.thb-full-menu.thb-secondary-menu li:last-child{padding-right:0}.mega-menu-promotion{width:100%;position:relative;overflow:hidden}.mega-menu-promotion img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform;transition:all 0.5s cubic-bezier(.104,.204,.492,1)}.mega-menu-promotion:hover img{transform:scale(1.07)}.mega-menu-promotion--image{overflow:hidden}.mega-menu-promotion--content{margin-top:20px;text-align:center}.mega-menu-promotion--content h6{font-size:.9375rem;margin-bottom:5px}.mega-menu-promotion--content p{font-size:.8125rem;font-weight:400;margin:0}.mega-menu-promotion--content:last-child{margin-bottom:0}.mega-menu-promotion--link{position:absolute!important;display:block;top:0;left:0;width:100%;height:100%;padding:0!important}.mega-menu-promotion--link:after{content:none!important}.menu-item-badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:var(--font-body-bold-weight,600);padding:2px 8px;border-radius:5px;margin-left:10px;letter-spacing:.03em;transform:translateY(-5px);text-transform:uppercase;background:var(--menu-badge-bg);color:var(--menu-badge-text)}.mega-menu-sidebar{display:grid;grid-template-columns:280px 1fr;gap:30px}.mega-menu-sidebar ul{list-style:none;margin:0;padding:0}.mega-menu-sidebar--button{display:flex!important;align-items:center;padding:9px 12px;gap:20px;font-weight:var(--font-body-medium-weight,500);line-height:1.3;white-space:normal;min-height:34px;font-size:calc(var(--font-navigation-scale, 1) * 15px);border-radius:var(--button-border-radius,6px);color:var(--color-header-links)}.mega-menu-sidebar--button:after{content:none!important}.mega-menu-sidebar--button svg{margin-left:auto;flex-shrink:0}.mega-menu-sidebar--button.active{color:var(--color-header-links-hover);background-color:rgba(var(--color-header-links-hover-rgb),.07)}.mega-menu-sidebar--button.active svg path{stroke:var(--color-header-links-hover)}.mega-menu-sidebar--content ul{list-style:none;margin:0;padding:0;display:none;padding-left:30px;grid-template-columns:repeat(4,1fr);gap:30px}.mega-menu-sidebar--content ul.active{display:grid}.mega-menu-sidebar--content ul a{padding:0;white-space:normal;font-size:.875rem}.mega-menu-sidebar--content ul a span{line-height:inherit}.mega-menu-sidebar--content-container{display:flex!important;flex-direction:column;gap:5px}@media only screen and (min-width:768px){.mega-menu-sidebar--content-container{gap:15px}}.mega-menu-sidebar--content-image{overflow:hidden}.animations-true .animate-fade{opacity:0}.animations-true .line-parent{overflow:hidden}.animations-true .line-child{overflow:hidden}:focus:not(:focus-visible){outline:none}::-webkit-search-decoration{-webkit-appearance:none}.thb-localization-forms{display:block;font-size:.75rem}.thb-localization-forms .shopify-localization-form{display:inline-flex}.thb-localization-forms .shopify-localization-form>div{margin-left:15px}.thb-localization-forms .custom-select{font-size:inherit}.thb-localization-forms .custom-select+.custom-select{margin-left:20px}[dir="rtl"] .thb-localization-forms .custom-select+.custom-select{margin-left:0;margin-right:20px}.thb-localization-forms--flag{width:14px;height:14px;object-fit:cover;border-radius:50%;margin-right:12px}[dir="rtl"] .thb-localization-forms--flag{margin-right:0;margin-left:12px}.shopify-payment-button__more-options,.text-button{display:inline-flex;align-items:center;font-size:.9375rem;line-height:1;position:relative;font-weight:var(--font-body-medium-weight,500);letter-spacing:var(--button-letter-spacing,.02em);cursor:pointer;position:relative;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.shopify-payment-button__more-options span,.text-button span{overflow:hidden;margin-left:6px}[dir="rtl"] .shopify-payment-button__more-options span,[dir="rtl"] .text-button span{margin-left:0;margin-right:6px;transform:rotateZ(180deg)}@media (hover:hover){.shopify-payment-button__more-options:hover svg,.text-button:hover svg{animation:text-button-arrow 0.35s linear forwards 1}}.shopify-payment-button__more-options--has-icon,.text-button--has-icon{text-decoration:none}.shopify-payment-button__more-options.white,.text-button.white{color:#fff}.shopify-payment-button__more-options.white svg path,.text-button.white svg path{stroke:#fff}.shopify-payment-button__more-options.regular,.text-button.regular{color:var(--solid-button-background,var(--color-accent))}.shopify-payment-button__more-options.regular svg path,.text-button.regular svg path{stroke:var(--solid-button-background,var(--color-accent))}@keyframes text-button-arrow{0%{transform:translateX(0%)}50%{transform:translateX(100%)}51%{transform:translateX(-100%)}100%{transform:translateX(0%)}}button{color:var(--color-body,#2c2d2e);cursor:pointer}.button,input[type="submit"]{display:inline-flex;cursor:pointer;padding:7px 30px;align-items:center;justify-content:center;height:50px;font-size:.9375rem;font-weight:var(--font-body-medium-weight,500);letter-spacing:var(--button-letter-spacing,.02em);background:var(--solid-button-background,var(--color-accent));color:var(--solid-button-label,#fff);border:0;border-radius:var(--button-border-radius,6px);text-align:center;position:relative;z-index:1;overflow:hidden;appearance:none;transition:color 0.25s cubic-bezier(.104,.204,.492,1),background-color 0.25s cubic-bezier(.104,.204,.492,1)}.button-uppercase-true .button,.button-uppercase-true input[type="submit"]{text-transform:uppercase}.button:focus,.button.loading,[loading="true"] .button,input[type="submit"]:focus,input[type="submit"].loading,[loading="true"] input[type="submit"]{background:var(--solid-button-background-hover,var(--color-accent));color:var(--solid-button-label,#fff)}.button:focus .spinner-path,.button.loading .spinner-path,[loading="true"] .button .spinner-path,input[type="submit"]:focus .spinner-path,input[type="submit"].loading .spinner-path,[loading="true"] input[type="submit"] .spinner-path{stroke:var(--bg-body)}@media screen and (hover:hover){.button:hover,input[type="submit"]:hover{background:var(--solid-button-background-hover,var(--color-accent));color:var(--solid-button-label,#fff)}}.button.loading span,[loading="true"] .button span,input[type="submit"].loading span,[loading="true"] input[type="submit"] span{opacity:0}.button.loading .loading-overlay,[loading="true"] .button .loading-overlay,input[type="submit"].loading .loading-overlay,[loading="true"] input[type="submit"] .loading-overlay{opacity:1}.button span,input[type="submit"] span{position:relative;z-index:8}.button .loading-overlay,input[type="submit"] .loading-overlay{opacity:0;position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.button .loading-overlay svg,input[type="submit"] .loading-overlay svg{width:20px;height:20px}.button.full,input[type="submit"].full{width:100%}.button.pill,input[type="submit"].pill{border-radius:500px}.button.small,input[type="submit"].small{height:32px;padding:5px 20px;letter-spacing:.02em;font-weight:var(--font-body-medium-weight,500);text-transform:none}.button.medium,input[type="submit"].medium{height:40px;font-size:.8125rem}.button.white,input[type="submit"].white{background:#fff;color:var(--white-button-label,var(--color-body,#2c2d2e))}@media screen and (hover:hover){.button.white:hover,input[type="submit"].white:hover{background:#f0f0f0;color:var(--white-button-label,var(--color-body,#2c2d2e))}}.button.accent,input[type="submit"].accent{background:var(--color-accent);color:var(--solid-button-label,#fff)}.button.accent .spinner-path,input[type="submit"].accent .spinner-path{stroke:var(--bg-body)}@media screen and (hover:hover){.button.accent:hover,input[type="submit"].accent:hover{background:var(--color-accent-hover,var(--color-accent))}}.button[disabled],input[type="submit"][disabled]{background:rgba(var(--color-body-rgb),.4);color:#fff;cursor:not-allowed;pointer-events:none}form{margin:0}form fieldset{padding:0;margin:0;border:0}input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"].loading,[loading="true"] input[type="submit"]{color:var(--solid-button-label,#fff)}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select{border:1px solid var(--color-form-border);padding:12px 17px;height:50px;margin-bottom:10px;color:var(--color-body,#2c2d2e);font-size:.8125rem;font-weight:400;background:#fff0;max-width:100%;border-radius:var(--input-border-radius,6px);appearance:none}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus,select:focus{border-color:var(--color-accent)}input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="date"]::placeholder,input[type="datetime"]::placeholder,input[type="email"]::placeholder,input[type="number"]::placeholder,input[type="search"]::placeholder,input[type="tel"]::placeholder,input[type="time"]::placeholder,input[type="url"]::placeholder,textarea::placeholder,select::placeholder{color:rgba(var(--color-body-rgb),0)}input[type="text"].full,input[type="password"].full,input[type="date"].full,input[type="datetime"].full,input[type="email"].full,input[type="number"].full,input[type="search"].full,input[type="tel"].full,input[type="time"].full,input[type="url"].full,textarea.full,select.full{width:100%}input[type="text"].invalid,input[type="password"].invalid,input[type="date"].invalid,input[type="datetime"].invalid,input[type="email"].invalid,input[type="number"].invalid,input[type="search"].invalid,input[type="tel"].invalid,input[type="time"].invalid,input[type="url"].invalid,textarea.invalid,select.invalid{border-color:#e93636}input[type="checkbox"],input[type="radio"]{border:1px solid var(--color-form-border);width:20px;height:20px;border-radius:3px;margin:0 10px 0 0;vertical-align:middle}textarea{height:auto;min-height:200px}label{font-size:.8125rem;letter-spacing:.02em;font-weight:400;color:var(--color-body,#2c2d2e)}select{width:auto}select.resize-select{width:100px;overflow:hidden;text-overflow:ellipsis;transition-property:color}@media only screen and (min-width:1068px){.fields{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px}}.field{position:relative}.field label{position:absolute;display:flex;align-items:center;top:0;left:0;width:auto;line-height:1;padding:12px 17px;height:50px;pointer-events:none;color:rgba(var(--color-body-rgb),.6)}[dir="rtl"] .field label{left:auto;right:0}.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field input[type="text"]:focus+label,.field input[type="text"]:not(:placeholder-shown)+label,.field input[type="password"]:focus+label,.field input[type="password"]:not(:placeholder-shown)+label,.field input[type="date"]:focus+label,.field input[type="date"]:not(:placeholder-shown)+label,.field input[type="datetime"]:focus+label,.field input[type="datetime"]:not(:placeholder-shown)+label,.field input[type="email"]:focus+label,.field input[type="email"]:not(:placeholder-shown)+label,.field input[type="number"]:focus+label,.field input[type="number"]:not(:placeholder-shown)+label,.field input[type="search"]:focus+label,.field input[type="search"]:not(:placeholder-shown)+label,.field input[type="tel"]:focus+label,.field input[type="tel"]:not(:placeholder-shown)+label,.field input[type="time"]:focus+label,.field input[type="time"]:not(:placeholder-shown)+label,.field input[type="url"]:focus+label,.field input[type="url"]:not(:placeholder-shown)+label,.field select:focus+label,.field select:not(:placeholder-shown)+label{background-color:var(--bg-body,#f5f5f5);font-size:.6875rem;padding:0 6px;height:auto;left:11px;transform:translateY(-50%)}[dir="rtl"] .field textarea:focus+label,[dir="rtl"] .field textarea:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="text"]:focus+label,[dir="rtl"] .field input[type="text"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="password"]:focus+label,[dir="rtl"] .field input[type="password"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="date"]:focus+label,[dir="rtl"] .field input[type="date"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="datetime"]:focus+label,[dir="rtl"] .field input[type="datetime"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="email"]:focus+label,[dir="rtl"] .field input[type="email"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="number"]:focus+label,[dir="rtl"] .field input[type="number"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="search"]:focus+label,[dir="rtl"] .field input[type="search"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="tel"]:focus+label,[dir="rtl"] .field input[type="tel"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="time"]:focus+label,[dir="rtl"] .field input[type="time"]:not(:placeholder-shown)+label,[dir="rtl"] .field input[type="url"]:focus+label,[dir="rtl"] .field input[type="url"]:not(:placeholder-shown)+label,[dir="rtl"] .field select:focus+label,[dir="rtl"] .field select:not(:placeholder-shown)+label{left:auto;right:11px}.field textarea.invalid+label,.field input[type="text"].invalid+label,.field input[type="password"].invalid+label,.field input[type="date"].invalid+label,.field input[type="datetime"].invalid+label,.field input[type="email"].invalid+label,.field input[type="number"].invalid+label,.field input[type="search"].invalid+label,.field input[type="tel"].invalid+label,.field input[type="time"].invalid+label,.field input[type="url"].invalid+label,.field select.invalid+label{color:#e93636}.searchform fieldset{position:relative}.searchform fieldset input{width:100%;margin:0;padding-right:50px}.searchform fieldset input::placeholder{color:rgba(var(--color-body-rgb),.6)}.searchform fieldset .thb-search-submit{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:50px}.searchform fieldset .thb-search-submit svg{height:16px}.custom-checkbox[type="checkbox"]{-webkit-appearance:none;appearance:none;width:48px;height:24px;border-radius:12px;border:0;background:var(--color-border,#dadce0);position:relative;cursor:pointer}.custom-checkbox[type="checkbox"]:after{content:"";display:block;width:16px;height:16px;position:absolute;top:4px;left:4px;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .15)}.custom-checkbox[type="checkbox"]:checked{background:var(--color-accent)}.custom-checkbox[type="checkbox"]:checked:after{transform:translateX(24px)}.select{position:relative;margin-bottom:20px}.select select{padding-right:24px;margin-bottom:0}.select-arrow{display:flex;position:absolute;top:50%;right:12px;margin-top:-3.5px;pointer-events:none;line-height:0}.custom-select{display:inline-flex;position:relative}.custom-select--button{display:inline-flex;align-items:center;line-height:1;padding:15px 0}.custom-select--arrow{line-height:0;margin-left:10px}[dir="rtl"] .custom-select--arrow{margin-left:0;margin-right:10px}.custom-select--active .custom-select--list{opacity:1;visibility:visible}.custom-select--list{--bg-body-rgb:var(--color-drawer-bg-rgb);display:flex;position:absolute;top:100%;right:0;opacity:0;max-width:calc(100vw - 30px);visibility:hidden;width:max-content;background:var(--color-drawer-bg,#fff);max-height:300px;height:max-content;text-align:start;z-index:20}.custom-select--list ul{list-style:none;margin:0;padding:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px}.custom-select--item{margin-bottom:13px}.custom-select--item .thb-localization-forms--flag{width:16px;height:16px}.custom-select--item-active{text-decoration:underline;text-underline-offset:4px}.custom-select--item:last-child{margin-bottom:0}.custom-select--item button{display:block}.custom-select--item button img,.custom-select--item button span{vertical-align:middle}.custom-select scroll-shadow{--scroll-shadow-radius:var(--block-border-radius, 16px)}.custom-select--top .custom-select--list{top:auto;bottom:100%}.custom-select--left .custom-select--list{right:auto;left:0}.form-notification{display:flex;align-items:center;font-size:.8125rem}.form-notification svg{margin-right:10px;flex-shrink:0}.form-notification[hidden]{display:none}.form-notification .errors ul{list-style:none;margin:0;padding:0}.form-notification ul{list-style:none;margin:0;padding:0}.quantity{display:inline-flex;position:relative;border:1px solid var(--color-form-border);padding:0 32px;border-radius:var(--input-border-radius,6px);-webkit-touch-callout:none}.quantity .qty{display:inline-flex;padding:0;width:34px;height:42px;line-height:42px;text-align:center;border:0;justify-content:center;background:#fff0;font-size:.8125rem;font-weight:400;margin:0;outline:0}.no-js .quantity .qty{width:50px}.quantity.buttons_added .qty{appearance:none;-moz-appearance:textfield}.quantity.buttons_added .qty::-webkit-inner-spin-button,.quantity.buttons_added .qty::-webkit-outer-spin-button{margin:0;appearance:none}.quantity.small-qty{padding:0 25px}.quantity.small-qty .qty{height:34px;line-height:1}.quantity.small-qty .minus,.quantity.small-qty .plus{width:25px;height:34px}.quantity .minus,.quantity .plus{display:flex;padding:0;margin:0;border:0;height:42px;position:absolute;justify-content:center;align-items:center;top:0;left:0;width:32px;cursor:pointer;background:#fff0;user-select:none}.quantity .minus svg,.quantity .plus svg{opacity:.8}.quantity .minus:hover svg,.quantity .plus:hover svg{opacity:1}.no-js .quantity .minus,.no-js .quantity .plus{display:none}.quantity .minus.disabled,.quantity .plus.disabled{cursor:not-allowed}.quantity .minus.disabled svg,.quantity .plus.disabled svg{opacity:.6}.quantity .plus{top:0;left:auto;right:0}.quantity+.remove{margin-left:13px}[dir="rtl"] .quantity+.remove{margin-left:0;margin-right:13px}.remove svg{pointer-events:none}.badge{display:inline-flex;align-items:center;background:var(--color-badge-sale,#c62a32);color:var(--color-badge-text,#fff);border-radius:var(--badge-corner-radius,50px);font-size:11px;font-weight:var(--font-body-medium-weight,500);height:28px;padding:8px 12px;line-height:0}.badge.out-of-stock{background:var(--color-badge-sold-out,#acacac)}.badge.pre-order{background:var(--color-badge-preorder,#666666)}.price{display:block;font-weight:400;font-size:.9375rem;color:var(--color-price,--color-accent)}.price>span{display:inline-flex;vertical-align:middle}.price del+ins{margin-left:10px}.price .amount{white-space:nowrap}.price .from{font-weight:400}.price>.amount,.price ins{text-decoration:none}.price .amount{white-space:nowrap}.price .amount.discounted{color:var(--color-price-discounted,#ee3b45)}.price .unit-price{margin-left:5px;font-size:.75rem;color:rgba(var(--color-price-rgb),.55)}.price .unit-price:before{content:"( "}.price .unit-price:after{content:" )"}.price .unit-price.hidden{display:none}.product-cart-item{display:flex;width:100%;align-items:flex-start;max-width:400px;margin-bottom:20px}.product-cart-item-image{position:relative;flex-shrink:0;margin-right:15px}@media only screen and (min-width:768px){.product-cart-item-image{margin-right:25px}}[dir="rtl"] .product-cart-item-image{margin-right:0;margin-left:15px}@media only screen and (min-width:768px){[dir="rtl"] .product-cart-item-image{margin-left:25px}}.product-cart-item-image .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;transform:none;background:rgba(var(--bg-body-rgb),.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.product-cart-item-image .loading-overlay svg{width:24px}.product-cart-item-image img{border-radius:calc(var(--block-border-radius, 16px) / 2)}.product-cart-item-info .price{display:block}@media only screen and (min-width:1068px){.product-cart-item-info .price{display:none}}.product-cart-item-price{margin-left:auto;padding-left:15px;text-align:right;flex-shrink:0}[dir="rtl"] .product-cart-item-price{margin-left:0;margin-right:auto;padding-left:0;padding-right:15px}.product-cart-item-price .price{display:none}@media only screen and (min-width:1068px){.product-cart-item-price .price{display:block}}.product-cart-item-price .price .unit-price{display:block}.product-cart-item img,.product-cart-item .thb-placeholder{width:75px;height:auto}@media only screen and (min-width:768px){.product-cart-item img,.product-cart-item .thb-placeholder{width:96px}}.product-cart-item .cart-product-link{display:block;font-size:calc(var(--font-product-title-scale, 1) * 0.9375rem);line-height:calc(var(--font-product-title-line-height-scale, 1) * 1.5);font-weight:var(--font-body-medium-weight,500);display:block}.product-cart-item.thb-loading{pointer-events:none}.product-cart-item.thb-loading .loading-overlay{display:flex}.product-cart-item-options,.product-cart-item-properties{font-size:.75rem;opacity:.8;margin-top:5px}.product-cart-item-options span{font-weight:700}.product-cart-item-options+.product-cart-item-options{margin-top:0}.product-cart-item .small-qty{margin-top:8px}.product-cart-item .form-notification{margin-top:8px}.cart-drawer .side-panel-inner{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}@supports (height:100dvh){.cart-drawer .side-panel-inner{height:100dvh}}.cart-drawer .side-panel-content{overflow-y:auto;display:flex;flex-direction:column}.cart-drawer .side-panel-footer{border-top:1px solid var(--color-border,#dadce0);font-size:.9375rem;position:relative;padding:0}.cart-drawer .side-panel-footer .cart-policy-text{font-size:.8125rem;opacity:.6;font-weight:400;margin:0}.cart-drawer-footer{padding:25px 30px}.cart-drawer-footer .cart-policy-text{text-align:left}[dir="rtl"] .cart-drawer-footer .cart-policy-text{text-align:right}.cart-drawer-footer .accordion{border-top:0}.cart-drawer-footer .cart-total{vertical-align:top}.cart-drawer .complementary-products{margin-top:auto}.cart-drawer .product-cart-item{max-width:100%}.cart-drawer__empty-cart{height:100%;padding:10vh 0;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.cart-drawer__empty-cart svg{margin-bottom:45px}.cart-drawer--terms{display:block;margin-top:10px}.cart-drawer--terms a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.cart-drawer-buttons{margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:10px}.cart-drawer .text-button{margin-top:15px;margin-right:0;font-size:.75rem;text-transform:uppercase}.cart-drawer .order-note-toggle{display:inline-flex;position:relative;align-items:center;color:var(--color-accent);font-size:.8125rem;text-decoration:underline;text-underline-offset:2px}.cart-drawer .order-note-toggle__content{position:absolute;bottom:0;left:0;right:0;padding:30px;z-index:40;background:var(--bg-body,#f5f5f5);box-shadow:0 -8px 20px rgb(0 0 0 / .05);transform:translateY(100%)}.cart-drawer .order-note-toggle__content-overlay{content:"";position:absolute;height:calc(100vh + 100%);bottom:100%;right:0;background:rgb(0 0 0 / .2);left:0;opacity:0;z-index:30;pointer-events:none}.cart-drawer .order-note-toggle__content label{font-size:.75rem;text-transform:uppercase;margin-bottom:20px;display:block;font-weight:var(--font-body-medium-weight,500)}.cart-drawer .order-note-toggle__content textarea{width:100%;min-height:0}.cart-drawer .order-note-toggle__content.active{transform:translateY(0)}.cart-drawer .order-note-toggle__content.active .order-note-toggle__content-overlay{pointer-events:all;opacity:1}[role="main"] .shopify-policy__title{text-align:center;min-height:250px;padding:30px 0;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){[role="main"] .shopify-policy__title{padding:60px}}[role="main"] .shopify-policy__container{max-width:1140px;margin:0 auto;padding:0 12.5px}@media only screen and (min-width:768px){[role="main"] .shopify-policy__container{padding:0 40px}}[role="main"] .shopify-policy__container .rte{margin-bottom:40px}@media only screen and (min-width:768px){[role="main"] .shopify-policy__container .rte{margin-bottom:60px}}#wrapper .click-capture,#wrapper .click-capture--product,.side-panel,.side-panel-content--tabs button,.side-panel-content--tabs button:after,.back-to-top,.back-to-top path,.header:after,.header .logolink .logoimg,.thb-secondary-area-item.thb-secondary-myaccount span:after,.thb-secondary-area-item svg path,.thb-secondary-area .thb-item-count,.mobile-toggle span,.thb-full-menu--link:after,.thb-full-menu li.menu-item-has-children>.thb-full-menu--link svg path,.thb-full-menu.thb-secondary-menu li a,.button span,input[type="submit"] span,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select,input[type="checkbox"],input[type="radio"],.field label,.custom-checkbox[type="checkbox"],.custom-checkbox[type="checkbox"]:after,.custom-select--list,.quantity .minus svg,.quantity .plus svg,.cart-drawer .order-note-toggle,.cart-drawer .order-note-toggle__content,.cart-drawer .order-note-toggle__content-overlay,.flickity-page-dots .dot,.flickity-nav,.flickity-nav svg{transition:all 0.25s cubic-bezier(.104,.204,.492,1)}.thb-full-menu .sub-menu{transition:all 0.25s ease}.side-panel.product-drawer,.thb-full-menu .sub-menu,.custom-select--list{isolation:isolate;border-radius:var(--block-border-radius,16px)}.no-js .quantity .minus,.quantity .no-js .minus,.no-js .quantity .plus,.quantity .no-js .plus,.no-js .flickity-nav{display:none!important}.side-panel,.thb-full-menu .sub-menu,.custom-select--list,.flickity-nav{box-shadow:0 4px 6px rgb(0 0 0 / .08)}.has-shadow--true{box-shadow:0 4px 6px rgb(0 0 0 / .08)}.thb-full-menu .mega-menu-columns{padding:0 15px;max-width:var(--grid-width-row,1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.thb-full-menu .mega-menu-columns{padding:0 50px}} /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;min-width:100%}.flickity-slider{position:absolute;width:100%;height:100%;will-change:transform}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:#fff0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1}.flickity-enabled.is-fade .flickity-slider .carousel__slide{will-change:opacity,z-index}.flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide{will-change:z-index}.animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-bg,.animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-video-bg{transform:scale(1.1)}.static-dots .flickity-page-dots{position:static}.flickity-page-dots{display:inline-flex;justify-content:center;align-items:center;margin:0 auto;list-style:none;text-align:center;line-height:0;position:absolute;bottom:28px;left:0;width:100%;border:0;padding:0;z-index:20}.flickity-page-dots .dot{width:8px;height:8px;display:inline-block;opacity:.2;border-radius:4px;margin:0 6px;background:var(--color-body,#2c2d2e);cursor:pointer;position:relative;transform:scale(1,1)}.flickity-page-dots .dot.is-selected{opacity:1}@media (hover:hover){.flickity-page-dots .dot:hover{opacity:1}}.flickity-page-dots .dot.is-selected{width:32px}.flickity-page-dots.dot-style--logos{display:inline-flex;align-items:center;overflow:scroll;scrollbar-width:none}.flickity-page-dots.dot-style--logos::-webkit-scrollbar{display:none}.flickity-page-dots.dot-style--logos .dot{width:auto;height:100px;background:none;flex-shrink:0;display:inline-flex;align-items:center}.flickity-page-dots.dot-style--logos .dot img{object-fit:contain;max-height:100%;width:auto}.flickity-nav{background:var(--color-drawer-bg,#fff);border-radius:50%;display:none;align-items:center;justify-content:center;position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;z-index:30;opacity:0;cursor:pointer}.flickity-nav svg{pointer-events:none}@media only screen and (min-width:768px){.flickity-enabled .flickity-nav{display:flex}}.flickity-nav.flickity-prev{left:-21px}.flickity-nav.flickity-next{right:-21px}.flickity-nav:focus-visible{opacity:1}.flickity-nav:hover svg{transform:scale(1.2)}.flickity-enabled:hover .flickity-nav{opacity:1}.flickity-progress{display:block;width:100%;height:1px;background:var(--color-border,#dadce0);border-radius:.5px;position:relative;margin-top:20px}.flickity-progress--bar{position:absolute;top:0;left:0;height:1px;background:var(--color-body,#2c2d2e);width:0%;border-radius:.5px}.flickity-resize .carousel__slide{min-height:100%}#wrapper .click-capture,#wrapper .click-capture--product,.side-panel,.side-panel-content--tabs button,.side-panel-content--tabs button:after,.back-to-top,.back-to-top path,.header:after,.header .logolink .logoimg,.thb-secondary-area-item.thb-secondary-myaccount span:after,.thb-secondary-area-item svg path,.thb-secondary-area .thb-item-count,.mobile-toggle span,.thb-full-menu--link:after,.thb-full-menu li.menu-item-has-children>.thb-full-menu--link svg path,.thb-full-menu.thb-secondary-menu li a,.button span,input[type="submit"] span,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select,input[type="checkbox"],input[type="radio"],.field label,.custom-checkbox[type="checkbox"],.custom-checkbox[type="checkbox"]:after,.custom-select--list,.quantity .minus svg,.quantity .plus svg,.cart-drawer .order-note-toggle,.cart-drawer .order-note-toggle__content,.cart-drawer .order-note-toggle__content-overlay,.flickity-page-dots .dot,.flickity-nav,.flickity-nav svg{transition:all 0.25s cubic-bezier(.104,.204,.492,1)}.thb-full-menu .sub-menu{transition:all 0.25s ease}.side-panel.product-drawer,.thb-full-menu .sub-menu,.custom-select--list{isolation:isolate;border-radius:var(--block-border-radius,16px)}.no-js .quantity .minus,.quantity .no-js .minus,.no-js .quantity .plus,.quantity .no-js .plus,.no-js .flickity-nav{display:none!important}.side-panel,.thb-full-menu .sub-menu,.custom-select--list,.flickity-nav{box-shadow:0 4px 6px rgb(0 0 0 / .08)}.has-shadow--true{box-shadow:0 4px 6px rgb(0 0 0 / .08)}.thb-full-menu .mega-menu-columns{padding:0 15px;max-width:var(--grid-width-row,1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.thb-full-menu .mega-menu-columns{padding:0 50px}}.section-header{padding:0 0 30px;display:flex;flex-direction:column}@media only screen and (min-width:768px){.section-header{flex-direction:row;align-items:end;justify-content:space-between;gap:30px}}.section-header--title{margin-bottom:5px}.section-header--title:only-child{margin-bottom:0}.section-header--description{font-size:.9375rem}@media only screen and (min-width:768px){.section-header--description{font-size:1.0625rem}}.section-header--description p{font-size:inherit;margin-bottom:0}.section-header--content>*:last-child{margin-bottom:0}@media only screen and (min-width:768px){.section-header--button{flex-shrink:0}}.section-header scroll-shadow{width:auto;max-width:100%}.aspect-ratio{height:0;padding-bottom:var(--ratio-percent);position:relative}.aspect-ratio img,.aspect-ratio .thb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;object-fit:cover}.aspect-ratio .thb-placeholder svg{width:100%;height:100%;object-fit:cover}.aspect-ratio.aspect-ratio--portrait{padding-bottom:125%}.aspect-ratio.aspect-ratio--square{padding-bottom:100%}.aspect-ratio.aspect-ratio--landscape{padding-bottom:75%}.aspect-ratio.aspect-ratio--circle{border-radius:50%;isolation:isolate;overflow:hidden;padding-bottom:100%}.column-spacing--small{gap:10px}.column-spacing--medium{gap:10px}@media only screen and (min-width:768px){.column-spacing--medium{gap:20px}}.column-spacing--large{gap:10px}@media only screen and (min-width:768px){.column-spacing--large{gap:30px}}.inline-badge{display:inline-flex;align-items:center;background:var(--badge-bg,var(--color-accent));color:var(--badge-text,#fff);font-size:.75rem;font-weight:var(--font-body-medium-weight,500);padding:8px 15px 8px 30px;position:relative;border-radius:15px;white-space:nowrap;height:30px;margin-bottom:25px}.inline-badge:before{content:"";display:block;position:absolute;width:6px;height:6px;border-radius:3px;left:14px;top:12px;background:var(--badge-text,#fff)}.animated-marker{position:relative;display:inline-block;z-index:2}.animated-marker .svg-marker{position:absolute;left:0;top:0;z-index:-1}.animated-marker .svg-marker--style1{width:100%;height:30%;top:auto;bottom:-20%}.animated-marker .svg-marker--style2{width:100%;height:40%;top:auto;bottom:-30%}.animated-marker .svg-marker--style3{width:100%;height:30%;top:auto;bottom:-20%}.animated-marker .svg-marker--style4{width:100%;height:30%;top:auto;bottom:-20%} /* ========================================================= EJS COMPUTERS - CUSTOM CSS Structure 1. Variables 2. Dark mode toggle 3. Dark mode global 4. Header / subheader / breadcrumbs / menus 5. Facets / filters / selects 6. Promotion blocks 7. Product cards / prices / buttons 8. Featured product / quantity / sticky ATC 9. Search / cart / account 10. Shipping / share / map / announcement 11. Blog / articles 12. Logo list / brand blocks 13. Collapsibles / details 14. Reputon Google Reviews 15. Slideshow / social / misc 16. Mobile 17. Product pills / badges 18. Mobile light-mode filter bar ========================================================= */ /* ========================================================= 1. VARIABLES ========================================================= */ :root{ --ejs-bg-main: #050a17; --ejs-bg-soft: #0a1022; --ejs-bg-panel: #0b1328; --ejs-bg-card: #111827; --ejs-border: #1e2a4a; --ejs-border-soft: #1f2a44; --ejs-text: #ffffff; --ejs-text-soft: #e5e7eb; --ejs-text-muted: #9ca3af; --ejs-text-blue-soft: #6f92ff; --ejs-link: #4771db; --ejs-link-hover: #6a8ff0; --ejs-accent: #4771db; --ejs-accent-hover: #5d83e3; --ejs-accent-glow: rgba(71,113,219,.35); --ejs-sale: #39ff88; --ejs-light-bg: #EDF0F8; } /* ========================================================= 2. DARK MODE TOGGLE ========================================================= */ .ejs-theme-toggle{ display: flex !important; align-items: center; justify-content: center; width: 58px; height: 30px; margin: 0 6px; padding: 0 !important; border: 0; background: transparent; cursor: pointer; } .ejs-theme-toggle-track{ position: relative; width: 58px; height: 30px; border-radius: 999px; background: linear-gradient(180deg,#f8f9fc,#eceff5); border: 1px solid rgba(15,27,77,.12); box-shadow: inset 0 2px 4px rgba(255,255,255,.9), inset 0 -4px 6px rgba(15,23,42,.04), 0 2px 6px rgba(15,23,42,.08); transition: all .25s ease; } .ejs-theme-toggle-thumb{ position: absolute; top: 50%; left: 2px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(180deg,#ffffff,#f3f5fa); border: 1px solid rgba(15,27,77,.08); box-shadow: 0 2px 6px rgba(0,0,0,.15), inset 0 1px 1px rgba(255,255,255,.9); transition: left .28s cubic-bezier(.4,0,.2,1), box-shadow .28s ease; } .ejs-theme-toggle-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 12px; } .ejs-theme-toggle-icon-sun{ opacity: 1; } .ejs-theme-toggle-icon-moon{ opacity: 0; } html.dark-mode .ejs-theme-toggle-track{ background: linear-gradient(180deg,#3557b4,#243d86); border-color: var(--ejs-accent); box-shadow: inset 0 2px 6px rgba(255,255,255,.05), inset 0 -6px 10px rgba(0,0,0,.25), 0 0 8px var(--ejs-accent-glow); } html.dark-mode .ejs-theme-toggle-thumb{ left: 30px; box-shadow: 0 2px 10px rgba(0,0,0,.25), 0 0 6px rgba(71,113,219,.45); } html.dark-mode .ejs-theme-toggle-icon-sun{ opacity: 0; } html.dark-mode .ejs-theme-toggle-icon-moon{ opacity: 1; } /* ========================================================= 3. DARK MODE GLOBAL ========================================================= */ html.dark-mode body, html.dark-mode #wrapper, html.dark-mode #main-content, html.dark-mode .shopify-section{ background: var(--ejs-bg-main) !important; } html.dark-mode .card, html.dark-mode .product-card, html.dark-mode .collection-card, html.dark-mode .product-item{ background: var(--ejs-bg-soft); } html.dark-mode body, html.dark-mode p, html.dark-mode span, html.dark-mode li, html.dark-mode label, html.dark-mode small, html.dark-mode strong{ color: var(--ejs-text-soft) !important; } html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6{ color: var(--ejs-text) !important; } html.dark-mode a{ color: var(--ejs-link) !important; } html.dark-mode a:hover{ color: var(--ejs-link-hover) !important; } html.dark-mode .text-muted, html.dark-mode .secondary-text, html.dark-mode .product-card-subtitle{ color: var(--ejs-text-muted) !important; } /* ========================================================= 4. HEADER / SUBHEADER / BREADCRUMBS / MENUS ========================================================= */ /* Header shell */ html.dark-mode .header, html.dark-mode .header--inner, html.dark-mode theme-header#header, html.dark-mode theme-header#header .header--inner{ background: var(--ejs-bg-panel) !important; background-image: none !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } /* Remove ghost lines / pseudo elements */ html.dark-mode .header::before, html.dark-mode .header::after, html.dark-mode .header--inner::before, html.dark-mode .header--inner::after, html.dark-mode theme-header#header::before, html.dark-mode theme-header#header::after, html.dark-mode theme-header#header .header--inner::before, html.dark-mode theme-header#header .header--inner::after{ display: none !important; content: none !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Header text links */ html.dark-mode .header a, html.dark-mode .header span, html.dark-mode .header p, html.dark-mode .header li, html.dark-mode .header .menu-item, html.dark-mode .header .thb-full-menu a, html.dark-mode .header .thb-full-menu span, html.dark-mode .header .thb-full-menu .menu-item > a, html.dark-mode .header .thb-full-menu .menu-item > span, html.dark-mode theme-header#header a, html.dark-mode theme-header#header span{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.dark-mode .header a:hover, html.dark-mode .header .thb-full-menu a:hover, html.dark-mode .header .menu-item > a:hover, html.dark-mode theme-header#header a:hover{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Header icons */ html.dark-mode .header .thb-secondary-area-item, html.dark-mode .header .thb-secondary-item-icon, html.dark-mode theme-header#header .thb-secondary-area-item, html.dark-mode theme-header#header .thb-secondary-item-icon{ color: #ffffff !important; } html.dark-mode .header .thb-secondary-area-item svg, html.dark-mode .header .thb-secondary-item-icon svg, html.dark-mode theme-header#header .thb-secondary-area-item svg, html.dark-mode theme-header#header .thb-secondary-item-icon svg{ width: 18px !important; height: 18px !important; color: #ffffff !important; } html.dark-mode .header svg{ shape-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; } html.dark-mode .header svg path, html.dark-mode .header svg circle, html.dark-mode .header svg line, html.dark-mode theme-header#header svg path, html.dark-mode theme-header#header svg circle, html.dark-mode theme-header#header svg line{ stroke: #ffffff !important; fill: none !important; opacity: .9 !important; vector-effect: non-scaling-stroke; } html.dark-mode .header svg [fill]:not([fill="none"]), html.dark-mode theme-header#header svg [fill]:not([fill="none"]){ fill: #ffffff !important; } html.dark-mode .header .menu-item-has-children svg path, html.dark-mode .header .thb-full-menu svg path, html.dark-mode theme-header#header .menu-item-has-children svg path{ stroke: #ffffff !important; fill: none !important; } html.dark-mode .header .thb-item-count, html.dark-mode theme-header#header .thb-item-count{ color: #ffffff !important; border-color: rgba(255,255,255,.22) !important; } /* Subheader */ html.dark-mode .subheader, html.dark-mode .subheader--inner, html.dark-mode .subheader--left, html.dark-mode .subheader--right{ background: var(--ejs-bg-panel) !important; background-image: none !important; } html.dark-mode .subheader{ border-bottom: 1px solid var(--ejs-border) !important; } html.dark-mode .subheader, html.dark-mode .subheader a, html.dark-mode .subheader span, html.dark-mode .subheader p, html.dark-mode .subheader button{ color: var(--ejs-text) !important; } html.dark-mode .subheader svg path{ fill: var(--ejs-text) !important; } html.dark-mode .subheader .custom-select--arrow svg path{ stroke: var(--ejs-text) !important; fill: none !important; } /* Breadcrumbs */ html.dark-mode .breadcrumbs, html.dark-mode .breadcrumb, html.dark-mode .thb-breadcrumbs, html.dark-mode nav.breadcrumb, html.dark-mode .shopify-section-breadcrumb, html.dark-mode .breadcrumbs-container{ background: var(--ejs-bg-main) !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html.dark-mode .breadcrumbs::before, html.dark-mode .breadcrumbs::after, html.dark-mode .breadcrumb::before, html.dark-mode .breadcrumb::after, html.dark-mode .thb-breadcrumbs::before, html.dark-mode .thb-breadcrumbs::after{ display: none !important; content: none !important; } /* Desktop dropdowns */ html.dark-mode .sub-menu, html.dark-mode .mega-menu-container{ background: var(--ejs-bg-card) !important; border-color: #1f2937 !important; } html.dark-mode .sub-menu a, html.dark-mode .mega-menu-container a{ position: relative; color: var(--ejs-text-soft) !important; transition: color .25s ease, transform .25s ease; } html.dark-mode .sub-menu a::after, html.dark-mode .mega-menu-container a::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: var(--ejs-accent); transition: width .28s ease; } html.dark-mode .sub-menu a:hover, html.dark-mode .mega-menu-container a:hover{ color: var(--ejs-text) !important; transform: translateX(4px); } html.dark-mode .sub-menu a:hover::after, html.dark-mode .mega-menu-container a:hover::after{ width: 100%; } /* Currency / language */ html.dark-mode .custom-select--list{ background: var(--ejs-bg-card) !important; border-color: #1f2937 !important; } html.dark-mode .custom-select--item button{ color: var(--ejs-text-soft) !important; transition: all .25s ease; } html.dark-mode .custom-select--item button:hover{ color: var(--ejs-text) !important; background: rgba(71,113,219,.14) !important; } html.dark-mode .custom-select--item-active{ color: var(--ejs-text) !important; background: rgba(71,113,219,.20) !important; } /* Mobile nav */ html.dark-mode .mobile-navigation, html.dark-mode .mobile-nav, html.dark-mode .thb-mobile-navigation, html.dark-mode .header-mobile-navigation, html.dark-mode .mobile-nav-scroller, html.dark-mode .mobile-nav-links{ background: var(--ejs-bg-panel) !important; border-top: 1px solid var(--ejs-border-soft) !important; border-bottom: 1px solid var(--ejs-border-soft) !important; } html.dark-mode .mobile-navigation a, html.dark-mode .mobile-nav a, html.dark-mode .thb-mobile-navigation a, html.dark-mode .header-mobile-navigation a, html.dark-mode .mobile-nav-scroller a, html.dark-mode .mobile-nav-links a{ color: var(--ejs-text-blue-soft) !important; } html.dark-mode .mobile-navigation a.active, html.dark-mode .mobile-navigation .active, html.dark-mode .mobile-nav a.active, html.dark-mode .mobile-nav .active, html.dark-mode .thb-mobile-navigation a.active, html.dark-mode .thb-mobile-navigation .active{ color: var(--ejs-text) !important; } html.dark-mode .mobile-navigation span, html.dark-mode .mobile-navigation .divider, html.dark-mode .mobile-nav span, html.dark-mode .mobile-nav .divider, html.dark-mode .thb-mobile-navigation span, html.dark-mode .thb-mobile-navigation .divider{ color: #9aa7c7 !important; } .header-mobile-navigation scroll-shadow{ --scroll-shadow-right: linear-gradient(transparent, transparent) !important; --scroll-shadow-left: linear-gradient(transparent, transparent) !important; } /* ========================================================= 5. FACETS / FILTERS / SELECTS ========================================================= */ html.dark-mode .facets, html.dark-mode .facets *{ color: var(--ejs-text) !important; } html.dark-mode .facet-checkbox__text, html.dark-mode .facets__label, html.dark-mode .facets__summary{ color: var(--ejs-text) !important; } html.dark-mode .facets__count{ color: var(--ejs-text-muted) !important; } html.dark-mode .facet-checkbox input{ accent-color: var(--ejs-accent); } html.dark-mode .facets summary svg path{ stroke: var(--ejs-text) !important; } .select-arrow svg path{ stroke: #ffffff !important; } /* Sidebar filter styling */ .facets__wrapper .thb-filter{ border-bottom: none !important; } .facets__wrapper collapsible-row{ display: block; margin-bottom: 2px; } .facets__wrapper .thb-filter-title, .facets__wrapper summary{ position: relative; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; margin: 0 !important; padding: 18px 14px 18px 18px !important; color: var(--color-heading) !important; background: transparent !important; border: 0 !important; border-left: 2px solid transparent !important; transition: color .2s ease, background .2s ease, border-left-color .2s ease, padding-left .2s ease; } .facets__wrapper .thb-filter-title::after, .facets__wrapper summary::after{ content: ""; position: absolute; left: 18px; right: 0; bottom: 0; height: 1px; background: color-mix(in srgb, var(--color-heading) 10%, transparent); transition: background .2s ease, left .2s ease; } .facets__wrapper .thb-filter-title:hover, .facets__wrapper summary:hover{ color: #4771db !important; background: rgba(71,113,219,.04) !important; border-left-color: #4771db !important; padding-left: 22px !important; } .facets__wrapper .thb-filter-title:hover::after, .facets__wrapper summary:hover::after{ background: rgba(71,113,219,.22); left: 22px; } .facets__wrapper details[open] summary{ color: #4771db !important; background: rgba(71,113,219,.05) !important; border-left-color: #4771db !important; padding-left: 22px !important; } .facets__wrapper details[open] summary::after{ background: rgba(71,113,219,.22); left: 22px; } /* Filter arrows */ .facets__wrapper .thb-filter-title svg, .facets__wrapper summary svg{ width: 15px !important; height: 15px !important; flex: 0 0 auto; opacity: .78; } .facets__wrapper .thb-filter-title svg path, .facets__wrapper summary svg path{ stroke: currentColor !important; } .facets__wrapper .thb-filter-title > :last-child, .facets__wrapper summary > :last-child{ flex: 0 0 auto; opacity: .78; transform: rotate(0deg) !important; transform-origin: center !important; transition: transform .22s ease, opacity .22s ease !important; } .facets__wrapper details[open] > summary > :last-child{ transform: rotate(180deg) !important; opacity: 1 !important; } /* Filter content */ .facets__wrapper .facets__display, .facets__wrapper .facets__list, .facets__wrapper .filter__content{ padding: 10px 0 10px 18px !important; } /* Filter options */ .facets__wrapper .facet-checkbox, .facets__wrapper .facets__label{ border-radius: 6px; transition: background .18s ease; } .facets__wrapper .facet-checkbox label, .facets__wrapper .facets__label label, .facets__wrapper .facet-checkbox > span, .facets__wrapper .facets__label > span{ display: inline-block; transition: transform .18s ease, color .18s ease; } .facets__wrapper .facet-checkbox:hover, .facets__wrapper .facets__label:hover{ background: rgba(71,113,219,.06); } .facets__wrapper .facet-checkbox:hover label, .facets__wrapper .facets__label:hover label, .facets__wrapper .facet-checkbox:hover > span, .facets__wrapper .facets__label:hover > span{ transform: translateX(4px); } .facets__wrapper .facets__count{ opacity: .72; font-size: .92em; } html.dark-mode .facets__wrapper .facet-checkbox:hover, html.dark-mode .facets__wrapper .facets__label:hover{ background: rgba(71,113,219,.10); } html.dark-mode .facets__wrapper .facets__count{ color: #9aa7c7 !important; opacity: 1; } /* ========================================================= 6. PROMOTION BLOCKS ========================================================= */ html.dark-mode .promotion-blocks{ --color-bg: #111827 !important; --color-text: #ffffff !important; --color-accent: var(--ejs-accent) !important; } html.dark-mode .promotion-blocks--item{ background: var(--color-bg) !important; border: 1px solid #1f2a44 !important; } html.dark-mode .promotion-blocks--text h6, html.dark-mode .promotion-blocks--text p, html.dark-mode .promotion-blocks--text a{ color: var(--color-text) !important; } html.dark-mode .promotion-blocks--text a{ color: #4771db !important; } html.dark-mode .promotion-blocks--text a svg path{ stroke: var(--color-accent) !important; } html.dark-mode .promotion-blocks--item:hover{ background: #101936 !important; border-color: var(--ejs-accent) !important; transition: all .25s ease; } /* ========================================================= 7. PRODUCT CARDS / PRICES / BUTTONS ========================================================= */ html.dark-mode .product-card-info{ --color-accent: #ffffff !important; --color-body: #ffffff !important; transition: transform .2s ease; } html.dark-mode .product-card-info:hover{ transform: translateY(-4px); } /* Vendor */ html.dark-mode .product-card-vendor, html.dark-mode .product-card-vendor a, html.dark-mode .product-card-vendor a:link, html.dark-mode .product-card-vendor a:visited, html.dark-mode .product-card-vendor a:hover, html.dark-mode .product-card-vendor a:active{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration-color: #ffffff !important; } /* Prices */ html.dark-mode .product-card-info .price, html.dark-mode .product-card-info .price .amount, html.dark-mode .product-card-info .price ins, html.dark-mode .product-card-info .price ins .amount, html.dark-mode .product .price, html.dark-mode .product .price .amount, html.dark-mode .product .price ins, html.dark-mode .product .price ins .amount, html.dark-mode .featured-product .product-price-container .price, html.dark-mode .featured-product .product-price-container .price .amount, html.dark-mode .featured-product .product-price-container .price ins, html.dark-mode .featured-product .product-price-container .price ins .amount{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.dark-mode .product-card-info .price del, html.dark-mode .product-card-info .price del .amount, html.dark-mode .product .price del, html.dark-mode .product .price del .amount, html.dark-mode .featured-product .product-price-container .price del, html.dark-mode .featured-product .product-price-container .price del .amount{ color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; } html.dark-mode .product-card-info .price:has(del) ins, html.dark-mode .product-card-info .price:has(del) ins .amount, html.dark-mode .product .price:has(del) ins, html.dark-mode .product .price:has(del) ins .amount, html.dark-mode .featured-product .product-price-container .price:has(del) ins, html.dark-mode .featured-product .product-price-container .price:has(del) ins .amount, html.dark-mode .featured-product .product-price-container .price .amount.discounted{ color: var(--ejs-sale) !important; -webkit-text-fill-color: var(--ejs-sale) !important; font-weight: 700 !important; } /* Card ATC */ html.dark-mode .product-card--add-to-cart-button{ background: var(--ejs-accent) !important; border-color: var(--ejs-accent) !important; color: #ffffff !important; } html.dark-mode .product-card--add-to-cart-button:disabled{ background: #1a2547 !important; border-color: #1a2547 !important; color: #ffffff !important; opacity: .55; } html.dark-mode .product-card--add-to-cart-button:not(:disabled):hover{ background: #5a82e6 !important; border-color: #5a82e6 !important; } /* ========================================================= 8. FEATURED PRODUCT / QUANTITY / STICKY BAR ========================================================= */ /* Quantity */ html.dark-mode .featured-product quantity-selector, html.dark-mode .featured-product quantity-selector .minus, html.dark-mode .featured-product quantity-selector .plus, html.dark-mode .featured-product quantity-selector .qty, html.dark-mode .featured-product .quantity__input, html.dark-mode .quantity button, html.dark-mode .quantity button svg, html.dark-mode .quantity button svg path, html.dark-mode .quantity input{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; stroke: #ffffff !important; fill: #ffffff !important; } html.dark-mode .featured-product quantity-selector{ border-color: rgba(255,255,255,.18) !important; } html.dark-mode .featured-product .quantity__label, html.dark-mode .featured-product .form__label{ color: #ffffff !important; } /* Sticky ATC */ html.dark-mode .product-add-to-cart-sticky{ background: transparent !important; padding: 10px 14px !important; } html.dark-mode .product-add-to-cart-sticky--inner{ background: var(--ejs-bg-panel) !important; border: 1px solid rgba(71,113,219,.25) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(0,0,0,.45), 0 0 0 1px rgba(71,113,219,.15); padding: 12px 14px !important; transition: all .25s ease; } html.dark-mode .product-add-to-cart-sticky--inner:hover{ border-color: var(--ejs-accent) !important; box-shadow: 0 8px 24px rgba(0,0,0,.55), 0 0 14px rgba(71,113,219,.35); } html.dark-mode .product-add-to-cart-sticky--title, html.dark-mode .product-add-to-cart-sticky .price, html.dark-mode .product-add-to-cart-sticky .price .amount{ color: #ffffff !important; } html.dark-mode .product-add-to-cart-sticky .plus svg path{ stroke: #ffffff !important; } /* ========================================================= 9. SEARCH / CART / ACCOUNT ========================================================= */ /* Search panel */ html.dark-mode .side-panel, html.dark-mode .side-panel-content, html.dark-mode .side-panel-inner, html.dark-mode .predictive-search-wrapper, html.dark-mode .predictive-search, html.dark-mode .side-panel-header, html.dark-mode .side-panel-header > div{ background: var(--ejs-bg-panel) !important; border-color: var(--ejs-border) !important; } html.dark-mode .side-panel-header .searchform, html.dark-mode .side-panel-header fieldset{ background: var(--ejs-bg-panel) !important; border: none !important; } html.dark-mode .side-panel-header .search-field{ background: var(--ejs-bg-card) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid rgba(255,255,255,.15) !important; border-radius: 10px; padding: 14px 16px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; } html.dark-mode .side-panel-header .search-field::placeholder{ color: var(--ejs-text-muted) !important; } html.dark-mode .side-panel-header .search-field:focus{ border-color: var(--ejs-accent) !important; box-shadow: 0 0 0 1px rgba(71,113,219,.35), 0 0 12px rgba(71,113,219,.25); } html.dark-mode .side-panel-header label{ color: #ffffff !important; } html.dark-mode .side-panel-close svg path{ stroke: #ffffff !important; } html.dark-mode .predictive-search, html.dark-mode .predictive-search__results, html.dark-mode .predictive-search-results, html.dark-mode .predictive-search-results__list{ background: var(--ejs-bg-panel) !important; } html.dark-mode .predictive-search-results{ border-color: var(--ejs-border) !important; } html.dark-mode .predictive-search .product-card, html.dark-mode .predictive-search .product-card-info{ background: var(--ejs-bg-soft) !important; } /* Search scrollbar */ html.dark-mode .products.row{ scrollbar-color: var(--ejs-accent) var(--ejs-bg-panel); } html.dark-mode .products.row::-webkit-scrollbar{ height: 8px; } html.dark-mode .products.row::-webkit-scrollbar-track{ background: var(--ejs-bg-panel); } html.dark-mode .products.row::-webkit-scrollbar-thumb{ background: var(--ejs-accent); border-radius: 999px; } html.dark-mode .products.row::-webkit-scrollbar-thumb:hover{ background: var(--ejs-accent-hover); } /* Cart drawer */ html.dark-mode .cart-drawer .quantity, html.dark-mode .cart-drawer .quantity input, html.dark-mode .cart-drawer .quantity button, html.dark-mode .cart-drawer quantity-selector, html.dark-mode .cart-drawer quantity-selector .minus, html.dark-mode .cart-drawer quantity-selector .plus, html.dark-mode .cart-drawer .qty{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.dark-mode .cart-drawer .quantity svg path, html.dark-mode .cart-drawer quantity-selector .minus svg path, html.dark-mode .cart-drawer quantity-selector .plus svg path{ stroke: #ffffff !important; } html.dark-mode .cart-drawer summary, html.dark-mode .cart-drawer details summary, html.dark-mode .cart-drawer .cart-discounts__toggle, html.dark-mode .cart-drawer .cart-discounts summary{ color: #ffffff !important; } html.dark-mode .cart-drawer summary svg path, html.dark-mode .cart-drawer details summary svg path, html.dark-mode .cart-drawer .cart-discounts__toggle svg path, html.dark-mode .cart-drawer .cart-discounts summary svg path{ stroke: #ffffff !important; fill: none !important; } /* Account */ html.dark-mode .customers, html.dark-mode .customer, html.dark-mode .account, html.dark-mode .addresses, html.dark-mode .order, html.dark-mode .shopify-section-customer{ background: var(--ejs-bg-main) !important; color: #ffffff !important; } html.dark-mode .customers h1, html.dark-mode .customers h2, html.dark-mode .customers h3, html.dark-mode .customers h4{ color: #ffffff !important; } html.dark-mode .customers p, html.dark-mode .customers span, html.dark-mode .customers label, html.dark-mode .customers li{ color: var(--ejs-text-soft) !important; } html.dark-mode .customers .card, html.dark-mode .customers .customer-address, html.dark-mode .customers .order, html.dark-mode .customers table{ background: var(--ejs-bg-soft) !important; border-color: var(--ejs-border) !important; } html.dark-mode .customers input, html.dark-mode .customers select, html.dark-mode .customers textarea{ background: var(--ejs-bg-card) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.15) !important; } html.dark-mode .customers input::placeholder{ color: var(--ejs-text-muted) !important; } html.dark-mode .customers button, html.dark-mode .customers .button{ background: var(--ejs-accent) !important; color: #ffffff !important; border: none !important; } html.dark-mode .customers button:hover, html.dark-mode .customers .button:hover{ background: var(--ejs-accent-hover) !important; } html.dark-mode .customers table th, html.dark-mode .customers table td{ border-color: var(--ejs-border) !important; } html.dark-mode .customers a{ color: var(--ejs-link) !important; } html.dark-mode .customers a:hover{ color: #ffffff !important; } /* ========================================================= 10. SHIPPING / SHARE / MAP / ANNOUNCEMENT ========================================================= */ html.dark-mode .shipping-estimator, html.dark-mode .shipping-estimator--inner, html.dark-mode .shipping-estimator .field{ background: transparent !important; } html.dark-mode .shipping-estimator select, html.dark-mode .shipping-estimator input{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.22) !important; -webkit-text-fill-color: #ffffff !important; box-shadow: none !important; } html.dark-mode .shipping-estimator select option{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; } html.dark-mode .shipping-estimator .field label{ background: var(--ejs-bg-panel) !important; color: #9aa7c7 !important; padding: 0 6px !important; } html.dark-mode .shipping-estimator select:focus, html.dark-mode .shipping-estimator input:focus, html.dark-mode .shipping-estimator-zip:focus{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; border-color: var(--ejs-accent) !important; box-shadow: 0 0 0 1px rgba(71,113,219,.28) !important; outline: none !important; } html.dark-mode .shipping-estimator .button{ background: var(--ejs-accent) !important; border-color: var(--ejs-accent) !important; color: #ffffff !important; } html.dark-mode .shipping-estimator .button:hover{ background: #5b82e6 !important; border-color: #5b82e6 !important; } html.dark-mode .shipping-estimator--results, html.dark-mode .shipping-estimator--results p, html.dark-mode .shipping-estimator--results li{ color: #ffffff !important; } html.dark-mode .shipping-estimator .spinner-path{ stroke: #ffffff !important; } html.dark-mode .shipping-estimator-zip:-webkit-autofill, html.dark-mode .shipping-estimator-zip:-webkit-autofill:hover, html.dark-mode .shipping-estimator-zip:-webkit-autofill:focus{ -webkit-box-shadow: 0 0 0 1000px var(--ejs-bg-panel) inset !important; -webkit-text-fill-color: #ffffff !important; } /* Share */ html.dark-mode social-share svg path, html.dark-mode social-share svg{ fill: var(--ejs-accent) !important; stroke: var(--ejs-accent) !important; } html.dark-mode social-share label{ color: #ffffff !important; } html.dark-mode social-share a:hover svg path, html.dark-mode social-share button:hover svg path{ fill: #6f92ff !important; } /* Google map */ html.dark-mode .google-map--information{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; border: 1px solid var(--ejs-border-soft); } html.dark-mode .google-map--location-heading{ color: #ffffff !important; } html.dark-mode .google-map--information select{ background: var(--ejs-bg-panel); color: #ffffff; border: 1px solid var(--ejs-border-soft); } html.dark-mode .google-map--information .select-arrow svg path{ stroke: #ffffff; } /* Announcement */ html.dark-mode .announcement-bar, html.dark-mode .announcement-bar *{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================= 11. BLOG / ARTICLES ========================================================= */ /* Blog cards */ html.dark-mode .blog-post{ background: var(--ejs-bg-panel) !important; border: 1px solid var(--ejs-border-soft) !important; border-radius: 18px !important; box-shadow: 0 10px 24px rgba(0,0,0,.28) !important; overflow: hidden !important; } html.dark-mode .blog-post-info{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; } html.dark-mode .blog-post .post-meta, html.dark-mode .blog-post aside.post-meta{ color: #9aa7c7 !important; } html.dark-mode .blog-post h5, html.dark-mode .blog-post h5 a{ color: var(--ejs-text-blue-soft) !important; } html.dark-mode .blog-post h5 a:hover{ color: #ffffff !important; } html.dark-mode .blog-post .post-excerpt, html.dark-mode .blog-post .post-excerpt p{ color: #c8d3ee !important; } html.dark-mode .blog-post .read-more, html.dark-mode .blog-post .read-more span{ color: var(--ejs-accent) !important; } html.dark-mode .blog-post .read-more svg path{ stroke: var(--ejs-accent) !important; } html.dark-mode .blog-post:hover{ border-color: var(--ejs-accent) !important; box-shadow: 0 0 0 1px rgba(71,113,219,.22), 0 14px 34px rgba(0,0,0,.34) !important; transform: translateY(-2px); transition: all .22s ease; } html.dark-mode .blog-post .featured-image{ background: #050c1f !important; } /* Pagination */ html.dark-mode .pagination .page.current{ background: var(--ejs-accent) !important; color: #ffffff !important; border-color: var(--ejs-accent) !important; } html.dark-mode .pagination .page a, html.dark-mode .pagination .prev a, html.dark-mode .pagination .next a{ color: #ffffff !important; } html.dark-mode .pagination svg path{ stroke: #ffffff !important; } /* Single article */ html.dark-mode .post-title-wrapper{ background: var(--ejs-bg-panel) !important; border: 1px solid var(--ejs-border-soft) !important; border-radius: 22px !important; box-shadow: 0 10px 24px rgba(0,0,0,.28) !important; overflow: hidden !important; } html.dark-mode .post-title{ background: var(--ejs-bg-panel) !important; color: #ffffff !important; } html.dark-mode .post-title-wrapper .featured-image{ background: #050c1f !important; } html.dark-mode .post-title-wrapper .featured-image img{ display: block; } html.dark-mode .post-meta-wrapper, html.dark-mode .post-meta, html.dark-mode .post-author, html.dark-mode .post-meta time{ color: #9aa7c7 !important; } html.dark-mode .post-title .entry-title, html.dark-mode .post-title h1, html.dark-mode .post-title .h2{ color: #ffffff !important; } html.dark-mode .post-title social-share label{ color: #ffffff !important; } html.dark-mode .post-title social-share svg path, html.dark-mode .post-title social-share svg{ fill: var(--ejs-accent) !important; stroke: var(--ejs-accent) !important; } html.dark-mode .post-title social-share a:hover svg path, html.dark-mode .post-title social-share button:hover svg path{ fill: #6f92ff !important; } html.dark-mode .post-title .clipboard--bubble{ background: #111c45 !important; color: #ffffff !important; border: 1px solid var(--ejs-border-soft) !important; } /* Sticky article nav */ html.dark-mode article-navigation.blog-post-detail--navigation, html.dark-mode .blog-post-detail--navigation.navigation--sticky{ background: var(--ejs-bg-panel) !important; border-bottom: 1px solid var(--ejs-border-soft) !important; box-shadow: 0 8px 18px rgba(0,0,0,.22) !important; } html.dark-mode .blog-post-detail--navigation--inner{ background: var(--ejs-bg-panel) !important; } html.dark-mode .blog-post-detail--navigation--title, html.dark-mode .blog-post-detail--navigation--title div{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.dark-mode .blog-post-detail--navigation social-share label{ color: #c8d3ee !important; } html.dark-mode .blog-post-detail--navigation social-share svg path{ fill: var(--ejs-accent) !important; stroke: var(--ejs-accent) !important; } html.dark-mode .blog-post-detail--navigation social-share a:hover svg path, html.dark-mode .blog-post-detail--navigation social-share button:hover svg path{ fill: #6f92ff !important; stroke: #6f92ff !important; } html.dark-mode .blog-post-detail--navigation .clipboard--bubble{ background: #111c45 !important; color: #ffffff !important; border: 1px solid var(--ejs-border-soft) !important; } html.dark-mode .blog-post-detail--navigation--bar{ background: var(--ejs-accent) !important; } /* Article tags */ html.dark-mode .article-tags{ margin-top: 30px; } html.dark-mode .article-tags .tag-link{ display: inline-block; margin: 6px 8px 0 0; padding: 6px 12px; background: #0f1b4d; color: var(--ejs-text-blue-soft) !important; border: 1px solid var(--ejs-border-soft); border-radius: 999px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all .18s ease; } html.dark-mode .article-tags .tag-link:hover{ background: var(--ejs-accent); color: #ffffff !important; border-color: var(--ejs-accent); transform: translateY(-1px); box-shadow: 0 0 10px rgba(71,113,219,.35); } /* Continue reading */ html.dark-mode .blog-post-detail--continue{ background: var(--ejs-bg-panel) !important; border: 1px solid var(--ejs-border-soft) !important; border-radius: 22px !important; box-shadow: 0 12px 28px rgba(0,0,0,.28) !important; overflow: hidden; } html.dark-mode .blog-post-detail--continue-content{ color: #ffffff !important; } html.dark-mode .blog-post-detail--continue-title{ color: #9aa7c7 !important; font-size: 14px; letter-spacing: .03em; } html.dark-mode .blog-post-detail--continue h5 a{ color: var(--ejs-text-blue-soft) !important; text-decoration: none; } html.dark-mode .blog-post-detail--continue h5 a:hover{ color: #ffffff !important; } html.dark-mode .blog-post-detail--continue .text-button{ color: var(--ejs-accent) !important; } html.dark-mode .blog-post-detail--continue .text-button svg path{ stroke: var(--ejs-accent) !important; } html.dark-mode .blog-post-detail--continue:hover{ border-color: var(--ejs-accent) !important; box-shadow: 0 0 0 1px rgba(71,113,219,.25), 0 14px 36px rgba(0,0,0,.35) !important; transform: translateY(-2px); transition: all .22s ease; } html.dark-mode .blog-post-detail--continue-image{ background: #050c1f; } /* ========================================================= 12. LOGO LIST / BRAND BLOCKS ========================================================= */ html.dark-mode .logo-list--inner{ --logo-bg: #0f1b4d !important; } html.dark-mode .logo-list--logo{ background: #0f1b4d !important; border: 1px solid rgba(71,113,219,.25); border-radius: 14px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; } html.dark-mode .logo-list--logo:hover{ background: #4157a0 !important; border-color: var(--ejs-accent); transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.35), 0 0 14px rgba(71,113,219,.35), 0 0 28px rgba(71,113,219,.18); } .logo-list--logo img{ background: transparent !important; padding: 0 !important; border: none !important; } .logo-list--logo img[src*="shop-app"]{ background: transparent !important; mix-blend-mode: multiply; } /* ========================================================= 13. COLLAPSIBLES / DETAILS ========================================================= */ html.dark-mode details summary{ color: #ffffff !important; } html.dark-mode details summary svg path{ stroke: #ffffff !important; } /* ========================================================= 14. REPUTON GOOGLE REVIEWS ========================================================= */ html.dark-mode .reputon-google-reviews-widget{ background: transparent !important; font-family: inherit !important; } /* Cards */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-single-review"], html.dark-mode .reputon-google-reviews-widget [class*="swiper-slide"]{ position: relative; background: linear-gradient(160deg,#162453,#0b1328) !important; border: 1px solid rgba(71,113,219,.28) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03); transition: all .35s ease !important; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-single-review"]::before{ content:""; position:absolute; inset:-1px; border-radius:18px; background: linear-gradient( 120deg, rgba(71,113,219,0), rgba(71,113,219,.35), rgba(71,113,219,0) ); opacity:.35; z-index:-1; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-single-review"]:hover{ transform: none; border: 1px solid rgba(71,113,219,.65) !important; box-shadow: 0 20px 45px rgba(0,0,0,.65), 0 0 20px rgba(71,113,219,.35); } /* Header */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-top-part"], html.dark-mode .reputon-google-reviews-widget [class*="reputon-review-header"]{ background: transparent !important; border: 0 !important; } /* Text */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-name"]{ color: #ffffff !important; font-weight: 600; letter-spacing: .2px; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-date"]{ color: #9aa7c7 !important; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-text"], html.dark-mode .reputon-google-reviews-widget [class*="reputon-text"] p{ color: #c8d3ee !important; font-size: 14.5px; line-height: 1.55; } /* Rating */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-rating-stars"]{ color: #fbbf24 !important; filter: drop-shadow(0 0 4px rgba(255,200,0,.25)); } html.dark-mode .reputon-google-reviews-widget [class*="reputon-verified-icon"]{ color: #4771db !important; } /* Show more */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-show-more"], html.dark-mode .reputon-google-reviews-widget [class*="reputon-show-more"] span{ color: #4771db !important; text-decoration: none !important; font-weight: 500; } /* Head counters */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-reviews-head"]{ background: transparent !important; border: 0 !important; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-count-number"], html.dark-mode .reputon-google-reviews-widget [class*="reputon-count-text"], html.dark-mode .reputon-google-reviews-widget [class*="reputon-reviews-count"]{ color: #ffffff !important; } /* Leave review */ html.dark-mode .reputon-google-reviews-widget [class*="reputon-leave-review"]{ background: linear-gradient(135deg,#4771db,#6a8ff0) !important; color: #ffffff !important; border: none !important; border-radius: 10px !important; padding: 10px 20px !important; font-weight: 600; letter-spacing: .2px; box-shadow: 0 4px 10px rgba(71,113,219,.25); transition: all .25s ease; } html.dark-mode .reputon-google-reviews-widget [class*="reputon-leave-review"]:hover{ transform: translateY(-1px); box-shadow: 0 6px 16px rgba(71,113,219,.35); } /* ========================================================= 15. SLIDESHOW / SOCIAL / MISC ========================================================= */ /* Subheader social icons */ html.dark-mode .subheader .social-links svg, html.dark-mode .subheader .social-links svg path{ fill: #4771db !important; stroke: #4771db !important; } html.dark-mode .subheader .social-links a:hover svg, html.dark-mode .subheader .social-links a:hover svg path{ fill: #6a8ff0 !important; stroke: #6a8ff0 !important; } .subheader .social-links a{ transition: transform .2s ease; } .subheader .social-links a:hover{ transform: translateY(-2px); } /* Slideshow button text */ .slideshow .button, .slideshow .thb-button, .slideshow .button span, .slideshow .thb-button span{ color: #ffffff !important; } /* Slideshow arrows */ html.dark-mode .flickity-static-arrows .flickity-nav{ background: rgba(5,10,23,.78) !important; backdrop-filter: blur(6px); border: 1px solid rgba(71,113,219,.28) !important; border-radius: 999px !important; transition: all .2s ease; } html.dark-mode .flickity-static-arrows .flickity-nav svg path{ stroke: #4771db !important; } html.dark-mode .flickity-static-arrows .flickity-nav:hover{ background: #0b1328 !important; border-color: #4771db !important; box-shadow: 0 0 10px rgba(71,113,219,.25); } html.dark-mode .flickity-static-arrows .flickity-nav:hover svg path{ stroke: #6a8ff0 !important; } /* ========================================================= 16. MOBILE ========================================================= */ @media screen and (max-width: 768px){ /* Header right icons spacing */ .thb-header-right, .thb-secondary-area.thb-header-right{ display:flex; align-items:center; gap:6px !important; } .thb-header-right .thb-secondary-area-item, .thb-secondary-area.thb-header-right .thb-secondary-area-item, .thb-header-right #theme-toggle{ width:auto !important; height:auto !important; min-width:auto !important; margin:0 !important; padding:0 !important; } .thb-header-right .thb-secondary-area-item svg, .thb-secondary-area.thb-header-right .thb-secondary-area-item svg{ width:16px !important; height:16px !important; } .thb-header-right .thb-secondary-cart .thb-secondary-item-icon svg{ width:18px !important; height:16px !important; } #theme-toggle.ejs-theme-toggle{ transform:scale(.82); transform-origin:center; } .thb-header-right .thb-item-count{ transform:scale(.85); transform-origin:top right; margin-left:-2px; } /* Hamburger */ .mobile-toggle span{ background-color:#0f1b4d !important; } html.dark-mode .mobile-toggle span{ background-color:#ffffff !important; } /* ================= PRICE FIX ================= */ /* Force prix sur une ligne + spacing plus serré */ .price, .price__container{ display:flex !important; align-items:center; gap:4px !important; flex-wrap:nowrap !important; } /* Prix normal sur mobile en mode clair */ html:not(.dark-mode) .product-card .price, html:not(.dark-mode) .product-card .price__container, html:not(.dark-mode) .product-card .price .price-item, html:not(.dark-mode) .product-card .price:not(.price--on-sale) .price-item, html:not(.dark-mode) .product-card .price:not(.price--on-sale) .price-item--regular, html:not(.dark-mode) .card .price, html:not(.dark-mode) .card .price__container, html:not(.dark-mode) .card .price .price-item, html:not(.dark-mode) .card .price:not(.price--on-sale) .price-item, html:not(.dark-mode) .card .price:not(.price--on-sale) .price-item--regular{ color:#0f1b4d !important; text-decoration:none !important; opacity:1 !important; } /* Prix en rabais seulement */ html:not(.dark-mode) .product-card .price.price--on-sale .price-item--sale, html:not(.dark-mode) .product-card .price.price--on-sale ins, html:not(.dark-mode) .card .price.price--on-sale .price-item--sale, html:not(.dark-mode) .card .price.price--on-sale ins{ color:#16a34a !important; font-weight:600; margin-left:5px !important; } /* Ancien prix seulement si rabais */ html:not(.dark-mode) .product-card .price--on-sale .price-item--regular, html:not(.dark-mode) .product-card .price del, html:not(.dark-mode) .product-card .price .compare-at-price, html:not(.dark-mode) .card .price--on-sale .price-item--regular, html:not(.dark-mode) .card .price del, html:not(.dark-mode) .card .price .compare-at-price{ color:#6b7280 !important; text-decoration:line-through !important; opacity:0.6 !important; } } /* ========================= MOBILE MENU - LIGHT MODE ========================= */ .mobile-menu-drawer, .mobile-menu-drawer--inner{ background: #ffffff !important; } .mobile-menu-drawer a, .mobile-menu-drawer summary, .mobile-menu-drawer .parent-link, .mobile-menu-drawer .parent-link-back--button{ color: #0f1b4d !important; } .mobile-menu li{ border-color: rgba(15,27,77,.12) !important; } .mobile-menu .link-forward svg path, .mobile-menu .parent-link-back--button svg path{ stroke: #0f1b4d !important; } .mobile-menu .social-links svg path{ fill: #0f1b4d !important; } .thb-mobile-menu-footer{ background: #ffffff !important; border-top: 1px solid rgba(15,27,77,.12) !important; } .thb-mobile-menu-footer a, .thb-mobile-menu-footer button, .thb-mobile-menu-footer span{ color: #0f1b4d !important; } .thb-mobile-menu-footer svg path{ fill: #0f1b4d !important; stroke: #0f1b4d !important; } /* ========================= MOBILE MENU - DARK MODE ========================= */ html.dark-mode .mobile-menu-drawer, html.dark-mode .mobile-menu-drawer--inner{ background: #07101f !important; } html.dark-mode .mobile-menu-drawer a, html.dark-mode .mobile-menu-drawer summary, html.dark-mode .mobile-menu-drawer .parent-link, html.dark-mode .mobile-menu-drawer .parent-link-back--button{ color: #ffffff !important; } html.dark-mode .mobile-menu li{ border-color: rgba(255,255,255,.15) !important; } html.dark-mode .mobile-menu .link-forward svg path, html.dark-mode .mobile-menu .parent-link-back--button svg path{ stroke: #ffffff !important; } html.dark-mode .mobile-menu .social-links svg path{ fill: #ffffff !important; } html.dark-mode .thb-mobile-menu-footer{ background: #07101f !important; border-top: 1px solid rgba(255,255,255,.15) !important; } html.dark-mode .thb-mobile-menu-footer a, html.dark-mode .thb-mobile-menu-footer button, html.dark-mode .thb-mobile-menu-footer span{ color: #ffffff !important; } html.dark-mode .thb-mobile-menu-footer svg path{ fill: #ffffff !important; stroke: #ffffff !important; } /* Social icons */ .social-links{ display: flex !important; align-items: center !important; gap: 20px !important; } .social-links li a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; padding: 0 !important; } .social-links .icon-facebook, .social-links .icon-instagram, .social-links .icon-tiktok{ width: 17px !important; height: 17px !important; } .social-links .icon-youtube{ width: 19px !important; height: 13px !important; } /* Collection sticky filter bar - dark mode */ .facets--bar-sticky, .facets--bar-sticky.is-pinned, .facets--bar, .facets--bar-outer{ background: var(--ejs-bg-main) !important; border: 0 !important; box-shadow: none !important; } .facets--bar-sticky facet-toggle.facets-toggle{ display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: calc(100% - 24px) !important; min-height: 44px !important; margin: 10px 12px !important; padding: 0 16px !important; background: transparent !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 10px !important; box-shadow: none !important; } .facets--bar-sticky facet-toggle.facets-toggle, .facets--bar-sticky facet-toggle.facets-toggle *{ color: #ffffff !important; } .facets--bar-sticky facet-toggle.facets-toggle svg{ width: 18px !important; height: 14px !important; flex: 0 0 auto !important; } .facets--bar-sticky facet-toggle.facets-toggle svg path{ fill: #ffffff !important; } /* Scrollbar mobile nav */ html.dark-mode .mobile-navigation::-webkit-scrollbar, html.dark-mode .mobile-nav::-webkit-scrollbar, html.dark-mode .thb-mobile-navigation::-webkit-scrollbar{ height: 6px; } html.dark-mode .mobile-navigation::-webkit-scrollbar-track, html.dark-mode .mobile-nav::-webkit-scrollbar-track, html.dark-mode .thb-mobile-navigation::-webkit-scrollbar-track{ background: var(--ejs-bg-panel); } html.dark-mode .mobile-navigation::-webkit-scrollbar-thumb, html.dark-mode .mobile-nav::-webkit-scrollbar-thumb, html.dark-mode .thb-mobile-navigation::-webkit-scrollbar-thumb{ background: var(--ejs-accent); border-radius: 999px; } /* Article mobile */ html.dark-mode .post-title{ padding: 22px 20px !important; } html.dark-mode .post-title .entry-title, html.dark-mode .post-title h1{ font-size: 34px !important; line-height: 1.12 !important; } } /* ========================================================= 17. PRODUCT PILLS / BADGES ========================================================= */ /* Mobile price alignment */ @media (max-width: 768px){ .card-information .price, .product-card-info .price, .product-card .price{ display:flex !important; align-items:baseline !important; gap:6px !important; flex-wrap:nowrap !important; white-space:nowrap !important; } .card-information .price s{ font-size:13px; opacity:.6; margin-right:4px; } .card-information .price .price-item--regular{ font-size:15px; font-weight:600; } .card-information .price del, .product-card-info .price del, .product-card .price del, .card-information .price ins, .product-card-info .price ins, .product-card .price ins{ margin:0 !important; line-height:1 !important; text-decoration:none !important; } .card-information .price del .amount, .product-card-info .price del .amount, .product-card .price del .amount, .card-information .price ins .amount, .card-information .price .amount.discounted, .product-card-info .price ins .amount, .product-card-info .price .amount.discounted, .product-card .price ins .amount, .product-card .price .amount.discounted{ font-size:14px !important; line-height:1 !important; } } /* ---------- Pills layout ---------- */ .ejs-product-pills{ display:flex; flex-wrap:nowrap; gap:6px; margin-top:9px; overflow:hidden; } /* FIX DESKTOP: force tout sur 1 ligne */ .ejs-product-pill.shipping, .ejs-product-pill.spring-sale{ flex:1 1 0; overflow:hidden; text-overflow:ellipsis; } .ejs-product-pill.more-bundles{ flex:0 0 auto; } .ejs-product-pill{ display:inline-flex; align-items:center; justify-content:center; min-width:0; padding:5px 10px; border-radius:7px; font-size:11px; font-weight:700; line-height:1; white-space:nowrap; flex-shrink:1; box-sizing:border-box; background:rgba(255,255,255,.06); color:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.10); } .ejs-inventory-row{ min-height:24px; display:flex; align-items:center; } /* ---------- Pills: dark mode base ---------- */ .ejs-product-pill.refurbished{ background:rgba(255,255,255,.08); } .ejs-product-pill.more-bundles{ min-width:30px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.8); border-color:rgba(255,255,255,.10); } /* ---------- Pills: offer variants ---------- */ .ejs-product-pill.shipping, .ejs-product-pill.pickup, .ejs-product-pill.spring-sale, .ejs-product-pill.bundle.amd, .ejs-product-pill.bundle.nvidia, .ejs-product-pill.bundle.intel{ border-width:1px; border-style:solid; } /* Shipping */ .ejs-product-pill.shipping{ background:rgba(71,113,219,.15); color:#6a8ff0; border-color:rgba(71,113,219,.25); } /* Pickup */ .ejs-product-pill.pickup{ background:rgba(245,158,11,.16); color:#fbbf24; border-color:rgba(245,158,11,.26); } /* Spring Sale */ .ejs-product-pill.spring-sale{ background:rgba(236,72,153,.10); color:#ec4899; border-color:rgba(236,72,153,.22); } /* AMD */ .ejs-product-pill.bundle.amd{ background:rgba(249,115,22,.16); color:#fdba74; border-color:rgba(249,115,22,.28); } /* NVIDIA */ .ejs-product-pill.bundle.nvidia{ background:rgba(34,197,94,.16); color:#86efac; border-color:rgba(34,197,94,.28); } /* Intel */ .ejs-product-pill.bundle.intel{ background:rgba(147,197,253,.12); color:#bfdbfe; border-color:rgba(147,197,253,.25); } /* ---------- Pills: light mode ---------- */ html:not(.dark-mode) .ejs-product-pill{ background:#f1f5f9; color:#0f172a; border:1px solid #e2e8f0; } html:not(.dark-mode) .ejs-product-pill.refurbished{ background:#e5e7eb; color:#374151; } html:not(.dark-mode) .ejs-product-pill.more-bundles{ background:#eef2ff; color:#6366f1; border-color:#e0e7ff; } html:not(.dark-mode) .ejs-product-pill.shipping{ background:#e0e7ff; color:#3b5bdb; border-color:#c7d2fe; } html:not(.dark-mode) .ejs-product-pill.pickup{ background: #e0e7ff; color: #3b5bdb; border-color: #c7d2fe; } html:not(.dark-mode) .ejs-product-pill.spring-sale{ background:#fdf2f8; color:#be185d; border-color:#fbcfe8; } html:not(.dark-mode) .ejs-product-pill.bundle.amd{ background:#ffedd5; color:#c2410c; border-color:#fed7aa; } html:not(.dark-mode) .ejs-product-pill.bundle.nvidia{ background:#dcfce7; color:#166534; border-color:#bbf7d0; } html:not(.dark-mode) .ejs-product-pill.bundle.intel{ background:#eff6ff; color:#2563eb; border-color:#dbeafe; } /* ---------- Pills: desktop refurb one-line fix ---------- */ @media (min-width: 769px){ .ejs-product-pills{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:8px !important; width:100% !important; overflow:hidden !important; } .ejs-product-pill{ min-width:0 !important; white-space:nowrap !important; } /* Les 2 badges principaux peuvent rétrécir */ .ejs-product-pill.refurbished, .ejs-product-pill.pickup{ flex:1 1 auto !important; overflow:hidden !important; text-overflow:ellipsis !important; } /* Le +1 reste compact à droite */ .ejs-product-pill.more-bundles{ flex:0 0 auto !important; margin-left:0 !important; min-width:52px !important; } } /* ---------- Pills: mobile final ---------- */ @media (max-width: 768px){ .ejs-product-pills{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:5px !important; width:100% !important; margin-top:6px !important; overflow:visible !important; } .ejs-product-pills .ejs-product-pill{ display:flex !important; align-items:center !important; justify-content:center !important; min-width:0 !important; min-height:40px !important; height:40px !important; padding:4px 6px !important; font-size:10px !important; font-weight:700 !important; line-height:1.1 !important; text-align:center !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; overflow:hidden !important; text-overflow:unset !important; box-sizing:border-box !important; } .ejs-product-pills .ejs-product-pill.shipping, .ejs-product-pills .ejs-product-pill.spring-sale{ flex:none !important; } .ejs-product-pills .ejs-product-pill.shipping::after, .ejs-product-pills .ejs-product-pill.spring-sale::after{ content:unset !important; } .ejs-product-pills .ejs-product-pill.more-bundles{ grid-column:1 / -1 !important; min-height:28px !important; height:28px !important; padding:0 6px !important; font-size:10px !important; white-space:nowrap !important; } } /* ========================================================= PROMOTIONAL NOTICES / OFFER MESSAGES ========================================================= */ .ejs-notices{ margin:28px 0 12px; } .ejs-notices-divider{ height:1px; background:rgba(17,24,39,.08); margin:0 0 18px; } .ejs-notices-list{ display:flex; flex-direction:column; gap:9px; } .ejs-notice{ padding:9px 12px; border-left:3px solid #4771db; border-radius:10px; font-family:Inter,sans-serif; font-size:13.8px; line-height:1.5; color:#1f2f55; transition:all .18s ease; } .ejs-notice:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(15,27,77,.08); } .ejs-notice strong{ font-weight:600; } /* ---------- Notices: light mode variants ---------- */ /* Shipping */ .ejs-notice-shipping{ border-left-color:#4771db; background:rgba(71,113,219,.08); } .ejs-notice-shipping:hover{ background:rgba(71,113,219,.11); } /* Spring Sale */ .ejs-notice-spring{ border-left-color:#ec4899; background:rgba(236,72,153,.10); color:#9d174d; } .ejs-notice-spring:hover{ background:rgba(236,72,153,.14); } /* AMD */ .ejs-notice-amd{ border-left-color:#ea5455; background:rgba(234,84,85,.10); } .ejs-notice-amd:hover{ background:rgba(234,84,85,.14); } /* NVIDIA */ .ejs-notice-nvidia{ border-left-color:#22c55e; background:rgba(34,197,94,.12); } .ejs-notice-nvidia:hover{ background:rgba(34,197,94,.16); } /* Intel */ .ejs-notice-intel{ border-left-color:#0b63ce; background:rgba(11,99,206,.10); } .ejs-notice-intel:hover{ background:rgba(11,99,206,.14); } /* ---------- Notices: dark mode ---------- */ html.dark-mode .ejs-notices-divider{ background:rgba(255,255,255,.08); } html.dark-mode .ejs-notice{ color:#cbd5e1; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); } html.dark-mode .ejs-notice strong{ color:#ffffff; } html.dark-mode .ejs-notice:hover{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 6px 16px rgba(0,0,0,.18); } html.dark-mode .ejs-notice-shipping{ background:rgba(71,113,219,.12); } html.dark-mode .ejs-notice-spring{ color:#f472b6 !important; background:rgba(236,72,153,.12) !important; box-shadow:inset 0 0 0 1px rgba(236,72,153,.25); } html.dark-mode .ejs-notice-spring:hover{ background:rgba(236,72,153,.18) !important; } html.dark-mode .ejs-notice-amd{ background:rgba(234,84,85,.12); } html.dark-mode .ejs-notice-nvidia{ background:rgba(34,197,94,.15); } html.dark-mode .ejs-notice-intel{ background:rgba(11,99,206,.14); } @media (max-width:768px){ .ejs-notice{ font-size:13.5px; padding:8px 11px; } } /* ========================================================= 18. MOBILE LIGHT-MODE FILTER BAR ========================================================= */ @media screen and (max-width: 768px){ html:not(.dark-mode) .facets--bar-sticky, html:not(.dark-mode) .facets--bar-sticky.is-pinned, html:not(.dark-mode) .facets--bar, html:not(.dark-mode) .facets--bar-outer, html:not(.dark-mode) .facets--bar-inner, html:not(.dark-mode) .facets--container, html:not(.dark-mode) .facets--form{ background: var(--ejs-light-bg) !important; border: 0 !important; box-shadow: none !important; background-image: none !important; } html:not(.dark-mode) .facets--bar-sticky::before, html:not(.dark-mode) .facets--bar-sticky::after, html:not(.dark-mode) .facets--bar::before, html:not(.dark-mode) .facets--bar::after, html:not(.dark-mode) .facets--bar-outer::before, html:not(.dark-mode) .facets--bar-outer::after{ display: none !important; content: none !important; } html:not(.dark-mode) facet-toggle.facets-toggle{ background: var(--ejs-light-bg) !important; color: #0f1b4d !important; border: 1px solid rgba(15,27,77,.10) !important; border-radius: 12px !important; box-shadow: 0 1px 0 rgba(255,255,255,.75) inset !important; } html:not(.dark-mode) facet-toggle.facets-toggle, html:not(.dark-mode) facet-toggle.facets-toggle *{ color: #0f1b4d !important; } html:not(.dark-mode) facet-toggle.facets-toggle svg path{ stroke: #0f1b4d !important; fill: none !important; } } .ejs-logos-wrapper { max-width: 1600px; margin: 0 auto; padding: 0 10px; } .ejs-logos { overflow: hidden; padding: 18px 0; mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent); } .ejs-logos-track { display: flex; align-items: center; gap: 36px; width: max-content; animation: scroll 45s linear infinite; will-change: transform; } .logo { width: 200px; height: 80px; flex: 0 0 200px; display: flex; align-items: center; justify-content: center; } .logo.inactive { display: none; } /* LIGHT */ .logo img { max-width: 160px; max-height: 60px; object-fit: contain; opacity: 0.85; filter: grayscale(1) brightness(0.75) contrast(1); transition: all .25s ease; } .logo img:hover { opacity: 1; filter: grayscale(0) brightness(1); transform: translateY(-1px); } /* DARK */ html.dark-mode .logo img, body.dark-mode .logo img { filter: grayscale(1) brightness(1.8) contrast(0.95); opacity: 0.9; } /* animation smooth */ @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50%)); } } .logo { text-decoration: none; cursor: pointer; } .ejs-youtube-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; font-weight: 600; font-size: 14px; color: #0f1b4d !important; /* texte foncé */ text-decoration: none !important; background: #ffffff !important; /* bouton blanc */ box-shadow: 0 6px 18px rgba(0,0,0,0.15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } /* icon */ .ejs-youtube-icon { display: flex; align-items: center; font-size: 14px; color: #ff0000 !important; /* icône rouge 🔥 */ } .ejs-youtube-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; font-weight: 600; font-size: 14px; color: #ffffff !important; text-decoration: none !important; background: linear-gradient(135deg, #ff0000, #cc0000) !important; box-shadow: 0 6px 18px rgba(255,0,0,0.35); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } /* icon */ .ejs-youtube-icon { display: flex; align-items: center; font-size: 14px; color: #ffffff !important; } /* tous les états du bouton */ .ejs-youtube-btn, .ejs-youtube-btn:visited, .ejs-youtube-btn:hover, .ejs-youtube-btn:focus, .ejs-youtube-btn:active { color: #ffffff !important; } /* enfants héritent du blanc */ .ejs-youtube-btn * { color: inherit !important; } /* hover */ .ejs-youtube-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(255,0,0,0.5); background: linear-gradient(135deg, #ff1a1a, #e60000) !important; } /* active */ .ejs-youtube-btn:active { transform: scale(0.97); } /* FIX DARK MODE - force texte blanc */ html.dark-mode .ejs-youtube-btn, body.dark-mode .ejs-youtube-btn, html.dark-mode .ejs-youtube-btn:visited, html.dark-mode .ejs-youtube-btn:hover, html.dark-mode .ejs-youtube-btn:focus, html.dark-mode .ejs-youtube-btn:active, html.dark-mode .ejs-youtube-btn *, body.dark-mode .ejs-youtube-btn * { color: #ffffff !important; } /* BASE */ .brand-logo { transition: all .25s ease; } /* DARK MODE GLOBAL */ html.dark-mode .brand-logo, body.dark-mode .brand-logo { filter: brightness(1.4) contrast(1.05); opacity: 0.95; } /* FIX LOGOS TROP SOMBRES */ html.dark-mode .brand-logo.corsair, body.dark-mode .brand-logo.corsair { filter: brightness(2.2) contrast(1.1); } html.dark-mode .brand-logo.lianli, body.dark-mode .brand-logo.lianli { filter: brightness(2.5) contrast(1.2); } html.dark-mode .brand-logo.pny, body.dark-mode .brand-logo.pny { filter: brightness(2.3) contrast(1.15); } /* OPTION: hover clean */ .brand-logo:hover { transform: translateY(-2px); } .ejs-inventory-more{ margin-top:10px; display:flex; flex-direction:column; align-items:flex-start; } .ejs-inventory-more__toggle{ display:inline-flex; align-items:center; gap:6px; padding:0; background:none; border:0; font-size:12.8px; font-weight:500; color:#6b7280; cursor:pointer; line-height:1.2; transition:color .2s ease, opacity .2s ease; } .ejs-inventory-more__toggle:hover{ color:#374151; opacity:.9; } .ejs-inventory-more__toggle::after{ content:""; width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-1px); transition:transform .22s ease, opacity .2s ease; transform-origin:center; margin-top:-2px; flex:0 0 auto; opacity:.7; } .ejs-inventory-more.is-open .ejs-inventory-more__toggle::after{ transform:rotate(-135deg) translateY(-1px); } .ejs-inventory-more__content{ width:100%; max-height:0; overflow:hidden; transition:max-height .28s ease, opacity .2s ease, transform .2s ease; opacity:0; transform:translateY(-4px); } .ejs-inventory-more.is-open .ejs-inventory-more__content{ opacity:1; transform:translateY(0); } .ejs-inventory-more__list{ width:100%; margin-top:12px; padding:0; background:#f8fafc; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; } .ejs-inventory-more__item{ display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:13px; color:#1f2937; padding:10px 14px; width:100%; transition:background .18s ease; } .ejs-inventory-more__item:hover{ background:#eef2ff; } .ejs-inventory-more__item:not(:last-child){ border-bottom:1px solid #eef2f7; } .ejs-inventory-more__item span:last-child{ font-weight:600; color:#111827; transition:transform .15s ease; } .ejs-inventory-more__item:hover span:last-child{ transform:translateX(2px); } .ejs-inventory-more__note{ margin-top:14px; padding-left:2px; font-size:12px; color:#6b7280; } /* ===== DARK MODE ===== */ .dark-mode .ejs-inventory-more__toggle{ color:rgba(255,255,255,.65); } .dark-mode .ejs-inventory-more__toggle:hover{ color:#ffffff; } .dark-mode .ejs-inventory-more__list{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); } .dark-mode .ejs-inventory-more__item{ color:rgba(255,255,255,.82); } .dark-mode .ejs-inventory-more__item:not(:last-child){ border-bottom:1px solid rgba(255,255,255,.06); } .dark-mode .ejs-inventory-more__item:hover{ background:rgba(71,113,219,.12); /* bleu EJS */ } .dark-mode .ejs-inventory-more__item span:last-child{ color:#ffffff; } .dark-mode .ejs-inventory-more__note{ color:rgba(255,255,255,.5); } .ejs-product-pill.spring-sale{ color:#d63384 !important; background:rgba(255,183,197,0.25) !important; /* cherry blossom soft */ border:1px solid rgba(255,183,197,0.45) !important; } .ejs-product-pills{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; } .ejs-product-pill{ display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:4px 10px; border-radius:10px; font-size:11px; font-weight:600; line-height:1; white-space:nowrap; } .ejs-product-pill.shipping{ color:#4771db; background:rgba(71,113,219,0.08); border:1px solid rgba(71,113,219,0.18); } .ejs-product-pill.refurbished{ color:#0f172a; background:rgba(15,23,42,0.05); border:1px solid rgba(15,23,42,0.10); } .ejs-product-pill.pickup{ background: rgba(71,113,219,.15); color: #6a8ff0; border-color: rgba(71,113,219,.25); } .ejs-product-pill.bundle.nvidia{ color:#1f6b3b; background:rgba(34,197,94,0.12); border:1px solid rgba(34,197,94,0.18); } .ejs-product-pill.bundle.amd{ color:#b42318; background:rgba(234,84,85,0.10); border:1px solid rgba(234,84,85,0.18); } .ejs-product-pill.bundle.intel{ color:#0b63ce; background:rgba(11,99,206,0.10); border:1px solid rgba(11,99,206,0.18); } .ejs-product-pill.more-bundles{ color:#5b5bd6; background:rgba(91,91,214,0.08); border:1px solid rgba(91,91,214,0.16); } .ejs-product-pill.spring-sale{ color:#ec4899 !important; background:rgba(236,72,153,0.10) !important; border:1px solid rgba(236,72,153,0.22) !important; } .dark-mode .ejs-product-pill.spring-sale{ color:#fbcfe8 !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(251,207,232,.25) !important; } @media (max-width: 768px){ .product-card .product-card-info{ display:flex; flex-direction:column; height:100%; } .product-card .ejs-card-bottom{ margin-top:auto; } } /* ========================================================= DESKTOP FIX - BARRE NOIRE TRI / FILTRES ========================================================= */ @media screen and (min-width: 769px){ facet-filters-form.facets--bar, facet-filters-form.facets--bar.facets--bar-inline, facet-filters-form.facets--bar .facets__form, facet-filters-form.facets--bar .facets--bar-right, facet-filters-form.facets--bar .thb-filter-sort-count{ background: transparent !important; box-shadow: none !important; border: 0 !important; } } .product-card-title{ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; line-height: 1.35 !important; max-height: calc(1.35em * 2) !important; }