<title class="sl-general">Outdoor products direct sales store</title>
<title class="sl-imitate" style="display: none;">Outdoor products direct sales store</title>
<noscript>now is modern browser</noscript>
</script><script>!function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t,e){for(var n=0;e.length>n;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var e,n,r,o=(e=function(t){var e=Object.prototype.hasOwnProperty,n="~";function r(){}function o(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function i(t,e,r,i,s){if("function"!=typeof r)throw new TypeError("The listener must be a function");var c=new o(r,i||t,s),u=n?n+e:e;return t._events[u]?t._events[u].fn?t._events[u]=[t._events[u],c]:t._events[u].push(c):(t._events[u]=c,t._eventsCount++),t}function s(t,e){0==--t._eventsCount?t._events=new r:delete t._events[e]}function c(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).proto||(n=!1)),c.prototype.eventNames=function(){var t,r,o=[];if(0===this._eventsCount)return o;for(r in t=this._events)e.call(t,r)&&o.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(t)):o},c.prototype.listeners=function(t){var e=this._events[n?n+t:t];if(!e)return[];if(e.fn)return[e.fn];for(var r=0,o=e.length,i=Array(o);o>r;r++)i[r]=e[r].fn;return i},c.prototype.listenerCount=function(t){var e=this._events[n?n+t:t];return e?e.fn?1:e.length:0},c.prototype.emit=function(t,e,r,o,i,s){var c=n?n+t:t;if(!this._events[c])return!1;var u,f,a=this._events[c],p=arguments.length;if(a.fn){switch(a.once&&this.removeListener(t,a.fn,void 0,!0),p){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,e),!0;case 3:return a.fn.call(a.context,e,r),!0;case 4:return a.fn.call(a.context,e,r,o),!0;case 5:return a.fn.call(a.context,e,r,o,i),!0;case 6:return a.fn.call(a.context,e,r,o,i,s),!0}for(f=1,u=Array(p-1);p>f;f++)u[f-1]=arguments[f];a.fn.apply(a.context,u)}else{var l,h=a.length;for(f=0;h>f;f++)switch(a[f].once&&this.removeListener(t,a[f].fn,void 0,!0),p){case 1:a[f].fn.call(a[f].context);break;case 2:a[f].fn.call(a[f].context,e);break;case 3:a[f].fn.call(a[f].context,e,r);break;case 4:a[f].fn.call(a[f].context,e,r,o);break;default:if(!u)for(l=1,u=Array(p-1);p>l;l++)u[l-1]=arguments[l];a[f].fn.apply(a[f].context,u)}}return!0},c.prototype.on=function(t,e,n){return i(this,t,e,n,!1)},c.prototype.once=function(t,e,n){return i(this,t,e,n,!0)},c.prototype.removeListener=function(t,e,r,o){var i=n?n+t:t;if(!this._events[i])return this;if(!e)return s(this,i),this;var c=this._events[i];if(c.fn)c.fn!==e||o&&!c.once||r&&c.context!==r||s(this,i);else{for(var u=0,f=[],a=c.length;a>u;u++)(c[u].fn!==e||o&&!c[u].once||r&&c[u].context!==r)&&f.push(c[u]);f.length?this._events[i]=1===f.length?f[0]:f:s(this,i)}return this},c.prototype.removeAllListeners=function(t){var e;return t?this._events[e=n?n+t:t]&&s(this,e):(this._events=new r,this._eventsCount=0),this},c.prototype.off=c.prototype.removeListener,c.prototype.addListener=c.prototype.on,c.prefixed=n,c.EventEmitter=c,t.exports=c},e(r={path:n,exports:{},require:function(t,e){return function(){throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},r.exports),r.exports);function i(t){if("string"!=typeof t)throw new TypeError("path must be string");return t.replace(/]/,"").split(/[.[]/)}var s=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.bus=new o,this.rootState=t}var n,r,s;return n=e,r=[{key:"get",value:function(t){return i(t).reduce((function(t,e){if(t)return t[e]}),this.rootState)}},{key:"set",value:function(t,e){if("function"==typeof e)throw TypeError("newValue must not be a function");var n,r=i(t);r.reduce((function(t,o,i){return i===r.length-1&&(n=t[o],t[o]=e),t[o]}),this.rootState),this.bus.emit(t,e,n)}},{key:"on",value:function(){var t;return(t=this.bus).on.apply(t,arguments)}},{key:"off",value:function(){var t;return(t=this.bus).off.apply(t,arguments)}}],r&&t(n.prototype,r),s&&t(n,s),Object.defineProperty(n,"prototype",{writable:!1}),e}();window.PRELOAD_STATE||(window.PRELOAD_STATE={}),window.SL_State||(window.SL_State=new s(window.PRELOAD_STATE))})); </script><script type="application/javascript" defer src="https://cdn.myshopline.com/t/layout/plugin/2024032008165858/reference-sdk.umd.min.js"></script><script>(function () { window.USER_EVENTS_TRIGGER_STACK = window.USER_EVENTS_TRIGGER_STACK || []; var DF_SDK_ENABLE = window.ENV.DF_SDK_ENABLE; if (DF_SDK_ENABLE.isAll || DF_SDK_ENABLE.themeNames.indexOf(window.Shopline.themeName) !== -1) { var env = { develop: 'dev', staging: 'test', preview: 'pre', product: 'pro', }; function loadDfScript() { if (window.DeviceFingerprint) { window.DF = window.DeviceFingerprint({ env: 'same_domain', appCode: DF_SDK_ENABLE.appCode }); return; } var dfScript = document.createElement('script'); dfScript.src = 'https://r2cdn.myshopline.com/static/rs/adff/prod/latest/bundle.iife.js'; dfScript.async = true; dfScript.crossOrigin = 'anonymous'; dfScript.onload = function () { window.DF = window.DeviceFingerprint({ env: 'same_domain', appCode: DF_SDK_ENABLE.appCode }); }; document.body.appendChild(dfScript); } window.USER_EVENTS_TRIGGER_STACK.push(loadDfScript); } })(); </script><script>window.addEventListener('load', function () { window.USER_EVENTS_TRIGGER_STACK = window.USER_EVENTS_TRIGGER_STACK || []; function userTriggerFn(e) { window.USER_EVENTS_TRIGGER_STACK.forEach(function (fn) { if (fn.num > 0) return; fn.num = 0; fn(e); fn.num++; });
document.body.removeEventListener('click', userTriggerFn, true);
document.body.removeEventListener('touchstart', userTriggerFn, true);
window.removeEventListener('scroll', userTriggerFn);
window.removeEventListener('mousemove', userTriggerFn);
}
document.body.addEventListener('click', userTriggerFn, true); document.body.addEventListener('touchstart', userTriggerFn, true); window.addEventListener('scroll', userTriggerFn); window.addEventListener('mousemove', userTriggerFn); }); </script>
<script>!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function t(e,t,n){return e(n={path:t,exports:{},require:function(e,t){return function(){throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},n.exports),n.exports}var n=t((function(e){function t(n,r){return e.exports=t=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n,r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports})),r=t((function(e){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}},e.exports.__esModule=!0,e.exports.default=e.exports})),o=t((function(e){function t(o,s,a){return r()?(e.exports=t=Reflect.construct.bind(),e.exports.__esModule=!0,e.exports.default=e.exports):(e.exports=t=function(e,t,r){var o=[null];o.push.apply(o,t);var s=new(Function.bind.apply(e,o));return r&&n(s,r.prototype),s},e.exports.__esModule=!0,e.exports.default=e.exports),t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports})),s=e(o),a=t((function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports})),u=t((function(e){function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}e.exports=function(e){for(var n=1;arguments.length>n;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e},e.exports.__esModule=!0,e.exports.default=e.exports})),i=e(u),c=e(t((function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}))),l=e(t((function(e){function t(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports})));var p={};function f(){return"[object process]"===Object.prototype.toString.call("undefined"!=typeof process?process:0)?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:p}var h=XMLHttpRequest,d=h.prototype.open,y=h.prototype.send,x=function(){function e(t,n,r,o,s){c(this,e),this.xhr=null,this.url="",this.method="GET",this.body=null,this.callback=void 0,this.oldOnReadyStateChange=void 0,this.xhr=t,this.url=n,this.method=r,this.body=o,this.callback=s}return l(e,[{key:"onReadStateChange",value:function(){e.handleXhrStateChange({method:this.method,url:this.url,body:this.body,xhr:this.xhr,callback:this.callback}),this.oldOnReadyStateChange&&this.oldOnReadyStateChange()}}],[{key:"handleXhrOpen",value:function(){}},{key:"handleXhrStateChange",value:function(e){try{var t={url:e.url,body:e.body},n=i(i({},e.xhr),{},{readyState:e.xhr.readyState,response:e.xhr.response||e.xhr.responseText,status:e.xhr.status});e.callback(t,n,"xhr")}catch(e){console&&console.warn&&console.warn("[ajax-interceptor] Error in handleXhrStateChange: "+e.message)}}}]),e}();if(!window.__AJAX_INTERCEPTOR__){var b=function(e){var t,n=f(),r={all:t=t||new Map,on:function(e,n){var r=t.get(e);r?r.push(n):t.set(e,[n])},off:function(e,n){var r=t.get(e);r&&(n?r.splice(r.indexOf(n)>>>0,1):t.set(e,[]))},emit:function(e,n){var r=t.get(e);r&&r.slice().map((function(e){e(n)})),(r=t.get("*"))&&r.slice().map((function(t){t(e,n)}))}},o=function(t,n,o){if(r.emit("all",{request:t,response:n,type:o}),"function"==typeof e)try{e(t,n,o)}catch(e){}};if(function(){if(!("fetch"in f()))return!1;try{return new Headers,new Request("https://www.example.com"),new Response,!0}catch(e){return!1}}()){var a=n.fetch;n.fetch=function(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];var r=s(Request,t),u=r.clone();return o(u,null,"fetch"),a(r).then((function(e){var t=e.clone();return o(u,t,"fetch"),e}))}}return"XMLHttpRequest"in window&&function(e){h.prototype.open=function(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];var r=t[0];this._url=t[1],this._method=r,x.handleXhrOpen(),d.apply(this,t)},h.prototype.send=function(t){var n=new x(this,this._url,this._method,t,e);this.addEventListener?this.addEventListener("readystatechange",n.onReadStateChange.bind(n),!1):(n.oldOnReadyStateChange=this.onreadystatechange,this.onreadystatechange=n.onReadStateChange),y.call(this,t)}}(o),r}();Object.defineProperty(window,"__AJAX_INTERCEPTOR__",{writable:!1,configurable:!1,enumerable:!1,value:function(e){return b.on("all",(function(t){var n=t.request,r=t.response,o=t.type;if("function"==typeof e)try{e(n,r,o)}catch(e){}})),b}})}})); </script> <script>!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.loadFeatures=n():e.loadFeatures=n()}(self,(function(){return function(){var e={828:function(e){var n,t,r=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function u(e){if(n===setTimeout)return setTimeout(e,0);if((n===o||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:o}catch(e){n=o}try{t="function"==typeof clearTimeout?clearTimeout:i}catch(e){t=i}}();var c,a=[],s=!1,f=-1;function l(){s&&c&&(s=!1,c.length?a=c.concat(a):f=-1,a.length&&d())}function d(){if(!s){var e=u(l);s=!0;for(var n=a.length;n;){for(c=a,a=[];++f1)for(var t=1;te.length)&&(n=e.length);for(var t=0,r=new Array(n);t-1?i():t&&g.indexOf(t)>-1?u():t?c():(t=document.createElement("script"),Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),null===t.getAttribute("defer")&&t.setAttribute("defer",""),t.src=r,t.crossOrigin="anonymous",c(),function(e){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:p;return!e.match(/Chrome/gi)&&!!e.match(/Safari/gi)}()?document.head.appendChild(e):window.requestAnimationFrame((function(){document.head.appendChild(e)}))}(t))}function b(){}function x(e){if(!e||"string"!=typeof e.name||"string"!=typeof e.version)throw function(e){return new Error('Features should be defined as `{ name: "name", version: "version" }`. Received: '.concat(JSON.stringify(e)))}(e)}function E(e,t){var r=[],o=function(e,n){return e.reduce((function(e,t){try{var r=l(t);e.push([r,t])}catch(e){n.push(e)}return e}),[])}(e,r);return function(e,t,r){var o=e.length;o?e.forEach((function(e){w(n()(e,1)[0],(function(e,n){e&&t.push(e),0==--o&&r(t)}))})):r(t)}(o,r,(function(e){var n=e.length?e:null;t(n)}))}f({name:"consent-tracking-api",version:"0.1",hasLegacy:!0}),f({name:"customer-account-api",version:"0.1",hasLegacy:!0}),f({name:"customer-account-api",version:"0.2",hasLegacy:!0}),f({name:"customer-account-api",version:"0.3",hasLegacy:!0}),f({name:"component-toast",version:"0.1",hasLegacy:!0}),f({name:"component-quick-add-modal",version:"0.1",hasLegacy:!0}),function(e){e({name:"order-tracking-api",version:"0.1",hasLegacy:!0}),e({name:"risk-api",version:"0.1",hasLegacy:!0})}(f),m="loadFeatures",v=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:b;if(Array.isArray(e))return e.forEach(x),E(e,n);throw o(e)},window.Shopline=window.Shopline||{},window.Shopline[m]=v}(),r}()}));</script><script>!function(n){"function"==typeof define&&define.amd?define(n):n()}((function(){"use strict";window.Shopline=window.Shopline||{},window.Shopline.redirectTo=function(n){if(n.startsWith("http")||n.startsWith("//"))return n;var t=window.Shopline.routes;return"".concat(t&&t.root?t.root:"").concat(n).replace(/\/+/g,"/")}}));</script><script>!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function n(n){for(var t=1;arguments.length>t;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach((function(e){o(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}function o(e,n,o){return n in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,e}function t(e){var n=e.method,o=e.url,t=e.data;return new Promise((function(e,i){var r=new XMLHttpRequest,d=JSON.stringify(t);if("GET"===n){var c=function(e){try{var n=[];for(var o in e){var t=encodeURIComponent(o),i=encodeURIComponent(e[o]);n.push("".concat(t,"=").concat(i))}return n.join("&")}catch(e){return""}}(t);t&&(o="".concat(o,"?").concat(c))}r.open(n,o,!0),r.setRequestHeader("Content-Type","application/json"),r.onload=function(){var n=r.status,o=JSON.parse(r.response);200!==n?i(o):e(o)},r.send(d)}))}function i(e,n){var o,i,r,d=null===(o=window.Shopline)||void 0===o||null===(i=o.uri)||void 0===i?void 0:i.alias;Promise.all([t({method:"PUT",url:"/leproxy/api/carts/cart/cart-buyer-update"}),t({method:"POST",url:"/leproxy/api/user/front/users/update",data:{language:(null===(r=window.Shopline)||void 0===r?void 0:r.locale)||"en",isThird:!0}}),t({method:"POST",url:"/leproxy/api/user/front/users/saveThirdChannelInfo",data:{firstLoginFlag:n,channel:"google",nickName:n?e||"":null}})]).then((function(){["SignIn","SignUp"].includes(d)?window.location.href="/user/center":window.location.reload()}))}function r(e){window.location.href="/user/signIn?udbErrorCode=".concat(e)}function d(e){var n=document.createElement("script");n.src="https://accounts.google.com/gsi/client",n.async=!0,n.defer=!0,n.onload=function(){window.google.accounts.id.initialize({client_id:e.appId,callback:function(n){return function(e,n){var o={appid:["preview","product"].includes(window.ENV.APP_ENV||"")?"1165600903":"1163336839",subappid:n.subAppid,channel:"google",thirdappid:n.appId,token:e.credential,tokenType:3,firstLoginCheck:!0};t({method:"GET",url:"/leproxy/udb/lgn/third/open/loginAndBind.do",data:o}).then((function(e){var n=e.data,d=e.stoken,c=e.rescode;if("0"!==c)return r(c),!1;0===n.processCode?i(window.decodeURIComponent(n.ck.osudb_nickname)):1===n.processCode?t({method:"GET",url:"/leproxy/udb/lgn/third/open/bindUidAccountMix.do",data:{appid:o.appid,stoken:d}}).then((function(e){var n=e.data,o=e.rescode;if("0"!==o)return r(o),!1;0===n.processCode&&i(window.decodeURIComponent(n.ck.osudb_nickname),!0)})):2!==n.processCode&&3!==n.processCode||t({method:"GET",url:"/leproxy/udb/lgn/third/open/thirdLoginAndBindByBindToken.do",data:{appid:o.appid,stoken:d}}).then((function(e){var n=e.data,o=e.rescode;if("0"!==o)return r(o),!1;0===n.processCode&&i(window.decodeURIComponent(n.ck.osudb_nickname),!0)}))}))}(n,e)},cancel_on_tap_outside:!1}),window.google.accounts.id.prompt()},document.getElementsByTagName("body")[0].appendChild(n)}window.USER_EVENTS_TRIGGER_STACK.push((function(){var e,o,i,r=null===(e=window.Shopline)||void 0===e?void 0:e.isLogin,c=null===(o=window.Shopline)||void 0===o||null===(i=o.uri)||void 0===i?void 0:i.alias;!r&&["ProductsDetail","Products","Home","SignIn","SignUp"].includes(c)&&t({method:"GET",url:"/leproxy/api/user/front/store/config/register"}).then((function(e){var o=e.data,t=o.accountType,i=o.googleIdentityServiceTag,r=o.thirdLoginConfigVos,c=r&&r.find((function(e){return"google"===e.name}));1!==t&&i&&c&&d(n(n({},c),{},{subAppid:o.subAppid}))}))}))})); </script>
<script> (function() { var isProduct = Number(sessionStorage.getItem('sl_console')) === 1 || window.__ENV__.APP_ENV === 'product' || window.__ENV__.APP_ENV === 'preview' var hasSsrDebug = Number(window.Shopline && Shopline.uri && Shopline.uri.query && Shopline.uri.query.ssr_debug) === 1 var debugConsoleFnList = ['log'] var consoleFnNames = Object.keys(console).filter(function(key) {return typeof console[key] === 'function'}) window.__sl_console__ = consoleFnNames.reduce(function (result, fnName) { var hasConsoleFn = debugConsoleFnList.indexOf(fnName) !== -1 result[fnName] = function () { try { var args = Array.prototype.slice.apply(arguments) var prefix = '[SL_' + fnName.toUpperCase() + ']:' if (isProduct) { if (hasConsoleFn && hasSsrDebug) { return console[fnName].apply(null, [prefix].concat(args)) } else if (!hasConsoleFn) { return console[fnName].apply(null, args) } } else if (hasConsoleFn) { return console[fnName].apply(null, [prefix].concat(args)) } else { return console[fnName].apply(null, args) } } catch (e) { console.error(e) } } return result }, {}) })() </script> <script >window.__APP_CODE__.set(__SL_CUSTOM_CODE_GETROW__(), 'LS', 'end')</script> <script >window.__APP_CODE__.set(__SL_CUSTOM_CODE_GETROW__(), 'CB_6a8b55b4df25fc421038b5bdd956f9da10f19945', 'start')</script> <script type="module" defer src="https://cdn.myshopline.com/t/layout/plugin/2024010315382222/plugin-ruler-index.js"></script><script type="module" defer>try{import.meta.url;import("_").catch(()=>1);}catch(e){}window.__vite_is_modern_browser=true;</script><script type="module" defer>!function(){if(window.__vite_is_modern_browser)return;console.warn("dynamic import or import.meta.url is unsupported");var n=document.createElement("script");n.src="https://cdn.myshopline.com/t/layout/plugin/2024010315382222/plugin-ruler-polyfills-legacy.js",n.onload=function(){System.import("https://cdn.myshopline.com/t/layout/plugin/2024010315382222/plugin-ruler-index-legacy.js")},document.body.appendChild(n)}();</script><script nomodule defer src="https://cdn.myshopline.com/t/layout/plugin/2024010315382222/plugin-ruler-polyfills-legacy.js"></script><script nomodule defer>System.import('https://cdn.myshopline.com/t/layout/plugin/2024010315382222/plugin-ruler-index-legacy.js');</script> <script >window.__APP_CODE__.set(__SL_CUSTOM_CODE_GETROW__(), 'CB_6a8b55b4df25fc421038b5bdd956f9da10f19945', 'end')</script> <script >window.__APP_CODE__.set(__SL_CUSTOM_CODE_GETROW__(), 'CB_f0952c40604127dddeac6318178bc62f4de95e1b', 'start')</script> <script async src="https://cdn.myshopline.com/t/layout/plugin/2024070409384747/plugin-product-comment-bundle.js"></script> <script >window.__APP_CODE__.set(__SL_CUSTOM_CODE_GETROW__(), 'CB_f0952c40604127dddeac6318178bc62f4de95e1b', 'end')</script> <script type="text/javascript" src="/cdn/shop/prod/app-extension/01405986-ae6f-4fcc-adaa-2a21f14efc9f/1720685234961/assets/vendor/global.min.js" defer="defer" org="AP_01405986-ae6f-4fcc-adaa-2a21f14efc9f"></script> <script type="text/javascript" src="/cdn/shop/prod/app-extension/01405986-ae6f-4fcc-adaa-2a21f14efc9f/1720685234961/assets/back-to-top/index.min.js" defer="defer" org="AP_01405986-ae6f-4fcc-adaa-2a21f14efc9f"></script> <style> /* hebrew */ @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/assistant/v19/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnIGSV34OtrM9RDw.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* latin-ext */ @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/assistant/v19/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnIGiV34OtrM9RDw.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/assistant/v19/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnIGaV34OtrM8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }/* latin-ext / @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
</style> <script>!function(){"use strict";let e={Src:"data-src",Srcset:"data-srcset",LazyClass:"lozad",AutoSize:"data-sizes"},t=(e,t)=>e.nodeName.toLowerCase()===t,i=e=>/^.+\.gif(\?.*){0,1}$/.test(e),s=e=>/\.cloudfront\./.test(e)||/img\.myshopline\.com/.test(e)||/img-.*\.myshopline\.com/.test(e),n=(e,t)=>e.filter(Boolean).join(t),a=(e,t)=>e.split(",").filter(e=>""!==e).map(e=>n(t(...e.trim().split(" "))," ")).join(",");class r{constructor(e){let t=new URL(e,window.location.href),i=t.pathname.split("/"),[s,n]=i[i.length-1].split("."),[a,...r]=s.split("_");this.uri=t,this.paths=i,this.name=a,this.suffix=n,this.querys=this.uri.searchParams,this.modifiers=r}toString(){return this.uri.pathname=n([...this.paths.slice(0,-1),n([[this.name,...this.modifiers].join("_"),this.suffix],".")],"/"),this.uri.toString()}}function o(e){if(!i(e)||!s(e))return;let t=new r(e);if("1"===t.querys.get("_f")&&"poster"!==t.modifiers[0])return t.modifiers.unshift("poster"),t.suffix="png",t}let l=[375,540,720,900,1080,1296,1512,1728,1944,2160,2660,2960,3260,3860],c=(e,t)=>{if(!e)return t;let i=t.findIndex(t=>t>e);return t.slice(0,i+1)},d=e=>{let{url:t,width:i}=e;if(!i||!s(t))return t;let n=`_${i||""}x`,a=t.split("/"),r=a.pop()||"",o=a.join("/"),l=r.lastIndexOf(".");return -1===l?`${o}/${r}${n}`:`${o}/${r.slice(0,l)}${n}${r.slice(l)}`},u="lazybeforeunveil";window.lozadObserver={observe:()=>{}},window.lazySizesConfig={lazyClass:e.LazyClass,expFactor:4,iframeLoadMode:1},document.addEventListener("lazybeforesizes",t=>{let i=t.target,n=i.getAttribute(e.AutoSize),a=i.getAttribute(e.Srcset),o=i.getAttribute(e.Src);if(n&&!a&&s(o)){let t=c(new r(o).querys.get("w"),l).map(e=>`${d({url:o,width:e})} ${e}w`);i.setAttribute(e.Srcset,t.join(", "))}}),document.addEventListener(u,e=>{let i=e.target;t(i,"img")&&!i.hasAttribute("decoding")&&(i.decoding="async")}),document.addEventListener(u,i=>{let s=i.target;if(t(s,"img")){let t=s.getAttribute(e.Src),i=s.getAttribute(e.Srcset),n=s._lazysizesWidth,r=!1,l=function(e){let{src:t,srcset:i}=e,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Image;return n&&(s.sizes="number"==typeof n?`${n}px`:n),i&&(s.srcset=i),window.__PRELOAD_STATE__.imgNoReferrerSwitch&&s.setAttribute("referrerpolicy","same-origin"),t&&(s.src=t),s},c=()=>{r||(l({src:t,srcset:i},s),r=!0)},d=function(e){let{src:t,srcset:i}=e,s={};if(t&&(s.src=o(t)),i){let e=!1;s.srcset=a(i,(t,i)=>{let s=o(t);return s?(e=!0,[s,i]):[t,i]}),e||delete s.srcset}if(s.src||s.srcset)return s}({src:t,srcset:i});if(d){let n=l({src:t,srcset:i}),a=l(d);n.onload=c,a.onerror=c,d.src&&s.setAttribute(e.Src,d.src),d.srcset&&s.setAttribute(e.Srcset,d.srcset)}}}),window.lazySizes=function(e,t,i){if(function(){var t,i={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(t in et=e.lazySizesConfig||e.lazysizesConfig||{},i)t in et||(et[t]=i[t])}(),!t||!t.getElementsByClassName)return{init:function(){},cfg:et,noSupport:!0};var s,n,a,r,o,l,c,d,u,f,m,h,z,y,g,p,v,C,w,E,b,A,_,S,L,x,M,$,N,R,T,W,B,F,q,O,k,D,H,P,I,j,U,G,J,K,Q,V,X,Y,Z,ee,et,ei=t.documentElement,es=e.HTMLPictureElement,en="addEventListener",ea="getAttribute",er=e[en].bind(e),eo=e.setTimeout,el=e.requestAnimationFrame||eo,ec=e.requestIdleCallback,ed=/^picture$/i,eu=["load","error","lazyincluded","_lazyloaded"],ef={},em=Array.prototype.forEach,eh=function(e,t){return ef[t]||(ef[t]=RegExp("(\\s|^)"+t+"(\\s|$)")),ef[t].test(e[ea]("class")||"")&&ef[t]},ez=function(e,t){eh(e,t)||e.setAttribute("class",(e[ea]("class")||"").trim()+" "+t)},ey=function(e,t){var i;(i=eh(e,t))&&e.setAttribute("class",(e[ea]("class")||"").replace(i," "))},eg=function(e,t,i){var s=i?en:"removeEventListener";i&&eg(e,t),eu.forEach(function(i){e[s](i,t)})},ep=function(e,i,s,n,a){var r=t.createEvent("Event");return s||(s={}),s.instance=ee,r.initEvent(i,!n,!a),r.detail=s,e.dispatchEvent(r),r},ev=function(t,i){var s;!es&&(s=e.picturefill||et.pf)?(i&&i.src&&!t[ea]("srcset")&&t.setAttribute("srcset",i.src),s({reevaluate:!0,elements:[t]})):i&&i.src&&(t.src=i.src)},eC=function(e,t){return(getComputedStyle(e,null)||{})[t]},ew=function(e,t,i){for(i=i||e.offsetWidth;i0)&&"visible"!=eC(n,"overflow")&&(s=n.getBoundingClientRect(),a=S>s.left&&_s.top-1&&A500&&ei.clientWidth>500?500:370:et.expand,ee._defEx=d,u=d*et.expFactor,f=et.hFac,x=null,R2&&C>2&&!t.hidden?(R=u,W=0):R=C>1&&W>1&&T<6?d:0),c!==r&&(E=innerWidth+r*f,b=innerHeight+r,o=-1*r,c=r),(L=(s=m[i].getBoundingClientRect()).bottom)>=o&&(A=s.top)<=b&&(S=s.right)>=o*f&&(_=s.left)<=E&&(L||S||_||A)&&(et.loadHidden||F(m[i]))&&(p&&T<3&&!l&&(C<3||W<4)||q(m[i],r))){if(G(m[i]),a=!0,T>9)break}else!a&&p&&!n&&T<4&&W<4&&C>2&&(g[0]||et.preloadAfterLoad)&&(g[0]||!l&&(L||S||_||A||"auto"!=m[i][ea](et.sizesAttr)))&&(n=g[0]||m[i])}n&&!a&&G(n)}},a=0,r=et.throttleDelay,o=et.ricTimeout,l=function(){n=!1,a=i.now(),s()},c=ec&&o>49?function(){ec(l,{timeout:o}),o!==et.ricTimeout&&(o=et.ricTimeout)}:eb(function(){eo(l)},!0),k=function(e){var t;(e=!0===e)&&(o=33),n||(n=!0,(t=r-(i.now()-a))<0&&(t=0),e||t<9?c():eo(c,t))},H=eb(D=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}B(e),ez(t,et.loadedClass),ey(t,et.loadingClass),ee.extraElements=ee.extraElements.filter(e=>e!==t),eg(t,P),ep(t,"lazyloaded")}),P=function(e){H({target:e.target})},I=function(e,t){var i=e.getAttribute("data-load-mode")||et.iframeLoadMode;0==i?e.contentWindow.location.replace(t):1==i&&(e.src=t)},j=function(e){var t,i=e[ea](et.srcsetAttr);(t=et.customMedia[e[ea]("data-media")||e[ea]("media")])&&e.setAttribute("media",t),i&&e.setAttribute("srcset",i)},U=eb(function(e,t,i,s,n){var a,r,o,l,c,d;!(c=ep(e,"lazybeforeunveil",t)).defaultPrevented&&(s&&(i?ez(e,et.autosizesClass):e.setAttribute("sizes",s)),r=e[ea](et.srcsetAttr),a=e[ea](et.srcAttr),n&&(l=(o=e.parentNode)&&ed.test(o.nodeName||"")),d=t.firesLoad||"src"in e&&(r||a||l),c={target:e},ez(e,et.loadingClass),d&&(clearTimeout(v),v=eo(B,2500),eg(e,P,!0)),l&&em.call(o.getElementsByTagName("source"),j),r?e.setAttribute("srcset",r):a&&!l&&($.test(e.nodeName)?I(e,a):e.src=a),n&&(r||l)&&ev(e,{src:a})),e._lazyRace&&delete e._lazyRace,ey(e,et.lazyClass),eE(function(){var t=e.complete&&e.naturalWidth>1;(!d||t)&&(t&&ez(e,et.fastLoadedClass),D(c),e._lazyCache=!0,eo(function(){"_lazyCache"in e&&delete e._lazyCache},9)),"lazy"==e.loading&&T--},!0)}),G=function(e){if(!e._lazyRace){var t,i=M.test(e.nodeName),s=i&&(e[ea](et.sizesAttr)||e[ea]("sizes")),n="auto"==s;(n||!p)&&i&&(e[ea]("src")||e.srcset)&&!e.complete&&!eh(e,et.errorClass)&&eh(e,et.lazyClass)||(t=ep(e,"lazyunveilread").detail,n&&eS.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,T++,U(e,t,n,s,i))}},J=eA(function(){et.loadMode=3,k()}),K=function(){3==et.loadMode&&(et.loadMode=2),J()},Q=function(){if(!p){if(i.now()-w<999){eo(Q,999);return}p=!0,et.loadMode=3,k(),er("scroll",K,!0)}},{_:function(){w=i.now(),ee.elements=t.getElementsByClassName(et.lazyClass),void 0===ee.extraElements&&(ee.extraElements=[]),g=t.getElementsByClassName(et.lazyClass+" "+et.preloadClass),er("scroll",k,!0),er("resize",k,!0),er("pageshow",function(e){if(e.persisted){var i=t.querySelectorAll("."+et.loadingClass);i.length&&i.forEach&&el(function(){i.forEach(function(e){e.complete&&G(e)})})}}),e.MutationObserver?new MutationObserver(k).observe(ei,{childList:!0,subtree:!0,attributes:!0}):(ei[en]("DOMNodeInserted",k,!0),ei[en]("DOMAttrModified",k,!0),setInterval(k,999)),er("hashchange",k,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){t[en](e,k,!0)}),/d$|^c/.test(t.readyState)?Q():(er("load",Q),t[en]("DOMContentLoaded",k),eo(Q,2e4)),ee.elements.length?(O(),eE._lsFlush()):k()},checkElems:k,immediatelyCheckElems:O,unveil:G,_aLSL:K}),eS=(X=eb(function(e,t,i,s){var n,a,r;if(e._lazysizesWidth=s,s+="px",e.setAttribute("sizes",s),ed.test(t.nodeName||""))for(a=0,r=(n=t.getElementsByTagName("source")).length;a!e.includes(t))}}(); </script><!-- assets/vendors/@yy_sl-theme-shared.min.css.hbs -->
<!-- assets/vendors/@sl_cart.min.css.hbs -->
<!-- assets/vendors/swiper.min.css.hbs -->
<!-- assets/vendors/normalize.css.min.css.hbs -->
.cyclic-scroll__item{ padding:0 150px; width:max-content; } @media (max-width:960px){ .cyclic-scroll__item{ padding:0 80px; } }
.announcement-swiper-slide{ align-items:center; display:flex; flex-direction:column; font-size:18px; justify-content:center; text-align:center; } .announcement-swiper-slide .announcement-swiper-slide-container{ display:flex; gap:20px; } .announcement-swiper-slide .announcement-social-media{ background:transparent; flex:1 1 180px; position:relative; z-index:2; } .announcement-swiper-slide .announcement-social-media.announcement-social-media--placeholder{ height:0; opacity:0; overflow:hidden; } .announcement-swiper-slide .announcement-social-media .social-media{ align-items:center; display:flex; flex-wrap:wrap; gap:15px; margin-right:-15px; } .announcement-swiper-slide .announcement-social-media .social-media:after{ content:"placeholder"; overflow:hidden; width:0; } .announcement-swiper-slide .announcement-social-media .social-media a{ display:flex; } .announcement-swiper-slide .announcement-social-media .social-media svg{ height:16px; width:16px; } .announcement-swiper-slide .announcement__text{ flex-grow:1; } .announcement-swiper-slide .container{ padding-bottom:10px; padding-top:10px; } .announcement-swiper-slide.announcement-left-align{ text-align:left; } .announcement-swiper-slide.announcement-center-align{ text-align:center; } .announcement-swiper-slide.announcement-right-align{ text-align:right; } @media (min-width:750px){ .announcement-swiper-slide.announcement-center-align--pc{ text-align:center; } }
.announcement-bar__container{ overflow:hidden; } .announcement-bar__container[data-display-mode="5"]{ width:100%; } .announcement-bar__container[data-display-mode="2"] .announcement-bar__swiper{ display:flex; } .announcement-bar__container[data-display-mode="2"] .announcement-swiper-slide{ flex:1 1 auto; } @media (max-width:749.98px){ .announcement-bar__container[data-display-mode="2"] .announcement-swiper-slide{ flex-shrink:0; width:100%; } }
.announcement-division-bottom{ position:relative; } .announcement-division-bottom:after{ background-color:rgba(var(--color-entry-line)); bottom:0; content:""; height:1px; left:0; position:absolute; width:100%; }
.color-scheme-.announcement-division-bottom:after{ background-color:rgba(var(--color-text), .15); }
.color-scheme-1.announcement-division-bottom:after{ background-color:rgba(var(--color-scheme-1-text), .15); }
.color-scheme-2.announcement-division-bottom:after{ background-color:rgba(var(--color-scheme-2-text), .15); }
.color-scheme-3.announcement-division-bottom:after{ background-color:rgba(var(--color-scheme-3-text), .15); } .announcement-bar__container[data-display-mode="3"] .announcement-swiper-slide,.announcement-bar__container[data-display-mode="4"] .announcement-swiper-slide{ flex-shrink:0; width:100%; }</style>
<script src="https://cdn-theme.myshopline.com/cdn/shop/prod/daef39a4a48bfac64fa5910f3c6fd440/1713792317495/assets/stage/announcement-bar/index.js" defer="defer" type="text/javascript"></script> <div class="__sl-custom-track-stage-header-announcementItem announcement-swiper-slide-container container body4 ">
<a href="javascript:;" target="_self" class="announcement__text" style="white-space: pre-wrap;">Carnival Sale Up to 70% Off! Prices are as marked. Choose a style. Available in stores and online. Limited time, while supplies last. Free shipping on any order over $35</a>
</div>
</div>
</div>
.color-scheme-2 .header__top,[data-color-scheme="2"] .header__top{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__top,[data-color-scheme="3"] .header__top{ color:rgba(var(--color-scheme-3-text), 1); }
.color-scheme-1 .header__top,[data-color-scheme="1"] .header__top{ background:var(--color-scheme-1-gradient); }
.color-scheme-2 .header__top,[data-color-scheme="2"] .header__top{ background:var(--color-scheme-2-gradient); }
.color-scheme-3 .header__top,[data-color-scheme="3"] .header__top{ background:var(--color-scheme-3-gradient); } .header__top .toolbar,.header__top .toolbar__select{ align-items:center; display:flex; justify-content:flex-end; } .header__top .toolbar__select{ flex:0 1 auto; flex-shrink:0; flex-wrap:nowrap; height:32px; }
@media (max-width:749.98px){ .header__top{ display:none; } } .header--is-light .header__top{ background-color:transparent; border-bottom:1px solid hsla(0,0%,100%,.1); }
.header__main--sticky .header__top{ display:none !important; }
@keyframes stage-fade-in{ 0%{ opacity:0; } to{ opacity:1; } } body[data-type_navigation_uppercase*=true] .d-site--nav__item{ text-transform:uppercase; }
.header-wrapper-effect-mask{ animation:stage-fade-in .2s linear forwards; background-color:rgba(0,0,0,.35); height:100%; left:0; opacity:0; position:fixed; right:0; top:0; width:100%; z-index:120; }
.desktop-site-nav{ list-style:none; margin:0 -20px; padding:0; } .desktop-site-nav__center{ text-align:center; } .desktop-site-nav li{ display:inline-block; position:relative; } .desktop-site-nav .text-left li{ display:block; } .desktop-site-nav .dropdown__icon--arrow{ margin-left:5px; transition:transform .2s ease-out; } .desktop-site-nav .site-nav__link{ align-items:center; color:rgba(var(--color-text)); cursor:pointer; display:inline-flex; font-family:var(--type-body-font); font-style:var(--type-body-font-style); font-weight:500; font-weight:var(--type-body-font-weight, 400); letter-spacing:var(--type-body-letter-spacing); line-height:var(--type-body-line-height); padding:16px; position:relative; text-decoration:none; white-space:normal !important; } [data-type_navigation_font=title] .desktop-site-nav .site-nav__link{ font-family:var(--type-title-font); font-style:var(--type-title-font-style); font-weight:var(--type-title-font-weight, 700); letter-spacing:var(--type-title-letter-spacing); line-height:var(--type-title-line-height); }
.color-scheme-1 .desktop-site-nav .site-nav__link,[data-color-scheme="1"] .desktop-site-nav .site-nav__link{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .desktop-site-nav .site-nav__link,[data-color-scheme="2"] .desktop-site-nav .site-nav__link{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .desktop-site-nav .site-nav__link,[data-color-scheme="3"] .desktop-site-nav .site-nav__link{ color:rgba(var(--color-scheme-3-text), 1); }
.desktop-site-nav .site-nav__link--has-dropdown{ font-weight:500; } .desktop-site-nav .site-nav--is-megamenu{ position:static; } .desktop-site-nav .site-nav__dropdown{ background-color:rgba(var(--color-page-background)); box-shadow:0 10px 20px rgba(0,0,0,.09); display:block; left:0; margin:0; max-height:760px; min-width:100%; overflow:auto; padding:10px 0 5px; pointer-events:none; position:absolute; transform:translateY(0); visibility:hidden; z-index:7; } .color-scheme-1 .desktop-site-nav .site-nav__dropdown,[data-color-scheme="1"] .desktop-site-nav .site-nav__dropdown{ background:var(--color-scheme-1-gradient); }
.color-scheme-2 .desktop-site-nav .site-nav__dropdown,[data-color-scheme="2"] .desktop-site-nav .site-nav__dropdown{ background:var(--color-scheme-2-gradient); }
.color-scheme-3 .desktop-site-nav .site-nav__dropdown,[data-color-scheme="3"] .desktop-site-nav .site-nav__dropdown{ background:var(--color-scheme-3-gradient); }
.desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link{ display:inline-block; white-space:nowrap; } .color-scheme-1 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link,[data-color-scheme="1"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link,[data-color-scheme="2"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link,[data-color-scheme="3"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link{ color:rgba(var(--color-scheme-3-text), 1); }
.color-scheme-1 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover,[data-color-scheme="1"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-1-text), .7); }
.color-scheme-2 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover,[data-color-scheme="2"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-2-text), .7); }
.color-scheme-3 .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover,[data-color-scheme="3"] .desktop-site-nav .site-nav__dropdown .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-3-text), .7); }
.desktop-site-nav .megamenu{ line-height:1.8; overflow:auto; padding:40px 0 20px; } .desktop-site-nav .megamenu .fw-blod{ padding-bottom:7px; } .desktop-site-nav .megamenu .fw-blod .site-nav__dropdown-link{ font-weight:600; margin-top:0; } .desktop-site-nav .megamenu .site-nav__dropdown-link{ margin:4px 0; white-space:normal; } .desktop-site-nav .magamenu__container{ overflow:hidden; overflow:auto; transition:opacity .3s ease 50ms, transform .25s cubic-bezier(.165, .84, .44, 1) 50ms; } .desktop-site-nav .unmegamenu-container.site-nav__dropdown ul{ padding-left:0; transition:opacity .3s ease 50ms, transform .25s cubic-bezier(.165, .84, .44, 1) 50ms; } .desktop-site-nav .unmegamenu-container.site-nav__dropdown ul>li{ padding:8px 15px; } .desktop-site-nav:not([data-navigation-effect=true]) .magamenu__container,.desktop-site-nav:not([data-navigation-effect=true]) .unmegamenu-container.site-nav__dropdown ul{ opacity:0; transform:translateY(-10px); } .desktop-site-nav .megamenu__colection-image{ display:none; margin-bottom:20px; position:relative; width:100%; } .desktop-site-nav .megamenu__colection-image .megamenu__colection-image-pic{ bottom:0; height:100%; left:0; object-fit:cover; position:absolute; right:0; top:0; width:100%; } .desktop-site-nav .site-nav--has-dropdown{ z-index:6; } .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link{ color:rgba(var(--color-text), .7); } .color-scheme-1 .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link,[data-color-scheme="1"] .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link{ color:rgba(var(--color-scheme-1-text), .7); }
.color-scheme-2 .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link,[data-color-scheme="2"] .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link{ color:rgba(var(--color-scheme-2-text), .7); }
.color-scheme-3 .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link,[data-color-scheme="3"] .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__link{ color:rgba(var(--color-scheme-3-text), .7); }
.desktop-site-nav .site-nav--has-dropdown.actived .dropdown__icon--arrow{ transform:rotate(180deg); } .desktop-site-nav:not([data-navigation-effect=true]) .site-nav--has-dropdown.actived .magamenu__container,.desktop-site-nav:not([data-navigation-effect=true]) .site-nav--has-dropdown.actived .unmegamenu-container.site-nav__dropdown>ul{ opacity:1; transform:translateY(0); } .desktop-site-nav .site-nav--has-dropdown.actived{ z-index:7; } .desktop-site-nav .site-nav--has-dropdown.actived .megamenu__colection-image{ display:block; } .desktop-site-nav .site-nav--has-dropdown.actived .site-nav__dropdown{ display:block; pointer-events:auto; visibility:visible; } .desktop-site-nav .grid-wrap{ overflow:hidden; } .desktop-site-nav .nav-grid{ align-content:flex-start; display:flex; display:grid; flex-wrap:wrap; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); list-style:none; margin:0 0 0 -20px; overflow:hidden; } .desktop-site-nav .nav-grid__item{ flex:1; max-width:400px; min-height:1px; min-width:220px; padding:0 0 20px 20px; } .desktop-site-nav .menu__img-title,.desktop-site-nav .nav-grid__item{ overflow:hidden; word-break:break-word; } .desktop-site-nav .left{ float:left; margin-bottom:20px; margin-right:20px; } .desktop-site-nav .right{ float:right; margin-bottom:20px; margin-left:20px; } .desktop-site-nav li[data-float*=left] .nav-grid{ margin-left:0; } .desktop-site-nav li[data-float*=right] .nav-grid{ margin-right:20px; }
.site-nav__dropdown-link:hover{ color:rgba(var(--color-text), .7); } .color-scheme-1 .site-nav__dropdown-link:hover,[data-color-scheme="1"] .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-1-text), .7); }
.color-scheme-2 .site-nav__dropdown-link:hover,[data-color-scheme="2"] .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-2-text), .7); }
.color-scheme-3 .site-nav__dropdown-link:hover,[data-color-scheme="3"] .site-nav__dropdown-link:hover{ color:rgba(var(--color-scheme-3-text), .7); }
.header--is-light .desktop-site-nav .d-site--nav__item .d-site--nav__underline:after{ border-bottom-color:#fff; } .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived{ background-color:rgba(var(--color-page-background)); } .color-scheme-1 .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived,[data-color-scheme="1"] .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived{ background:var(--color-scheme-1-gradient); }
.color-scheme-2 .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived,[data-color-scheme="2"] .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived{ background:var(--color-scheme-2-gradient); }
.color-scheme-3 .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived,[data-color-scheme="3"] .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived{ background:var(--color-scheme-3-gradient); }
.header--is-light .desktop-site-nav .site-nav--has-dropdown.actived .site-nav-item{ color:rgba(var(--color-header-text)); } .header--is-light .desktop-site-nav .site-nav--has-dropdown.actived .d-site--nav__underline:after{ border-bottom-color:rgba(var(--color-header-text)); } .header--is-light .desktop-site-nav .site-nav--has-dropdown.appear-animation{ background-color:rgba(var(--color-page-background)); } .header--is-light .desktop-site-nav .site-nav--has-dropdown.appear-animation .site-nav-item{ color:rgba(var(--color-header-text)); } .header--is-light .site-nav__dropdown{ background-color:rgba(var(--color-page-background)); }
@media (min-width:750px){ .header-wrapper-menu--effect .header__layout--nav{ align-self:stretch; } .header-wrapper-menu--effect .header__layout--nav .desktop-site-nav{ align-items:center; display:flex; height:100%; } .header-wrapper-menu--effect .header__layout--nav .desktop-site-nav .site-nav--has-dropdown{ align-self:stretch; display:flex; } .header-wrapper-menu--effect .site-nav--has-dropdown .site-nav__dropdown{ max-height:0; opacity:0; top:var(--menu-dropdown-top); transition:all .3s ease-in-out; } .header-wrapper-menu--effect .site-nav--has-dropdown .site-nav__dropdown>{ opacity:0; overflow:hidden; transform:translateX(-10px); transition:all .1s ease-out; transition-delay:.25s; } .header-wrapper-menu--effect .site-nav--has-dropdown.actived .site-nav__dropdown{ max-height:var(--max-height); opacity:1; } .header-wrapper-menu--effect .site-nav--has-dropdown.actived .site-nav__dropdown>{ opacity:1; transform:translateX(0); } } .header__logo{ display:block; margin:16px auto; } .header__logo img{ vertical-align:middle; } .header__logo a{ color:rgba(var(--color-text)); font-size:30px; line-height:39px; text-align:left; text-decoration:none; } [data-type_title_uppercase=true] .header__logo a{ text-transform:uppercase; }
.color-scheme-1 .header__logo a,[data-color-scheme="1"] .header__logo a{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__logo a,[data-color-scheme="2"] .header__logo a{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__logo a,[data-color-scheme="3"] .header__logo a{ color:rgba(var(--color-scheme-3-text), 1); }
.header__logo a:hover{ color:rgba(var(--color-text)); } .color-scheme-1 .header__logo a:hover,[data-color-scheme="1"] .header__logo a:hover{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__logo a:hover,[data-color-scheme="2"] .header__logo a:hover{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__logo a:hover,[data-color-scheme="3"] .header__logo a:hover{ color:rgba(var(--color-scheme-3-text), 1); }
.header__logo--link{ display:block; } .header__logo--link img{ width:100%; }
@media (max-width:749.98px){ .header__logo{ margin:10px 0; } } .header__btn{ color:rgba(var(--color-text)); cursor:pointer; display:inline-flex; } .color-scheme-1 .header__btn,[data-color-scheme="1"] .header__btn{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__btn,[data-color-scheme="2"] .header__btn{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__btn,[data-color-scheme="3"] .header__btn{ color:rgba(var(--color-scheme-3-text), 1); }
.header__btn .header__btn-content{ align-items:center; display:flex; } .header__btn .header__btn-icon{ position:relative; } .header__btn .header__btn-text{ margin-left:8px; margin-right:16px; } .header__btn:last-of-type .header__btn-text{ margin-right:0; } .header__btn span,.header__btn svg{ vertical-align:middle; } .header__btn:hover{ color:rgba(var(--color-text)); } .color-scheme-1 .header__btn:hover,[data-color-scheme="1"] .header__btn:hover{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__btn:hover,[data-color-scheme="2"] .header__btn:hover{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__btn:hover,[data-color-scheme="3"] .header__btn:hover{ color:rgba(var(--color-scheme-3-text), 1); }
.header__btn--menu{ background:none; border:none; padding:0; }
.header__cart{ position:relative; } .header__cart .header__cart-point{ background-color:rgba(var(--color-cart-dot)); border-radius:20px; color:rgba(var(--color-cart-dot-text)); display:none; left:24px; line-height:20px; min-width:20px; padding:0 6px; position:absolute; text-align:center; top:-8px; transform:translateX(-50%); } .color-scheme-1 .header__cart .header__cart-point,[data-color-scheme="1"] .header__cart .header__cart-point{ background-color:rgba(var(--color-scheme-1-text)); color:rgba(var(--color-scheme-1-bg), 1); }
.color-scheme-2 .header__cart .header__cart-point,[data-color-scheme="2"] .header__cart .header__cart-point{ background-color:rgba(var(--color-scheme-2-text)); color:rgba(var(--color-scheme-2-bg), 1); }
.color-scheme-3 .header__cart .header__cart-point,[data-color-scheme="3"] .header__cart .header__cart-point{ background-color:rgba(var(--color-scheme-3-text)); color:rgba(var(--color-scheme-3-bg), 1); }
.header__cart--active .header__cart-point{ display:block; }
.desktop-split-nav{ align-items:center; display:flex; flex:1 1 100%; } @media (max-width:749.98px){ .desktop-split-nav{ justify-content:center; } } .desktop-split-nav .header-item--split-left{ display:flex; flex:1 1 20%; justify-content:flex-end; } .desktop-split-nav .header-item--split-right{ display:flex; flex:1 1 20%; } .desktop-split-nav .desktop-split-nav__logo{ align-items:center; text-align:center; } @media (min-width:750px){ .desktop-split-nav .desktop-split-nav__logo{ margin:0 30px; } }
.stage-announcement-bar{ overflow:hidden; padding:6px 0; position:relative; word-break:break-word; z-index:120; } .stage-announcement-bar .container{ text-align:center; } .stage-announcement-bar .announcement-haslink .announcement__text{ border-bottom:1px solid rgba(var(--color-header-announcement-bar-text)); } .stage-announcement-bar .announcement__text{ color:currentColor; }
.header__search--container{ bottom:200%; display:none; height:100%; left:0; opacity:0; overflow:hidden; position:absolute; right:0; transition:opacity .35s; z-index:128; } .header__search--container .header__search{ background-color:#fff; background-color:rgba(var(--color-page-background)); bottom:0; color:#000; color:rgba(var(--color-text)); display:flex; left:0; position:absolute; right:0; top:0; transform:translate3d(0, -110%, 0); z-index:128; } .header__search--container .header__search .container{ align-items:stretch; display:flex; flex:1 1 100%; } .header__search--container .header__search--form{ display:flex; flex:1 1 auto; } .color-scheme-1 .header__search--container .header__search--form,[data-color-scheme="1"] .header__search--container .header__search--form{ border-color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__search--container .header__search--form,[data-color-scheme="2"] .header__search--container .header__search--form{ border-color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__search--container .header__search--form,[data-color-scheme="3"] .header__search--container .header__search--form{ border-color:rgba(var(--color-scheme-3-text), 1); }
@media (max-width:749.98px){ .header__search--container .header__search--form{ align-items:center; } } .header__search--container .header__search--btn{ align-items:center; background:none; border:none; color:rgba(var(--color-text)); cursor:pointer; display:flex; padding:0 15px 0 0; } .header__search--container .header__cancel--btn{ padding:0 15px; } .header__search--container .header__search--input{ background-color:inherit; border:0; border-radius:0; color:inherit; flex:1 1 auto; max-width:100%; min-height:42px; outline:none; padding:8px 10px; width:100px; } .header__search--container .header__search--input::-webkit-search-cancel-button{ display:none; } .header__search--container.is-active{ bottom:0; display:block; opacity:1; overflow:visible; } .header__search--container.is-active .header__search{ transform:translateZ(0); } .header__search--container.is-transitioning{ display:block !important; visibility:visible !important; }
.header__search--predicate{ background-color:#fff; background-color:rgba(var(--color-page-background)); color:#000; color:rgba(var(--color-text)); left:0; max-height:60vh; max-height:calc(100vh - 100%); overflow:auto; position:absolute; right:0; top:100%; z-index:130; } .header__search--predicate.fix_ad_input{ max-height:50vh; }
.header__suggest--list,.searchbar__suggest--list{ list-style:none; margin:0; padding:0; } .header__suggest--list li,.searchbar__suggest--list li{ align-items:center; display:flex; padding:0 12px 0 36px; } .header__suggest--list li a,.searchbar__suggest--list li a{ border-radius:2px; color:rgba(var(--color-text)); overflow:hidden; padding:8px 0 8px 12px; text-decoration:none; text-overflow:ellipsis; width:100%; } .header__suggest--list li a:hover,.searchbar__suggest--list li a:hover{ background-color:rgba(var(--color-text), .08); } .header__suggest--list li a[data-match=true],.searchbar__suggest--list li a[data-match=true]{ color:rgba(var(--color-text), .6); } .header__suggest--list li a[data-match=true] span,.searchbar__suggest--list li a[data-match=true] span{ color:rgba(var(--color-text)); } .header__suggest--list li:last-child,.searchbar__suggest--list li:last-child{ margin-bottom:32px; }
#suggest-menu-list{ display:none; }
.searchbar__suggest--list{ background-color:rgba(var(--color-page-background)); } .searchbar__suggest--list .body2,.searchbar__suggest--list .trade_summations .trade_summations_fee .settleSumAmount .text_bold,.trade_summations .trade_summations_fee .settleSumAmount .searchbar__suggest--list .text_bold{ font-weight:600; } .searchbar__suggest--list li a{ color:rgba(var(--color-text)); }
[data-button_style=radius] .header__searchBar-container .searchbar--input{ border-radius:4px 0 0 4px; } [data-button_style=radius] .header__searchBar-container .icon-search{ border-radius:0 4px 4px 0; }
.header__searchBar-container{ align-items:center; box-sizing:border-box; display:flex; height:40px; justify-content:space-between; } .header__searchBar-container.middle{ flex:0 1 250px; } .header__searchBar-container.large{ flex:0 1 475px; } .header__searchBar-container.full{ width:100%; } .header__searchBar-container .searchbar__input--container{ flex:1; height:100%; max-width:100%; position:relative; } .header__searchBar-container .searchbar__input--container .header__search--predicate{ background:rgba(var(--color-page-background)); border-radius:4px; box-shadow:0 10px 20px rgba(0,0,0,.1); top:110%; } .header__searchBar-container .searchbar__input--container .searchbar__suggest--list li{ padding:0; } .header__searchBar-container .searchbar__input--container .searchbar__suggest--list li:last-child{ margin-bottom:10px; } .header__searchBar-container .searchbar__input--container .searchbar__suggest--list li:first-child{ margin-top:10px; } .header__searchBar-container .searchbar__input--container .searchbar__suggest--list a{ margin:0 10px; padding:8px 12px; } .header__searchBar-container .searchbar__input--container .searchbar--input{ border:1px solid rgba(var(--color-entry-line)); } .header__searchBar-container .searchbar__input--container .searchbar--input::-webkit-search-cancel-button{ display:none; } .header__searchBar-container input{ -webkit-appearance:none; background-color:#fff; border:none; border-radius:0; color:#000; flex:1; height:100%; padding-left:10px; width:100%; } .header__searchBar-container input::placeholder{ color:inherit; } .header__searchBar-container .icon-search{ align-items:center; background-color:rgba(var(--color-btn-background)); color:rgba(var(--color-btn-text)); cursor:pointer; display:flex; height:100%; justify-content:center; padding:0 10px; }
.drawer-menu__container{ display:flex; flex-direction:column; height:100%; } .drawer-menu__container .drawer-menu__wrapper{ flex:1; overflow:auto; }
#menu-drawer-currency .drawer__main,#menu-drawer-locale .drawer__main{ padding-top:0; }
#menu-drawer-currency .j-drawer-back,#menu-drawer-locale .j-drawer-back{ color:rgba(var(--color-text)); }
#menu-drawer .drawer__main{ padding-left:0; padding-right:0; padding-top:3px; }
#menu-drawer .drawer__header--fixed{ padding:0 30px; }
.stage-mobile-nav{ list-style:none; margin:0; padding:0; } .stage-mobile-nav .mobile-nav__first{ order:2; } .stage-mobile-nav a,.stage-mobile-nav a:hover,.stage-mobile-nav span,.stage-mobile-nav span:hover{ color:rgba(var(--color-text)); } .stage-mobile-nav .nav-pd{ padding:10px 30px; } .stage-mobile-nav .nav-ph{ padding:0 15px; } .stage-mobile-nav ul{ list-style:none; padding:0; } .stage-mobile-nav li{ margin-bottom:0; } .stage-mobile-nav button{ background:none; border:none; outline:none; } .stage-mobile-nav .menu__img{ background-color:rgba(var(--color-text), .05); font-size:0; padding:30px; } .stage-mobile-nav .menu__img img{ width:100%; } .stage-mobile-nav .menu__img .menu__img-title{ color:rgba(var(--color-text)); margin-top:8px; } .stage-mobile-nav .mobile-nav__item{ display:block; position:relative; } .stage-mobile-nav .mobile-nav__has-sublist{ display:flex; } .stage-mobile-nav .mobile-nav__child-item.mobile-nav__empty-url,.stage-mobile-nav .mobile-nav__has-sublist.mobile-nav__empty-url{ position:relative; } .stage-mobile-nav .mobile-nav__child-item.mobile-nav__empty-url .nav-collapsible-trigger,.stage-mobile-nav .mobile-nav__has-sublist.mobile-nav__empty-url .nav-collapsible-trigger{ display:revert; left:0; padding:10px 30px; position:absolute; text-align:right; width:100%; } @media (max-width:749.98px){ .stage-mobile-nav .mobile-nav__child-item.mobile-nav__empty-url .nav-collapsible-trigger,.stage-mobile-nav .mobile-nav__has-sublist.mobile-nav__empty-url .nav-collapsible-trigger{ padding:10px 20px; } } .stage-mobile-nav .mobile-nav__link{ display:block; flex:1 1 auto; } .stage-mobile-nav .mobile-nav__link--top-level{ flex:1 1 auto; word-break:break-word; } .stage-mobile-nav .mobile-nav__toggle{ align-items:center; display:flex; flex:0 1 auto; word-break:break-word; } .stage-mobile-nav .collapsible-content--all{ -webkit-backface-visibility:hidden; backface-visibility:hidden; height:0; opacity:0; overflow:hidden; visibility:hidden; } .stage-mobile-nav .collapsible-content.is-open{ opacity:1; transition:opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94); visibility:visible; } .stage-mobile-nav .collapsible-content__inner{ display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.25, .46, .45, .94); } .stage-mobile-nav .collapsible-content__inner .left{ order:1; padding-bottom:0; } .stage-mobile-nav .collapsible-content__inner .right{ order:3; padding-top:0; } .stage-mobile-nav .collapsible-content__inner .mobile-nav__second{ order:2; } .stage-mobile-nav div[data-float*=left] .mobile-nav__second{ padding-top:20px; } .stage-mobile-nav div[data-float*=right] .mobile-nav__second{ padding-bottom:20px; } .stage-mobile-nav .collapsible-content--all .collapsible-content__inner{ transform:translateY(40px); } .stage-mobile-nav .collapsible-content{ transition:opacity .3s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.25, .46, .45, .94); } .stage-mobile-nav .is-open .collapsible-content__inner{ transform:translateY(0); transition:transform .5s cubic-bezier(.25, .46, .45, .94); } .stage-mobile-nav .mobile-nav__child-item{ display:flex; } .stage-mobile-nav .mobile-nav__second{ background-color:rgba(var(--color-text), .05); } .stage-mobile-nav .mobile-nav__first>.nav-pd{ padding-bottom:12px; padding-top:12px; } .stage-mobile-nav .nav-collapsible-trigger{ align-items:center; color:rgba(var(--color-text)); cursor:pointer; display:flex; padding:0 0 0 20px; } .stage-mobile-nav .nav-collapsible-trigger .toggle-show{ display:none; } .stage-mobile-nav .nav-collapsible-trigger .toggle-close{ display:inline-block; transform:scaleY(-1); } .stage-mobile-nav .nav-collapsible-trigger.is-open .toggle-show{ display:inline-block; } .stage-mobile-nav .nav-collapsible-trigger.is-open .toggle-close{ display:none; } .stage-mobile-nav .is-transitioning{ display:block !important; visibility:visible !important; } .stage-mobile-nav .mobile-nav__item--secondary{ margin-top:12px; } .stage-mobile-nav .mobile-nav__item--secondary.top{ order:1; } .stage-mobile-nav .mobile-nav__item--secondary.bottom{ order:3; } .stage-mobile-nav .mobile-nav__item--secondary:after{ display:none; } .stage-mobile-nav .locale-currency{ align-items:center; display:flex; } .stage-mobile-nav .locale-currency .locale-currency__icon--arrow{ margin-left:8px; }
.split-bottom,.split-top{ background-color:rgba(var(--color-entry-line)); flex-shrink:0; height:1px; margin:12px 30px; }
.grid{ margin-left:-15px; padding:0 30px; }
.grid__item{ float:left; margin:9px 0; min-height:1px; padding-left:15px; width:50%; }
.mobile-nav__social{ display:flex; flex-shrink:0; flex-wrap:wrap; justify-content:stretch; list-style:none outside; margin:15px 0 8px; padding:0 30px; } .mobile-nav__social li{ border:1px solid; border-color:rgba(var(--color-entry-line)); flex:0 1 33.33%; margin:0 0 -1px; text-align:center; } .mobile-nav__social li:nth-child(3n-1){ margin-left:-1px; margin-right:-1px; } .mobile-nav__social li a{ align-items:center; color:rgba(var(--color-text)); display:flex; justify-content:center; padding:8px 30px; }
.drawer-menu-locale-currency{ list-style:none; padding:0; } .drawer-menu-locale-currency .click,.drawer-menu-locale-currency a{ color:rgba(var(--color-text)); }
@media (max-width:749.98px){ .stage-mobile-nav .nav-pd{ padding:10px 20px; } .stage-mobile-nav .menu__img{ padding:20px; } .split-bottom,.split-top{ margin-left:20px; margin-right:20px; } #menu-drawer .drawer__header--fixed,.grid,.mobile-nav__social{ padding:0 20px; } } @media (min-width:960px){ .mobile-top-nav{ display:none; } } .mobile-top-nav .swiper-container{ padding:0 20px; } .mobile-top-nav .mobile-site-nav{ display:flex; flex-wrap:nowrap; list-style:none; margin:0; padding:0; } .mobile-top-nav .mobile-site-nav>li:first-child .mobile-site-nav__item__link{ padding-left:0; } .mobile-top-nav .mobile-site-nav>li:last-child .mobile-site-nav__item__link{ padding-right:0; } .mobile-top-nav .mobile-site-nav .mobile-site-nav__item__link{ color:inherit; display:inline-block; padding:12px 16px; white-space:nowrap; } .mobile-top-nav .mobile-site-nav .mobile-site-nav__item .mobile-site-nav__item__link--active .mobile-site-nav__item__link__text{ font-weight:500; position:relative; } .mobile-top-nav .mobile-site-nav .mobile-site-nav__item .mobile-site-nav__item__link--active .mobile-site-nav__item__link__text:before{ background-color:rgba(var(--color-text)); bottom:-8px; content:""; display:inline-block; height:2px; position:absolute; width:100%; }
.color-scheme-1 .mobile-site-nav .mobile-site-nav__item .mobile-site-nav__item__link--active .mobile-site-nav__item__link__text:before{ background-color:rgba(var(--color-scheme-1-text)); }
.color-scheme-2 .mobile-site-nav .mobile-site-nav__item .mobile-site-nav__item__link--active .mobile-site-nav__item__link__text:before{ background-color:rgba(var(--color-scheme-2-text)); }
.color-scheme-3 .mobile-site-nav .mobile-site-nav__item .mobile-site-nav__item__link--active .mobile-site-nav__item__link__text:before{ background-color:rgba(var(--color-scheme-3-text)); }
.header-sticky-wrapper.is-sticky .mobile-top-nav{ display:none; }
*,:after,:before{ box-sizing:border-box; }
:focus{ outline:0; }
@media (min-width:750px){ .trade_cart,.trade_mini_cart{ flex-wrap:wrap; } .trade_cart main,.trade_mini_cart main{ order:1; } .trade_cart aside,.trade_mini_cart aside{ order:2; } .trade_cart .trade_cart_recently-viewed-product,.trade_mini_cart .trade_cart_recently-viewed-product{ order:3; } } @media (max-width:749.98px){ .trade_cart main,.trade_mini_cart main{ order:1; } .trade_cart aside,.trade_mini_cart aside{ order:3; } .trade_cart .trade_cart_recently-viewed-product,.trade_mini_cart .trade_cart_recently-viewed-product{ order:2; } } .trade_cart .text_bold,.trade_mini_cart .text_bold{ font-weight:600; } .trade_cart .hide,.trade_cart.hide,.trade_mini_cart .hide,.trade_mini_cart.hide{ display:none !important; } .trade_cart .tip,.trade_mini_cart .tip{ color:#2c2c2c; font-size:12px; line-height:1.4; margin-bottom:0; opacity:.4; } .trade_cart .content_wrapper,.trade_mini_cart .content_wrapper{ margin-bottom:42px; } .trade_cart .content_wrapper--small,.trade_mini_cart .content_wrapper--small{ margin-bottom:28px; } .trade_cart .content_wrapper--large,.trade_mini_cart .content_wrapper--large{ margin-bottom:56px; } .trade_cart .select__box__padding,.trade_mini_cart .select__box__padding{ padding:20px 24px; } .trade_cart .modules-header,.trade_mini_cart .modules-header{ color:#2c2c2c; font-size:18px; font-weight:500; line-height:1.4; margin-bottom:16px; } .trade_cart .modules-header.modules-header-no-wrap,.trade_mini_cart .modules-header.modules-header-no-wrap{ margin-bottom:8px; } @media screen and (max-width:999px){ .trade_cart .content_wrapper,.trade_mini_cart .content_wrapper{ margin-bottom:28px; } .trade_cart .content_wrapper--small,.trade_mini_cart .content_wrapper--small{ margin-bottom:20px; } .trade_cart .content_wrapper--large,.trade_mini_cart .content_wrapper--large{ margin-bottom:42px; } .trade_cart .select__box__padding,.trade_mini_cart .select__box__padding{ padding:20px 16px; } .trade_cart .modules-header.modules-header-double-rows,.trade_mini_cart .modules-header.modules-header-double-rows{ margin-bottom:8px; } } .trade_cart span.notranslate sup,.trade_mini_cart span.notranslate sup{ position:relative; top:-.3em; vertical-align:baseline; } .trade_cart span.notranslate.body1 sup,.trade_mini_cart span.notranslate.body1 sup{ top:-.7em; }
.trade_cart_recently-viewed-product{ margin-top:40px; width:100%; } @media (max-width:749.98px){ .trade_cart_recently-viewed-product{ margin:20px auto; } }
.form-title{ color:#2c2c2c; font-size:18px; font-weight:500; margin-bottom:15px; }
input[type=radio]{ cursor:pointer; }
.up_arrow_icon{ background-image:var(--sl-asset-checkout-images-payment_temp--svg); display:inline-block; height:16px; width:16px; }
.co-toast{ background:rgba(0,0,0,.7); border-radius:4px; color:#fff; left:50%; line-height:1.5; max-width:400px; padding:10px 20px; position:fixed; text-align:left; top:30%; transform:translate(-50%, -50%); word-break:break-word; z-index:1000; }
.mp-toast{ box-sizing:content-box; left:50%; margin:0; max-width:320px; padding:0; position:absolute; top:50%; transform:translate3d(-50%, -50%, 0); z-index:1010; } .mp-toast.comment-toast{ width:fit-content; } .mp-toast.comment-toast__inner{ border-radius:0; } .mp-toast__inner{ font-feature-settings:"tnum"; background:#000; border-radius:4px; box-shadow:0 4px 20px rgba(0,0,0,.15); color:#fff; display:inline-block; font-size:14px; font-variant:tabular-nums; line-height:1.5; list-style:none; opacity:.85; padding:16px 32px; pointer-events:none; pointer-events:all; text-align:center; } .mp-toast__hidden{ display:none !important; } .mp-toast--loading{ align-items:center; background-color:rgba(0,0,0,.7); border-radius:8px; color:#fff; color:#c8c9cc; display:flex; flex-direction:column; font-size:14px; font-size:0; justify-content:center; max-width:70%; min-height:88px; padding:16px; text-align:center; vertical-align:middle; white-space:pre-wrap; width:88px; word-break:break-all; } .mp-toast--loading-style2{ background-color:transparent; } .mp-toast--loading-style2 .mp-toast__content{ display:none; } .mp-toast__loading{ color:#fff; padding:4px; } .mp-toast__text{ color:#fff; font-size:14px; margin-top:8px; min-height:0; min-width:96px; } .mp-toast__fullscreen{ position:fixed !important; }
.mp-loading{ color:#c8c9cc; font-size:0; position:relative; vertical-align:middle; } .mp-loading__circular{ display:block; height:100%; width:100%; } .mp-loading__circular circle{ stroke:currentColor; stroke-width:3; stroke-linecap:round; animation:mp-circular 1.5s ease-in-out infinite; } .mp-loading__text{ color:#969799; font-size:14px; margin-left:8px; } .mp-loading__spinner,.mp-loading__text{ display:inline-block; vertical-align:middle; } .mp-loading__spinner{ animation:mp-rotate .8s linear infinite; height:30px; max-height:100%; max-width:100%; position:relative; width:100%; } .mp-loading__spinner--circular{ animation-duration:2s; } .mp-loading__success-box{ display:inline-block; height:30px; max-height:100%; max-width:100%; position:relative; vertical-align:middle; width:100%; } .mp-loading__success-box .hookmark{ stroke-dasharray:100 100; stroke-dashoffset:100; animation:1s linear hookmarkTransform forwards .6s; } .mp-loading__success-box .circle{ stroke-dasharray:120; stroke-dashoffset:120; animation:1s linear circleTransform forwards; } .mp-loading__success-box svg{ height:100%; width:100%; } @keyframes circleTransform{ 0%{ stroke-dasharray:120; stroke-dashoffset:120; } to{ stroke-dasharray:120; stroke-dashoffset:0; } } @keyframes hookmarkTransform{ 0%{ stroke-dasharray:100 100; stroke-dashoffset:100; } to{ stroke-dasharray:100 100; stroke-dashoffset:0; } } @keyframes mp-circular{ 0%{ stroke-dasharray:1, 200; stroke-dashoffset:0; } 50%{ stroke-dasharray:90, 150; stroke-dashoffset:-40; } to{ stroke-dasharray:90, 150; stroke-dashoffset:-120; } } @keyframes mp-rotate{ 0%{ transform:rotate(0deg); } to{ transform:rotate(1turn); } } @media (max-width:320px){ .mp-toast.comment-toast{ max-width:80%; padding:16px 22px; } } .btn{ background-color:transparent; border:var(--btn-border-thickness) solid transparent; border-radius:var(--btn-border-radius); color:rgba(var(--color-text)); cursor:pointer; display:inline-block; font-family:var(--type-body-font); font-size:14px; font-weight:600; letter-spacing:var(--type-body-letter-spacing); line-height:1.6; padding:calc(var(--btn-border-thickness) + 9px) calc(var(--btn-border-thickness) + 18px); position:relative; text-align:center; transition:opacity .15s ease-in-out; user-select:none; vertical-align:middle; white-space:normal; } .btn:focus{ outline:0; } .btn.disabled,.btn:disabled,fieldset:disabled .btn{ cursor:not-allowed; opacity:.3; }
.btn-primary,.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:disabled,.btn-primary:focus,.btn-primary:hover,.trade_coupon__btns>button,.trade_mini_cart .trade-cart-banner-summations-footer-checkout{ background-color:rgba(var(--color-btn-background)); border-color:rgba(var(--color-secondary-btn-border)); color:rgba(var(--color-btn-text)); }
.btn-secondary,.btn-secondary.active,.btn-secondary.disabled,.btn-secondary:active,.btn-secondary:disabled,.btn-secondary:focus,.btn-secondary:hover,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart{ background-color:rgba(var(--color-secondary-btn-backgroud)); border-color:rgba(var(--color-secondary-btn-border)); color:rgba(var(--color-secondary-btn-text)); }
.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{ border-color:rgba(var(--color-secondary-btn-border)); color:rgba(var(--color-secondary-btn-border)); }
.btn-link,.trade-cart-continue-btn{ border-radius:0; color:rgba(var(--color-text)); padding-bottom:0; padding-top:0; } .btn-link:focus,.btn-link:hover,.trade-cart-continue-btn:focus,.trade-cart-continue-btn:hover{ color:rgba(var(--color-text)); }
.btn-lg{ font-size:16px; padding:calc(var(--btn-border-thickness) + 11px) calc(var(--btn-border-thickness) + 20px); }
.btn-lg,.btn-sm{ border-radius:var(--btn-border-radius); }
.btn-sm{ font-size:12px; padding:calc(var(--btn-border-thickness) + 8px) calc(var(--btn-border-thickness) + 14px); } @keyframes btn-sweep{ 0%{ left:-60%; opacity:1; } to{ left:100%; opacity:1; } } @keyframes btn-loading{ 0%{ transform:rotate(0); } to{ transform:rotate(1turn); } } @keyframes btn-loading-sm{ 0%{ transform:rotate(0) scale(.8); } to{ transform:rotate(1turn) scale(.8); } } .btn-extra,.btn-primary,.btn-secondary,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn,.trade_coupon__btns>button,.trade_mini_cart .trade-cart-banner-summations-footer-checkout,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart{ border:initial; position:relative; }
.btn-primary,.trade_coupon__btns>button,.trade_mini_cart .trade-cart-banner-summations-footer-checkout{ --btn-border-background-color:rgba(var(--color-btn-background)); } .color-scheme-1 .btn-primary:after,.color-scheme-1 .trade_coupon__btns>button:after,.color-scheme-1 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:after,.trade_mini_cart .color-scheme-1 .trade-cart-banner-summations-footer-checkout:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-1 .btn-primary.disabled:hover:after,.color-scheme-1 .trade_coupon__btns>button.disabled:hover:after,.color-scheme-1 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-1 .disabled.trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-bg), calc(100% - var(--btn-border-opacity))); } .color-scheme-1 .btn-primary:hover:after,.color-scheme-1 .trade_coupon__btns>button:hover:after,.color-scheme-1 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-1 .trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-1-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-2 .btn-primary:after,.color-scheme-2 .trade_coupon__btns>button:after,.color-scheme-2 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:after,.trade_mini_cart .color-scheme-2 .trade-cart-banner-summations-footer-checkout:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-2 .btn-primary.disabled:hover:after,.color-scheme-2 .trade_coupon__btns>button.disabled:hover:after,.color-scheme-2 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-2 .disabled.trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-bg), calc(100% - var(--btn-border-opacity))); } .color-scheme-2 .btn-primary:hover:after,.color-scheme-2 .trade_coupon__btns>button:hover:after,.color-scheme-2 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-2 .trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-2-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-3 .btn-primary:after,.color-scheme-3 .trade_coupon__btns>button:after,.color-scheme-3 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:after,.trade_mini_cart .color-scheme-3 .trade-cart-banner-summations-footer-checkout:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-3 .btn-primary.disabled:hover:after,.color-scheme-3 .trade_coupon__btns>button.disabled:hover:after,.color-scheme-3 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-3 .disabled.trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-bg), calc(100% - var(--btn-border-opacity))); } .color-scheme-3 .btn-primary:hover:after,.color-scheme-3 .trade_coupon__btns>button:hover:after,.color-scheme-3 .trade_mini_cart .trade-cart-banner-summations-footer-checkout:hover:after,.trade_mini_cart .color-scheme-3 .trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-3-bg), calc(100% - var(--btn-border-opacity))), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.btn-primary,.trade_coupon__btns>button,.trade_mini_cart .trade-cart-banner-summations-footer-checkout{ border-radius:var(--btn-border-radius-outset); position:relative; } .btn-primary:before,.trade_coupon__btns>button:before,.trade_mini_cart .trade-cart-banner-summations-footer-checkout:before{ border-radius:var(--btn-border-radius-outset); bottom:0; box-shadow:var(--btn-shadow-offset-x) var(--btn-shadow-offset-y) var(--btn-shadow-blur) rgba(var(--color-text), var(--btn-shadow-opacity)); content:""; left:0; pointer-events:none; position:absolute; right:0; top:0; } .btn-primary:after,.trade_coupon__btns>button:after,.trade_mini_cart .trade-cart-banner-summations-footer-checkout:after{ border-radius:var(--btn-border-radius); bottom:var(--btn-border-thickness); box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-btn-text), calc(100% - var(--btn-border-opacity))), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); content:""; left:var(--btn-border-thickness); pointer-events:none; position:absolute; right:var(--btn-border-thickness); top:var(--btn-border-thickness); transition:box-shadow .1s ease; z-index:1; } .btn-primary.disabled:hover:after,.trade_coupon__btns>button.disabled:hover:after,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-btn-text), calc(100% - var(--btn-border-opacity))); } .btn-primary:hover:after,.trade_coupon__btns>button:hover:after,.trade_mini_cart .trade-cart-banner-summations-footer-checkout:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-btn-text), calc(100% - var(--btn-border-opacity))), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.btn-extra{ --btn-border-background-color:transparent; } .color-scheme-1 .btn-extra:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-text), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-1 .btn-extra.disabled:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-text), var(--btn-border-opacity)); } .color-scheme-1 .btn-extra:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-1-text), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-2 .btn-extra:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-text), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-2 .btn-extra.disabled:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-text), var(--btn-border-opacity)); } .color-scheme-2 .btn-extra:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-2-text), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-3 .btn-extra:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-text), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-3 .btn-extra.disabled:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-text), var(--btn-border-opacity)); } .color-scheme-3 .btn-extra:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-3-text), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.btn-extra{ border-radius:var(--btn-border-radius-outset); position:relative; } .btn-extra:before{ border-radius:var(--btn-border-radius-outset); bottom:0; box-shadow:var(--btn-shadow-offset-x) var(--btn-shadow-offset-y) var(--btn-shadow-blur) rgba(var(--color-text), var(--btn-shadow-opacity)); left:0; right:0; top:0; } .btn-extra:after,.btn-extra:before{ content:""; pointer-events:none; position:absolute; } .btn-extra:after{ border-radius:var(--btn-border-radius); bottom:var(--btn-border-thickness); box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-text), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); left:var(--btn-border-thickness); right:var(--btn-border-thickness); top:var(--btn-border-thickness); transition:box-shadow .1s ease; z-index:1; } .btn-extra.disabled:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-text), var(--btn-border-opacity)); } .btn-extra:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-text), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-1 .btn-secondary:after,.color-scheme-1 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:after,.color-scheme-1 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:after,.trade-cart-checkout-module .color-scheme-1 .trade-cart-non-empty-continue-btn:after,.trade_mini_cart .color-scheme-1 .trade-cart-banner-summations-footer-view-cart:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-bg), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-1 .btn-secondary.disabled:hover:after,.color-scheme-1 .trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:hover:after,.color-scheme-1 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-1 .disabled.trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-1 .disabled.trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-1-bg), var(--btn-border-opacity)); } .color-scheme-1 .btn-secondary:hover:after,.color-scheme-1 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:hover:after,.color-scheme-1 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-1 .trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-1 .trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-1-bg), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-2 .btn-secondary:after,.color-scheme-2 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:after,.color-scheme-2 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:after,.trade-cart-checkout-module .color-scheme-2 .trade-cart-non-empty-continue-btn:after,.trade_mini_cart .color-scheme-2 .trade-cart-banner-summations-footer-view-cart:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-bg), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-2 .btn-secondary.disabled:hover:after,.color-scheme-2 .trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:hover:after,.color-scheme-2 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-2 .disabled.trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-2 .disabled.trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-2-bg), var(--btn-border-opacity)); } .color-scheme-2 .btn-secondary:hover:after,.color-scheme-2 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:hover:after,.color-scheme-2 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-2 .trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-2 .trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-2-bg), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-3 .btn-secondary:after,.color-scheme-3 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:after,.color-scheme-3 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:after,.trade-cart-checkout-module .color-scheme-3 .trade-cart-non-empty-continue-btn:after,.trade_mini_cart .color-scheme-3 .trade-cart-banner-summations-footer-view-cart:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-bg), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); } .color-scheme-3 .btn-secondary.disabled:hover:after,.color-scheme-3 .trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:hover:after,.color-scheme-3 .trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-3 .disabled.trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-3 .disabled.trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-scheme-3-bg), var(--btn-border-opacity)); } .color-scheme-3 .btn-secondary:hover:after,.color-scheme-3 .trade-cart-checkout-module .trade-cart-non-empty-continue-btn:hover:after,.color-scheme-3 .trade_mini_cart .trade-cart-banner-summations-footer-view-cart:hover:after,.trade-cart-checkout-module .color-scheme-3 .trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .color-scheme-3 .trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-scheme-3-bg), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.btn-secondary,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart{ border-radius:var(--btn-border-radius-outset); } .btn-secondary:before,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn:before,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart:before{ border-radius:var(--btn-border-radius-outset); bottom:0; box-shadow:var(--btn-shadow-offset-x) var(--btn-shadow-offset-y) var(--btn-shadow-blur) rgba(var(--color-text), var(--btn-shadow-opacity)); content:""; left:0; pointer-events:none; position:absolute; right:0; top:0; } .btn-secondary:after,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn:after,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart:after{ border-radius:var(--btn-border-radius); bottom:var(--btn-border-thickness); box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-secondary-btn-border), var(--btn-border-opacity)), 0 0 0 var(--btn-border-thickness) var(--btn-border-background-color); content:""; left:var(--btn-border-thickness); pointer-events:none; position:absolute; right:var(--btn-border-thickness); top:var(--btn-border-thickness); transition:box-shadow .1s ease; z-index:1; } .btn-secondary.disabled:hover:after,.trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 var(--btn-border-thickness) rgba(var(--color-secondary-btn-border), var(--btn-border-opacity)); } .btn-secondary:hover:after,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn:hover:after,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart:hover:after{ box-shadow:0 0 0 calc(var(--btn-border-thickness) + 1px) rgba(var(--color-secondary-btn-border), var(--btn-border-opacity)), 0 0 0 calc(var(--btn-border-thickness) + 1px) var(--btn-border-background-color); }
.btn-link,.trade-cart-continue-btn{ font-size:calc(var(--type-body-size) * .875); padding-left:1px; padding-right:1px; position:relative; text-decoration:underline; text-underline-offset:6px; } .btn-link:hover,.trade-cart-continue-btn:hover{ text-decoration:underline; }
.btn-primary:active:active:before,.trade_coupon__btns>button:active:active:before,.trade_mini_cart .trade-cart-banner-summations-footer-checkout:active:active:before{ animation:primary-btn-press linear .6s 1; animation-fill-mode:forwards; }
.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{ border-color:rgba(var(--color-btn-background)); color:rgba(var(--color-btn-background)); } .btn-outline-primary.disabled,.btn-outline-primary:disabled{ background-color:transparent; }
@keyframes primary-btn-press{ 0%{ background:transparent radial-gradient(circle, hsla(0,0%,100%,.08) 1%, transparent 0) 50%/100%; } to{ background-position:50%; background-size:25000%; } } .btn-secondary,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart{ --btn-border-background-color:rgba(var(--color-secondary-btn-backgroud)); position:relative; } .btn-secondary:hover,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn:hover,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart:hover{ opacity:.9; } .btn-secondary:active:before,.trade-cart-checkout-module .trade-cart-non-empty-continue-btn:active:before,.trade_mini_cart .trade-cart-banner-summations-footer-view-cart:active:before{ animation:secondary-btn-press linear .6s 1; animation-fill-mode:forwards; }
@keyframes secondary-btn-press{ 0%{ background:rgba(var(--color-secondary-btn-text), .08) radial-gradient(circle, rgba(var(--color-secondary-btn-text), .08) 1%, transparent 1%) 50%/100%; } to{ background-position:50%; background-size:25000%; } } .btn-primary.disabled,.btn-secondary.disabled,.trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn,.trade_coupon__btns>button.disabled,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart{ opacity:.6; } .btn-primary.disabled:active:before,.btn-primary.disabled:focus:before,.btn-primary.disabled:hover:before,.btn-secondary.disabled:active:before,.btn-secondary.disabled:focus:before,.btn-secondary.disabled:hover:before,.trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:active:before,.trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:focus:before,.trade-cart-checkout-module .disabled.trade-cart-non-empty-continue-btn:hover:before,.trade_coupon__btns>button.disabled:active:before,.trade_coupon__btns>button.disabled:focus:before,.trade_coupon__btns>button.disabled:hover:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:active:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:focus:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-checkout:hover:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:active:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:focus:before,.trade_mini_cart .disabled.trade-cart-banner-summations-footer-view-cart:hover:before{ background:unset; }
.btn-extra{ --btn-border-background-color:currentColor; border-color:currentColor; font-size:calc(var(--type-body-size) * .75); }
.btn{ font-size:calc(var(--type-body-size) * .875); word-break:break-word; } .btn-lg{ font-size:calc(var(--type-body-size) * 1); } .btn-sm{ font-size:calc(var(--type-body-size) * .75); }
.btn.btn--loading{ color:transparent !important; } .btn.btn--loading .btn-loading__spinner:after{ animation:btn-loading linear 1.5s infinite; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgBpZWxVcMwEIbPhsJl7IpSG2A2gI4u2SDJBIEJkozABIEJgIoyKyQTYDo6TOfO/L+fFO7lOYps/+9Jti6nLyfpdBYJ0AiSQEUewDSKogmeOU1oRV3XNyXkA162wCYAbSxEy9i2k1BglmUrRLFUphLjZ0ZHEILzwuQYlqZpbdsPI5UeavYQkw2W+Wlt3Ks7RFNID8VNF8eHZQ6BiYvOLRXvGxkoRpir8ZMMFE/52g06naISVvaAxxhtTqCx9kJ6Cge6IIcpFyuQkf4y9lkQ+OWsCP1WOgpz9BnsCHxThrF0FFJuoYb7pkfKbFXq5KGwtpRrEhub+eicsMGvdAyBwXerTGt2F+yqqvpOkuQXDvf0ZdnCuIR9fwLGivSB1ysb0Aop994EpB1RIJb8UZl4r7nHhR0zqpmo0mZh68MKW/59hkm820b8YmmbA6YPtb1iK/BU/iu2g/A2EfJyrnqLBz4K/a78AWXKiXBxm7eVAAAAAElFTkSuQmCC"); background-repeat:no-repeat; border-radius:.5em; content:""; height:20px; left:50%; margin-left:-10px; margin-top:-10px; position:absolute; top:50%; width:20px; } .btn--loading.trade-cart-continue-btn .btn-loading__spinner:after,.btn-extra.btn--loading .btn-loading__spinner:after,.btn-link.btn--loading .btn-loading__spinner:after{ animation-name:btn-loading-sm; background-color:transparent; transform-origin:center; } .btn-primary.btn--loading .btn-loading__spinner:after,.btn-primary.btn--loading:active .btn-loading__spinner:after,.btn-primary.btn--loading:hover .btn-loading__spinner:after,.trade_coupon__btns>button.btn--loading .btn-loading__spinner:after,.trade_mini_cart .btn--loading.trade-cart-banner-summations-footer-checkout .btn-loading__spinner:after{ background:none; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADoSURBVHgBpZULEYMwDEDDFExCHWwONgk42ByAA+YACUjBAg7KFCAhS0Z6VzIYNH13PWivfaS/AHAARDxDDiygUlHpqUw4401iGlRGEs01VfZSAha3Eu0tR8aiEqzQYBfJPNchBxJ0kdBBDiq6DnKRXbXt4gonKpdQKYpiAAMUSC1n1sXr58GIbOR3yTjCUdod2HHyHFn4jr50h0TUug/h3gZaSGT1yMmCJu/05pFjSepNEZn/iS7qUCvp449MZ6Rmq2ODS1gcsk0l7zq1NXtTeaqpbJGWkUTc4zKiSdo4WvtvAeejdUjwAWbg41OUjSIvAAAAAElFTkSuQmCC"); background-position:50%; background-repeat:no-repeat; opacity:1; transition:none; } .btn-secondary.btn--loading .btn-loading__spinner:after,.btn-secondary.btn--loading:active .btn-loading__spinner:after,.btn-secondary.btn--loading:hover .btn-loading__spinner:after,.trade-cart-checkout-module .btn--loading.trade-cart-non-empty-continue-btn .btn-loading__spinner:after,.trade_mini_cart .btn--loading.trade-cart-banner-summations-footer-view-cart .btn-loading__spinner:after{ background:none; background-position:50%; background-repeat:no-repeat; opacity:1; transition:none; } @supports (mask-image:var(--sl-asset-images-svg-icon_loading--svg)){ .btn-secondary.btn--loading .btn-loading__spinner:after,.btn-secondary.btn--loading:active .btn-loading__spinner:after,.btn-secondary.btn--loading:hover .btn-loading__spinner:after,.trade-cart-checkout-module .btn--loading.trade-cart-non-empty-continue-btn .btn-loading__spinner:after,.trade_mini_cart .btn--loading.trade-cart-banner-summations-footer-view-cart .btn-loading__spinner:after{ background-blend-mode:soft-light; background-color:rgba(var(--color-secondary-btn-text)); mask-image:var(--sl-asset-images-svg-icon_loading--svg); } } @supports not (mask-image:var(--sl-asset-images-svg-icon_loading--svg)){ .btn-secondary.btn--loading .btn-loading__spinner:after,.btn-secondary.btn--loading:active .btn-loading__spinner:after,.btn-secondary.btn--loading:hover .btn-loading__spinner:after,.trade-cart-checkout-module .btn--loading.trade-cart-non-empty-continue-btn .btn-loading__spinner:after,.trade_mini_cart .btn--loading.trade-cart-banner-summations-footer-view-cart .btn-loading__spinner:after{ background:var(--sl-asset-images-svg-icon_loading--svg) 50%/100% no-repeat; } }
.btn-default,.btn-default.active,.btn-default.disabled,.btn-default:active,.btn-default:disabled,.btn-default:focus,.btn-default:hover{ background-color:rgba(var(--color-page-background)); border-color:rgba(var(--color-page-background)); }
.btn--square{ border-radius:0 !important; }
.btn--radius{ border-radius:4px !important; }
.btn--rounded{ border-radius:46px !important; }
@media (min-width:750px){ .btn-link,.trade-cart-continue-btn{ font-size:calc(var(--type-body-size) * 1); } .btn-extra{ font-size:calc(var(--type-body-size) * .875); } .btn{ font-size:calc(var(--type-body-size) * 1); } .btn-lg{ font-size:calc(var(--type-body-size) * 1.125); } .btn-sm{ font-size:calc(var(--type-body-size) * .875); } } .cart-stepper{ display:flex; margin:0; padding:var(--input-border-thickness); } .color-scheme-1 .cart-stepper{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-1-text), var(--input-border-opacity)); }
.color-scheme-2 .cart-stepper{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-2-text), var(--input-border-opacity)); }
.color-scheme-3 .cart-stepper{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-3-text), var(--input-border-opacity)); }
.cart-stepper{ border-radius:var(--input-border-radius-outset); position:relative; } .cart-stepper:before{ border-radius:var(--input-border-radius-outset); bottom:0; box-shadow:var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity)); left:0; right:0; top:0; } .cart-stepper:after,.cart-stepper:before{ content:""; pointer-events:none; position:absolute; } .cart-stepper:after{ border-radius:var(--input-border-radius); bottom:var(--input-border-thickness); box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-text), var(--input-border-opacity)); left:var(--input-border-thickness); right:var(--input-border-thickness); top:var(--input-border-thickness); transition:box-shadow .1s ease; z-index:1; } .cart-stepper-minus,.cart-stepper-plus{ cursor:pointer; } .cart-stepper-minus.disabled,.cart-stepper-plus.disabled{ cursor:not-allowed; opacity:.4; } .cart-stepper-button{ -webkit-box-pack:center; align-items:center; display:flex; font-weight:700; -webkit-justify-content:center; justify-content:center; padding:0; -webkit-user-select:none; user-select:none; } .cart-stepper-button svg path{ stroke:rgba(var(--color-text)); } .cart-stepper-input{ background-color:transparent; border:none; color:rgba(var(--color-text)); outline:none; padding:0; text-align:center; width:46px; } .cart-stepper-input:focus{ border-color:#2c2c2c; box-shadow:none; } @media (min-width:750px){ .cart-stepper-button{ height:35px; width:28px; } } @media (max-width:749.98px){ .cart-stepper-button{ height:32px; width:22px; } .cart-stepper-input{ width:40px; } }
.cart-stepper_error{ border-radius:var(--input-border-radius-outset); position:relative; } .cart-stepper_error:before{ border-radius:var(--input-border-radius-outset); bottom:0; box-shadow:var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity)); left:0; right:0; top:0; } .cart-stepper_error:after,.cart-stepper_error:before{ content:""; pointer-events:none; position:absolute; } .cart-stepper_error:after{ border-radius:var(--input-border-radius); bottom:var(--input-border-thickness); box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--co-color-err-color), var(--input-border-opacity)); left:var(--input-border-thickness); right:var(--input-border-thickness); top:var(--input-border-thickness); transition:box-shadow .1s ease; z-index:1; }
.empty-cart-title{ margin:0 auto; text-align:center; }
.empty-cart-continue-btn{ display:block; font-size:16px; line-height:160%; margin:10px auto 50px; text-align:center; } .empty-cart-continue-btn a{ color:#000; text-decoration:none; }
.trade_mini_cart .empty-cart-continue-btn{ margin-bottom:0; }
@media (max-width:749.98px){ .empty-cart-continue-btn{ margin-bottom:0; } } .cart-title-tag{ margin:20px auto 30px; text-align:center; } @media (max-width:959.98px){ .cart-title-tag{ margin-top:0; } }
.trade_cart_empty_wrapper{ margin-bottom:155px; margin-top:155px; } .trade_cart_empty_wrapper .mini-cart-title{ margin-top:140px; text-align:center; } @media screen and (max-width:999px){ .trade_cart_empty_wrapper{ margin-bottom:120px; margin-top:80px; } .trade_cart_empty_wrapper .mini-cart-title{ margin-top:65px; } } .cart-sku-list-promotion-module,.cart-sku-list-promotion-module-can-jump{ background:rgba(var(--color-btn-background), .08); border-radius:var(--btn-border-radius-outset); color:rgba(var(--color-text)); font-family:var(--type-body-font); padding:12px 16px; word-break:break-word; } .cart-sku-list-promotion-module-arrow,.cart-sku-list-promotion-module-can-jump-arrow{ margin-left:12px; } .cart-sku-list-promotion-module-arrow svg path,.cart-sku-list-promotion-module-can-jump-arrow svg path{ stroke:rgba(var(--color-text)); } .cart-sku-list-promotion-module-can-jump-wrapper,.cart-sku-list-promotion-module-can-jump-wrapper:hover,.cart-sku-list-promotion-module-wrapper,.cart-sku-list-promotion-module-wrapper:hover{ color:rgba(var(--color-text)); } .cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; justify-content:space-between; text-decoration:none; } .cart-sku-list-promotion-module{ align-items:center; display:flex; } .cart-sku-list-promotion .sales__promotionReminder-saved{ color:rgba(var(--color-text)); } .cart-sku-list-promotion .sales__discount-follow-theme{ color:rgba(var(--color-text)); font-family:var(--type-body-font); } @media (min-width:750px){ .cart-sku-list-promotion-module,.cart-sku-list-promotion-module-can-jump{ min-height:46px; } .cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; } } @media (max-width:749.98px){ .cart-sku-list-promotion-module,.cart-sku-list-promotion-module-can-jump{ min-height:43px; } .cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; } } .salesPluginGift__promotion{ cursor:pointer; justify-content:space-between; } .salesPluginGift__selectIcon{ align-items:center; display:flex; justify-content:space-between; } .salesPluginGift__selectIcon>svg{ margin-left:5px; }
.trade-cart-sku-list{ color:rgba(var(--color-text)); } .trade-cart-sku-list-module:not(:first-of-type){ border-top:1px solid rgba(var(--color-entry-line)); padding-top:20px; } .trade-cart-sku-list-module.has-promotion,.trade-cart-sku-list-module.inactive{ border-top:none !important; padding-top:30px; } .trade-cart-sku-list-promotion-module,.trade-cart-sku-list-promotion-module-can-jump{ background:rgba(var(--color-discount), .05); padding:12px 16px; word-break:break-word; } .trade-cart-sku-list-promotion-module-arrow,.trade-cart-sku-list-promotion-module-can-jump-arrow{ margin-left:12px; } .trade-cart-sku-list-promotion-module-arrow svg path,.trade-cart-sku-list-promotion-module-can-jump-arrow svg path{ stroke:rgba(var(--color-text)); } .trade-cart-sku-list-promotion-module-can-jump-wrapper,.trade-cart-sku-list-promotion-module-wrapper{ color:rgba(var(--color-text)); } .trade-cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; justify-content:space-between; text-decoration:none; } .trade-cart-sku-list-promotion-module{ align-items:center; display:flex; } .trade-cart-sku-list-inactive-wrapper{ display:flex; justify-content:space-between; margin-bottom:2px; margin-top:20px; } .trade-cart-sku-list-inactive-wrapper .trade-cart-sku-list-inactive-wrapper-title{ letter-spacing:.3em; } .trade-cart-sku-list-inactive-wrapper .trade-cart-sku-list-inactive-wrapper-remove-all{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; } .trade-cart-sku-list-inactive-wrapper .trade-cart-sku-list-inactive-wrapper-remove-all:hover{ cursor:pointer; } .trade-cart-sku-list .trade-cart-sku-item-image-wrapper__accessorial__list{ bottom:-6px; margin:0; padding:0; position:absolute; right:-6px; } .trade-cart-sku-list .trade-cart-sku-item-image-wrapper__accessorial__list li{ background-size:contain !important; border:1.5px solid #fff; border-radius:50%; float:left; height:32px; list-style:none; width:32px; } .trade-cart-sku-list .trade-cart-sku-item-customization{ cursor:pointer; font-family:Jost; font-size:16px; font-style:normal; font-weight:400; line-height:26px; text-decoration-line:underline; } @media (min-width:750px){ .trade-cart-sku-list .trade-cart-sku-list-module{ margin-bottom:20px; } .trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module,.trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module-can-jump{ min-height:46px; } .trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; } } @media (max-width:749.98px){ .trade-cart-sku-list .trade-cart-sku-list-module{ margin-bottom:20px; } .trade-cart-sku-list .trade-cart-sku-list-module:last-of-type{ margin-bottom:0; } .trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module,.trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module-can-jump{ min-height:43px; } .trade-cart-sku-list .trade-cart-sku-list-module .trade-cart-sku-list-promotion-module-can-jump-wrapper{ align-items:center; display:flex; } } @media (min-width:750px){ .trade-cart-sku-list.sidebar{ width:100%; } .trade-cart-sku-list.sidebar .trade-cart-sku-item{ display:flex; padding:20px 0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image{ cursor:pointer; flex-shrink:0; height:fit-content; position:relative; width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-fallback{ background-color:rgba(var(--color-text), .05); background-image:var(--sl-asset-product-commons-svg-default-img--svg); background-position:50%; background-repeat:no-repeat; height:100px; padding-bottom:100%; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-wrapper{ vertical-align:middle; width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-sold-out{ max-width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info{ display:flex; flex:1; flex-direction:column; max-width:744px; padding-left:22px; width:0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-title{ -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-wrapper{ margin-top:10px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec{ word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec-key{ display:inline; font-weight:700; margin-right:7px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec-value{ display:inline; font-weight:400; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-customTip{ font-size:14px; line-height:1.1; margin-top:10px; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-number{ display:flex; flex-direction:row; justify-content:space-between; margin:20px 0 0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-left{ display:flex; flex-direction:column; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-left-stepper{ display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-end; display:flex; flex-direction:column; margin-left:12px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount-through{ opacity:.6; text-decoration-line:line-through; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount{ color:rgba(var(--color-discount)); display:flex; flex-wrap:wrap; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount svg path{ fill:rgba(var(--color-discount)); } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-number{ display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon{ align-items:center; display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon svg{ flex-shrink:0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon span{ word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount{ display:flex; flex-direction:column; text-align:right; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount span{ align-items:center; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-through{ color:rgba(var(--color-light-text)) !important; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-sale-price{ color:rgba(var(--color-discount)) !important; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove{ margin-top:10px; position:relative; z-index:2; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; text-decoration:none; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:after{ background-color:rgba(var(--color-text)); border-bottom-right-radius:1px; border-top-right-radius:1px; bottom:0; content:""; height:2px; left:0; position:absolute; right:0; transform:scaleX(0); transform-origin:left center; transition:transform .5s ease-out; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover{ cursor:pointer; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover:after{ transform:scaleX(1); } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:before{ display:none; } } @media (max-width:749.98px){ .trade-cart-sku-list.sidebar{ width:100%; } .trade-cart-sku-list.sidebar .trade-cart-sku-item{ display:flex; padding:20px 0; width:100%; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image{ cursor:pointer; flex-shrink:0; height:fit-content; position:relative; width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-fallback{ background-color:rgba(var(--color-text), .05); background-image:var(--sl-asset-product-commons-svg-default-img--svg); background-position:50%; background-repeat:no-repeat; height:100px; padding-bottom:100%; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-wrapper{ vertical-align:middle; width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-image-sold-out{ max-width:100px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info{ display:flex; flex:1; flex-direction:column; max-width:744px; padding-left:15px; width:0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-title{ -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-wrapper{ margin-top:10px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec{ word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec-key{ display:inline; font-weight:700; margin-right:7px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-spec-value{ display:inline; font-weight:400; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-customTip{ font-size:14px; line-height:1.1; margin-top:10px; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-number{ display:flex; flex-direction:row; justify-content:space-between; margin:20px 0 0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-left{ display:flex; flex-direction:column; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-left-stepper{ display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-end; display:flex; flex-direction:column; margin-left:12px; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount-through{ opacity:.6; text-decoration-line:line-through; word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount{ color:rgba(var(--color-discount)); display:flex; flex-wrap:wrap; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount svg path{ fill:rgba(var(--color-discount)); } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-number{ display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon{ align-items:center; display:flex; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon svg{ flex-shrink:0; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon span{ word-break:break-word; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount{ display:flex; flex-direction:column; text-align:right; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount span{ align-items:center; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-through{ color:rgba(var(--color-light-text)) !important; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-sale-price{ color:rgba(var(--color-discount)) !important; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove{ margin-top:10px; position:relative; z-index:2; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; text-decoration:none; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:after{ background-color:rgba(var(--color-text)); border-bottom-right-radius:1px; border-top-right-radius:1px; bottom:0; content:""; height:2px; left:0; position:absolute; right:0; transform:scaleX(0); transform-origin:left center; transition:transform .5s ease-out; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover{ cursor:pointer; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover:after{ transform:scaleX(1); } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:before{ display:none; } .trade-cart-sku-list.sidebar .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-start !important; } } @media (min-width:750px){ .trade-cart-sku-list.main{ max-width:894px; } .trade-cart-sku-list.main .trade-cart-sku-list-module.inactive,.trade-cart-sku-list.main .trade-cart-sku-list-module:not(:first-of-type).has-promotion{ border-top:none !important; padding-top:30px; } .trade-cart-sku-list.main .trade-cart-sku-list-module:first-of-type:not(.has-promotion){ margin-top:-20px; } .trade-cart-sku-list.main .trade-cart-sku-list-module:first-of-type.has-promotion,.trade-cart-sku-list.main .trade-cart-sku-list-module:first-of-type.inactive{ margin-top:-30px; } .trade-cart-sku-list.main .trade-cart-sku-item{ display:flex; max-width:894px; padding:20px 0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image{ cursor:pointer; flex-shrink:0; height:fit-content; position:relative; width:150px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-fallback{ background-color:rgba(var(--color-text), .05); background-image:var(--sl-asset-product-commons-svg-default-img--svg); background-position:50%; background-repeat:no-repeat; height:150px; padding-bottom:100%; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-wrapper{ vertical-align:middle; width:150px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-sold-out{ max-width:150px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info{ display:flex; flex:1; flex-direction:column; max-width:744px; padding-left:22px; width:0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-title{ -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-wrapper{ margin-top:10px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec{ word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec-key{ display:inline; font-weight:700; margin-right:7px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec-value{ display:inline; font-weight:400; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-customTip{ font-size:14px; line-height:1.1; margin-top:10px; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-number{ display:flex; flex-direction:row; justify-content:space-between; margin:20px 0 0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-left{ display:flex; flex-direction:column; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-left-stepper{ display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-end; display:flex; flex-direction:column; margin-left:12px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount-through{ opacity:.6; text-decoration-line:line-through; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount{ color:rgba(var(--color-discount)); display:flex; flex-wrap:wrap; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount svg path{ fill:rgba(var(--color-discount)); } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-number{ display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon{ align-items:center; display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon svg{ flex-shrink:0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon span{ word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount{ text-align:right; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount span{ align-items:center; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-through{ color:rgba(var(--color-light-text)) !important; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-sale-price{ color:rgba(var(--color-discount)) !important; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove{ margin-top:10px; position:relative; z-index:2; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; text-decoration:none; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:after{ background-color:rgba(var(--color-text)); border-bottom-right-radius:1px; border-top-right-radius:1px; bottom:0; content:""; height:2px; left:0; position:absolute; right:0; transform:scaleX(0); transform-origin:left center; transition:transform .5s ease-out; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover{ cursor:pointer; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover:after{ transform:scaleX(1); } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:before{ display:none; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount{ display:flex; flex-direction:column; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount-through{ margin-right:5px; margin-top:2px; } } @media (max-width:749.98px){ .trade-cart-sku-list.main{ max-width:750px; width:100%; } .trade-cart-sku-list.main .trade-cart-sku-list-module:first-of-type.has-promotion{ padding-top:0; } .trade-cart-sku-list.main .trade-cart-sku-item{ display:flex; max-width:750px; padding:20px 0; width:100%; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image{ cursor:pointer; flex-shrink:0; height:fit-content; position:relative; width:100px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-fallback{ background-color:rgba(var(--color-text), .05); background-image:var(--sl-asset-product-commons-svg-default-img--svg); background-position:50%; background-repeat:no-repeat; height:100px; padding-bottom:100%; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-wrapper{ vertical-align:middle; width:100px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-image-sold-out{ max-width:100px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info{ display:flex; flex:1; flex-direction:column; max-width:744px; max-width:633px; padding-left:15px; width:0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-title{ -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-wrapper{ margin-top:10px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec{ word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec-key{ display:inline; font-weight:700; margin-right:7px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-spec-value{ display:inline; font-weight:400; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-customTip{ font-size:14px; line-height:1.1; margin-top:10px; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-number{ display:flex; flex-direction:row; justify-content:space-between; margin:20px 0 0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-left{ display:flex; flex-direction:column; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-left-stepper{ display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-end; display:flex; flex-direction:column; margin-left:12px; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount-through{ opacity:.6; text-decoration-line:line-through; word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount{ color:rgba(var(--color-discount)); display:flex; flex-wrap:wrap; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount svg path{ fill:rgba(var(--color-discount)); } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-number{ display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon{ align-items:center; display:flex; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon svg{ flex-shrink:0; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-discount-icon span{ word-break:break-word; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount{ display:flex; flex-direction:column; text-align:right; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount span{ align-items:center; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-through{ color:rgba(var(--color-light-text)) !important; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info-amount.has-discount .trade-cart-sku-item-info-amount-sale-price{ color:rgba(var(--color-discount)) !important; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove{ margin-top:10px; position:relative; z-index:2; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; text-decoration:none; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:after{ background-color:rgba(var(--color-text)); border-bottom-right-radius:1px; border-top-right-radius:1px; bottom:0; content:""; height:2px; left:0; position:absolute; right:0; transform:scaleX(0); transform-origin:left center; transition:transform .5s ease-out; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover{ cursor:pointer; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:hover:after{ transform:scaleX(1); } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-remove-button:before{ display:none; } .trade-cart-sku-list.main .trade-cart-sku-item .trade-cart-sku-item-info .trade-cart-sku-item-info-amount-and-discount{ align-items:flex-start !important; } }
.trade-cart-sku-item{ border-bottom:1px solid rgba(var(--color-entry-line)); margin-bottom:5px; position:relative; } .trade-cart-sku-item:nth-last-child(-n+2){ border-bottom:none; } .trade-cart-sku-item-mask{ background-color:#fff; display:none; height:100%; left:0; opacity:.5; pointer-events:none; position:absolute; top:0; width:100%; z-index:1; } .trade-cart-sku-item-image-sold-out{ background:rgba(var(--color-page-background)); bottom:0; color:rgba(var(--color-text)); display:none; height:27px; left:0; line-height:27px; min-width:71px; overflow:hidden; position:absolute; text-align:center; } .trade-cart-sku-item.inactive .trade-cart-sku-item-mask,.trade-cart-sku-item.sold-out .trade-cart-sku-item-image-sold-out{ display:block; } .trade-cart-sku-item-info-tag{ display:inline-block !important; margin-left:4px; } .custom-sale-color{ color:rgba(var(--color-discount)); } .base-input{ align-items:center; background-color:#fff; box-sizing:border-box; color:#2c2c2c; display:flex; flex-flow:row nowrap; font-size:14px; justify-content:space-between; line-height:1.4; transition:all .3s; width:100%; } .color-scheme-1 .base-input:after{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-1-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color); } .color-scheme-1 .base-input:hover:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-1-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-2 .base-input:after{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-2-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color); } .color-scheme-2 .base-input:hover:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-2-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color); }
.color-scheme-3 .base-input:after{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-3-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color); } .color-scheme-3 .base-input:hover:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-3-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color); }
.base-input{ border-radius:var(--input-border-radius-outset); position:relative; } .base-input:before{ border-radius:var(--input-border-radius-outset); bottom:0; box-shadow:var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity)); left:0; right:0; top:0; } .base-input:after,.base-input:before{ content:""; pointer-events:none; position:absolute; } .base-input:after{ border-radius:var(--input-border-radius); bottom:var(--input-border-thickness); box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color); left:var(--input-border-thickness); right:var(--input-border-thickness); top:var(--input-border-thickness); transition:box-shadow .1s ease; z-index:1; } .base-input:hover:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color); }
.base-input-area.is-textarea .base-input__inpEle:not(:placeholder-shown)+.placeholder,.base-input:focus-within .placeholder,.base-input__inpEle:not(:placeholder-shown)+.placeholder,.base-input__selectEle:not(:placeholder-shown)+.placeholder{ transform:scale(.8) translateY(-100%); white-space:nowrap; word-break:normal; }
.base-input input:focus,.base-input textarea:focus{ outline:0; }
.base-input:focus-within:after,.base-input:focus:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-text), var(--input-border-opacity)); } .color-scheme-1 .base-input:focus-within:after,.color-scheme-1 .base-input:focus:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-1-text), var(--input-border-opacity)); }
.color-scheme-2 .base-input:focus-within:after,.color-scheme-2 .base-input:focus:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-2-text), var(--input-border-opacity)); }
.color-scheme-3 .base-input:focus-within:after,.color-scheme-3 .base-input:focus:after{ box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-3-text), var(--input-border-opacity)); }
.base-input.is-disabled{ cursor:not-allowed; }
.base-input.is-disabled input,.base-input.is-disabled select,.base-input.is-disabled textarea{ background-color:rgba(44,44,44,.06) !important; color:rgba(44,44,44,.4); cursor:not-allowed; pointer-events:none; }
.base-input-area{ align-items:center; display:flex; flex:1; position:relative; }
.base-input .base-input-area input,.base-input .base-input-area select,.base-input .base-input-area textarea{ background:none; border:none; border-radius:var(--input-border-radius); box-shadow:none !important; color:#2c2c2c; line-height:1.15; margin:var(--input-border-thickness); padding:24px 6px 8px 16px; width:100%; }
.base-input .base-input-area select{ appearance:none; -webkit-appearance:none; padding-right:30px; position:relative; }
.base-input-area input::placeholder,.base-input-area textarea::placeholder{ font-size:0; }
.base-input-area .placeholder{ color:#2c2c2c; left:calc(var(--input-border-thickness) + 16px); opacity:.6; pointer-events:none; position:absolute; right:0; top:50%; transform:translateY(-50%); transform-origin:left top; transition:transform .3s ease; word-break:break-word; z-index:4; }
.base-input-area.is-textarea{ padding-top:calc(var(--input-border-thickness) + 24px); } .base-input-area.is-textarea textarea{ padding-top:0; resize:vertical; } .base-input-area.is-textarea .placeholder{ top:calc(var(--input-border-thickness) + 22px); }
.base-input__addonAfter{ align-items:center; display:flex; height:100%; position:absolute; right:6px; z-index:1; }
.base-input__staticAddonAfter{ padding-bottom:6px; padding-right:6px; padding-top:6px; }
.error-color,.trade_coupon__invalidCodeTip{ color:rgba(var(--co-color-err-color)); }
.trade_coupon{ background:rgba(var(--color-page-background)) !important; } .trade_coupon .hide{ display:none !important; } .trade_coupon.hasValue .trade_coupon__btns-apply,.trade_coupon.is-focus .trade_coupon__btns-apply{ opacity:1; } .trade_coupon__btns{ align-items:center; background-color:transparent; display:flex; line-height:1.6; white-space:nowrap; } .trade_coupon__btns>button{ border:none; cursor:pointer; margin-left:6px; min-width:75px; padding:calc(var(--input-border-thickness) + 12px) calc(var(--input-border-thickness) + 18px); width:auto; word-break:normal; } .trade_coupon__btns-apply{ cursor:auto; opacity:.3; pointer-events:none; } .trade_coupon__btns-apply.hasValue{ opacity:1; pointer-events:auto; } .trade_coupon__btns-apply.is-disabled{ opacity:.3; pointer-events:none; } .trade_coupon__btns-loading{ position:relative; } .trade_coupon__btns-loading svg{ animation:svgLoading .8s infinite linear; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); } @keyframes svgLoading{ 0%{ transform:translate(-50%, -50%) rotate(0deg); } to{ transform:translate(-50%, -50%) rotate(1turn); } } .trade_coupon__btns #trade_coupon_loading_btn{ color:rgba(var(--color-btn-background)); } .trade_coupon__invalidCodeWrapper{ background:hsla(0,0%,82%,.2); border-radius:4px; margin-top:6px; max-height:264px; overflow-x:hidden; overflow-y:auto; padding:8px 12px; } .trade_coupon__invalidCodeWrapper .trade_coupon__code__btn-del{ line-height:1; } .trade_coupon__invalidCodeBox svg,.trade_coupon__invalidCodeWrapper .trade_coupon__code__btn-del svg{ fill:currentColor; } .trade_coupon__invalidCodeBox .trade_coupon__code-content{ margin-right:0; } .trade_coupon__invalidCodeTip{ word-break:break-word; } .trade_coupon__appliedCodeBox{ max-height:320px; } .trade_coupon__appliedCodeBox,.trade_coupon__invalidCodeBox{ display:flex; flex-flow:row wrap; overflow-x:hidden; overflow-y:auto; } .trade_coupon__code{ align-items:center; background-color:rgba(var(--color-text), .1); border-radius:4px; display:flex; line-height:1.6; margin-right:6px; margin-top:8px; padding:4px 8px; position:relative; } .trade_coupon__code-content{ flex:1; font-size:14px; margin-left:6px; margin-right:20px; word-break:break-word; } .trade_coupon__code__btn-del{ cursor:pointer; line-height:1; } .trade_coupon__code__btn-del.float{ float:right; } .trade_coupon_invalid_tips{ align-items:center; background-color:rgba(var(--color-text), .1); border-radius:2px; display:flex; flex-direction:row; justify-content:space-between; margin-bottom:6px; padding:8px; } .trade_coupon_invalid_tips_content{ align-items:center; display:flex; margin-left:8.5px; margin-right:20px; } .trade_coupon_invalid_tips_content_icon{ height:20px; margin-right:6px; } .trade_coupon_invalid_tips_close{ cursor:pointer; }
.trade_coupon_input_box{ display:flex; }
.trade_coupon__wrapper{ margin-bottom:15px; } .trade_coupon__wrapper .error-tips{ color:#f04949; font-size:11px; line-height:16px; margin-top:6px; }
.trade_input{ align-items:center; background-color:transparent; box-sizing:border-box; color:rgba(var(--color-text)); display:flex; flex-flow:row nowrap; font-size:14px; justify-content:space-between; transition:all .3s; width:100%; } .color-scheme-1 .trade_input{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-1-text), var(--input-border-opacity)); }
.color-scheme-2 .trade_input{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-2-text), var(--input-border-opacity)); }
.color-scheme-3 .trade_input{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-3-text), var(--input-border-opacity)); }
.trade_input{ border-radius:var(--input-border-radius-outset); position:relative; } .trade_input:before{ border-radius:var(--input-border-radius-outset); bottom:0; box-shadow:var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity)); left:0; right:0; top:0; } .trade_input:after,.trade_input:before{ content:""; pointer-events:none; position:absolute; } .trade_input:after{ border-radius:var(--input-border-radius); bottom:var(--input-border-thickness); box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-text), var(--input-border-opacity)); left:var(--input-border-thickness); right:var(--input-border-thickness); top:var(--input-border-thickness); transition:box-shadow .1s ease; z-index:1; } .trade_input:focus-within .placeholder,.trade_input__inpEle:not(:placeholder-shown)+.placeholder,.trade_input__selectEle:not(:placeholder-shown)+.placeholder{ transform:scale(.8) translateY(-100%); white-space:nowrap; word-break:normal; } .trade_input:focus-within:after{ box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-btn-background)); } .trade_input.is-error:after{ box-shadow:0 0 0 var(--input-border-thickness) #eb5757; } .trade_input.is-disabled{ cursor:not-allowed; } .trade_input.is-disabled input,.trade_input.is-disabled select{ background-color:rgba(44,44,44,.06) !important; border-color:#d8d8d8 !important; color:rgba(var(--color-text), .4); cursor:not-allowed; pointer-events:none; } .trade_input-area{ align-items:center; display:flex; flex:1; position:relative; } .trade_input-area input,.trade_input-area select{ background:none; border:none; border-radius:4px; box-shadow:none !important; color:rgba(var(--color-text)); line-height:1.15; margin:var(--input-border-thickness); min-width:56px; padding:23px 6px 7px 16px; width:100%; } .trade_input-area input::placeholder,.trade_input-area select::placeholder{ font-size:0; } .trade_input-area select{ appearance:none; -webkit-appearance:none; padding-right:30px; position:relative; } .trade_input-area .placeholder{ color:rgba(var(--color-text), .6); left:calc(var(--input-border-thickness) + 16px); overflow:hidden; pointer-events:none; position:absolute; right:var(--input-border-thickness); text-overflow:ellipsis; top:50%; transform:translateY(-50%); transform-origin:left top; transition:transform .3s ease; white-space:nowrap; word-break:break-word; z-index:4; } .trade_input__addonAfter{ align-items:center; display:flex; height:100%; position:absolute; right:6px; z-index:1; } .trade_input__staticAddonAfter{ padding-bottom:6px; padding-right:6px; padding-top:6px; }
.summations_detail_modal .trade_coupon__code-content{ max-width:126px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .summations_detail_modal .trade_summations__amount .trade_summations__amount-box{ word-break:break-word; }
.trade_summations{ color:rgba(var(--color-text)); display:flex; flex-flow:row wrap; justify-content:space-between; margin-bottom:16px; } .trade_summations .hide{ display:none !important; } .trade_summations .col{ display:inline-block; margin:0 0 8px; overflow:hidden; overflow-wrap:break-word; vertical-align:middle; } .trade_summations .col10{ flex:0 0 40%; } .trade_summations .col14{ flex:0 0 60%; } .trade_summations .col24{ flex:0 0 100%; } .trade_summations .colImage,.trade_summations .colauto{ flex:auto; } .trade_summations .textLeft{ flex-grow:1; overflow:hidden; overflow-wrap:break-word; } .trade_summations .textRight{ flex-shrink:0; max-width:80%; padding-left:10px; text-align:right; word-break:break-word; } .trade_summations .textRight.black{ color:rgba(var(--color-text)); } .trade_summations .sale-color{ color:rgba(var(--color-discount)); } .trade_summations .summations_detail_modal{ display:flex; flex-direction:row-reverse; position:relative; } .trade_summations .summations_detail_modal__wrapper{ background:#f8fafb; border:1px solid rgba(44,44,44,.08); border-radius:4px; box-shadow:0 4px 12px rgba(0,0,0,.05); padding:10px; position:fixed; width:335px; z-index:2; } .trade_summations .summations_detail_modal__content{ display:flex; flex-direction:column; flex-wrap:wrap; } .trade_summations .summations_detail_modal__content__row{ align-items:center; display:flex; justify-content:space-between; margin-bottom:10px; } .trade_summations .summations_detail_modal__content__row:last-child{ margin-bottom:0; } .trade_summations .summations_detail_modal__content__row .trade_coupon__code,.trade_summations .summations_detail_modal__content__row .trade_summations__amount{ margin:0 !important; } .trade_summations .summations_detail_modal__content__row .trade_summations__amount{ font-weight:500; } .trade_summations .summations_detail_modal__content__row .trade_summations__amount>span{ float:right; } .trade_summations .showDetail{ cursor:pointer; text-decoration:underline; text-decoration-skip-ink:none; } .trade_summations .settle_sum-amount{ color:rgba(var(--color-text)); font-family:Helvetica Neue; max-width:100%; opacity:.6; text-align:right; width:100%; } .trade_summations .settle_sum-amount__converted{ font-size:14px; font-style:italic; font-weight:500; line-height:20px; margin-bottom:4px; margin-top:12px; } .trade_summations .settle_sum-amount__converted span{ padding-right:2px; } .trade_summations .settle_sum-amount-text__converted{ font-size:12px; font-style:italic; font-weight:400; line-height:17px; } .trade_summations .trade_summations_fee{ display:flex; font-weight:400; justify-content:space-between; width:100%; } .trade_summations .trade_summations_fee.hidden{ display:none; } .trade_summations .trade_summations_fee__tips{ cursor:pointer; display:inline-block; padding:2px 4px 3px; vertical-align:inherit; } .trade_summations .trade_summations_fee .settleSumAmount{ color:rgba(var(--color-text)); font-weight:700; margin:0; } .trade_summations .trade_summations_fee .settleSumAmount .text_bold{ font-weight:600; } .trade_summations .trade_summations_fee .pointAmountLabel{ color:rgba(var(--color-text)); font-size:16px; margin-bottom:0; } .trade_summations .trade_summations_fee__desc{ color:rgba(var(--color-text), .5); font-size:12px; margin-left:20px; } .trade_summations .trade_summations_fee__desc .deductMemberPointAmount{ color:rgba(var(--color-text)); } .trade_summations .pointAmount_remark{ margin-bottom:8px; } .trade_summations .pointAmount_remark .trade_summations_remark{ color:rgba(var(--color-text)); font-size:12px; opacity:.5; text-align:right; } .trade_summations .pointAmount_remark_notAvailable{ color:rgba(var(--color-text), .5); font-size:12px; margin-left:20px; } .trade_summations .pointAmount{ margin-bottom:0; } .trade_summations .pointAmount_use{ justify-content:flex-end; } .trade_summations.trade_summations_fold{ display:none; } .trade_summations.trade_summations_fold-show{ display:flex; } .trade_summations .trade_money_desc_fold{ color:rgba(var(--color-text), .4); display:block; text-align:left; } .trade_summations .settleSumAmount__realAmount{ cursor:pointer; margin-left:8px; } .trade_summations .trade_summations_taxes{ font-size:12px; line-height:140%; margin-top:4px; opacity:.5; text-align:right; width:100%; } .trade_summations .cart-fold-up{ cursor:pointer; margin-left:8px; } .trade_summations .cart-fold-up_rotate svg{ transform:rotate(180deg); } .trade_summations_settleSumAmount .trade_summations__amount{ display:flex; flex-wrap:wrap; justify-content:flex-end; }
@media screen and (min-width:751px) and (max-width:999px){ .summations-icon-tooltip.rc-tooltip-placement-topLeft{ left:16% !important; } .summations-icon-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-content .rc-tooltip-arrow{ left:20%; } } @media screen and (max-width:750px){ .summations-icon-tooltip.rc-tooltip-placement-topLeft{ left:16px !important; } .summations-icon-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-content .rc-tooltip-arrow{ left:20%; } .summations_detail_modal .summations_detail_modal__wrapper{ left:16px; right:16px; width:unset; } } .trade-modal-wrapper{ align-items:center; bottom:0; display:none; justify-content:center; left:0; overflow:auto; position:fixed; right:0; top:0; z-index:1000; } .trade-modal-wrapper.trade-modal-visible{ display:flex; } .trade-modal-wrapper.trade-modal-notVisible{ display:none; } .trade-modal-wrapper .trade-modal-mask{ background:rgba(var(--color-mask), .6); bottom:0; left:0; margin:auto; position:fixed; right:0; top:0; } .trade-modal-wrapper .trade-modal-mask.trade-modal-closable{ cursor:pointer; } .trade-modal-wrapper .trade-modal-container{ position:absolute; } .trade-modal-wrapper .trade-modal-container .trade-modal-body{ background-color:#fff; } .trade-modal-wrapper .trade-modal-container .trade-modal-close{ color:rgba(var(--color-text)); cursor:pointer; display:inline-block; height:24px; position:absolute; width:24px; z-index:1; } .trade-modal-wrapper .trade-modal-container .trade-modal-close svg{ height:24px; width:24px; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-mask{ animation:.5s trade-modal-fadeIn forwards ease; } .trade-modal-wrapper.trade-modal-notVisibleAnimation .trade-modal-mask{ animation:.5s trade-modal-fadeOut forwards ease; } .trade-modal-wrapper .trade-modal-fade .trade-modal-container{ min-height:182px; min-width:338px; } .trade-modal-wrapper .trade-modal-fade .trade-modal-container .trade-modal-body{ padding:24px; } .trade-modal-wrapper .trade-modal-fade .trade-modal-container .trade-modal-close{ right:20px; top:20px; z-index:20; } .trade-modal-wrapper .trade-modal-fade.trade-modal-visibleAnimation .trade-modal-container{ animation:.5s trade-modal-fadeSlideIn forwards ease; } .trade-modal-wrapper .trade-modal-fade.trade-modal-notVisibleAnimation .trade-modal-container{ animation:.5s trade-modal-fadeSlideOut forwards ease; } .trade-modal-wrapper .trade-modal-popup .trade-modal-container{ bottom:0; transform:translateY(100%); width:100%; } .trade-modal-wrapper .trade-modal-popup .trade-modal-container .trade-modal-close{ right:14px; top:18px; z-index:20; } .trade-modal-wrapper .trade-modal-popup .trade-modal-container .trade-modal-body{ min-height:30vh; overflow:auto; } .trade-modal-wrapper .trade-modal-popup.trade-modal-visibleAnimation .trade-modal-container{ animation:.5s trade-modal-slideInBottom forwards ease; } .trade-modal-wrapper .trade-modal-popup.trade-modal-notVisibleAnimation .trade-modal-container{ animation:.5s trade-modal-slideOutBottom forwards ease; } @media (min-width:750px){ .trade-modal-wrapper .trade-modal-container{ min-height:182px; min-width:338px; } .trade-modal-wrapper .trade-modal-container .trade-modal-body{ padding:24px; } .trade-modal-wrapper .trade-modal-container .trade-modal-close{ right:20px; top:20px; z-index:20; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container{ animation:.5s trade-modal-fadeSlideIn forwards ease; } .trade-modal-wrapper.trade-modal-notVisibleAnimation .trade-modal-container{ animation:.5s trade-modal-fadeSlideOut forwards ease; } } @media (max-width:750px){ .trade-modal-wrapper .trade-modal-container{ bottom:0; transform:translateY(100%); width:100%; } .trade-modal-wrapper .trade-modal-container .trade-modal-close{ right:14px; top:18px; z-index:20; } .trade-modal-wrapper .trade-modal-container .trade-modal-body{ min-height:30vh; overflow:auto; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container{ animation:.5s trade-modal-slideInBottom forwards ease; } .trade-modal-wrapper.trade-modal-notVisibleAnimation .trade-modal-container{ animation:.5s trade-modal-slideOutBottom forwards ease; } }
@keyframes trade-modal-slideInBottom{ 0%{ transform:translateY(100%); } to{ transform:translateY(0); } } @keyframes trade-modal-slideOutBottom{ 0%{ transform:translateY(0); } to{ transform:translateY(100%); } } @keyframes trade-modal-fadeSlideIn{ 0%{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); } } @keyframes trade-modal-fadeSlideOut{ 0%{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(.9); } } @keyframes trade-modal-fadeIn{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes trade-modal-fadeOut{ 0%{ opacity:1; } to{ opacity:0; } } .trade-modal-container .trade-modal-body{ background:#fff !important; } .trade-modal-container .trade-modal-close{ display:none; }
.sl-sku-filter-modal{ font-family:Helvetica; padding-bottom:60px; } .sl-sku-filter-modal .sl-sku-filter-modal-none-product-title{ color:#1e1e1e; line-height:24px; padding-top:24px; width:432px; } .sl-sku-filter-modal .sl-sku-filter-modal-title{ color:#1e1e1e; font-size:16px; font-weight:700; line-height:22px; margin-bottom:24px; text-align:center; } .sl-sku-filter-modal .sl-sku-filter-modal-title span{ color:orange; } .sl-sku-filter-modal .sl-sku-filter-modal-content{ background:#f8fafb; padding:10px 11px; width:610px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item{ display:flex; overflow:hidden; position:relative; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item.sl-sku-filter-modal-item-disabled{ opacity:.4; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-sold-out{ background:rgba(44,44,44,.9); border-radius:30px; color:#fff; font-size:10px; font-weight:700; height:60px; left:10px; line-height:60px; position:absolute; text-align:center; top:10px; width:60px; z-index:5; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-image{ border-radius:4px; flex:0 0 80px; height:80px; line-height:80px; margin:0 20px 0 0; position:relative; text-align:center; width:80px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-image .sl-sku-filter-modal-img{ height:auto; object-fit:contain; vertical-align:middle; width:100%; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item:not(:first-child){ margin-top:13px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item.disable .sku-list-item-image,.sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item.disable .sku-list-item-texts{ opacity:.4; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-pod-circle{ background-color:#f3f3f3; border:2px solid #fff; border-radius:50%; bottom:-10px; display:inline-block; height:24px; position:absolute; right:-10px; text-align:center; width:24px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-pod-circle img{ border-radius:50%; display:block; height:100%; width:100%; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info{ box-sizing:content-box; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-tips{ color:#f04949; font-size:11px; line-height:16px; margin-top:8px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name{ color:#2c2c2c; font-weight:400; margin-bottom:8px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-product-name{ -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name>{ margin-bottom:8px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-name{ display:flex; justify-content:space-between; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-name>{ flex:1; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-name .sl-sku-filter-modal-product-name{ width:370px; } @media only screen and (max-width:750px){ .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-name .sl-sku-filter-modal-product-name{ width:100%; } } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-name .sl-sku-filter-modal-number{ align-items:center; display:inline-flex; justify-content:flex-end; margin-right:40px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-info-name .sl-sku-filter-modal-skuAttr{ -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; font-size:12px; overflow:hidden; text-overflow:ellipsis; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-price{ color:#da2f0c; display:flex; font-size:16px; font-weight:700; justify-content:space-between; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-item-pod{ color:rgba(0,0,0,.6); font-size:12px; margin-top:4px; } .sl-sku-filter-modal .sl-sku-filter-modal-content .sl-sku-filter-modal-info .sl-sku-filter-modal-item-pod .pod_btn{ color:#276eaf; cursor:pointer; }
.sl-sku-filter-modal-btn-box{ display:flex; float:right; margin-top:24px; } .sl-sku-filter-modal-btn-box button{ background:#2c2c2c; border:1px solid #2c2c2c; color:#fff; cursor:pointer; font-size:14px; font-weight:700; height:40px; line-height:40px; margin:0 6px; min-width:124px; padding:0 16px; text-transform:uppercase; } .sl-sku-filter-modal-btn-box button.sl-sku-filter-modal-btn-back{ background:#fff; border:1px solid #ddddd8; color:#2c2c2c; } .sl-sku-filter-modal-btn-box #sl-sku-filter-modal-btn-paypal{ display:inline-block; height:40px; margin:0 6px; min-width:124px; }
@media only screen and (min-width:750px){ .trade-modal-wrapper .trade-modal-container-empty{ min-height:160px !important; } .trade-modal-wrapper .trade-modal-container .trade-modal-body.trade-sku-filter-modal-body{ padding:60px; } .trade-modal-wrapper .trade-modal-container-empty .trade-modal-body.trade-sku-filter-modal-body{ padding:24px; } .sl-sku-filter-modal-content{ max-height:410px; overflow-y:scroll; } .sl-sku-filter-modal-info{ width:484px; } } @media only screen and (max-width:750px){ .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-product{ height:66.67vh; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-product .trade-modal-body{ height:100%; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container{ left:0; overflow:hidden; padding:0; position:fixed; width:100%; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body{ background-color:none; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-none-product-title{ font-family:Helvetica; font-size:16px; font-style:normal; font-weight:400; line-height:24px; padding:24px; width:auto; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box{ padding:20px; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content{ background:#fff; height:auto; padding:10px 0; width:auto; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item{ border-bottom:1px solid #efefef; min-height:110px; width:100%; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-info{ position:relative; width:calc(100% - 100px); } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-info .sl-sku-filter-modal-name{ display:block; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-info .sl-sku-filter-modal-product-name,.trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-skuAttr{ -webkit-line-clamp:1; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-price{ display:flex; left:0; line-height:18px; width:100%; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-price .sl-sku-filter-modal-number{ position:static; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container .trade-modal-body .sl-sku-filter-modal-content-box .sl-sku-filter-modal-content .sl-sku-filter-modal-item .sl-sku-filter-modal-number{ align-items:center; bottom:20px; color:#1e1e1e; display:block; font-size:14px; justify-content:flex-end; line-height:18px; margin-right:20px; position:absolute; right:0; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-empty{ margin-top:-78px; min-height:156px; position:absolute; top:50%; width:92%; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-empty .trade-modal-body{ background:#fff; min-height:156px; padding-bottom:0; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-empty .trade-modal-body .sl-sku-filter-modal{ padding-bottom:24px; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-empty .sl-sku-filter-modal-btn-box{ display:block; margin-top:0; position:relative; text-align:center; } .trade-modal-wrapper.trade-modal-visibleAnimation .trade-modal-container.trade-modal-container-empty .sl-sku-filter-modal-btn-box button{ padding:0 58px; width:auto; } .sl-sku-filter-modal-btn-box{ bottom:0; display:flex; float:none; position:absolute; width:100%; } .sl-sku-filter-modal-btn-box #sl-sku-filter-modal-btn-paypal,.sl-sku-filter-modal-btn-box button{ flex:1; margin:0; } } input{ -webkit-appearance:none; } .discount-sale__free-shipping{ background-color:rgba(var(--color-btn-background), .08); color:rgba(var(--color-text)); display:inline-block; line-height:15px; padding:4px 6px; } .discount-sale__free-shipping>svg{ vertical-align:bottom; }
.slot-cart-sale>*{ margin-right:8px; margin-top:10px; }
.promotion-limited{ color:rgba(var(--co-color-err-color)); display:inline-block; font-weight:700; margin-top:6px; }
.trade-cart-sku-item-real-price{ display:flex; } .trade-cart-sku-item-real-price .trade-cart-sku-item-info-tag{ align-self:flex-start; flex-shrink:0; }
.trade_mini_cart .trade-cart-sku-item-real-price{ word-break:break-word; }
@media screen and (max-width:999px){ .trade-cart-sku-item-real-price{ word-break:break-word; } } .trade_checkout_checkbox_wrapper{ cursor:pointer; display:flex; }
.trade_checkout_checkbox{ -webkit-font-feature-settings:"tnum"; font-feature-settings:"tnum"; box-sizing:border-box; color:rgba(var(--color-text)); cursor:pointer; display:inline-block; font-size:14px; font-variant:tabular-nums; line-height:1.5715; line-height:1; list-style:none; margin-right:4px; outline:none; padding:0; position:relative; top:5px; vertical-align:middle; white-space:nowrap; }
.trade_checkout_checkbox-text{ word-break:break-word; }
.trade_checkout_checkbox.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner{ background-color:rgba(var(--color-text)); border-color:rgba(var(--color-text)); }
.trade_checkout_checkbox-input{ bottom:0; cursor:pointer; height:100%; left:0; opacity:0; position:absolute; right:0; top:0; width:100%; z-index:1; }
.trade_checkout_checkbox.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner{ background:rgba(var(--color-text)) !important; border-color:rgba(var(--color-text)) !important; }
.trade_checkout_checkbox.trade_checkout_checkbox-disabled{ cursor:not-allowed; } .trade_checkout_checkbox.trade_checkout_checkbox-disabled input{ cursor:inherit; } .trade_checkout_checkbox.trade_checkout_checkbox-disabled .trade_checkout_checkbox-inner{ background:rgba(var(--color-text), .1) !important; border-color:rgba(var(--color-entry-line)) !important; } .trade_checkout_checkbox.trade_checkout_checkbox-disabled .trade_checkout_checkbox-inner:after{ opacity:0; }
.trade_checkout_checkbox-inner{ background-color:rgba(var(--color-page-background)); border:1px solid rgba(var(--color-entry-line)); border-collapse:separate; border-radius:2px; direction:ltr; display:block; height:16px; left:0; position:relative; top:0; -webkit-transition:all .3s; transition:all .3s; width:16px; }
.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner:after{ border:2px solid rgba(var(--color-page-background)); border-left:0; border-top:0; content:" "; display:table; opacity:1; position:absolute; -webkit-transform:rotate(45deg) scale(1) translate(-50%, -50%); transform:rotate(45deg) scale(1) translate(-50%, -50%); -webkit-transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; }
.trade_checkout_checkbox-inner:after{ border:2px solid #fff; border-left:0; border-top:0; content:" "; display:table; height:9.14285714px; left:22%; opacity:0; position:absolute; top:50%; -webkit-transform:rotate(45deg) scale(0) translate(-50%, -50%); transform:rotate(45deg) scale(0) translate(-50%, -50%); -webkit-transition:all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; transition:all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; width:5.71428571px; }
.trade_checkout_checkbox.trade_checkout_checkbox-checked:after{ background:rgba(var(--color-text)) !important; border-color:rgba(var(--color-text)) !important; }
.trade_checkout_checkbox-checked:after{ -webkit-animation:antCheckboxEffect .36s ease-in-out; animation:antCheckboxEffect .36s ease-in-out; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; border:2px solid rgba(var(--color-page-background)); border-radius:2px; content:""; height:100%; left:0; position:absolute; top:0; visibility:hidden; width:100%; }
.trade_mini_cart{ margin:40px; } .trade_mini_cart .trade-cart-banner--close{ background:transparent; border:none; cursor:pointer; position:absolute; right:12px; top:12px; } .trade_mini_cart .trade-cart-banner--close svg path{ fill:rgba(var(--color-text)); } .trade_mini_cart .trade-cart-banner{ display:flex; flex-direction:column; } .trade_mini_cart .trade-cart-banner--product{ margin-bottom:40px; margin-top:35px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item{ display:flex; margin-bottom:0; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-image-wrapper{ margin-right:30px; width:100px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-image{ cursor:pointer; flex-shrink:0; height:fit-content; position:relative; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-image .trade-cart-sku-item-image-fallback{ background-color:rgba(var(--color-text), .05); background-image:var(--sl-asset-product-commons-svg-default-img--svg); background-position:50%; background-repeat:no-repeat; height:100px; width:100px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-image .trade-cart-sku-item-image-wrapper{ vertical-align:middle; width:100px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-title{ -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-wrapper{ margin-top:10px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-spec{ word-break:break-word; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-spec-key{ display:inline; font-weight:700; margin-right:7px; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-spec-value{ display:inline; font-weight:400; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-number{ display:flex; flex-direction:row; justify-content:space-between; margin:30px 0 0; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-amount{ color:rgba(var(--color-sale)); display:flex; flex-direction:row; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-amount span{ align-items:center; display:flex; } .trade_mini_cart .trade-cart-banner .trade-cart-sku-item .trade-cart-sku-item-info-amount-sign{ margin-left:6px; } .trade_mini_cart .trade-cart-banner-summations{ display:flex; flex-direction:column; justify-content:center; } .trade_mini_cart .trade-cart-banner-summations-subtotal{ margin-bottom:20px; } .trade_mini_cart .trade-cart-banner-summations-subtotal--label{ color:rgba(var(--color-light-text)); margin-right:12px; } .trade_mini_cart .trade-cart-banner-summations-footer{ display:flex; flex-direction:column; } .trade_mini_cart .trade-cart-banner-summations-footer-view-cart{ margin-bottom:10px; } .trade_mini_cart .trade-cart-banner-summations-footer .pay-button-checkout,.trade_mini_cart .trade-cart-banner-summations-footer-checkout{ background:rgba(var(--color-btn-background)) !important; color:rgba(var(--color-btn-text)) !important; } @media (max-width:749.98px){ .trade_mini_cart{ margin:40px 20px; } }
#cart-drawer .trade_mini_cart{ margin:0; }
.trade-cart-product-recommend-margin{ margin-bottom:60px; margin-top:50px; } .trade-cart-product-recommend-margin .product-recommend .swiper-slide{ height:auto !important; } .trade-cart-product-recommend-margin .product-recommend .product-section-title{ text-align:left !important; } .trade-cart-product-recommend-margin .product-recommend .product-list-title{ -webkit-box-flex:0; -webkit-box-ordinal-group:1; flex:none; flex-grow:0; line-height:100%; margin-bottom:30px; order:0; word-break:break-word; }
@media (max-width:749.98px){ .trade-cart-product-recommend-margin{ margin-bottom:16px; margin-top:25px; } } .slot-cart{ border:none; height:auto; }
.slot-cart-list-header>,.slot-mini-cart-list-header>{ margin-bottom:20px; }
.slot-cart-item-info>*{ margin-top:10px; }
.slot-cart-item-end>*{ margin-top:16px; }
.slot-cart-price-end{ margin-left:4px; } .slot-cart-price-end>:not(:first-child){ display:none; }
.slot-cart-num-editor-end{ word-break:break-all; } .slot-cart-num-editor-end>*{ margin-top:4px; } .slot-cart-num-editor-end>:not(:first-child){ display:none; }
.template__cart .slot-cart-list-end>*{ margin-top:40px; }
.drawer__main .slot-cart-list-end{ margin:0 -20px; width:auto; } .drawer__main .slot-cart-list-end>*{ margin-top:24px; }
.slot-cart-checkout-end>:not(:last-child){ margin-bottom:15px; }
.slot-cart-checkout-end_top>*{ margin-bottom:0; margin-top:15px; }
.slot-cart-calculation-end>*{ margin-bottom:15px; }
.cart-amount-error-alert{ background-color:rgba(240,73,73,.05); border-radius:2px; color:#f04949; margin-bottom:15px; padding:12px; text-align:center; }
.cart-amount-error-alert.hide{ display:none; }
.pay-button-cart{ position:relative; } .pay-button-cart .pay-button-checkout{ width:100%; }
#additional_button_mini-cart-pay-button{ margin:0; }
.trade_cart{ display:flex; flex-direction:row; justify-content:space-between; margin:0 auto; width:100%; } .trade_cart .main_wrapper{ width:63%; } .trade_cart .sidebar{ width:30%; }
.cart__stick_container,.miniCart__stick_container,.miniCart__stick_container_fixed{ background:rgba(var(--color-page-background)); border-top:1px solid rgba(var(--color-entry-line)); bottom:0; box-sizing:border-box; display:none; left:0; padding:15px 20px; position:absolute; width:100%; z-index:9; } .cart__stick_container .trade_money_desc_top,.miniCart__stick_container .trade_money_desc_top,.miniCart__stick_container_fixed .trade_money_desc_top{ display:block; } .cart__stick_container .trade_money_desc_bottom,.miniCart__stick_container .trade_money_desc_bottom,.miniCart__stick_container_fixed .trade_money_desc_bottom{ display:none; } .cart__stick_container .trade-shopping-money-desc,.miniCart__stick_container .trade-shopping-money-desc,.miniCart__stick_container_fixed .trade-shopping-money-desc{ margin-top:0; }
.cart__stick_container{ position:fixed; }
.miniCart__stick_container_fixed{ display:block; }
.cart-fold{ background:rgba(0,0,0,.05); border-radius:0 0 20px 20px; display:none; justify-content:center; left:50%; padding:0 14px 2px; position:absolute; top:0; transform:translateX(-50%); width:42px; }
.cart-fold-open{ display:flex; }
#cart-drawer{ background-color:rgba(var(--color-page-background)) !important; color:rgba(var(--color-text)); } #cart-drawer .drawer__title{ color:rgba(var(--color-text)) !important; } #cart-drawer .drawer__header--fixed{ height:auto; } #cart-drawer .drawer__header--fixed,#cart-drawer .drawer__main{ padding-left:20px; padding-right:20px; padding-top:0; } #cart-drawer .drawer__header--content{ border-bottom-color:rgba(var(--color-entry-line)) !important; padding:20px 0; } #cart-drawer .trade-cart-sku-list-module.has-promotion,#cart-drawer .trade-cart-sku-list-module.inactive{ border-top:none !important; padding-top:20px; } @media (max-width:959.98px){ .trade_cart{ flex-direction:column; } .trade_cart,.trade_cart .main_wrapper,.trade_cart .sidebar{ width:100%; } } @media (min-width:960px){ .trade-cart-checkout-module{ background:rgba(0,0,0,.03); padding:30px 30px 20px; } } .trade-shopping-money-desc{ color:rgba(var(--color-text)); margin-top:15px; text-align:center; }
.trade_money_desc_bottom{ margin-bottom:15px; }
.trade_money_desc_top{ display:none; margin-bottom:15px; }
.trade-cart-continue-btn{ background-color:transparent; border:none; color:rgba(var(--color-text)); margin:0; outline:none; padding:0; } .trade-cart-continue-btn:hover{ cursor:pointer; }
.trade-cart-checkout-module .trade-cart-non-empty-continue-btn{ margin-top:10px; width:100%; }
#cart-select .top-drawer__container{ background-color:rgba(var(--color-page-background)); }
.trade_cart_empty_wrapper.hide,.trade_cart_not_empty_wrapper.hide{ display:none !important; }
#cart-select{ overflow-y:auto; } @media (min-width:750px){ #cart-select{ left:unset; right:0; width:480px; } } #cart-select .trade_cart_not_empty_wrapper{ overflow:auto; }
.trade-cart-checkout-error{ color:#f04949; margin-top:12px; }
.trade-cart-paypal{ position:relative; z-index:0; } [data-button_style=square] .trade-cart-paypal{ border-radius:0; }
[data-button_style=radius] .trade-cart-paypal{ border-radius:4px; }
[data-button_style=rounded] .trade-cart-paypal{ border-radius:46px; }
.drawer-menu-locale-currency{ background-color:rgba(var(--color-page-background)); display:flex; flex-direction:column; max-height:100vh; padding:20px; width:100%; } .drawer-menu-locale-currency .drawer-header{ border-bottom:1px solid rgba(var(--color-text), .05); display:flex; justify-content:flex-end; margin-bottom:20px; padding-bottom:15px; width:100%; } .drawer-menu-locale-currency .drawer-header .drawer-btn-close{ display:flex; } .drawer-menu-locale-currency .drawer-body{ display:flex; flex-direction:column; flex-grow:1; overflow:auto; }
.drawer-menu-locale-currency{ margin:0; } .drawer-menu-locale-currency ul{ list-style:none; margin:0; padding:0; } .drawer-menu-locale-currency li{ align-items:center; display:flex; height:36px; } .drawer-menu-locale-currency li .click,.drawer-menu-locale-currency li a{ color:rgba(var(--color-text)); }
.header__layout-background{ background-color:rgba(var(--color-page-background)); } .color-scheme-1 .header__layout-background,[data-color-scheme="1"] .header__layout-background{ background:var(--color-scheme-1-gradient); color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__layout-background,[data-color-scheme="2"] .header__layout-background{ background:var(--color-scheme-2-gradient); color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__layout-background,[data-color-scheme="3"] .header__layout-background{ background:var(--color-scheme-3-gradient); color:rgba(var(--color-scheme-3-text), 1); }
.header-division-bottom{ position:relative; } .header-division-bottom:after{ background-color:rgba(var(--color-entry-line)); bottom:0; content:""; height:1px; left:0; position:absolute; width:100%; }
.color-scheme-.header-division-bottom:after{ background-color:rgba(var(--color-text), .15); }
.color-scheme-1.header-division-bottom:after{ background-color:rgba(var(--color-scheme-1-text), .15); }
.color-scheme-2.header-division-bottom:after{ background-color:rgba(var(--color-scheme-2-text), .15); }
.color-scheme-3.header-division-bottom:after{ background-color:rgba(var(--color-scheme-3-text), .15); }
.color-scheme-{ background-color:rgba(var(--color-page-background)); }
.header__nav-toggle .header__toggle-btn,.header__nav-toggle .header__toggle-btn:hover{ color:rgba(var(--color-text)); } .color-scheme-1 .header__nav-toggle .header__toggle-btn,.color-scheme-1 .header__nav-toggle .header__toggle-btn:hover,[data-color-scheme="1"] .header__nav-toggle .header__toggle-btn,[data-color-scheme="1"] .header__nav-toggle .header__toggle-btn:hover{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__nav-toggle .header__toggle-btn,.color-scheme-2 .header__nav-toggle .header__toggle-btn:hover,[data-color-scheme="2"] .header__nav-toggle .header__toggle-btn,[data-color-scheme="2"] .header__nav-toggle .header__toggle-btn:hover{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__nav-toggle .header__toggle-btn,.color-scheme-3 .header__nav-toggle .header__toggle-btn:hover,[data-color-scheme="3"] .header__nav-toggle .header__toggle-btn,[data-color-scheme="3"] .header__nav-toggle .header__toggle-btn:hover{ color:rgba(var(--color-scheme-3-text), 1); }
.header__drawer-btn{ color:rgba(var(--color-text)); cursor:pointer; } .color-scheme-1 .header__drawer-btn,[data-color-scheme="1"] .header__drawer-btn{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__drawer-btn,[data-color-scheme="2"] .header__drawer-btn{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__drawer-btn,[data-color-scheme="3"] .header__drawer-btn{ color:rgba(var(--color-scheme-3-text), 1); }
.header__drawer-btn:hover{ color:rgba(var(--color-text)); } .color-scheme-1 .header__drawer-btn:hover,[data-color-scheme="1"] .header__drawer-btn:hover{ color:rgba(var(--color-scheme-1-text), 1); }
.color-scheme-2 .header__drawer-btn:hover,[data-color-scheme="2"] .header__drawer-btn:hover{ color:rgba(var(--color-scheme-2-text), 1); }
.color-scheme-3 .header__drawer-btn:hover,[data-color-scheme="3"] .header__drawer-btn:hover{ color:rgba(var(--color-scheme-3-text), 1); }
@media (max-width:959.98px){ .header__search-mobile{ background-color:rgba(var(--color-page-background)); } .color-scheme-1 .header__search-mobile,[data-color-scheme="1"] .header__search-mobile{ background:var(--color-scheme-1-gradient); } .color-scheme-2 .header__search-mobile,[data-color-scheme="2"] .header__search-mobile{ background:var(--color-scheme-2-gradient); } .color-scheme-3 .header__search-mobile,[data-color-scheme="3"] .header__search-mobile{ background:var(--color-scheme-3-gradient); } }
.header-sticky-wrapper{ position:relative; z-index:121; } .header-sticky-wrapper.is-sticky{ z-index:128; }
.header__main{ display:flex; justify-content:center; position:relative; width:100%; } .header__main .header-menu__slot{ position:absolute; top:100%; width:100%; }
.header__wrapper{ background-color:rgba(var(--color-page-background)); } .color-scheme-1 .header__wrapper,[data-color-scheme="1"] .header__wrapper{ background:var(--color-scheme-1-gradient); }
.color-scheme-2 .header__wrapper,[data-color-scheme="2"] .header__wrapper{ background:var(--color-scheme-2-gradient); }
.color-scheme-3 .header__wrapper,[data-color-scheme="3"] .header__wrapper{ background:var(--color-scheme-3-gradient); }
.header-wrapper--sticky{ width:100%; }
.menu-drawer__header{ color:rgba(var(--color-text)); } .menu-drawer__header .header__btn-text{ letter-spacing:unset; } .menu-drawer__header:hover{ color:rgba(var(--color-text)); }
.header__main--sticky{ position:fixed; top:0; transform:translate3d(0, -100%, 0); transition:none; width:100%; z-index:128; } @media screen and (min-width:700px) and (max-height:550px){ .header__main--sticky{ position:static; } }
.stage-drawer-root-open-search .header__main--sticky{ overflow-x:visible; overflow-y:visible; z-index:128; } .stage-drawer-root-open-search .header-sticky-wrapper{ z-index:129; }
.header__main--opening{ transform:translateZ(0); transition:transform .4s cubic-bezier(.165, .84, .44, 1); }
.header__text-center{ text-align:center; }
.header__layout{ justify-content:space-between; width:100%; }
.header__item,.header__layout{ align-items:center; display:flex; }
.header__item--logo{ z-index:6; }
.header__item--left{ flex-grow:0; } .header__item--left .desktop-site-nav{ margin-left:-15px; }
.header__layout--left .desktop-site-nav{ margin-left:0; }
.header__full_screen_width{ max-width:100% !important; }
.header__item--buttons{ column-gap:8px; justify-content:flex-end; } .header__item--buttons .header__btn .header__btn--close,.header__item--buttons .header__btn.header__btn--on .header__btn--open{ display:none; } .header__item--buttons .header__btn.header__btn--on .header__btn--close{ display:block; } .header__item--buttons.header__btn--active .header__btn{ display:none !important; } .header__item--buttons.header__btn--active .header__btn.header__btn--on{ display:block !important; }
.header__item--navigation .desktop-site-nav{ margin-left:12px; }
.header__item--navigation-center{ flex:1 1 100%; justify-content:center; width:100%; } .header__item--navigation-center .desktop-site-nav{ text-align:center; }
.header--is-light{ background:linear-gradient(180deg, rgba(0,0,0,.6), transparent); width:100%; } .header--is-light .color-scheme-{ background-color:transparent; } @media (max-width:749.98px){ .header--is-light .header__layout-container .header__search-mobile{ background-color:unset; } } .header--is-light .header__main .header__nav-container--border{ border-top:none; } .header--is-light .header__btn-icon,.header--is-light .header__btn-icon:hover{ color:#fff; } .header--is-light .header__main{ border-top:none; } .header--is-light .header__main .header__btn{ color:#fff; } .header--is-light .header__item .header__btn,.header--is-light .header__layout-background,.header--is-light .header__main .header__nav-container{ background-color:unset; } .header--is-light .desktop-site-nav .d-site--nav__item:not(.site-nav--has-dropdown) a{ color:#fff; } .header--is-light .site-nav--has-dropdown:not(.actived) .site-nav__link{ background-color:transparent; color:#fff; } .header--is-light .header__btn,.header--is-light .header__btn:hover,.header--is-light .header__drawer-btn,.header--is-light .header__drawer-btn:hover,.header--is-light .header__logo a,.header--is-light .header__logo a:hover,.header--is-light .header__nav--drawer .header__btn--menu,.header--is-light .header__nav--drawer .header__btn--menu:hover{ color:#fff; } .header--is-light .header__main-wrap{ background:linear-gradient(180deg, rgba(0,0,0,.6), transparent); position:absolute; width:100%; } .header--is-light.header__wrapper{ background-color:unset; } .header--is-light .header__searchBar-container{ border:1px solid #fff; border-radius:4px; } .header--is-light .header__searchBar-container .searchbar--input{ background-color:transparent; border:none; color:#968d8d; } .header--is-light .header__searchBar-container .icon-search{ background-color:transparent; }
.mini-cart__drawer-slot{ height:0; left:0; position:relative; right:0; width:100%; z-index:133; }
.header__layout--left-down .header__item--searchBar{ flex:1; margin-left:30px; } .header__layout--left-down .header__item--left{ flex:0 1 auto; } .header__layout--left-down .header__item--left .header__logo{ max-width:200px; } @media (max-width:749.98px){ .header__layout--left-down .header__item--left{ flex:0 0 200px; } }
.header__layout-container{ position:relative; width:100%; } .header__layout-container .header__layout-background{ position:relative; } @media (max-width:749.98px){ .header__layout-container .header__layout .header__item--logo{ flex:0 0 200px; } .header__layout-container .header__layout .header__item--buttons{ flex:0 0 130px; } } .header__layout-container .header__nav-toggle{ cursor:pointer; display:none; margin-right:12px; } .header__layout-container .header__nav-toggle .header__toggle-on{ display:flex; } .header__layout-container .header__nav-toggle .header__toggle-off{ display:none; } .header__layout-container .header__drawer-btn{ display:none; margin-right:12px; } .header__layout-container .header__btn-search-mobile,.header__layout-container .show_mobile_search .header__btn-search-mobile{ display:none; } @media (max-width:959.98px){ .header__layout-container .header__btn-search-mobile{ display:block; } } .header__layout-container .header__nav-container--border{ border-top:1px solid rgba(var(--color-text), .15); } .color-scheme-1 .header__layout-container .header__nav-container--border,[data-color-scheme="1"] .header__layout-container .header__nav-container--border{ border-color:rgba(var(--color-scheme-1-text), .15); }
.color-scheme-2 .header__layout-container .header__nav-container--border,[data-color-scheme="2"] .header__layout-container .header__nav-container--border{ border-color:rgba(var(--color-scheme-2-text), .15); }
.color-scheme-3 .header__layout-container .header__nav-container--border,[data-color-scheme="3"] .header__layout-container .header__nav-container--border{ border-color:rgba(var(--color-scheme-3-text), .15); }
.header__layout-container .header__search-mobile{ display:none; } @media (max-width:959.98px){ .header__layout-container .header__search-mobile{ display:flex; padding-bottom:20px; } } .header__layout-container.show-nav .header__nav-toggle .header__toggle-on{ display:none; } .header__layout-container.show-nav .header__nav-toggle .header__toggle-off{ display:flex; }
@media (max-width:959.98px){ .header__layout--nav,.header__user-btn--hide{ display:none; } } .header__layout-container.header__menu-layout--drawer .header__nav-toggle{ display:none; } @media (min-width:960px){ .header__layout-container.header__menu-layout--drawer .header__user-btn{ display:none; } .header__layout-container.header__menu-layout--drawer .header__drawer-btn{ display:block; } } @media (min-width:750px){ .header__layout-container.header__menu-layout--drawer .header__layout--nav{ display:none; } } .header__layout-container.header__menu-layout--drawer .header__nav-container{ background-color:red; display:none; }
.header__layout--left-left .header__item--left .header__layout--search-btn{ display:none; } .header__layout--left-left .header__item--left .header__layout--nav{ margin-left:30px; } .header__layout--left-left>.header__layout--nav,.header__layout--left-line .header__item--left .header__layout--nav,.header__layout--left-line .header__item--left .header__layout--search-btn{ display:none; } .header__layout--middle-line .header__item--left{ flex:1; } .header__layout--middle-line .header__item--left .header__layout--search-btn{ display:inline-flex; } @media (max-width:749.98px){ .header__layout--middle-line .header__item--left .header__layout--search-btn{ display:none; } .header__layout--middle-line .header__item--left .header__drawer-btn{ display:inline-flex; } } .header__layout--middle-line .header__item--left .header__layout--logo,.header__layout--middle-line .header__item--left .header__layout--nav{ display:none; } .header__layout--middle-line .header__item--buttons{ flex:1 !important; } .header__layout--middle-line .header__item--buttons .header__layout--search-btn{ display:none; } @media (max-width:749.98px){ .header__layout--middle-line .header__item--buttons .header__layout--search-btn{ display:inline-flex; } .header__layout--middle-line .header__item--buttons .header__nav--drawer{ display:none; } } .header__layout--middle-line .header__layout--left-down>.header__layout--logo{ flex:1; text-align:center; } .header__layout--middle-left .header__item--left{ flex:1 0; } @media (max-width:749.98px){ .header__layout--middle-left .header__item--left{ flex:0 1 130px; } } @media (max-width:960px){ .header__layout--middle-left .header__item--left .header__drawer-btn{ display:block; } } .header__layout--middle-left .header__item--left .header__layout--search-btn{ display:none; } .header__layout--middle-left .header__item--left .header__layout--nav{ margin-right:30px; } @media (max-width:749.98px){ .header__layout--middle-left .header__item--left .header__layout--nav{ display:none; } .header__layout--middle-left .header__layout--logo{ flex-shrink:1; } } .header__layout--middle-left .header__item--buttons{ flex:1 0; }
.header__layout--middle-left>.header__layout--nav,.user__container ul{ display:none; }
@media (min-width:750px){ .user__container{ position:relative; } .user__container:hover ul{ display:block; } .user__container ul{ background-color:rgb(var(--color-image-background)); box-shadow:0 10px 20px 0 rgba(0,0,0,.1); color:rgb(var(--color-text)); display:none; list-style:none; margin:0; padding:10px 20px; position:absolute; right:0; top:100%; width:170px; z-index:1; } .user__container ul li{ padding:4px 0; } .user__container ul li a{ display:block; } .user__container ul li.user__menu-sign-out{ text-decoration:underline; } .user__container ul .user__menu-title-line{ background-color:rgb(var(--color-entry-line)); height:1px; margin:10px 0; width:100%; } }</style>
<script src="https://layout-assets-combo-virginia.myshopline.com/combo?md5=7ec7516f205f1de12adc513c4e46ef8f" defer="defer" type="text/javascript"></script> <script>if(!window.__PRELOAD_STATE__){ window.__PRELOAD_STATE__ = {} };__PRELOAD_STATE__.tradeSettleConfig={"ugcId":"settle_config","loginType":"LOGIN_OR_ANONYMOUS","contactInfoType":"ONLY_EMAIL","stepType":"3","acceptSubscriptionByOtherContactType":false,"acceptSmsSubscription":false,"pickupPhoneRequired":true,"localDeliveryPhoneRequired":true,"autoHideMarkOrder":false,"autoSendOrderItemType":"ONLY_GIFT_CARD","checkoutFormConfig":{"nameType":"SEPARATE","address2Type":"OPTIONAL","phoneType":"REQUIRED","receiveAddressAsBillAddress":true,"autoFillAddress":true,"postCodeCheck":true,"orderRemarkType":"HIDE","companyType":"HIDE","usePrivateAddress":false},"whenCanUsePromoCode":"ONLY_SETTLE","paymentSecurity":{"desc":null,"imageType":0,"paymentCodes":[],"payCardCodes":[],"pcImages":[],"mobileImages":[],"displayPosition":[],"enable":false},"afterSaleGuarantee":{"desc":null,"displayPosition":[],"enable":false},"tipConfigInfo":{"showTip":false,"showTipOptions":false,"hasTipShowConfig":false,"tipOptions":[],"tipOptionInfoList":[]},"tipShowConfigInfo":{"title":null,"describe":null,"customGuide":null,"customButtonDesc":null,"thanksDesc":null},"paymentSortConfigInfoList":[],"productDetailSettleButtonConfig":{"system":true,"customerButtons":[]},"cartSettleButtonConfig":{"justShowSettleButton":null},"fastCheckoutSettleConfig":{"enableShopByProductDetail":null,"enableShopByCart":null,"enableShopBySettlePage":null,"enableShopByCreateAccount"