:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}
body{line-height:inherit;margin:0}
hr{border-top-width:1px;color:inherit;height:0}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{border-color:inherit;text-indent:0}
button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset,legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}
input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{height:auto;max-width:100%}
[hidden]{display:none}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
@media (min-width:640px) {
.container{max-width:640px}
}
@media (min-width:768px) {
.container{max-width:768px}
}
@media (min-width:1024px) {
.container{max-width:1024px}
}
@media (min-width:1280px) {
.container{max-width:1280px}
}
@media (min-width:1536px) {
.container{max-width:1536px}
}
.\!pointer-events-none{pointer-events:none!important}
.pointer-events-none{pointer-events:none}
.visible{visibility:visible}
.static{position:static}
.absolute{position:absolute}
.\!relative{position:relative!important}
.relative{position:relative}
.\!bottom-28{bottom:7rem!important}
.\!right-6{right:1.5rem!important}
.bottom-0{bottom:0}
.bottom-1{bottom:.25rem}
.bottom-2{bottom:.5rem}
.bottom-3{bottom:.75rem}
.left-0{left:0}
.left-2{left:.5rem}
.right-0{right:0}
.right-2{right:.5rem}
.right-3{right:.75rem}
.top-0{top:0}
.z-20{z-index:20}
.mx-auto{margin-left:auto;margin-right:auto}
.my-16{margin-bottom:4rem;margin-top:4rem}
.my-2{margin-bottom:.5rem;margin-top:.5rem}
.my-4{margin-bottom:1rem;margin-top:1rem}
.\!mb-0{margin-bottom:0!important}
.\!mb-8{margin-bottom:2rem!important}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:.5rem}
.mb-20{margin-bottom:5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-\[16px\]{margin-bottom:16px}
.mb-\[2\.4rem\]{margin-bottom:2.4rem}
.ml-2{margin-left:.5rem}
.mr-2{margin-right:.5rem}
.mt-4{margin-top:1rem}
.mt-\[12px\]{margin-top:12px}
.mt-\[16px\]{margin-top:16px}
.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.\!block{display:block!important}
.block{display:block}
.inline{display:inline}
.\!flex{display:flex!important}
.flex{display:flex;align-items:center}
.table{display:table}
.grid{display:grid}
.contents{display:contents}
.hidden{display:none}
.\!h-28{height:7rem!important}
.\!h-\[40px\]{height:40px!important}
.\!h-fit{height:-moz-fit-content!important;height:fit-content!important}
.h-0{height:0}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-28{height:7rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-8{height:2rem}
.h-\[40px\]{height:40px}
.h-full{height:100%}
.\!max-h-fit{max-height:-moz-fit-content!important;max-height:fit-content!important}
.min-h-10{min-height:2.5rem}
.\!w-14{width:3.5rem!important}
.\!w-28{width:7rem!important}
.w-0{width:0}
.w-1\/2{width:50%}
.w-1\/3{width:33.333333%}
.w-1\/4{width:25%}
.w-12{width:3rem}
.w-2\/3{width:66.666667%}
.w-28{width:7rem}
.w-3\/4{width:75%}
.w-48{width:12rem}
.w-8{width:2rem}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.min-w-10{min-width:2.5rem}
.min-w-14{min-width:3.5rem}
.min-w-24{min-width:6rem}
.min-w-9{min-width:2.25rem}
.min-w-\[40px\]{min-width:40px}
.max-w-\[96rem\]{max-width:96rem}
.flex-1{flex:1 1 0}
.rotate-180{--tw-rotate:180deg}
.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes pulse {
50%{opacity:.5}
}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.cursor-pointer{cursor:pointer}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.\!justify-end{justify-content:flex-end!important}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.\!gap-0{gap:0!important}
.\!gap-6{gap:1.5rem!important}
.\!gap-8{gap:2rem!important}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-8{gap:2rem}
.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}
.\!overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden}
.whitespace-nowrap{white-space:nowrap}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-md{border-radius:.375rem}
.\!rounded-l-none{border-bottom-left-radius:0!important;border-top-left-radius:0!important}
.rounded-br-lg{border-bottom-right-radius:.5rem}
.border,.border-\[1px\]{border-width:1px}
.\!border-t-0{border-top-width:0!important}
.border-t-\[1px\]{border-top-width:1px}
.border-solid{border-style:solid}
.\!border-none{border-style:none!important}
.\!border-primary{--tw-border-opacity:1!important;border-color:rgb(11 104 177/var(--tw-border-opacity))!important}
.border-\[#0000001a\]{border-color:#0000001a}
.border-\[#e2e8f0\]{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}
.\!bg-\[#ffffff80\]{background-color:#ffffff80!important}
.\!bg-gray-500{--tw-bg-opacity:1!important;background-color:rgb(107 114 128/var(--tw-bg-opacity))!important}
.bg-\[#bd3834\]{--tw-bg-opacity:1;background-color:rgb(189 56 52/var(--tw-bg-opacity))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}
.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}
.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}
.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(11 104 177/var(--tw-bg-opacity))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.\!p-5{padding:1.25rem!important}
.p-1{padding:.25rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.\!px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}
.\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
.\!py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}
.px-4{padding-left:1rem;padding-right:1rem}
.px-\[3\.2rem\]{padding-left:3.2rem;padding-right:3.2rem}
.py-2{padding-bottom:.5rem;padding-top:.5rem}
.py-\[5\.6rem\]{padding-bottom:5.6rem;padding-top:5.6rem}
.pt-4{padding-top:1rem}
.text-center{text-align:center}
.\!text-\[14px\]{font-size:14px!important}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.text-\[1\.2rem\]{font-size:1.2rem}
.text-\[12px\]{font-size:12px}
.text-\[18px\]{font-size:18px}
.text-\[2rem\]{font-size:2rem}
.text-sm{font-size:.875rem}
.font-\[0px\]{font-weight:0}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.capitalize{text-transform:capitalize}
.\!text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}
.text-\[#000\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}
.text-\[#64748B\]{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}
.text-\[#E0E0E0\]{--tw-text-opacity:1;color:rgb(224 224 224/var(--tw-text-opacity))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}
.text-primary{--tw-text-opacity:1;color:rgb(11 104 177/var(--tw-text-opacity))}
.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}
.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
.underline{text-decoration-line:underline}
.underline-offset-2{text-underline-offset:2px}
.opacity-0{opacity:0}
.opacity-70{opacity:.7}
.mix-blend-multiply{mix-blend-mode:multiply}
.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.\[clip-path\:polygon\(100\%_0\%\2c 0\%_100\%\2c 100\%_100\%\)\;\]{-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}
@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")}
:root{--swiper-theme-color:#007aff}
:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}
.swiper-3d .swiper-slide-shadow{background:#00000026}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,transparent)}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,transparent)}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,transparent)}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,transparent)}
.swiper-lazy-preloader{border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin {
0%{transform:rotate(0deg)}
to{transform:rotate(1turn)}
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
:root{--font-pri:"SF Pro Display",sans-serif;--fw:400;--z:50;--pd-sc:8rem;--w-container:149rem;--pd-container:1.5rem;--rs:1.2rem;--space-sc:3.2rem;--size-hd-top:12.8rem;--size-hd-bot:6.1rem;--size-hd:calc(var(--size-hd-top) + var(--size-hd-bot));--h-fix:5.5rem;--sz-btn-add-cart:4.4rem;--h-btn:5rem;--h-input:5.2rem;--c-pri:#0b68b1;--c-second:#3482be;--c-third:#fcd34d;--c-four:#bd3834;--c-txt:#1f2937;--c-txt-second:#64748b;--c-six:#b00f0b}
@media(max-width:1200px) {
:root{--pd-sc:4rem;--size-hd-top:7rem;--size-hd-bot:5rem}
}
@media(max-width:700px) {
:root{--size-hd-top:6rem;--space-sc:1.6rem;--pd-container:1rem;--sz-btn-add-cart:3.2rem}
}
.mona-content b,.mona-content strong{font-weight:700}
.mona-content em,.mona-content i{font-style:italic}
.mona-content h1,.mona-content h2,.mona-content h3,.mona-content h4,.mona-content h5,.mona-content h6{line-height:1.3;margin-bottom:.5em;margin-top:.6em}
.mona-content h1{font-size:1.7em}
.mona-content h2{font-size:1.6em}
.mona-content h3{font-size:1.25em}
.mona-content h4{font-size:1.125em}
.mona-content h5{font-size:1em}
.mona-content h6{font-size:.85em}
.mona-content p{margin:1em 0}
.mona-content ol,.mona-content ul{list-style-position:inside;margin:1em 0 1em 1em}
.mona-content ol ol,.mona-content ol ul,.mona-content ul ol,.mona-content ul ul{margin-left:1em}
.mona-content ul{list-style-type:disc}
.mona-content ol{list-style-type:decimal}
.mona-content ol ul,.mona-content ul ul{list-style-type:circle}
.mona-content ol ol,.mona-content ul ol{list-style-type:lower-latin}
.mona-content iframe,.mona-content img{height:auto;max-width:100%!important}
.mona-content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1em 0;padding:1em;quotes:"“" "”" "‘" "’"}
.mona-content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}
.mona-content blockquote p{display:inline}
.mona-content table{border:1px solid #e1e1e1;border-collapse:collapse;margin:1em 0;max-width:100%}
.mona-content table td,.mona-content table th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:5px 10px;vertical-align:middle}
.mona-content a{color:#0b68b1}
.mona-content .mona-youtube-wrap{height:0;padding-top:56.25%;position:relative}
.mona-content .mona-youtube-wrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.mona-content .mona-table-wrap{overflow:auto}
@media screen and (max-width:768px) {
.mona-content .pagebuilder-mobile-hidden{display:none}
}
.mona-content .pagebuilder-mobile-only{display:none}
@media screen and (max-width:768px) {
.mona-content .pagebuilder-mobile-only{display:block}
}
.mona-content .img-vertical{max-width:100%}
.mona-content .img-horizontal{max-width:100%;width:100%}
.block-hidden{bottom:0;font-size:0;height:0;left:0;opacity:0;pointer-events:none;position:absolute;width:0}
*{box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:smooth}
@media screen and (min-width:2000px) {
html{font-size:80%}
}
body{color:var(--c-txt);font-family:var(--font-pri);font-size:15px;font-weight:var(--fw);line-height:1.55;min-height:100vh;overflow:hidden auto;padding-top:0;position:relative;background:#f3f4f6}
@media screen and (min-width:2000px) {
body{font-size:18px}
}
@media screen and (max-width:1024px) {
body{padding-bottom:var(--h-fix)}
}
body:before{background-color:#f3f4f6;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-5}
a{color:inherit;text-decoration:none}
button,select{-webkit-appearance:none;border:none;cursor:pointer;outline:none;font-family:var(--font-pri)}
button{background-color:transparent;padding:0}
input,textarea{-moz-appearance:none;font-family:var(--font-pri)}
.main{--pd-main:3.2rem;display:flex;flex-direction:column;gap:var(--space-sc);min-height:30vh;padding:var(--pd-main) 0;position:relative}
@media screen and (max-width:700px) {
.main{--pd-main:1.6rem;overflow:hidden}
}
.mg-minus{margin-top:calc(var(--pd-main)*-1)}
.mg-minus-bottom{margin-bottom:calc(var(--pd-main)*-1)}
.container{height:100%;margin:0 auto;max-width:var(--w-container);padding:0 var(--pd-container);width:1200px;max-width:100%}
.container .container{padding:0}
.over{overflow-x:auto;scroll-snap-type:x mandatory}
.over::-webkit-scrollbar{display:none}
.no-scroll{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none}
iframe{vertical-align:middle}
.load-item{display:none}
.show-hide-toggle{cursor:pointer}
img{border-radius:inherit;height:auto;max-width:100%}
.global-title{max-height:0;max-width:0;opacity:0;visibility:hidden}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.row{--cg:2.4rem;--rg:2.4rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;margin:0 calc(var(--cg)/2*-1) calc(var(--rg)*-1)}
@media screen and (max-width:700px) {
.row{--cg:1rem}
}
.col{margin-bottom:var(--rg);padding:0 calc(var(--cg)/2);width:100%}
.col-11{width:91.6666666667%}
.col-10{width:83.3333333333%}
.col-9{width:75%}
.col-8{width:66.6666666667%}
.col-7{width:58.3333333333%}
.col-6{width:50%}
.col-5{width:41.6666666667%}
.col-4{width:33.3333333333%}
.col-3{width:25%}
.col-2{width:16.6666666667%}
.col-1{width:8.3333333333%}
.col-5i{width:25%}
.col-6i{width:16.6666666667%}
.col-4i{width:25%}
.swiper.row{--rg:0;flex-wrap:nowrap}
@keyframes phoneRing {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
to{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes fadeIn {
0%{opacity:0}
to{opacity:1}
}
@keyframes shine {
to{left:125%}
}
@keyframes ZoomIn {
0%{opacity:0;transform:scale(.95)}
to{opacity:1;transform:scale(1)}
}
@keyframes Spinner {
0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
@keyframes BTT {
0%{opacity:0}
33%{opacity:1}
66%{opacity:0}
to{opacity:0}
}
@keyframes fadeInUp {
0%{opacity:0;transform:translate3d(0,20%,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes halo {
0%{transform:translate(-50%,-50%) scale(0)}
to{transform:translate(-50%,-50%) scale(1)}
}
@keyframes float {
0%{transform:translatey(0)}
50%{transform:translatey(-20px)}
to{transform:translatey(0)}
}
@keyframes mirror {
to{transform:translate3d(2000%,0,0) rotate(35deg)}
}
@keyframes DownUp {
0%{transform:translatey(0)}
50%{transform:translatey(-10px)}
to{transform:translatey(0)}
}
@keyframes jelly {
25%{transform:scale(.9,1.1)}
50%{transform:scale(1.1,.9)}
75%{transform:scale(.95,1.05)}
}
@keyframes jellyTranForm {
25%{transform:translate(-50%,-50%) scale(.9,1.1)}
50%{transform:translate(-50%,-50%) scale(1.1,.9)}
75%{transform:translate(-50%,-50%) scale(.95,1.05)}
}
@keyframes jittery {
5%,50%{transform:scale(1)}
10%{transform:scale(.9)}
15%{transform:scale(1.05)}
20%{transform:scale(1.05) rotate(-5deg)}
25%{transform:scale(1.05) rotate(5deg)}
30%{transform:scale(1.05) rotate(-3deg)}
35%{transform:scale(1.05) rotate(2deg)}
40%{transform:scale(1.05) rotate(0)}
}
@keyframes grow {
0%{opacity:1;transform:scale(0)}
to{opacity:0;transform:scale(1.5)}
}
@keyframes txt-focus {
0%{filter:blur(12px);opacity:0}
to{filter:blur(0);opacity:1}
}
@keyframes MaskPlay {
0%{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
.back-to-top{align-items:center;background-color:var(--c-pri);border-radius:.6rem;bottom:6rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);cursor:pointer;display:flex;flex-direction:column;height:4rem;justify-content:space-evenly;opacity:0;position:fixed;right:3rem;transform:translateX(3rem);transition:.5s linear;visibility:hidden;width:4rem;z-index:7}
@media screen and (max-width:768px) {
.back-to-top{right:1.5rem}
}
.back-to-top.active{opacity:1;transform:translateX(0);visibility:visible}
.back-to-top .triangle{border:8px solid transparent;border-bottom:6px solid #fff;border-radius:5px;display:block;height:0;margin-top:-6px;width:0;z-index:2}
.back-to-top .triangle:first-child{animation:BTT 1.5s linear .6s infinite}
.back-to-top .triangle:nth-child(2){animation:BTT 1.5s linear .3s infinite}
.back-to-top .triangle:nth-child(3){animation:BTT 1.5s linear 0s infinite}
@media only screen and (min-width:901px) {
.back-to-top:hover{opacity:1;transform:translateX(0);visibility:visible}
}
.hd-nav,.hd-nav .menu-nav{height:100%}
.hd-nav .menu-nav>.menu-list{height:100%;justify-content:space-between}
.hd-nav .menu-nav>.menu-list>.menu-item{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:100%}
.hd-nav .menu-nav>.menu-list>.menu-item:not(:first-child){margin-left:2.4rem}
@media screen and (max-width:1100px) {
.hd-nav .menu-nav>.menu-list>.menu-item:not(:first-child){margin-left:2rem}
}
.hd-nav .menu-nav>.menu-list>.menu-item:last-child>.menu-list{left:auto;right:0}
.hd-nav .menu-nav>.menu-list>.menu-item:before{background:var(--c-pri);border-radius:100px;bottom:0;content:"";height:.2rem;left:50%;position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;width:0}
.hd-nav .menu-nav>.menu-list>.menu-item:has(.current-menu-item):before,.hd-nav .menu-nav>.menu-list>.menu-item:hover:not(.dropdown):before{width:100%}
.hd-nav .menu-nav>.menu-list>.menu-item.dropdown:hover:before{width:0}
.hd-nav .menu-nav>.menu-list>.menu-item:hover>a i{transform:rotate(180deg)}
.hd-nav .menu-nav>.menu-list>.menu-item>.menu-link{align-items:center;color:var(--ctxt);display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:100%}
.hd-nav .menu-nav>.menu-list>.menu-item.current-menu-item:before,.hd-nav .menu-nav>.menu-list>.menu-item.current-menu-parent:before,.hd-nav .menu-nav>.menu-list>.menu-item.current-post-parent:before,.hd-nav .menu-nav>.menu-list>.menu-item.current_page_item:before,.hd-nav .menu-nav>.menu-list>.menu-item.current_page_parent:before{width:100%}
.hd-nav .menu-nav>.menu-list>.menu-item>.menu-list{top:calc(100% + 1rem)}
.hd-nav .menu-list{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.hd-nav .menu-item{position:relative;transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}
.hd-nav .menu-item:hover>.menu-list{opacity:1;transform:translate(0);visibility:visible}
.hd-nav .menu-item:hover>.menu-list>.menu-item.current-menu-item>a,.hd-nav .menu-item:hover>.menu-list>.menu-item.current_page_item>a{color:var(--c-pri)}
.hd-nav .menu-item .menu-link,.hd-nav .menu-item .menu-link i,.hd-nav .menu-item a,.hd-nav .menu-item a i{transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}
.hd-nav .menu-item>.menu-link,.hd-nav .menu-item>a{color:var(--ctxt);display:block;font-size:1.6rem;font-weight:600}
.hd-nav .menu-item>.menu-link>i,.hd-nav .menu-item>a>i{display:none;font-size:1.4rem;font-weight:600;margin-left:.4rem}
.hd-nav .menu-item.dropdown>a>i{display:inline-block}
.hd-nav .menu-item>.menu-list{align-items:flex-start;background:#fff;border-radius:.8rem;box-shadow:0 20px 24px -4px #10182814 8px 8px -4px #10182808;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;left:0;max-width:28rem;min-width:25rem;opacity:0;position:absolute;top:0;transform:translateY(-5px);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;visibility:hidden}
.hd-nav .menu-item>.menu-list>.menu-item{margin-left:0;width:100%}
.hd-nav .menu-item>.menu-list>.menu-item:hover:after{opacity:1}
.hd-nav .menu-item>.menu-list>.menu-item:hover>.menu-link,.hd-nav .menu-item>.menu-list>.menu-item:hover>a{color:var(--c-pri)}
.hd-nav .menu-item>.menu-list>.menu-item:hover>.menu-link:after,.hd-nav .menu-item>.menu-list>.menu-item:hover>a:after{width:100%}
.hd-nav .menu-item>.menu-list>.menu-item>.menu-link,.hd-nav .menu-item>.menu-list>.menu-item>a{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;padding:.8rem 1.6rem;position:relative}
.hd-nav .menu-item>.menu-list>.menu-item>.menu-link>i,.hd-nav .menu-item>.menu-list>.menu-item>a>i{margin-top:.8rem;transform:rotate(-90deg) translate(5px)}
.hd-nav .menu-item>.menu-list>.menu-item>.menu-list{left:100%}
.mobile-nav .menu-nav>.menu-list>.menu-item.current-menu-item>a,.mobile-nav .menu-nav>.menu-list>.menu-item.current-menu-parent>a,.mobile-nav .menu-nav>.menu-list>.menu-item.current-post-parent>a,.mobile-nav .menu-nav>.menu-list>.menu-item.current_page_item>a,.mobile-nav .menu-nav>.menu-list>.menu-item.current_page_parent>a{color:var(--c-pri)}
.mobile-nav .menu-nav>.menu-list>.menu-item.current-menu-item>a:after,.mobile-nav .menu-nav>.menu-list>.menu-item.current-menu-parent>a:after,.mobile-nav .menu-nav>.menu-list>.menu-item.current-post-parent>a:after,.mobile-nav .menu-nav>.menu-list>.menu-item.current_page_item>a:after,.mobile-nav .menu-nav>.menu-list>.menu-item.current_page_parent>a:after{opacity:1}
.mobile-nav .menu-nav>.menu-list>.menu-item:has(.current-menu-item)>a{color:var(--c-pri)}
.mobile-nav .menu-nav>.menu-list>.menu-item>a{align-items:center;border-bottom:1px solid #0000001a;color:#303030;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-size:1.4rem;font-weight:600;justify-content:space-between;padding:1.2rem;position:relative;text-transform:uppercase}
.mobile-nav .menu-nav>.menu-list>.menu-item>a:before{display:none}
.mobile-nav .menu-item.dropdown>a>i{display:flex}
.mobile-nav .menu-item.active>a>i{transform:rotate(180deg)}
.mobile-nav .menu-item a{position:relative}
.mobile-nav .menu-item a i{-ms-align-items:center;align-items:center;-webkit-align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;display:none;height:2rem;justify-content:center;-webkit-justify-content:center;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;width:2rem}
.mobile-nav .menu-item>a{align-items:center;color:var(--ctxt);display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-size:1.4rem;font-weight:500;justify-content:space-between;padding:1.2rem;text-transform:uppercase}
.mobile-nav .menu-item>.menu-list{display:none;margin-left:1.6rem;position:relative}
.mobile-nav .menu-item>.menu-list:before{background-color:#0000001a;bottom:2rem;content:"";left:0;position:absolute;top:2rem;width:1px}
.mobile-nav .menu-item>.menu-list>.menu-item.current-menu-item>a,.mobile-nav .menu-item>.menu-list>.menu-item.current_page_item>a{color:var(--c-pri)}
.mobile-nav .menu-item>.menu-list>.menu-item:has(.current-menu-item)>a{color:var(--c-pri)}
::-webkit-scrollbar{width:.5rem}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--c-pri)}
.hd{--h-box:5rem;height:auto;left:0;position:fixed;top:0;transition:.3s ease-in-out;width:100%;z-index:var(--z)}
@media screen and (max-width:700px) {
.hd{--h-box:4.2rem;--pd-container:1rem}
}
.hd.small.out .hd-cate-overlay{height:calc(100vh - var(--size-hd-bot));top:60px}
@media screen and (max-width:1199px) {
.hd .logo{width: 150px;}
}
@media screen and (max-width:700px) {
.hd .logo{width: 120px;}
}
.hd-top{background-color:#fff;height: auto;padding: 10px 0;}
.hd-top-wrapper{align-items:center;display:flex;gap: 15px;height: auto;justify-content: space-between;}
@media screen and (max-width:1400px) {
.hd-top-wrapper{gap:2.4rem}
}
@media screen and (max-width:1024px) {
.hd-top-wrapper{gap:1.2rem}
}
.hd-fil{flex:1;position:relative}
.hd-fil-list{display:flex;gap:.8rem;left:0;margin-top:.6rem;padding:0 1rem;position:absolute;right:0;top:100%;width:100%;justify-content:flex-end}
@media screen and (max-width:1199px) {
.hd-fil-list{display:none}
}
.hd-fil-item{color:#fff;font-size:1.3rem}
@media screen and (min-width:1025px) {
.hd-fil-item a:hover{text-decoration:underline;text-underline-position:under}
}
.hd-search{position:relative}
.hd-search .re-input{border:none;font-size:1.5rem;padding:1.2rem;color:#000}
@media screen and (max-width:700px) {
.hd-search .re-input{font-size:1.2rem;padding:.6rem 1.2rem}
.hd-search .re-input.placeholder{font-size:1.4rem}
.hd-search .re-input:-moz-placeholder,.hd-search .re-input::-moz-placeholder{font-size:1.4rem}
.hd-search .re-input:-ms-input-placeholder{font-size:1.4rem}
.hd-search .re-input::-webkit-input-placeholder{font-size:1.4rem}
}
@media screen and (max-width:390px) {
.hd-search .re-input.placeholder{font-size:1.3rem}
.hd-search .re-input:-moz-placeholder,.hd-search .re-input::-moz-placeholder{font-size:1.3rem}
.hd-search .re-input:-ms-input-placeholder{font-size:1.3rem}
.hd-search .re-input::-webkit-input-placeholder{font-size:1.3rem}
}
.hd-search-xtc{align-items:center;background-color:#fff;border-top:.1rem solid #0000001a;color:var(--c-pri);cursor:pointer;display:flex;font-weight:600;height:4rem;justify-content:center;padding:1rem;transition:.2s ease-in-out;width:100%}
@media screen and (min-width:1025px) {
.hd-search-xtc:hover{background-color:var(--c-pri);color:#fff}
}
.hd-search-btn .loading-custom{--line-bd:.2rem;--c-line:#fff;--sz:2rem}
.hd-search-result .loading-custom{--line-bd:.2rem;--sz:4rem}
.hd-search-result{background-color:#fff;border-radius:.6rem;box-shadow:0 2px 8px 0 #63636333;left:0;max-height:50vh;min-height:10vh;overflow:hidden;position:absolute;top:calc(100% + .4rem);width:100%;z-index:2}
@media screen and (max-width:700px) {
.hd-search-result{border-radius:0;left:0;position:fixed;top:var(--size-hd-top);width:100%}
}
.hd-search-result{display:none;font-size:1.4rem}
.hd-search-result li{display:flex;gap:.8rem}
.hd-search-result li:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:.8rem;padding-bottom:.8rem}
.hd-search-result.open{display:block}
.hd-search-result .pro-img{flex-shrink:0;width:5.8rem}
.hd-search-result .pro-img .inner{background-color:#e5e7eb;border-radius:.4rem}
.hd-search-result .pro-img .inner:after{border:.1rem solid #0b68b1;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:.2s ease-in-out}
@media screen and (min-width:1025px) {
.hd-search-result .pro-img .inner:hover:after{opacity:1}
}
.hd-search-result .pro-content{flex:1;gap:.2rem;padding:0}
.hd-search-result .pro-name{font-weight:500;color:#000;text-transform:none}
@media screen and (min-width:1025px) {
.hd-search-result .pro-name:hover{color:#0b68b1}
}
.hd-search-result .pro-content .hl{background-color:#fcd34d66}
.hd-search-result .pro-fl{justify-content:flex-start}
.hd-search-result .pro-status{font-size:1.2rem}
.hd-search-result-wr{display:flex;flex-direction:column;max-height:inherit;min-height:inherit}
.hd-search-result-body{flex:1;overflow:hidden auto;padding:1rem}
.hd-search-result-emp{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:inherit;--f-sz:1.8rem;font-size:var(--f-sz);font-weight:600;gap:1rem;padding:1rem}
@media only screen and (max-width:1200px) {
.hd-search-result-emp{--f-sz:1.6rem}
}
@media only screen and (max-width:800px) {
.hd-search-result-emp{--f-sz:1.5rem}
}
.hd-search-result-emp img{flex-shrink:0;width:3.2rem}
.hd-search-wr{background-color:#fff;border:1px solid #e5e7eb;border-radius:.8rem;display:flex;height:var(--h-box);padding:0;position:relative}
.hd-search-wr.active{border-color:var(--c-six)}
@media screen and (max-width:700px) {
.hd-search-wr{padding:.2rem}
}
.hd-search-result-wr .btn-add-cart{--sz-btn-add-cart:4rem}
.hd-search-btn{align-items:center;background-color:var(--c-four);border-radius:0 .6rem .6rem 0;cursor:pointer;display:flex;justify-content:center;min-width:7rem}
@media screen and (max-width:700px) {
.hd-search-btn{min-width:4rem}
}
.hd-search-btn img{display:block;width:1.8rem}
.hd-bot{background-color:var(--c-second);height:var(--size-hd-bot)}
.hd-ctr{display:flex;gap:2.4rem}
@media screen and (max-width:1024px) {
.hd-ctr{gap:1.2rem}
}
.hd-btn{align-items:center;background-color:#fff;border-radius:.8rem;box-shadow:0 6px 12px 0 #0003;color:var(--c-pri);cursor:pointer;display:flex;font-weight:600;height:var(--h-box);justify-content:center;padding:1rem 1.6rem;transition:.3s ease-in-out}
@media screen and (min-width:1025px) {
.hd-btn:hover{box-shadow:none}
}
.hd-btn.--second{background-color:var(--c-pri);border:.1rem solid #fff;color:#fff}
.hd-cart{position:relative}
.hd-cart .number{align-items:center;background-color:var(--c-six);border-radius:100rem;color:#fff;display:flex;font-size:1rem;height:1.6rem;justify-content:center;position:absolute;right:-.2rem;top:-.2rem;width:1.6rem}
@media screen and (min-width:1025px) {
.hd-cart:hover .hd-cart-inner{border-color:var(--c-third)}
}
.hd-cart-inner{align-items:center;border:.1rem solid hsla(0,0%,100%,.1);border-radius:.8rem;cursor:pointer;display:flex;height:var(--h-box);justify-content:center;transition:.2s ease-in-out;width:var(--h-box)}
@media screen and (max-width:700px) {
.hd-cart-inner{background-color:hsla(0,0%,100%,.1);border:none;border-radius:.6rem}
}
.hd-cart-inner img{width:2.2rem}
.hd-regi{background-color:hsla(0,0%,100%,.1);border-radius:.8rem;color:#fff;cursor:pointer;display:flex;gap:1rem;min-height:var(--h-box);min-width:14rem;padding-right:1rem;position:relative}
.hd-regi:hover .hd-regi-dropdown{opacity:1;transform:translate(0);visibility:visible}
.hd-regi-dropdown{background-color:#fff;border-radius:.6rem;color:var(--c-txt);font-size:1.4rem;opacity:0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-.5rem);transition:.2s ease-in-out;visibility:hidden;width:20rem;z-index:10}
.hd-regi-dropdown:before{content:"";height:.5rem;left:0;position:absolute;top:100%;width:100%}
.hd-regi-dropdown .--dx{align-items:center;border-radius:.4rem;display:flex;gap:.4rem;padding:.6rem 1rem;transition:.3s ease-in-out}
.hd-regi-dropdown .acc-menu li:not(:last-child){margin-bottom:0}
.hd-regi-dropdown .--dx{color:var(--c-four)}
@media screen and (min-width:1025px) {
.hd-regi-dropdown .--dx:hover{background-color:#bd38341a}
}
.hd-regi-inner{border:.1rem solid hsla(0,0%,100%,.1);border-radius:.8rem;flex-shrink:0;height:var(--h-box);width:var(--h-box)}
.hd-regi-inner img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.hd-regi-content{display:flex;flex-direction:column;font-size:1.4rem;justify-content:center}
.hd-regi-content a{display:block;transition:.3s ease-in-out}
@media screen and (min-width:1025px) {
.hd-regi-content a:hover{color:var(--c-third)}
}
.hd-bot{color:#fff}
.hd-bot-wrapper{align-items:center;display:flex;gap:2.4rem;height:100%}
.hd-cate{position:relative}
.hd-cate:after{content:"";height:1.8rem;left:0;position:absolute;top:100%;width:100%}
.hd-cate.open .cate-menu{opacity:1;transform: none;visibility:visible}
.hd-cate.open .hd-cate-overlay{opacity: 0;transform:translate(0);visibility:visible}
.hd-cate-overlay{background-color:#0006;height:calc(100vh - var(--size-hd));left:0;opacity:0;position:fixed;top:var(--size-hd);transform:translate(0);visibility:hidden;width:100vw;z-index:-2}
.hd-cate-inner{align-items:center;cursor:pointer;display:flex;gap:.8rem;text-transform:uppercase}
.hd-cate-inner .burger .line{border-radius:.4rem;height:7px;margin:3px 0}
.hd-cate-burger{display:flex;flex-direction:column;gap:6px}
.hd-cate-burger .line{background-color:#fff;height:2px;width:20px}
.hd-bot-right{display:flex;flex:1;gap:2.4rem;justify-content:space-between}
@media screen and (max-width:1199px) {
.hd-bot-right{align-items:center;gap:1.2rem;justify-content:flex-end}
}
.hd-bot-right .hd-btn{border-radius:.6rem;box-shadow:none;font-size:1.4rem;height:3.6rem;padding:.6rem 1.2rem}
@media screen and (max-width:1199px) {
.hd-menu{display:none}
}
.hd-menu>.menu-list{display:flex;gap:2rem}
@media screen and (max-width:1240px) {
.hd-menu>.menu-list{gap:1rem}
}
.hd-menu .menu-item{position:relative}
.hd-menu .menu-item:hover>.menu-list{opacity:1!important;transform:translate(0)!important;visibility:visible!important}
.hd-menu>.menu-list>.menu-item>a{color:#fff}
@media screen and (min-width:1025px) {
.hd-menu>.menu-list>.menu-item>a:hover{background-color:hsla(0,0%,100%,.1);color:var(--c-third)}
}
.hd-menu .menu-item a{align-items:center;border-radius:.6rem;display:flex;gap:.8rem;padding:.6rem 1.2rem;transition:.1s ease-in-out}
.hd-menu .menu-item a i{font-size:1.2rem}
.hd-menu .menu-item.active>a{background-color:hsla(0,0%,100%,.1);color:var(--c-third)}
.hd-menu>.menu-list>.menu-item .menu-list{background-color:#fff;box-shadow:0 2px 8px 0 #63636333;color:#1f2937;left:0;opacity:0;position:absolute;top:calc(100% + 1.2rem);transform:translate(0);transition:.2s ease-in-out;visibility:hidden;width:20rem}
.hd-menu>.menu-list>.menu-item .menu-list .menu-item:not(:last-child){border-bottom:.1rem solid #0000001a}
@media screen and (min-width:1025px) {
.hd-menu>.menu-list>.menu-item .menu-list .menu-item:hover>a{background-color:#e7f0f7}
}
.hd-menu>.menu-list>.menu-item .menu-list .menu-link{align-items:center;border-radius:0;display:flex;font-weight:500;justify-content:space-between;padding:.8rem;transition:.2s ease-in-out}
.hd-menu>.menu-list>.menu-item .menu-list .menu-link i{transform:rotate(-90deg)}
.hd-menu>.menu-list>.menu-item>.menu-list .menu-list{left:100%;opacity:0;top:0;transform:translate(0);transition:.2s ease-in-out;visibility:hidden}
.hd-menu>.menu-list>.menu-item>.menu-list .menu-item.active>a{color:var(--c-pri)}
.hd-menu>.menu-list>.menu-item>.menu-list .menu-item:has(.active)>a{color:var(--c-pri)}
.hd-menu>.menu-list>.menu-item:has(.active)>a{background-color:hsla(0,0%,100%,.1);color:var(--c-third)}
.ft{color:#fff;font-size:1.5rem;position:relative}
.ft-top{padding:5.6rem 0}
@media screen and (max-width:700px) {
.ft-top{padding:4rem 0}
}
.ft-br{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}
.ft-br img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.ft-col:first-child{width:25%}
@media screen and (max-width:1024px) {
.ft-col:first-child{width:50%}
}
@media screen and (max-width:700px) {
.ft-col:first-child{width:100%}
}
.ft-col:nth-child(2){width:20.8333333333%}
@media screen and (max-width:1024px) {
.ft-col:nth-child(2){width:50%}
}
.ft-col:nth-child(3){width:20.8333333333%}
@media screen and (max-width:1024px) {
.ft-col:nth-child(3){width:50%}
}
.ft-col:nth-child(4){width:33.3333333333%}
@media screen and (max-width:1024px) {
.ft-col:nth-child(4){width:50%}
}
@media screen and (max-width:700px) {
.ft-col:nth-child(4){width:100%}
}
.ft-title{font-size:1.4rem;font-weight:600;margin-bottom:1.6rem;text-transform:uppercase}
.ft-menu .menu-list{display:flex;flex-direction:column;gap:1rem}
@media screen and (min-width:1025px) {
.ft-menu .menu-item:hover{color:var(--c-third)}
}
.ft-menu .menu-item.active{color:var(--c-third)}
.ft-ct{flex-direction:column}
.ft-ct,.ft-ct li{display:flex;gap:1rem}
.ft-ct li{align-items:flex-start}
.ft-ct .ic{flex-shrink:0;width:2.8rem}
.ft-ct .title{font-size:1.2rem;text-transform:uppercase}
.ft-map{border-radius:1.6rem;height:25rem;overflow:hidden}
.ft-map iframe{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.ft-author{background-color:#111827;font-size:1.2rem;padding:2.4rem 0;text-align:center;text-transform:uppercase}
.burger{cursor:pointer;position:relative}
.burger.active .line:first-child{transform:translate3d(0,3px,0) rotate(45deg)!important}
.burger.active .line:nth-child(2){transform:translate3d(0,-4px,0) rotate(135deg)!important}
.hamburger .line{background-color:#fff;display:block;height:2px;margin:5px 0;transform-origin:50% 50%;transition:all .5s ease;width:22px}
.mb{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index: 9999999990;}
.mb.open{pointer-events:visible}
.mb.open .mb-main{transform:translateX(0)}
.mb.open .mb-overlay{opacity:1}
.mb-main{background-color:var(--c-pri);color:#fff;display:flex;flex-direction:column;font-size:1.4rem;gap:.4rem;height:100%;left:0;overflow:hidden auto;padding:1.2rem .6rem .6rem;position:absolute;top:0;transform:translateX(-100%);transition:.3s ease-in-out;width:28rem;}
.mb-dx{background-color:hsla(0,0%,100%,.5);border-radius:.6rem;color:var(--c-four)}
.mb-dx,.mb-dx .--dx{align-items:center;display:flex;gap:.8rem}
.mb-dx .--dx{padding:.8rem 1.2rem}
.mb-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s ease-in-out;width:100%}
.mb-menu .menu-list{display:flex;flex-direction:column;gap:1.4rem}
.mb-menu .menu-link{align-items:center;border-radius:.6rem;display:flex;gap:.8rem;justify-content:space-between;padding:1rem}
.mb-menu .menu-link i{position:relative;transition:.3s ease-in-out}
.mb-menu .menu-link i:after{content:"";height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2rem}
.mb-menu .menu-list>.menu-item>.menu-link{background-color:hsla(0,0%,100%,.1)}
.mb-menu .menu-list>.menu-item .menu-list{border-left:.1rem solid hsla(0,0%,100%,.3);display:none;margin-left:.5rem;margin-top:.5rem;padding-left:.5rem}
.mb-menu .menu-item.active>a{color:var(--c-third)}
.mb-menu .menu-item.is-active>.menu-link>i{transform:rotate(180deg)}
.mb-menu .menu-list>.menu-item:has(.active)>.menu-link{color:var(--c-third)}
.mb-top{align-items:center;display:flex;margin-bottom:1rem}
.mb-logo .logo{--w:70%}
.mb-close{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:.4rem;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem;right:.6rem;position:absolute}
.mb-close i{font-family:Font Awesome 6 Pro}
.mb-bot{display:flex;flex-direction:column;gap:.4rem;margin-top:auto}
.mb-bot .ft-ct{background-color:hsla(0,0%,100%,.1);border-radius:.6rem;font-size:1.2rem;padding:1rem}
.mb-bot .ft-ct .title{font-size:1.1rem}
.mb-bot .ft-ct li{gap:.4rem}
.mb-bot .ft-ct .ic{width:2rem}
.effectShine{overflow:hidden;position:relative}
.effectShine:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));content:"";display:block;height:100%;left:-75%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:2}
.effectShine:hover:before{animation:shine 1s}
.sl-cus{position:relative}
.sl-cus.min{min-width:12rem}
.sl-cus.min:not(:first-child){margin-left:.5rem}
.sl-head{align-items:center;background-color:#f8f8f8;border:1px solid #0000001a;border-radius:.6rem;cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:4rem;padding:0 1.5rem;position:relative;z-index:5}
.sl-head:before{border-bottom:5px solid var(--c-second);right:10px;top:13px}
.sl-head:after,.sl-head:before{border-left:4px solid transparent;border-right:4px solid transparent;content:"";height:0;position:absolute;width:0}
.sl-head:after{border-top:5px solid var(--c-second);bottom:1.3rem;right:1rem}
.sl-main{display:-webkit-box;font-size:1.5rem;font-weight:700;letter-spacing:.5px;line-height:1.5;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sl-list{background-color:#fff;border-radius:0 0 6px 6px;border:1px solid #0000001a;border-top:none;display:none;left:0;max-height:20rem;overflow:hidden;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}
.sl-item{color:#000;cursor:pointer;font-size:1.4rem;letter-spacing:.5px;line-height:1.5;padding:1rem 1.5rem;transition:.2s ease-in-out}
.sl-item:hover{background-color:var(--c-second);color:#fff}
.popup{--w:70rem;--h-min:2;--h-max:80vh;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;visibility:hidden;z-index:999}
.popup.open{pointer-events:visible;visibility:visible}
.popup.open .popup-overlay{height:100%}
.popup.open .popup-main,.popup.open .popup-overlay{opacity:1;transform:translate(0);visibility:visible}
.popup.open .popup-main{transform:translate(-50%,-50%);transition:.1s ease-in-out;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-ms-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition-delay:.1s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s}
.popup-overlay{background-color:#000c;bottom:0;left:0;right:0;top:0;z-index:1}
.popup-main,.popup-overlay{opacity:0;position:absolute;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;visibility:hidden}
.popup-main{background-color:#fff;border-radius:6px;left:50%;max-width:95%;top:50%;transform:translate(-50%,-50%);width:var(--w);z-index:2}
.popup-main-wrapper{border-radius:6px;overflow:hidden}
.popup-over{max-height:var(--h-max);min-height:var(--h-min);overflow-y:auto}
.popup-wrapper{min-height:var(--h-min);padding:2rem;position:relative;width:100%}
@media screen and (max-width:768px) {
.popup-wrapper{padding:.8rem}
}
.popup-title{--f-sz:2.4rem;font-size:var(--f-sz);font-weight:700;margin-bottom:1.6rem;text-align:center;text-transform:uppercase}
@media only screen and (max-width:1200px) {
.popup-title{--f-sz:2rem}
}
@media only screen and (max-width:800px) {
.popup-title{--f-sz:1.7rem}
}
.popup-close{-ms-align-items:center;align-items:center;-webkit-align-items:center;background-color:#fff;border:1px solid #0000004d;cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:3rem;justify-content:center;-webkit-justify-content:center;position:absolute;right:1.6rem;top:1.6rem;transition:.6s ease-in-out;width:3rem;z-index:3}
.popup-close:hover .icon{transform:rotate(1turn)}
.popup-close .icon{color:#000;font-size:2.4rem;font-weight:300;transition:.6s ease-in-out;-webkit-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;-ms-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}
.popup-quote{--w:127rem}
.popup-forgos{--w:50rem;--h-min:20vh;--h-max:80vh}
.popup-forgos-form{overflow:hidden}
.popup-forgos-checkmail{align-items:center;border:.1rem solid #f44336;border-radius:.8rem;display:flex;gap:1rem;margin-top:1.6rem;padding:1rem}
.popup-forgos-checkmail img{animation:phoneRing 1s ease-in-out;flex-shrink:0;width:4rem}
.popup-forgos.second .popup-close{display:none}
.popup-promotion .popup-wrapper{padding:0}
.popup-promotion .popup-close{border-radius:9999rem;right:-1.6rem;top:-1.6rem}
.popup-promotion .popup-close .icon{font-size:2rem}
#lg-actual-size,#lg-share,.lg-download{display:none}
.lg-backdrop,.lg-outer{z-index:99999}
.lg-outer .lg-thumb-item{border:.2rem solid var(--c-pri);transition:.2s ease}
.lg-next.lg-icon,.lg-prev.lg-icon{height:4rem;width:4rem}
.lg-next.lg-icon i,.lg-prev.lg-icon i{background:var(--c-pri);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.lg-outer .lg-thumb-outer{background-color:#000}
.lg-close.lg-icon,.lg-outer .lg-toogle-thumb{background:var(--c-pri);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.lg-outer .lg-toogle-thumb{height:4rem;width:4rem}
.lg-img-wrap,.lg-thumb-item{border-radius:.8rem}
.lg-outer .lg-thumb{margin:0 auto -5px}
.swiper-container{overflow:hidden}
.rows{--rg:0;--cg:2.4rem;margin:0 calc(var(--cg)/2*-1);margin-bottom:0}
.swiper-slide{height:auto;overflow:hidden}
.swiper-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.8rem;padding-bottom:.4rem;position:static}
.swiper-pagination-bullet{--circle:-.4rem;background-color:var(--c-pri);border-radius:100rem;cursor:pointer;height:.8rem;opacity:1;position:relative;width:.8rem}
@media screen and (max-width:700px) {
.swiper-pagination-bullet{height:.6rem;width:.6rem}
}
.swiper-pagination-bullet:before{border:1px solid var(--c-pri);border-radius:100rem;bottom:var(--circle);content:"";left:var(--circle);opacity:0;position:absolute;right:var(--circle);top:var(--circle);transition:.1s ease-in-out}
.swiper-pagination-bullet-active{background-color:var(--c-pri)}
.swiper-pagination-bullet-active:before{opacity:1}
.swiper-pagination.swiper-pagination-lock{display:none}
.swiper-control{align-items:center;display:flex;gap:1.6rem;--size:4rem}
.swiper-control-btn{-ms-align-items:center;align-items:center;-webkit-align-items:center;background-color:#fff;border:.1rem solid var(--c-pri);border-radius:100rem;color:var(--c-pri);cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-size:1.6rem;height:var(--size);justify-content:center;-webkit-justify-content:center;overflow:hidden;position:relative;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;width:var(--size);z-index:5}
.swiper-control-btn:after{background:var(--c-second);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s ease;width:0;z-index:1}
.swiper-control-btn>*{position:relative;z-index:2}
.swiper-control-btn.swiper-button-disabled{background-color:#ddd;box-shadow:none;cursor:default}
@media screen and (min-width:1025px) {
.swiper-control-btn:hover:not(.swiper-button-disabled){color:#fff!important}
.swiper-control-btn:hover:not(.swiper-button-disabled):after{left:0;width:100%}
}
.swiper-control.white .swiper-control-btn{background-color:transparent;border-color:#fff;color:#fff}
@media screen and (max-width:1350px) {
.swiper-control.white.mobile-plus .swiper-control-btn{background-color:#fff;border-color:var(--c-pri);color:var(--c-pri)}
}
.swiper-control.posi .swiper-control-btn{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.swiper-control.posi.minus .swiper-prev{right:calc(100% + 4rem)}
@media screen and (max-width:1350px) {
.swiper-control.posi.minus .swiper-prev{left:calc(var(--size)/2*-1);right:unset}
}
.swiper-control.posi.minus .swiper-next{left:calc(100% + 4rem)}
@media screen and (max-width:1350px) {
.swiper-control.posi.minus .swiper-next{left:unset;right:calc(var(--size)/2*-1)}
}
@media screen and (max-width:1199px) {
.swiper-control.posi.minus.mobile-plus .swiper-prev{left:calc(var(--size)/2*-1 + .75rem)}
.swiper-control.posi.minus.mobile-plus .swiper-next{right:calc(var(--size)/2*-1 + .75rem)}
}
.swiper-control.posi.midle .swiper-prev{left:calc(var(--size)/2*-1)}
.swiper-control.posi.midle .swiper-next{right:calc(var(--size)/2*-1)}
.swiper-control.posi.plus .swiper-prev{left:1rem}
.swiper-control.posi.plus .swiper-next{right:1rem}
@media screen and (max-width:1199px) {
.swiper-control.posi.mobile-plus .swiper-prev{left:calc(var(--size)/2*-1 + .75rem)}
.swiper-control.posi.mobile-plus .swiper-next{right:calc(var(--size)/2*-1 + .75rem)}
}
.swiper-pagination-progressbar{background:#0000001a;height:.1rem!important}
.swiper-pagination-progressbar-fill{background-color:var(--c-second)!important}
.breadcrumb-list{display:-moz-flex;display:-ms-flex;display:-o-flex;flex-wrap:wrap;overflow:hidden}
.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:.8rem}
.breadcrumb-item{font-size:1.4rem}
.breadcrumb-item:not(:first-child):before{border-bottom:.5rem solid transparent;border-left:.5rem solid var(--c-txt);border-top:.5rem solid transparent;content:"";display:inline-block;height:0;vertical-align:middle;width:0}
.breadcrumb-item:first-child a{align-items:center;display:flex;gap:.4rem}
.breadcrumb-item:first-child a i,.breadcrumb-item:last-child{color:var(--c-second)}
@media screen and (min-width:1025px) {
.breadcrumb-item:hover{color:var(--c-second)}
}
.breadcrumb-link{color:inherit;transition:.2s ease-in-out}
.btn{-ms-align-items:center;align-items:center;-webkit-align-items:center;background:var(--c-pri);border-radius:.8rem;color:#fff;cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-family:var(--font-pri);font-size:1.5rem;font-weight:600;gap:1rem;height:var(--h-btn);justify-content:center;-webkit-justify-content:center;overflow:hidden;padding:1.4rem 2rem;pointer-events:visible;text-align:center;width:-moz-fit-content;width:fit-content}
.btn,.btn>*{position:relative}
.btn>*{z-index:2}
.btn-gr{--gap:1rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;gap:var(--gap)}
.btn:after{background:var(--c-six);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s ease;width:0;z-index:1}
@media screen and (min-width:1025px) {
.btn:hover:after{left:0;width:100%}
}
.btn.--miw{min-width:14rem}
.btn.--second{background-color:var(--c-six)}
.btn.--second:after{background-color:var(--c-pri)}
.btn.--trans{background-color:transparent;border:.1rem solid var(--c-pri);color:var(--c-pri);font-weight:400}
.btn.--trans:after{background-color:var(--c-pri);color:#fff}
@media screen and (min-width:1025px) {
.btn.--trans:hover{color:#fff}
}
.btn.--white{background-color:#fff;color:var(--c-pri)}
.btn.--white:after{opacity:0}
.btn-add-cart{align-items:center;border:.1rem solid #94a3b8;border-radius:.6rem;cursor:pointer;display:flex;height:var(--sz-btn-add-cart);justify-content:center;width:var(--sz-btn-add-cart)}
.btn-add-cart:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}
.btn-add-cart img{border-radius:unset;display:block;width:45%}
.btn-add-cart.--pri{border-color:var(--c-six);--sz-btn-add-cart:4.4rem}
.btn-shoppee{--sz-btn-add-cart:4.4rem;align-items:center;border:.1rem solid #ee4d2d;border-radius:.6rem;cursor:pointer;display:flex;height:var(--sz-btn-add-cart);justify-content:center;width:var(--sz-btn-add-cart)}
.btn-shoppee img{border-radius:unset;display:block;width:45%}
.btn-more{color:var(--c-pri);cursor:pointer;font-size:1.4rem;font-weight:600;text-decoration:underline;text-underline-position:under}
@media screen and (min-width:1025px) {
.btn-more:hover{color:var(--c-six)}
}
.input{font-family:var(--font-pri);width:100%}
.input-area{height:auto}
.f-rela{margin-top:auto;position:relative}
.f-lock{cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.f-lock i{color:var(--c-pri);font-family:Font Awesome 6 Pro}
.f-pass{position:relative}
.f-pass .re-input{padding-right:3rem}
.f-fl{align-items:center;display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:space-between}
.f-link{color:var(--c-second);font-weight:700}
@media screen and (min-width:1025px) {
.f-link:hover{text-decoration:underline}
}
@media screen and (max-width:700px) {
.f-item.col-6{width:100%}
}
.re-label{color:var(--c-txt-second);font-weight:500;margin-bottom:.8rem}
.re-input,.re-label{display:block;font-size:1.6rem}
.re-input{background-color:transparent;border:none;border-bottom:.1rem solid #0000001a;font-family:var(--font-pri);outline:none;padding:1rem 0;width:100%}
.re-input.second{border:.1rem solid #0000001a;border-radius:.4rem;height:var(--h-input);padding:1.2rem}
.re-input.--btn{height:var(--h-btn)}
.re-input.--readonly{background-color:#ddd}
.re-input:focus{border-color:var(--c-pri)}
.re-input:-webkit-autofill,.re-input:-webkit-autofill:active,.re-input:-webkit-autofill:focus,.re-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}
.re-input.placeholder{color:#6b7280;font-size:1.6rem}
.re-input:-moz-placeholder,.re-input::-moz-placeholder{color:#6b7280;font-size:1.6rem}
.re-input:-ms-input-placeholder{color:#6b7280;font-size:1.6rem}
.re-input::-webkit-input-placeholder{color:#6b7280;font-size:1.6rem}
.f-pass .re-input.second{padding-right:4rem}
.f-pass .re-input.second~.f-lock{right:1rem}
textarea{resize:none}
.f-action{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.f-action input:checked+.f-action-radio:before{opacity:1}
.f-action-radio{background-color:#f1f5f9;border:.1rem solid #0000001a;border-radius:100rem;display:inline-block;height:1.6rem;position:relative;vertical-align:middle;width:1.6rem}
.f-action-radio:before{background-color:var(--c-pri);border-radius:100rem;bottom:2px;content:"";left:2px;opacity:0;position:absolute;right:2px;top:2px}
.re-date .ant-picker{background:transparent;border-color:#0000001a;border-radius:.4rem;height:var(--h-input);width:100%}
.re-date .ant-picker:hover{background-color:transparent;border-color:#0000001a}
.re-date .ant-picker-input input{color:var(--c-txt)!important;font-family:var(--font-pri)!important;font-size:1.6rem!important;font-weight:500}
.re-date .ant-picker-input input::-moz-placeholder{color:var(--c-txt)!important;font-weight:500}
.re-date .ant-picker-input input::placeholder{color:var(--c-txt)!important;font-weight:500}
.re-select .ant-select{background:transparent!important;height:var(--h-input);width:100%}
.re-select .ant-select-selector{background:transparent!important;border:.1rem solid #0000001a!important;border-radius:.4rem!important;box-shadow:none!important;font-family:var(--font-pri);font-size:1.6rem!important;font-weight:600!important}
.re-select .ant-select-selection-item{color:var(--c-txt)!important}
.re-select .ant-select-selection-placeholder{color:var(--c-txt)!important;font-weight:400}
.re-select .ant-select-arrow{opacity:1!important}
.re-select .ant-select-arrow:before{color:var(--c-txt);content:"";font-family:Font Awesome 6 Pro!important;font-weight:900}
.re-select .ant-select-arrow .anticon{display:none}
.re-select .ant-select-clear{display:none!important}
.re-select .loading-custom{padding:0 1rem;--sz:2rem;--line-bd:.3rem;justify-content:flex-end}
.re-select-wrapper.--loading .ant-select-arrow{display:none!important}
.re-select.--second .ant-select{height:4rem}
.re-input.area{height:unset}
@media screen and (min-width:1025px) {
.f-action a:hover{text-decoration:underline;text-underline-position:under}
}
.f-action-forgos{font-size:1.4rem}
@media screen and (min-width:1025px) {
.f-action-forgos:hover{color:var(--c-second);text-decoration:underline;text-underline-position:under}
}
.page-numbers{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;/* display:flex; */justify-content:center;margin-top:1.6rem;position:relative;z-index:5}
.page-numbers>li:not(:first-child){margin-left:8px}
.page-numbers>li>.page-numbers{-ms-align-items:center;align-items:center;-webkit-align-items:center;background-color:#f2f2f2;border-radius:100rem;color:var(--c-txt);cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-size:1.4rem;height:3.2rem;justify-content:center;-webkit-justify-content:center;overflow:hidden;position:relative;width:3.2rem}
.page-numbers>li>.page-numbers:after{background:var(--c-pri);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s ease;width:0;z-index:1;z-index:-1}
@media screen and (min-width:1025px) {
.page-numbers>li>.page-numbers:hover:not(.dot){color:#fff}
.page-numbers>li>.page-numbers:hover:not(.dot):after{left:0;width:100%}
}
.page-numbers>li>.page-numbers.current{color:#fff}
.page-numbers>li>.page-numbers.current:after{left:0;width:100%}
.page-numbers>li>.page-numbers.dot{background-color:transparent}
.page-numbers>li>.page-numbers i{font-weight:400}
.re-head{margin-bottom:1.6rem}
.re-head.flex{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.t-title{align-items:center;display:inline-flex;gap:.4rem;--f-sz:2.6rem;font-size:var(--f-sz);font-weight:600}
@media only screen and (max-width:1200px) {
.t-title{--f-sz:2.2rem}
}
@media only screen and (max-width:800px) {
.t-title{--f-sz:1.9rem}
}
.t-title img{width:var(--f-sz)}
.t-center{text-align:center}
.fw-1{font-weight:100}
.fw-2{font-weight:200}
.fw-3{font-weight:300}
.fw-5{font-weight:500}
.fw-6{font-weight:600}
.fw-7{font-weight:700}
.fw-8{font-weight:800}
.fw-b{font-weight:700}
.fsi{font-style:italic}
.t-up{text-transform:uppercase}
.t9{--f-sz:.9rem}
.t11,.t9{font-size:var(--f-sz)}
.t11{--f-sz:1.1rem}
.t12{--f-sz:1.2rem}
.t12,.t14{font-size:var(--f-sz)}
.t14{--f-sz:1.4rem}
.t16{--f-sz:1.6rem}
.t16,.t18{font-size:var(--f-sz)}
.t18{--f-sz:1.8rem}
@media only screen and (max-width:1200px) {
.t18{--f-sz:1.6rem}
}
@media only screen and (max-width:800px) {
.t18{--f-sz:1.5rem}
}
.t20{--f-sz:2rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t20{--f-sz:1.8rem}
}
@media only screen and (max-width:800px) {
.t20{--f-sz:1.6rem}
}
.t24{--f-sz:2.4rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t24{--f-sz:2rem}
}
@media only screen and (max-width:800px) {
.t24{--f-sz:1.7rem}
}
.t32{--f-sz:3.2rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t32{--f-sz:2.7rem}
}
@media only screen and (max-width:800px) {
.t32{--f-sz:2.2rem}
}
.t40{--f-sz:4rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t40{--f-sz:3.5rem}
}
@media only screen and (max-width:800px) {
.t40{--f-sz:2.7rem}
}
.t48{--f-sz:4.8rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t48{--f-sz:4.3rem}
}
@media only screen and (max-width:800px) {
.t48{--f-sz:3.3rem}
}
.t56{--f-sz:5.6rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t56{--f-sz:5.1rem}
}
@media only screen and (max-width:800px) {
.t56{--f-sz:4rem}
}
.t64{--f-sz:6.4rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t64{--f-sz:3.9rem}
}
@media only screen and (max-width:800px) {
.t64{--f-sz:2.9rem}
}
.t72{--f-sz:7.2rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.t72{--f-sz:5rem}
}
@media only screen and (max-width:800px) {
.t72{--f-sz:4rem}
}
.full-im{width:100%!important}
.c-pri{color:var(--c-pri)}
.c-second{color:var(--c-second)}
.c-third{color:var(--c-third)}
.c-six{color:var(--c-six)}
.c-white{color:#fff}
.c-sc{color:#059669}
.c-txt{color:var(--c-txt)}
.over-hd{overflow:hidden}
.m-mid{margin:0 auto}
.m-end{margin-left:auto}
.m-top{margin-top:1.2rem}
.m-start{margin-right:auto}
.f-mid{-ms-align-items:center;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.f-end,.f-mid{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.f-end{justify-content:flex-end}
.tabBtn{cursor:pointer}
.relative,.slider{position:relative}
.head{margin-bottom:3.2rem}
.head.space{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.head.center{align-items:center}
.head.end{align-items:flex-end}
.head.start{align-items:flex-start}
@media screen and (max-width:700px) {
.head.mb-center{text-align:center}
.head.mb-center .left,.head.mb-center .right{width:100%}
.head.mb-center .cdw{justify-content:center}
.head.mb-center .btn{margin:0 auto}
}
.hv-bd{position:relative}
.hv-bd:before{border:.1rem solid #fff;border-radius:1rem;bottom:.8rem;content:"";left:.8rem;opacity:0;position:absolute;right:.8rem;top:.8rem;transform:scale(1.1);z-index:1}
.hv-bd img,.hv-bd:before{transition:all .3s ease-in-out}
@media screen and (min-width:1025px) {
.hv-bd:hover:before{opacity:1;transform:scale(1)}
.hv-bd:hover img{transform:translate(-50%,-50%) scale(1.05);-webkit-transform:translate(-50%,-50%) scale(1.05);-moz-transform:translate(-50%,-50%) scale(1.05);-o-transform:translate(-50%,-50%) scale(1.05)}
}
.gItem{cursor:pointer}
.parallaxJS img{position:relative}
@media screen and (min-width:1200px) {
.hidden-desk{display:none!important}
}
@media screen and (max-width:1199px) {
.hidden-mobile{display:none!important}
}
.full{width:100%}
.wp-block-image{border-radius:1.2rem}
.wp-block-image img{display:block;margin:0 auto}
.mb-0{margin-bottom:0!important}
.mb-2{margin-bottom:.2rem}
.mb-4{margin-bottom:.4rem}
.mb-6{margin-bottom:.6rem}
.mb-8{margin-bottom:.8rem}
.mb-10{margin-bottom:1rem}
.mb-12{margin-bottom:1.2rem}
.mb-14{margin-bottom:1.4rem}
.mb-15{margin-bottom:1.5rem}
.mb-16{margin-bottom:1.6rem}
.mb-18{margin-bottom:1.8rem}
.mb-20{margin-bottom:2rem}
.mb-24{margin-bottom:2.4rem}
.mb-25{margin-bottom:2.5rem}
.mb-30{margin-bottom:3rem}
.mb-32{margin-bottom:3.2rem}
.mb-40{margin-bottom:4rem}
.mb-48{margin-bottom:4.8rem}
.mb-56{margin-bottom:5.6rem}
.mb-64{margin-bottom:6.4rem}
.mb-72{margin-bottom:7.2rem}
.mb-80{margin-bottom:8rem}
.ss-mg{margin:var(--pd-sc) 0}
.ss-mg-t{margin-top:var(--pd-sc)}
.ss-mg-b{margin-bottom:var(--pd-sc)}
.ss-pd{padding:var(--pd-sc) 0}
.ss-pd-t{padding-top:var(--pd-sc)}
.ss-pd-b{padding-bottom:var(--pd-sc)}
.recheck-block.--flex{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.recheck-item{align-items:center;cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;gap:.4rem}
.recheck-item.active .recheck-checkbox:before{opacity:1}
.recheck-item.active .recheck-radio{border:.1rem solid var(--c-pri)}
.recheck-item.active .recheck-radio:before{opacity:1}
.recheck-checkbox{background-color:transparent;border:1px solid var(--c-pri);border-radius:.4rem;display:block;flex-shrink:0;height:1.6rem;position:relative;width:1.6rem}
.recheck-checkbox:before{color:#fff;content:"+";font-family:Font Awesome 6 Pro;font-size:1.2rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.1s ease-in-out}
.recheck-radio{border:.1rem solid var(--c-txt);border-radius:100rem;flex-shrink:0;height:1.6rem;position:relative;width:1.6rem}
.recheck-radio:before{background-color:var(--c-pri);border-radius:100rem;content:"";height:.8rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:.8rem}
.recheck-method{-ms-align-items:center;align-items:center;-webkit-align-items:center;border:.1rem solid #ebebeb;border-radius:.8rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:4.8rem;justify-content:center;-webkit-justify-content:center;margin-left:.8rem;width:4.8rem}
.recheck-method img{height:2.4rem;width:2.4rem}
.recheck-text{color:var(--c-txt);line-height:1.1;margin-left:.8rem}
.recheck-input:checked~.recheck-checkbox{background-color:var(--c-pri);border-color:var(--c-pri)}
.recheck-input:checked~.recheck-checkbox:before{opacity:1}
.star{align-content:start;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.star-list{height:2rem;position:relative}
.star-flex{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.star-flex img{height:1.8rem;width:1.8rem}
.star-flex img:not(:first-child){margin-left:.4rem}
.star-filter{height:100%;left:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);width:0}
.pro-list,.pro-slider .swiper{--cg:1.6rem;--rg:1.6rem}
@media screen and (max-width:700px) {
.pro-list,.pro-slider .swiper{--cg:.8rem;--rg:.8rem}
}
@media screen and (max-width:1400px) {
.pro-item,.pro-slider .swiper-slide{width:25%}
}
@media screen and (max-width:900px) {
.pro-item,.pro-slider .swiper-slide{width:33.3333333333%}
}
@media screen and (max-width:700px) {
.pro-item,.pro-slider .swiper-slide{width:50%}
}
@media screen and (max-width:360px) {
.pro-item,.pro-slider .swiper-slide{width:100%}
}
.pro-wrapper{background-color:#fff;border-radius:var(--rs);box-shadow:0 4px 6px -1px #1018281a 2px 4px -2px #1018281a;padding:1.6rem}
@media screen and (max-width:700px) {
.pro-wrapper{padding:.8rem}
}
.pro-wr{--h-action:6rem;background-color:#fff;border:.1rem solid #0000001a;border-radius:.8rem;display:flex;flex-direction:column;height:100%;position:relative;transition:.2s ease-in-out}
@media screen and (max-width:1199px) {
.pro-wr{overflow:hidden}
}
@media screen and (min-width:1025px) {
.pro-wr:hover{border-color:transparent}
.pro-wr:hover .pro-name{color:var(--c-pri)}
.pro-wr:hover .pro-action{opacity:1;visibility:visible;z-index:9}
}
@media screen and (min-width:1200px) {
.pro-action{border:.1rem solid var(--c-pri);border-radius:.8rem;display:flex;flex-direction:column;height:calc(100% + var(--h-action));justify-content:flex-end;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:.2s ease-in-out;visibility:hidden;width:100%;z-index:3}
}
.pro-action-box{background-color:#fff;border-radius:0 0 .8rem .8rem;display:flex;gap: 10px;height:var(--h-action);padding:1rem;pointer-events:visible}
@media screen and (max-width:700px) {
.pro-action-box{height:unset;padding:0 .5rem .5rem}
}
.pro-action-box .btn{border-radius:.4rem;flex:1;height:4rem;padding:1rem}
@media screen and (max-width:700px) {
.pro-action-box .btn{font-size:1.2rem}
}
.pro-action-box .btn-add-cart{border-radius:.4rem;height:4rem;width:4rem}
@media screen and (min-width:1025px) {
.pro-action-box .btn-add-cart:hover{border-color:var(--c-pri)}
}
.pro-wr.--signature .pro-img .inner{background-color:var(--c-pri)}
.pro-wr.--signature .pro-img .inner img{border-radius:.4rem;height:calc(100% - 1.8rem);width:calc(100% - 1.8rem)}
.pro-logo{bottom:0;left:50%;position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:12%}
.pro-logo img{display:block;width:100%}
.pro-img-txt{background-color:var(--c-pri);border-radius:100rem;color:#fff;display:inline-block;font-size:1rem;font-weight:600;left:50%;padding:.1rem .8rem .2rem;position:absolute;text-transform:uppercase;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);white-space:nowrap;z-index:2}
.pro-img,.pro-img .inner{position:relative}
.pro-img .inner{border-radius:.8rem .8rem 0 0;display:block;overflow:hidden;padding-top:100%}
.pro-img .inner img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.2s ease-in-out;width:100%}
.pro-content{padding:1rem}
.pro-tag{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}
@media screen and (max-width:700px) {
.pro-tag{gap:.4rem}
}
.pro-tag-item{align-items:center;background-color:#f3f4f6;border-radius:100rem;color:#6b7280;display:flex;font-size:1.2rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:uppercase}
.pro-tag-item.--pri{background-color:#e7f0f7;color:var(--c-pri);padding-left:.4rem}
.pro-tag-item img{flex-shrink:0;width:2rem}
@media screen and (max-width:700px) {
.pro-tag-item{font-size:1rem;gap:.2rem;padding:.3rem .6rem}
.pro-tag-item img{width:1.4rem}
}
.pro-content{display:flex;flex:1;flex-direction:column;gap:.8rem}
@media screen and (max-width:700px) {
.pro-content{gap:.4rem}
}
.pro-name{display:-webkit-box;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media screen and (max-width:700px) {
.pro-name{font-size:1.4rem}
}
.pro-code{color:#9ca3af;font-size:1.4rem}
@media screen and (max-width:700px) {
.pro-code{font-size:1.2rem}
}
.pro-fl{gap:.8rem;justify-content:space-between;margin-top:auto}
.pro-fl,.pro-price{align-items:center;display:flex;flex-wrap:wrap}
.pro-price{font-size:1.4rem;gap:.4rem}
.pro-price .price{color:var(--c-pri);font-weight:600}
.pro-price .price.old{color:#64748b;text-decoration:line-through}
.pro-status{color:#3482be;font-size: 13px;font-weight: bold;}
.pro-status.sold{color:var(--c-six)}
.pro-position{align-items:center;background-color:var(--c-pri);border-radius:100rem;box-shadow:0 4px 8px #0003;color:#fff;display:flex;font-weight:600;height:4rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:4rem}
@media screen and (max-width:1024px) {
.pro-position{font-size:1.4rem;height:3.2rem;width:3.2rem}
}
@media screen and (max-width:700px) {
.pro-position{font-size:1.2rem;height:3rem;left:.5rem;top:.5rem;width:3rem}
}
.pro-head-parent{--gap:1rem;display:flex;flex-direction:column;gap:var(--gap)}
.pro-head-parent .re-head{margin-bottom:0!important}
.pro-loading-block{position:relative}
.pro-loading-block .loading-custom{background-color:hsla(0,0%,100%,.6)}
.pro-slider .pro-action{height:unset;opacity:1;position:static;visibility:visible}
@media screen and (min-width:1025px) {
.pro-slider .pro-wr:hover{border-color:#0b68b1}
}
.pro-slider .pro-wr .pro-action{border-color:transparent}
.prose-list{--cg:1rem;--rg:1rem}
.prose-item:not(:last-child){border-bottom:.1rem solid #0000001a}
.prose-item.--second{border:none}
.prose-item.--second .prose-wr{border:.1rem solid #0000001a;transition:.3s ease-in-out}
@media screen and (min-width:1025px) {
.prose-item.--second .prose-wr:hover{border-color:transparent;box-shadow:0 9px 18px 0 #00000026}
}
@media screen and (max-width:900px) {
.prose-item.col-6{width:100%}
}
.prose-wr{border-radius:.8rem;cursor:pointer;display:flex;gap:1rem;padding:1.2rem}
.prose-img{flex-shrink:0;position:relative;width:6.4rem}
.prose-close{align-items:center;background-color:var(--c-six);border-radius:100rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.6rem;justify-content:center;left:-.8rem;position:absolute;top:-.8rem;width:1.6rem;z-index:2}
.prose-close i{font-family:Font Awesome 6 Pro}
.prose-img .inner{border:.1rem solid #0000001a;border-radius:.8rem;display:block;overflow:hidden;padding-top:100%;position:relative}
.prose-img .inner img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.prose-name{font-size:1.4rem;font-weight:600}
.prose-price{display:flex;flex-wrap:wrap;font-size:1.4rem;gap:.4rem}
.prose-price .price{color:var(--c-pri);font-weight:600}
.prose-price .price.old{color:#94a3b8;font-weight:400;text-decoration:line-through}
.prose-code{font-size:1.2rem}
.pro-left{width: 23rem;}
@media screen and (max-width:1024px) {
.pro-left{margin-bottom:0;width:100%}
}
.pro-right{display:flex;flex:1;flex-direction:column;gap:15px}
@media screen and (max-width:1024px) {
.pro-right{flex:unset;width:100%}
}
.pro-right .re-block:nth-child(2){flex:1}
.pro-re-head{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between}
.pro-re-head .re-select{width:20rem}
.pro-re-head .right{display:flex;flex-wrap:wrap;gap:.8rem}
@media screen and (max-width:700px) {
.pro-re-head .right .ant-skeleton,.pro-re-head .right .re-select{flex:1}
.pro-re-head .right .ant-skeleton-input{width:100%!important}
}
.pro-skeleton{padding:1rem}
.pro-skeleton .pro-img .inner .ant-skeleton{bottom:0;left:0;position:absolute;right:0;top:0}
.pro-skeleton .pro-content{margin-top:1rem;padding:0}
.pro-skeleton .ant-skeleton-image{height:100%!important;width:100%!important}
.pro-skeleton .ant-skeleton-image svg{height:70%!important;width:70%!important}
.logo{--w:180px;display:flex;flex-shrink:0;width:var(--w)}
.logo img{display:block;width:100%}
.fix{background-color:var(--c-pri);bottom:0;color:#fff;display:flex;font-size:1.4rem;gap:.4rem;height:var(--h-fix);left:0;padding:.4rem;position:fixed;text-align:center;width:100%;z-index:calc(var(--z) - 1)}
.fix-item{flex:1}
.fix-item i{font-family:Font Awesome 6 Pro}
.fix-item.active .fix-wr{color:var(--c-third)}
.fix-wr{background-color:hsla(0,0%,100%,.1);border-radius:.4rem;display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center;position:relative}
.fix-wr .txt{font-size:1.2rem;line-height:1}
.fix-wr .number{align-items:center;background-color:var(--c-six);border-radius:100rem;color:#fff;display:flex;font-size:1rem;height:1.6rem;justify-content:center;position:absolute;right:-1.8rem;top:-.2rem;width:1.6rem}
.fix-ic{margin:0 auto;position:relative;width:-moz-fit-content;width:fit-content}
.fix-user{--h-box:2.4rem;position:relative}
.fix-user .hd-regi-inner{border-radius:.4rem;margin:0 auto}
.fix-user .fix-wr{gap:0}
.fix-user .hd-regi-content p{font-size:1.2rem;font-weight:400}
.fix-user .ant-skeleton-button{height:1.6rem!important}
.fix-user .acc-menu{background-color:#fff;border-radius:.8rem;bottom:calc(100% + .4rem);display:none;overflow:hidden;position:absolute;right:0;width:60vw}
.fix-user .acc-menu .--dx{display:none}
.fix-user .acc-menu li:not(:last-child){margin-bottom:0}
.fix-user:hover .acc-menu{display:block}
@media screen and (max-width:1024px) {
.--hide-tablet{display: none !important;}
}
@media screen and (min-width:1025px) {
.--hide-tablet-min{display:none!important}
}
@media screen and (min-width:1200px) {
.--hide-mb-min{display:none}
}
@media screen and (max-width:700px) {
.--hide-mobile{display:none}
}
.cate-menu{border-radius:0 0 .8rem .8rem;color:var(--c-txt);left: 0;max-height:calc(100vh - var(--size-hd));opacity:0;position:absolute;/* transform:translateX(-50%); *//* -webkit-transform:translateX(-50%); */-moz-transform:translateX(-50%);-o-transform:translateX(-50%);/* transform:translate(-50%,-20rem); */transition:.1s ease-in-out;visibility:hidden;width:1200px;z-index: -1;margin-top: 15px;}
@media screen and (max-width:1490px) {
.cate-menu{width:100vw;/* top:188px; */}
.cate-menu.open{opacity:1;transform:translate(-50%);visibility:visible}
}
@media screen and (max-width:700px) {
.cate-menu{height:calc(100vh - var(--size-hd));max-height:70vh;}
}
.cate-menu-row{border-radius:0 0 var(--rs) var(--rs);display:flex;height:inherit;max-height:inherit;max-height:70vh;gap: 0px;}
.cate-menu-col{height:inherit;max-height:inherit}
.cate-menu-col:first-child{background-color: #ffffff;border-radius:0 0 0 .6rem;width: 19%;box-shadow: 0 0 10px #00000026;}
@media screen and (max-width:700px) {
.cate-menu-col:first-child{background-color:#fff;border-radius:0;width:100%}
}
.cate-menu-col:nth-child(2){background-color:#fff;flex:1;overflow:hidden auto;padding:1.6rem}
@media screen and (max-width:700px) {
.cate-menu-col:nth-child(2){height:100%;left:0;padding:1rem;position:absolute;top:0;transform:translateX(-100%);transition:.2s ease-in-out;width:100%}
.cate-menu-col:nth-child(2).open{transform:translateX(0);}
.cate-menu-main li{border-bottom:.1rem solid #0000001a}
}
.cate-menu-main a{align-items:center;display:flex;font-weight: 500;gap: 5px;padding: 6px 10px;position:relative;transition:.3s ease-in-out;text-transform: uppercase;font-size: 14px;}
@media screen and (max-width:700px) {
.cate-menu-main a{padding:1.2rem 1rem}
}
.cate-menu-main a:before{background-color:var(--c-pri);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s ease-in-out;width:.4rem}
.cate-menu-main a.active{background-color:#fff}
.cate-menu-main a.active:before{opacity:1}
.cate-menu-main a.active .number{background-color:var(--c-pri);color:#fff}
@media screen and (min-width:1025px) {
.cate-menu-main a:hover{background-color: #3482be;color: #fff;}
.cate-menu-main a:hover:before{opacity:1}
.cate-menu-main a:hover .number{background-color:var(--c-pri);color:#fff}
}
.cate-menu-main .ic{display:block;width: auto;}
.cate-menu-main .ic img{display:block;mix-blend-mode:multiply;width: 20px;}
.cate-menu-main .number{background-color:#e2e8f0;border-radius:100rem;font-size:1rem;padding:.4rem .8rem;transition:.3s ease-in-out}
.cate-menu-main .right{align-items:center;display:flex;gap:.8rem;margin-left:auto;z-index: 2;}
@media screen and (max-width:700px) {
.cate-menu-main .right{flex:1;justify-content:space-between}
}
.cate-menu-main .next{align-items:center;background-color:#0b68b11a;border-radius:.4rem;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;width:3.2rem}
@media screen and (min-width:701px) {
.cate-menu-main .next{display:none}
}
.cate-menu-main .next i{font-family:Font Awesome 6 Pro}
.cate-sp{display:none;position:relative}
.cate-sp.open{display:block}
.cate-sp-hover{background-color:#0b68b10d;border-radius:.8rem;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:.2s ease-in-out}
.cate-sp-hover:before{border:.1rem solid var(--c-pri);border-radius:inherit;bottom:0;-webkit-clip-path:polygon(0 0,10% 0,10% 10%,90% 10%,90% 0,100% 0,100% 10%,90% 10%,90% 90%,100% 90%,100% 100%,90% 100%,90% 90%,10% 90%,10% 100%,0 100%,0 90%,10% 90%,10% 10%,0 10%);clip-path:polygon(0 0,10% 0,10% 10%,90% 10%,90% 0,100% 0,100% 10%,90% 10%,90% 90%,100% 90%,100% 100%,90% 100%,90% 90%,10% 90%,10% 100%,0 100%,0 90%,10% 90%,10% 10%,0 10%);content:"";left:0;position:absolute;right:0;top:0}
.cate-sp-list{--gap:1rem;display: none !important;flex-wrap:wrap;gap:var(--gap);position:relative;display: flex;justify-content: space-between;}
@media screen and (max-width:700px) {
.cate-sp-list{--gap:.5rem;grid-template-columns: repeat(3, 33%) !important;}
}
.cate-sp-item{width:calc(20% - var(--gap) + var(--gap)/5)}
@media screen and (max-width:1199px) {
.cate-sp-item{width:calc(25% - var(--gap) + var(--gap)/4)}
}
@media screen and (max-width:900px) {
.cate-sp-item{width:calc(33.33333% - var(--gap) + var(--gap)/3)}
}
.cate-sp-item.active .cate-sp-wr{background-color:#0b68b10d}
.cate-sp-item.active .cate-sp-wr:before{opacity:1}
.cate-sp-wr{border-radius:.8rem;display:block;padding:1rem;position:relative}
@media screen and (max-width:700px) {
.cate-sp-wr{padding:.4rem}
}
.cate-sp-wr:before{border:.1rem solid var(--c-pri);border-radius:inherit;bottom:0;-webkit-clip-path:polygon(0 0,10% 0,10% 10%,90% 10%,90% 0,100% 0,100% 10%,90% 10%,90% 90%,100% 90%,100% 100%,90% 100%,90% 90%,10% 90%,10% 100%,0 100%,0 90%,10% 90%,10% 10%,0 10%);clip-path:polygon(0 0,10% 0,10% 10%,90% 10%,90% 0,100% 0,100% 10%,90% 10%,90% 90%,100% 90%,100% 100%,90% 100%,90% 90%,10% 90%,10% 100%,0 100%,0 90%,10% 90%,10% 10%,0 10%);content:"";left:0;opacity:0;position:absolute;right:0;top:0}
.cate-sp-img{display:block;margin:0 auto;mix-blend-mode:multiply;padding-top:80%;position:relative;width:80%}
.cate-sp-img img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.cate-sp-content{text-align:center}
@media screen and (max-width:700px) {
.cate-sp-content{font-size:1.2rem}
}
.cate-sp-name{font-weight:500}
.cate-menu-back{align-items:center;background-color:#0b68b11a;border-radius:.4rem;cursor:pointer;display:flex;gap:.6rem;margin-bottom:1rem;padding:.4rem 1.6rem;width:-moz-fit-content;width:fit-content}
@media screen and (min-width:701px) {
.cate-menu-back{display:none}
}
.count{align-items:center;border:.1rem solid #0000001a;border-radius:100rem;display:flex;gap:.8rem;padding:.8rem;width:-moz-fit-content;width:fit-content}
.count-main{min-width:2.4rem;text-align:center}
.count-btn{align-items:center;background-color:#f3f4f6;border-radius:100rem;cursor:pointer;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}
.count-btn i{font-family:Font Awesome 6 Pro}
.loading-custom{--sz:3.2rem;--line-bd:.5rem;--c-line:#0b68b1;--br:transparent;align-items:center;background:var(--br);bottom:0;display:flex;justify-content:center;left:0;position:absolute!important;right:0;top:0;z-index:5}
.loading-custom.--mini{--sz:1.6rem!important;--line-bd:.2rem!important}
.loading-custom.--white{--c-line:#fff}
.loading-custom.--br-white{background:hsla(0,0%,100%,.5);border-radius:.8rem}
.loading-custom-inner{height:var(--sz);width:var(--sz)}
.loading-custom-check,.loading-custom-inner{animation:loading-custom 1s linear infinite;border:var(--line-bd) solid var(--c-line);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block}
.loading-custom-check{height:40px;width:40px}
.--loading-btn{pointer-events:none}
@keyframes loading-custom {
0%{transform:rotate(0deg)}
to{transform:rotate(1turn)}
}
.re-block{background-color:#fff;border-radius:var(--rs);padding:1.6rem;float:left;width:100%}
@media screen and (max-width:700px) {
.re-block{padding:.8rem}
}
.skeleton-gr{display:flex;flex-direction:column;gap:3.2rem}
.disable{pointer-events:none!important}
.toggle-btn{cursor:pointer}
.toggle-btn-wrapper{--w:4.2rem;--h:2.4rem;--space:.2rem;background-color:#e2e8f0;border-radius:100rem;display:block;height:var(--h);position:relative;transition:.1s ease-in-out;width:var(--w)}
.toggle-btn .inner{bottom:var(--space);left:var(--space);right:var(--space);top:var(--space)}
.toggle-btn .circle,.toggle-btn .inner{border-radius:inherit;position:absolute}
.toggle-btn .circle{background-color:#fff;height:100%;left:0;transition:.1s ease-in-out;width:calc(var(--h) - var(--space)*2)}
.toggle-btn input:checked+.toggle-btn-wrapper{background-color:#0b68b1}
.toggle-btn input:checked+.toggle-btn-wrapper .circle{left:calc(var(--w) - var(--h))}
.fil-list{display:flex;flex-wrap:wrap;gap:.6rem 1rem}
@media screen and (max-width:700px) {
.fil-list{gap:.4rem .8rem}
}
.fil-item input:checked~.fil-wr{border-color:var(--c-pri);color:var(--c-pri)}
.fil-wr{--h:3.6rem;align-items:center;border:.1rem solid #cbd5e1;border-radius:100rem;cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;gap:.8rem;height:var(--h);padding:.6rem 1.6rem;transition:.1s ease-in-out}
@media screen and (min-width:1025px) {
.fil-wr:hover{border-color:#0b68b1}
}
@media screen and (max-width:700px) {
.fil-wr{font-size:1.2rem;gap:.4rem}
}
.fil-wr.--sort{background-color:#0b68b1;border-radius:.4rem;color:#fff}
.fil-wr.second{background-color:#e7f0f7;border-color:var(--c-pri);color:#0b68b1;font-weight:600;padding-right:1rem}
@media screen and (max-width:700px) {
.fil-wr.second{padding:.4rem .8rem .4rem 1.2rem}
}
.fil-wr.--pending{background-color:#e2e8f0!important;border-color:#0000001a!important;color:#0000001a!important;pointer-events:none!important}
.fil-wr.--pending .fil-delete{background-color:#0000001a!important}
.fil-wr.--more{align-items:center;display:flex;height:var(--h);justify-content:center;width:var(--h)}
@media screen and (min-width:1025px) {
.fil-wr.--more:hover{border-color:#0b68b1}
}
.fil-delete{align-items:center;background-color:var(--c-pri);border-radius:100rem;color:#fff;display:flex;font-size:1rem;height:1.6rem;justify-content:center;width:1.6rem}
@media screen and (min-width:1025px) {
.fil-delete:hover{background-color:var(--c-six)}
}
.fil-wr.--delete-all{border:none;color:var(--c-pri);height:100%;padding:0;text-decoration:underline;text-underline-position:under}
@media screen and (min-width:1025px) {
.fil-wr.--delete-all:hover{color:var(--c-six)}
}
.fil-wr.--delete-all.--pending{background-color:transparent!important;color:#0000001a!important;pointer-events:none!important}
.fil-block:not(:last-child){border-bottom:.1rem solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}
.fil-block.--flex{align-items:center;justify-content:space-between}
.fil-block.--flex,.fil-dropdown{display:flex;flex-wrap:wrap;gap:1rem}
.fil-dropdown{background-color:#fff;border:.1rem solid #0000001a;border-radius:var(--rs);box-shadow:0 4px 6px -1px #1018281a 2px 4px -2px #1018281a;opacity:0;padding:1rem;position:absolute;top:calc(100% + .5rem);transform:translateY(-.5rem);transition:.2s ease-in-out;visibility:hidden;width:50rem;z-index:5}
@media screen and (max-width:700px) {
.fil-dropdown{transition:none;width:calc(100vw - var(--pd-container)*2)}
}
.fil-dropdown.open{opacity:1;transform:translate(0);visibility:visible}
.--cs-pointer{cursor:pointer}
.social-list{gap:1rem}
.social-link,.social-list{align-items:center;display:flex;justify-content:center}
.social-link{border:.1rem solid var(--c-pri);border-radius:.4rem;height:4rem;width:4rem}
.social-link img{width:50%}
.notfound{margin-top:calc(var(--size-hd)/2*-1)}
.notfound .re-block>div{margin:0 auto;max-width:100%;width:60rem!important}
.notfound-number{color:var(--c-six);font-size:16rem;font-weight:600;text-align:center}
.error-mess{color:var(--c-six);font-size:1.2rem}
.error-mess.--posi{background-color:var(--c-six);border-radius:.2rem;color:#fff;padding:.2rem .8rem;position:absolute;right:0;top:calc(100% + .5rem)}
.error-mess.--posi:before{border-bottom:.4rem solid var(--c-six);border-left:.4rem solid transparent;border-right:.4rem solid transparent;bottom:100%;content:"";height:0;position:absolute;right:.4rem;width:0}
.check-ani:after{animation:checkAni .5s infinite alternate;border-radius:inherit;bottom:0;box-shadow:0 0 10px 0 #0b68b1;content:"";left:0;position:absolute;right:0;top:0}
.check-ani.--second:after{box-shadow:0 0 10px 0 #bd3834}
@keyframes checkAni {
0%{opacity:0}
to{opacity:1}
}
.--loading-btn>:not(.loading-custom){opacity:0}
.--loading-btn .loading-custom{--sz:2.6rem;--line-bd:.3rem}
.--loading-btn:after{opacity:0}
.triangle{border-bottom:50px solid red;border-left:50px transparent;border-right:50px transparent;height:0;width:0}
.pending-br{background-color:hsla(0,0%,100%,.6);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}
.moto{align-items:center;min-height:inherit}
.moto,.moto .container{display:flex;justify-content:center}
.moto .container{flex-direction:column}
.moto-wrapper{align-items:center;border-radius:var(--rs);display:flex;justify-content:center;min-height:50vh}
.moto-side{display:flex;margin:0 auto;max-width:100%;width:40rem}
@media screen and (max-width:700px) {
.moto-side{width:22rem}
}
.moto-left,.moto-right{width:50%}
.moto-left{display:flex;flex-direction:column;gap:1.6rem;justify-content:flex-end}
.moto-inner{animation:motoBouce 2s ease-in-out infinite;padding-top:95%;position:relative}
.moto-inner>img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}
.moto-banhxe{position:absolute;transform-origin:center;width:19%}
.moto-banhxe.one{bottom:5%;right:1%}
.moto-banhxe.two{bottom:2%;left:6%}
.moto-banhxe img{animation:Spinner 1s linear infinite;display:block;width:100%}
.moto-smoke{animation:motoBouce 2s ease-in-out infinite;background-size:contain;padding-top:12.7906976744%;position:relative;top:-3%;width:100%}
@keyframes motoBouce {
0%,to{transform:translateY(0)}
50%{transform:translateY(-3px)}
}
@keyframes motoSmoke {
0%{background-position:0}
to{background-position:-1000%}
}
.moto-txt-out{background-color:#fff;border-radius:.6rem;padding:1rem;position:absolute;right:96%;top:11%;white-space:nowrap}
.moto-txt{animation:l4 1s steps(4) infinite;-webkit-clip-path:inset(0 1.2ch 0 0);clip-path:inset(0 1.2ch 0 0);font-size:1.4rem;font-weight:700;width:-moz-fit-content;width:fit-content}
@media screen and (max-width:700px) {
.moto-txt{font-size:1rem}
}
.moto-txt:before{content:"Loading..."}
@keyframes l4 {
to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}
}
.nfound{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}
.nfound-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center}
.nfound-side{display:flex;gap:1rem}
.nfound-left{display:flex;flex-direction:column;gap:2.4rem;text-align:right;width:50%}
.nfound-right{width:50%}
.nfound-title{color:#0b68b1;font-size:30rem;font-weight:700;line-height:1}
@media screen and (max-width:1300px) {
.nfound-title{font-size:22vw}
}
@media screen and (max-width:700px) {
.nfound-title{font-size:15vw}
}
.nfound-des{font-size:2.4rem}
@media screen and (max-width:1300px) {
.nfound-des{font-size:2.2vw}
}
@media screen and (max-width:700px) {
.nfound-des{display:none;font-size:2.5vw}
}
.nfound-left .btn{font-size:1.8rem;margin-left:auto}
@media screen and (max-width:700px) {
.nfound-left .btn{font-size:1.4rem;height:4rem}
}
.box-cart-animation{background-color:red;border-radius:.4rem;height:4rem;opacity:1;position:absolute;transition:5s cubic-bezier(.075,.82,.165,1);width:4rem;z-index:999}
.rc-virtual-list-scrollbar{width:.4rem!important}
.rc-virtual-list-scrollbar-thumb{background-color:var(--c-pri)!important}
.ant-select-dropdown{padding:0!important}
.ant-select-item.ant-select-item-option{min-height:4rem!important}
.ant-select-item-option-content,.ant-select-item.ant-select-item-option{display:flex;flex-direction:column;justify-content:center}
.ant-collapse-header{padding-left:0!important;padding-right:0!important}
.re-pagination{margin-top:3.2rem}
.re-pagination .ant-pagination{align-items:center;display:flex;justify-content:center}
.re-pagination .ant-pagination-item{align-items:center;border-radius:100rem!important;color:var(--c-txt-second)!important;display:flex!important;flex-shrink:0;font-family:var(--font-pri)!important;height:4rem!important;justify-content:center;min-width:unset!important;width:4rem!important}
@media screen and (max-width:700px) {
.re-pagination .ant-pagination-item{height:3rem!important;width:3rem!important}
}
.re-pagination .ant-pagination-next,.re-pagination .ant-pagination-prev{border-radius:100rem!important;flex-shrink:0;height:4rem!important;min-width:unset!important;width:4rem!important}
@media screen and (max-width:700px) {
.re-pagination .ant-pagination-next,.re-pagination .ant-pagination-prev{height:3rem!important;width:3rem!important}
}
.re-pagination .ant-pagination-next .ant-pagination-item-link,.re-pagination .ant-pagination-prev .ant-pagination-item-link{border:.1rem solid #0000001a!important;border-radius:100rem!important}
.re-pagination-second .ant-pagination{align-items:center;display:flex}
.re-pagination-second .ant-pagination-next,.re-pagination-second .ant-pagination-prev{align-items:center;background-color:var(--c-pri)!important;border-radius:100rem!important;display:flex;height:3.6rem!important;justify-content:center;width:3.6rem!important}
.re-pagination-second .ant-pagination-next.ant-pagination-disabled,.re-pagination-second .ant-pagination-prev.ant-pagination-disabled{background-color:transparent!important}
.re-pagination-second .ant-pagination-next:not(.ant-pagination-disabled) svg path,.re-pagination-second .ant-pagination-prev:not(.ant-pagination-disabled) svg path{fill:#fff}
@media screen and (min-width:1025px) {
.re-pagination-second .ant-pagination-next:not(.ant-pagination-disabled):hover .ant-pagination-item-link,.re-pagination-second .ant-pagination-prev:not(.ant-pagination-disabled):hover .ant-pagination-item-link{background-color:transparent!important}
.re-pagination-second .ant-pagination-next:not(.ant-pagination-disabled):hover,.re-pagination-second .ant-pagination-prev:not(.ant-pagination-disabled):hover{background-color:#3482be}
}
.re-pagination-second .ant-pagination-next .ant-pagination-item-link,.re-pagination-second .ant-pagination-prev .ant-pagination-item-link{height:100%!important;position:relative;width:100%!important}
.re-pagination-second.--pending{pointer-events:none}
.re-pagination-second.--pending .ant-pagination-next,.re-pagination-second.--pending .ant-pagination-prev{background-color:#0000001a!important}
.re-pagination{display:none}
.re-pagination:has(.ant-pagination){display:block}
.avt-upload .ant-upload.ant-upload-select{height:4rem!important;width:4rem!important}
.blog-left .grid{display:block}
.blog-left .ant-collapse{font-family:var(--font-pri)}
.blog-left .ant-collapse-content-box{margin-left:1rem;padding:0!important}
.blog-left .ant-collapse-content-box .ml-2{margin-left:0!important}
.blog-left .ant-collapse-header{padding:.8rem 0!important}
@media screen and (max-width:1199px) {
.gt-left, .gt-right, .col-right{width: 100% !important;}
}
@media screen and (max-width:700px) {
.gt-list{--cg:.8rem;--rg:.8rem}
}
@media screen and (max-width:1199px) {
.gt-item{width:50%}
}
.gt-wr{background-color:#e7f0f7;border-radius:var(--rs);box-shadow:0 4px 6px -1px #1018281a 2px 4px -2px #1018281a;display:flex;height:100%;overflow:hidden;padding:3.2rem 0 0 3.2rem}
@media screen and (max-width:700px) {
.gt-wr{flex-direction:column;gap:2.4rem;padding:1.6rem 0 0 1.6rem}
}
.gt-content{display:flex;flex:1;flex-direction:column;gap:2.4rem}
.gt-content .introduce-ct ul{flex-direction:row;gap:1rem 2.4rem}
@media screen and (max-width:700px) {
.gt-content .introduce-ct ul{flex-direction:column}
}
.gt-title{--f-sz:4.4rem;font-size:var(--f-sz);font-weight:700;line-height:1.2}
@media only screen and (max-width:1200px) {
.gt-title{--f-sz:4rem}
}
@media only screen and (max-width:800px) {
.gt-title{--f-sz:3rem}
}
@media screen and (max-width:1490px) {
.gt-title{--f-sz:2.5vw}
}
@media screen and (max-width:700px) {
.gt-title{--f-sz:6vw}
}
@media screen and (max-width:1490px) {
.gt-des{--f-sz:2vw}
}
@media screen and (max-width:700px) {
.gt-des{--f-sz:4vw}
}
.gt .intro-wr{background-color:#fff}
.gt .intro-img .inner:before{background-color:#d1d5db80}
.gt-img{display:flex;flex-direction:column;justify-content:flex-end;width:42rem}
@media screen and (max-width:1490px) {
.gt-img{width:28vw}
}
@media screen and (max-width:700px) {
.gt-img{margin-left:auto;width:70%}
}
.gt-img img{display:block;mix-blend-mode:multiply;width:100%}
.bnpt-wrapper{border-radius:var(--rs);display:flex;flex-direction:column;justify-content:center;min-height:56.8rem;overflow:hidden;padding:4rem 8rem;position:relative}
@media screen and (max-width:1199px) {
.bnpt-wrapper{min-height:39.010989011vw}
}
@media screen and (max-width:1000px) {
.bnpt-wrapper{padding:2.4rem}
}
.bnpt-br{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}
@media screen and (max-width:700px) {
.bnpt-br:before{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}
}
.bnpt-br img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.bnpt-content{color:#fff;display:flex;flex-direction:column;gap:2.4rem;max-width:50rem}
@media screen and (max-width:1000px) {
.bnpt-content{gap:1.6rem}
}
.bnpt-content .introduce-ct ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.4rem}
.bnpt-content .introduce-ct ul .c-pri{color:#fff}
.bnpt-title{--f-sz:5.6rem;font-size:var(--f-sz);font-weight:700;line-height:1.2}
@media only screen and (max-width:1200px) {
.bnpt-title{--f-sz:5.1rem}
}
@media only screen and (max-width:800px) {
.bnpt-title{--f-sz:4rem}
}
@media screen and (max-width:1000px) {
.bnpt-title{font-size:5.5vw}
}
.bnpt-des{--f-sz:2rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.bnpt-des{--f-sz:1.8rem}
}
@media only screen and (max-width:800px) {
.bnpt-des{--f-sz:1.6rem}
}
@media screen and (max-width:1000px) {
.bnpt-des{font-size:3.5vw}
}
.blog-cate-list{overflow:hidden;width:100%}
.blog-cate-list .blog-cate-title li{text-align:center}
.blog-cate-list .blog-cate-title li a{height:100%}
@media screen and (max-width:1400px) {
.blog-cate-list .blog-cate-title li a{padding:1rem 2rem!important}
}
@media screen and (max-width:1100px) {
.blog-cate-list .blog-cate-title{flex-wrap:wrap}
.blog-cate-list .blog-cate-title li{width:50%}
}
@media screen and (max-width:600px) {
.blog-cate-list .blog-cate-title li{width:100%}
}
.blog-left{width:32rem}
@media screen and (max-width:1199px) {
.blog-left{display:none}
}
.blog-midle{flex:1}
.blog-head{color:#64748b;display:flex;font-size:1.6rem;gap:2rem;margin-bottom:2rem}
.blog-head .blog-cr{align-items:center;display:flex;gap:1rem}
.blog-head .blog-cr img{height:2rem;width:2rem}
.blog-right{display:flex;flex-direction:column;gap:2.4rem;width:36rem}
@media screen and (max-width:900px) {
.blog-right{width:100%}
}
.blog-list{--cg:1.2rem;--rg:1.2rem}
@media screen and (max-width:1199px) {
.blog-item{width:50%}
}
@media screen and (max-width:700px) {
.blog-item{width:100%}
}
.blog-wr{border:.1rem solid #0000001a;border-radius:var(--rs);height:100%;overflow:hidden}
.blog-wr:hover{border:.1rem solid var(--c-pri)}
.blog-wr:hover .blog-content-inner{background-color:#e7f0f7}
.blog-wr:hover .blog-content-inner .blog-name{color:var(--c-pri)}
.blog-img{display:block;overflow:hidden;padding-top:80.88235%;position:relative}
.blog-img img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.blog-content{padding:1rem}
.blog-name{font-weight:600;-webkit-line-clamp:2}
.blog-des,.blog-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.blog-des{-webkit-line-clamp:3;color:var(--c-txt-second);font-size:1.4rem}
.blog-tag{--gap:.4rem;flex-wrap:wrap;font-size:1.2rem;margin-bottom:.8rem}
.blog-tag,.blog-tag-item{align-items:center;display:flex;gap:var(--gap)}
.blog-tag-item:not(.--date){background-color:#e7f0f7;border-radius:100rem;color:var(--c-pri);font-weight:600;padding:.4rem .8rem;text-transform:uppercase}
.blog-tag-item:not(:first-child):before{background-color:#cbd5e1;border-radius:100rem;content:"";display:inline-block;height:.6rem;vertical-align:middle;width:.6rem}
.blog-content-inner{border-radius:.5rem;padding:1rem}
.top-head{align-items:center;border-bottom:.1rem solid #0000001a;justify-content:space-between;margin-bottom:3rem}
.top-head,.top-head .category ul{display:flex}
.top-head .category ul li{border-bottom:.2rem solid #e7f0f7;color:#94a3b8;font-weight:600;transition:.3s}
.top-head .category ul li.active,.top-head .category ul li:hover{border-bottom:.2rem solid var(--c-pri);color:var(--c-pri)}
.top-head .category ul li a{display:inline-block;padding:1.4rem 4rem}
.blog-left>.re-block{position:sticky}
.blog-right-inner{display:flex;flex-direction:column;gap:2.4rem;position:sticky}
body.out .blog-left>.re-block,body.out .blog-right-inner{top:calc(var(--size-hd-bot) + 1rem)}
body.in .blog-left>.re-block,body.in .blog-right-inner{top:calc(var(--size-hd) + 1rem)}
.dt-wrapper{background-color:#fff;border-radius:var(--rs);padding:15px}
@media screen and (max-width:1199px) {
.dt-wrapper{padding:1.6rem}
}
@media screen and (max-width:700px) {
.dt-wrapper{padding:.8rem}
}
.dt-left{display:flex;flex-direction:column;gap:2.4rem;width:50%}
@media(min-width:768px)and (max-width:1000px) {
.dt-left{flex-direction:row;gap:1.6rem;width:100%}
}
@media screen and (max-width:768px) {
.dt-left{width:100%!important}
}
@media(min-width:768px)and (max-width:1000px) {
.dt-left .dt-info,.dt-left .pro-img{width:calc(50% - .8rem)}
}
.dt-left .pro-img .inner{border-radius:var(--rs)}
.dt-right{display:flex;flex-direction:column;gap:2.4rem;width:50%}
@media screen and (max-width:1000px) {
.dt-right{width:100%!important}
}
.dt-content .pro-status{--f-sz:1.6rem;font-size:var(--f-sz)}
.dt-content .pro-name{--f-sz:2.8rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.dt-content .pro-name{--f-sz:2.4rem}
}
@media only screen and (max-width:800px) {
.dt-content .pro-name{--f-sz:2.1rem}
}
.dt-content .pro-price{--f-sz:2.8rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.dt-content .pro-price{--f-sz:2.4rem}
}
@media only screen and (max-width:800px) {
.dt-content .pro-price{--f-sz:2.1rem}
}
.dt-fl{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}
.dt-fl-item{display:inline-flex;gap:.4rem}
.dt-content-block:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:1.6rem;padding-bottom:1.6rem}
.dt-fil,.dt-fil-list{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.8rem}
.dt-fil-item{align-items:center;border:.1rem solid #0000001a;border-radius:100rem;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:.8rem 2.4rem;text-align:center}
.dt-fil-item.active{border-color:var(--c--pri);color:var(--c-pri)}
.dt-control{display:flex;gap:.8rem;width:100%}
@media screen and (max-width:400px) {
.dt-control{--h-btn:4rem}
}
.dt-control .btn{flex:1;--h:3.2rem;padding:.8rem 2rem}
@media screen and (max-width:400px) {
.dt-control .btn{font-size:1.2rem}
}
.dt-control .btn-add-cart,.dt-control .btn-shoppee{height:var(--h-btn);width:var(--h-btn)}
.dt-more .pro-img{flex-shrink:0;width:9.2rem}
.dt-more-list{--cg:1.2rem;--rg:1.2rem}
.dt-more-wr,.dt-more-wr .pro-img .inner{border-radius:.8rem}
.dt-more-wr{border:.1rem solid #0000001a;display:flex;gap:1rem;padding:1.2rem}
.dt-more-wr .pro-content{gap:0;padding:0}
.dt-more-wr .pro-name,.dt-more-wr .pro-price{font-size:1.4rem}
.dt-more-wr .pro-code{font-size:1.2rem}
.dt-info{background-color:#f1f5f9;border-radius:var(--rs);padding:2rem}
@media screen and (max-width:700px) {
.dt-info{padding:1.6rem}
}
.regi{padding:var(--pd-sc) 0;position:relative}
.regi-br{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}
.regi-br img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.regi-wrapper{background-color:#fff;border-radius:2.1rem;margin:0 auto;max-width:100%;padding:4rem;width:56.4rem}
@media screen and (max-width:700px) {
.regi-wrapper{border-radius:var(--rs);padding:2.4rem 1.6rem}
}
.regi-title{--f-sz:3.6rem;font-size:var(--f-sz);font-weight:700}
@media only screen and (max-width:1200px) {
.regi-title{--f-sz:3.1rem}
}
@media only screen and (max-width:800px) {
.regi-title{--f-sz:2.6rem}
}
.cates-slider .swiper{--rg:0;--cg:0}
.cates-slider .swiper-wrapper{flex-wrap:wrap}
.cates-slider .swiper-container{background-color:#fff;border-radius:1.2rem;display:flex;position:relative}
.cates-slider .swiper-container:after{border:.2rem solid #fff;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}
.cates-slider .swiper-slide{border-bottom:.1rem solid #0000001a;border-right:.1rem solid #0000001a;overflow:visible;width:11.1111111111%}
.cates-list{--rg:0;--cg:0}
.cates .re-block{overflow:hidden;padding:0;position:relative}
.cates .re-block:before{border:.2rem solid #fff;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}
.cates-item{border-bottom:.1rem solid #0000001a;border-right:.1rem solid #0000001a;width:11.1111111111%}
@media screen and (max-width:1300px) {
.cates-item{width:16.6666666667%}
}
@media screen and (max-width:900px) {
.cates-item{width:33.3333333333%}
}
.cates-wr{background-color:#fff;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1.6rem 1rem;position:relative;text-align:center}
@media screen and (max-width:700px) {
.cates-wr{gap:.4rem;padding:1.2rem .8rem}
}
.cates-wr:before{background-color:#fff;bottom:0;box-shadow:0 10px 15px -3px #1018281a 4px 6px -4px #1018281a;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:.2s ease-in-out;z-index:2}
.cates-wr>*{position:relative;z-index:3}
@media screen and (min-width:1025px) {
.cates-wr:hover:before{opacity:1}
}
.cates-img{margin:0 auto;width:50%}
.cates-img .inner{display:block;overflow:hidden;padding-top:100%;position:relative}
.cates-img .inner img{height:100%;left:50%;mix-blend-mode:multiply;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.cates-content{font-size:1.4rem}
@media screen and (max-width:700px) {
.cates-content{font-size:1.2rem}
}
.cates-name{font-weight:500}
.cates-toggle{align-items:center;background-color:var(--c-pri);border-radius:100rem;color:#fff;cursor:pointer;display:flex;height:3.2rem;justify-content:center;left:50%;position:absolute;top:calc(100% - 1.6rem);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:3.2rem;z-index:5}
@media screen and (max-width:700px) {
.cates-toggle{height:2.4rem;top:calc(100% - 1.2rem);width:2.4rem}
.intro-slider .swiper{--cg:.8rem}
}
.intro-slider .swiper-slide{overflow:visible}
@media screen and (max-width:1024px) {
.intro-slider .swiper-slide{width:50%}
}
@media screen and (max-width:360px) {
.intro-slider .swiper-slide{width:100%}
}
.intro-wr{background-color:#e7f0f7;border-radius:var(--rs);display:flex;height:100%;overflow:hidden;padding:4rem 0 0 4rem}
@media screen and (max-width:1199px) {
.intro-wr{padding:2.4rem 0 0 2.4rem}
}
@media screen and (max-width:700px) {
.intro-wr{flex-direction:column;padding:1.6rem 0 0 1.6rem}
}
.intro-content{display:flex;flex:1;flex-direction:column;gap:.4rem}
.intro-content .btn.--trans{border-radius:.6rem;height:unset;padding:.4rem 1.2rem}
.intro-img{display:flex;flex-direction:column;justify-content:flex-end;margin-left:auto;width:50%}
@media screen and (max-width:700px) {
.intro-img{width:60%}
}
.intro-img .inner{display:block;overflow:hidden;padding-top:100%;position:relative}
.intro-img .inner:before{background-color:hsla(0,0%,100%,.5);border-radius:100rem;content:"";height:200%;left:0;position:absolute;top:15%;width:200%}
.intro-img .inner img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.intro-content{padding-bottom:2.4rem}
@media screen and (max-width:700px) {
.intro-content{padding-bottom:.4rem}
}
.intro-title{--f-sz:1.5rem;font-size:var(--f-sz)}
@media screen and (max-width:700px) {
.intro-title{font-size:1.2rem}
}
.intro-name{--f-sz:2.4rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.intro-name{--f-sz:2rem}
}
@media only screen and (max-width:800px) {
.intro-name{--f-sz:1.7rem}
}
@media screen and (max-width:700px) {
.intro-name{font-size:1.4rem}
.uti-list{--cg:.8rem;--rg:.8rem}
}
.cates-brand-list{justify-content:center}
@media screen and (max-width:700px) {
.cates-brand-list{--rg:.8rem;--cg:.8rem}
.cates-brand-item{width:33.3333333333%}
}
.cates-brand-wrapper{background-color:#fff;border-radius:var(--rs);overflow:hidden;padding:1.6rem}
@media screen and (max-width:700px) {
.cates-brand-wrapper{padding:.8rem}
}
.cates-brand-img{background-color:#fff;border:.1rem solid #0000001a;border-radius:var(--rs);display:block;overflow:hidden;padding-top:45.58824%;position:relative;transition:.3s ease-in-out}
@media screen and (max-width:700px) {
.cates-brand-img{border-radius:.6rem}
}
@media screen and (min-width:1025px) {
.cates-brand-img:hover{border-color:#0b68b1}
}
.cates-brand-img img{height:70%;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}
.cates-brand-slider .swiper{--cg:1.6rem;--rg:1.6rem}
@media screen and (max-width:700px) {
.cates-brand-slider .swiper{--cg:.8rem;--rg:.8rem}
.cates-brand-slider .swiper-slide.col.col-5i{width:33.3333333333%}
.uti-list{--cg:.8rem;--rg:.8rem}
}
@media screen and (max-width:900px) {
.uti-item{width:50%}
}
.uti-wr{background-color:#fff;border:.1rem solid #e2e8f0;border-radius:var(--rs);display:flex;flex-direction:column;gap:2rem;height:100%;padding:3.2rem 1rem;text-align:center}
.uti-ic{margin:0 auto;width:4rem}
.uti-ic img{display:block;width:100%}
.uti-name{font-weight:600}
@media screen and (max-width:700px) {
.uti-name{font-size:1.4rem}
}
.uti-des{color:#6b7280;font-size:1.5rem}
@media screen and (max-width:700px) {
.uti-des{font-size:1.2rem}
}
.introduce-title{--f-sz:3rem;font-size:var(--f-sz);font-weight:600}
@media only screen and (max-width:1200px) {
.introduce-title{--f-sz:2.7rem}
}
@media only screen and (max-width:800px) {
.introduce-title{--f-sz:2.4rem}
}
.introduce-wrapper{color: #000;overflow:hidden;position:relative}
@media screen and (max-width:700px) {
.introduce-wrapper{padding:2rem}
}
.introduce-br{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}
.introduce-br:before{background:linear-gradient(90deg,#000,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:60%}
@media screen and (max-width:700px) {
.introduce-br:before{width:100%}
}
.introduce-br img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;width:100%}
.introduce-content{display:flex;flex-direction:column;gap:4rem;max-width:100%;width:48rem}
.introduce-content-top{display:flex;flex-direction:column;gap:1.6rem}
.introduce-ct ul{display:flex;flex-direction:column;gap:2.4rem}
.introduce-ct li{align-items:flex-start;display:flex;gap:1rem}
.introduce-ct .ic{flex-shrink:0;width:4.5rem}
.introduce-ct .ic img{display:block;width:100%}
.introduce-ct .title{font-size:1.4rem;font-weight:600;text-transform:uppercase}
.introduce-ct .des{font-weight:600}
.cata-wrapper{background-color:#fff;border-radius:var(--rs);box-shadow:0 1px 3px 0 #1018281a 1px 2px -1px #1018281a;padding:2rem}
@media screen and (max-width:700px) {
.cata-wrapper{padding:2rem 1rem}
}
.cata-list{--rg:1rem;--cg:1rem;min-height:30vh}
@media screen and (max-width:1199px) {
.cata-item{width:33.3333333333%}
}
@media screen and (max-width:700px) {
.cata-item{width:50%}
}
.cata-wr{border:.1rem solid #0000001a;border-radius:var(--rs);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}
@media screen and (min-width:1025px) {
.cata-wr:hover{border-radius:var(--rs) var(--rs) 0 0}
.cata-wr:hover .cata-control{opacity:1;visibility:visible}
.cata-wr:hover .cata-content{background-color:#fff}
}
.cata-img{border-radius:var(--rs) var(--rs) 0 0;display:block;overflow:hidden;padding-top:100%;position:relative}
.cata-img img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.cata-content{background-color:#f8fafc;border-radius:0 0 var(--rs) var(--rs);border-top:.1rem solid #e2e8f0;flex:1;padding:1.2rem}
.cata-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:capitalize}
@media screen and (max-width:700px) {
.cata-name{font-size:1.4rem}
}
.cata-control{--h-btn:4.5rem;--pd:1.2rem;border:.1rem solid var(--c-pri);border-radius:var(--rs);display:flex;flex-direction:column;height:calc(100% + var(--h-btn) + var(--pd)*2);justify-content:flex-end;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:.2s ease-in-out;visibility:hidden;width:100%;z-index:2}
.cata-control .inner{background-color:#fff;border-radius:0 0 var(--rs) var(--rs);padding:var(--pd);pointer-events:visible}
.cata-control .btn{padding:1rem}
.catalog-area{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.catalog-area-img{border-radius:var(--rs)}
.catalog-area-img img{display:block;width:100%}
.catalog-marker:before{background-color:#0b68b180;border-radius:inherit;bottom:-.5rem;content:"";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}
@media screen and (max-width:700px) {
.catalog-marker:before{bottom:-.2rem;left:-.2rem;right:-.2rem;top:-.2rem}
}
.catalog-marker:after{background-color:#0b68b11a;border-radius:inherit;bottom:-1rem;content:"";left:-1rem;position:absolute;right:-1rem;top:-1rem}
@media screen and (max-width:700px) {
.catalog-marker:after{bottom:-.5rem;left:-.5rem;right:-.5rem;top:-.5rem}
}
.catalog-marker .number{align-items:center;background-color:var(--c-pri);border-radius:100rem;color:#fff;display:flex;justify-content:center;min-height:inherit;min-width:inherit;position:relative;z-index:1}
@keyframes loang {
0%{transform:scale(1)}
10%,80%{opacity:.1;transform:scale(1.2)}
81%,to{opacity:0}
}
.catalog-form{background-color:#fff;border-radius:.8rem;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;font-size:1.5rem;overflow:hidden;position:absolute;width:30rem;z-index:2;z-index:calc(var(--z) + 2)}
.catalog-form-top{background-color:var(--c-pri);color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1rem}
.catalog-form-close.disable{background-color:#ddd}
.catalog-form-close i{font-family:Font Awesome 6 Pro;font-size:1.3rem}
.catalog-form-body{position:relative}
.catalog-form-body ul li:not(:last-child){border-bottom:.1rem solid #0000001a}
@media screen and (min-width:1025px) {
.catalog-form-body ul li:hover{background-color:#f2f2f2}
}
.catalog-form-body .checkbox-row{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;padding:.8rem}
.catalog-form-body .checkbox{border:.1rem solid #0000001a;border-radius:.4rem;height:2rem;position:relative;top:.2rem;width:2rem}
.catalog-form-body .checkbox:before{color:var(--c-pri);content:"";font-family:Font Awesome 6 Pro;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}
.catalog-form-body input:checked~.checkbox{border-color:var(--c-pri)}
.catalog-form-body input:checked~.checkbox:before{opacity:1}
.catalog-form-body-inner{max-height:25rem;overflow:hidden auto}
.catalog-form-bot{align-items:center;background-color:#f1f1f1;border-top:.1rem solid #0000001a;display:flex;gap:1rem;justify-content:flex-end;padding:.6rem .8rem}
.catalog-form-bot .btn{border-radius:.4rem;font-weight:400;height:unset;padding:.4rem 1.6rem}
.catalog-form-control{display:flex;flex-wrap:wrap;gap:.4rem;padding:.8rem}
.catalog-form-input{position:relative;width:100%}
.catalog-form-input input{border:.1rem solid #0000001a;font-size:1.4rem;padding:1.2rem}
.catalog-form-input{z-index:2}
.catalog-form-body .error,.catalog-form-input .error{background-color:var(--c-six);border-radius:.4rem;color:#fff;font-size:1.2rem;padding:.2rem .8rem;position:absolute;right:.8rem;top:100%}
.catalog-form-body .error:before,.catalog-form-input .error:before{border-bottom:.3rem solid var(--c-six);border-left:.3rem solid transparent;border-right:.3rem solid transparent;bottom:100%;content:"";height:0;position:absolute;right:.8rem;width:0}
.catalog-form-body .error.--second,.catalog-form-input .error.--second{border-radius:0;bottom:0;text-align:center;top:unset;width:100%;z-index:5}
.catalog-form-body .error.--second:before,.catalog-form-input .error.--second:before{opacity:0}
.catalog-sp{background-color:#fff;border-radius:.8rem;box-shadow:0 2px 8px 0 #63636333;left:0;opacity:0;position:absolute;top:calc(100% + 1rem);transform:translate(0);transition:.3s ease-in-out;visibility:hidden;width:36rem}
.catalog-sp.--mobile{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:unset;width:30rem;width:100%;z-index:calc(var(--z) + 3)!important}
@media screen and (max-width:700px) {
.catalog-sp{width:30rem}
}
.catalog-sp:before{bottom:100%;content:"";height:1rem;left:0;position:absolute;width:100%}
.catalog-marker:hover .catalog-sp{opacity:1;transform:translate(0);visibility:visible;z-index:2}
@media screen and (max-width:1199px) {
.catalog-marker.open .catalog-sp{opacity:1;transform:translate(0);visibility:visible;z-index:2}
}
.catalog-btn{min-width:14rem}
@media screen and (max-width:700px) {
.catalog-btn{padding:.8rem 1.6rem}
}
.catalog-btn .loading-custom{--line-bd:.3rem}
.catalog-form-empty{padding:.8rem}
.catalog-form-empty .inner{border:.1rem solid #0000001a;border-radius:.8rem;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}
.catalog-form-empty img{margin:0 auto;width:4rem}
.catalog-area .loading-custom{background-color:hsla(0,0%,100%,.5)}
.catalog-marker .prose-content{flex:1}
.catalog-marker .prose-wr .btn-add-cart{--sz-btn-add-cart:4rem}
@media screen and (max-width:700px) {
.catalog-marker .prose-wr .btn-add-cart{--sz-btn-add-cart:3.2rem}
}
.cata-fil{margin-bottom:1rem}
.cata-fil-list{--gap:1rem;display:flex;flex-wrap:wrap;gap:var(--gap)}
.cata-fil-item{background-color:#fff;border-radius:.6rem;font-weight:600;padding:1.6rem;text-align:center;transition:.2s ease-in-out;width:calc(20% - var(--gap) + var(--gap)/5)}
@media screen and (min-width:1025px) {
.cata-fil-item:hover{background-color:#0b68b1;color:#fff}
}
@media screen and (max-width:1199px) {
.cata-fil-item{width:calc(33.33333% - var(--gap) + var(--gap)/3)}
}
@media screen and (max-width:700px) {
.cata-fil-item{font-size:1.4rem;padding:1rem;width:calc(50% - var(--gap) + var(--gap)/2)}
}
.acc-left{width:23rem!important}
@media screen and (max-width:1024px) {
.acc-left{width:100%}
}
.acc-right{flex:1}
@media screen and (max-width:1024px) {
.acc-right{flex:unset;width:100%}
}
.acc-sbar .--dx{align-items:center;background-color:#bd38341a;border-radius:.4rem;color:#b00f0b;cursor:pointer;display:flex;gap:.8rem;padding:.8rem}
.acc-sbar-block:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:2rem;padding-bottom:2rem}
@media screen and (max-width:1024px) {
.acc-sbar-block.--first{border:none;margin-bottom:0;padding:0}
}
.acc-block:not(:last-child){margin-bottom:2.4rem}
.acc-menu li:not(:last-child){margin-bottom:.8rem}
.acc-menu a{align-items:center;border-radius:.4rem;color:var(--c-txt-second);display:flex;gap:1rem;padding:.6rem 1.2rem;position:relative}
.acc-menu a:before{background-color:var(--c-pri);border-radius:0 .8rem .8rem 0;bottom:.8rem;content:"";left:0;opacity:0;position:absolute;top:.8rem;width:.2rem}
@media screen and (min-width:1025px) {
.acc-menu a:hover{background-color:#e7f0f7}
}
.acc-menu a img{flex-shrink:0;width:2rem}
.acc-menu li.active a{background-color:#e7f0f7}
.acc-menu li.active a:before{opacity:1}
.acc-dx{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;gap:1rem;padding:.6rem;transition:.3s ease-in-out}
@media screen and (min-width:1025px) {
.acc-dx:hover{background-color:#bd38341a}
}
.acc-dx img{flex-shrink:0;width:2rem}
.acc-user{gap:1rem}
.acc-user,.acc-user-avatar{align-items:center;display:flex}
.acc-user-avatar{border:.1rem dashed var(--c-pri);border-radius:100rem;cursor:pointer;height:4rem;justify-content:center;width:4rem}
.acc-user-content{flex:1;font-weight:500}
.acc-block{border:.1rem solid #0000001a;border-radius:var(--rs);padding:2.4rem}
@media screen and (max-width:700px) {
.acc-block{padding:1.6rem}
}
.acc-block-head{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between}
.acc-block-head~.acc-block-body{margin-top:2.4rem}
.acc-block-title{--f-sz:2rem;font-size:var(--f-sz);font-weight:600}
@media only screen and (max-width:1200px) {
.acc-block-title{--f-sz:1.8rem}
}
@media only screen and (max-width:800px) {
.acc-block-title{--f-sz:1.6rem}
}
@media screen and (max-width:700px) {
.acc-form .f-item{width:100%}
}
.acc-block.--change-pass{max-width:60rem}
.acc-add-list,.acc-add-wrapper{overflow:hidden}
.acc-add-list{--cg:1.6rem;--rg:1.6rem}
@media screen and (max-width:1199px) {
.acc-add-item{width:100%}
}
.acc-add-wr{border:.1rem solid #0000001a;border-radius:.8rem;height:100%;padding:1.6rem}
.acc-add-top{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem .8rem;justify-content:space-between}
.acc-add-top .title{color:var(--c-pri);font-weight:600}
.acc-add-ctr{display:flex;flex-wrap:wrap;gap:.4rem .8rem}
.acc-add-ctr .item{cursor:pointer}
@media screen and (min-width:1025px) {
.acc-add-ctr .item:hover{color:var(--c-pri)}
}
.acc-add-ctr .--second{font-weight:600;text-decoration:underline;text-underline-position:under}
.acc-add-ctr .--is-defauld{color:green}
.acc-add-content{margin-top:1rem}
.acc-back{align-items:center;cursor:pointer;display:flex}
.acc-back i{font-size:.8em}
.acc-order{display:flex;flex-direction:column;gap:2rem}
.acc-order-info{--gap:1rem;border:.1rem dashed var(--c-pri);border-radius:.8rem;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:space-between;padding:2.4rem}
.acc-order-info .item{display:flex;flex-direction:column;gap:.4rem}
@media screen and (max-width:700px) {
.acc-order-info .item{width:calc(50% - var(--gap) + var(--gap)/2)}
}
.acc-order-info .title{font-weight:500;--f-sz:1.8rem;font-size:var(--f-sz)}
@media only screen and (max-width:1200px) {
.acc-order-info .title{--f-sz:1.6rem}
}
@media only screen and (max-width:800px) {
.acc-order-info .title{--f-sz:1.5rem}
}
.acc-form-orther{margin-top:1rem}
.acc-form-orther .re-input{height:4rem}
.acc-order-history{border-radius:.8rem;overflow:hidden}
.acc-order-history-table{border:.1rem solid #0000001a;border-radius:inherit}
@media screen and (max-width:800px) {
.acc-order-history-table{border:none}
}
.acc-order-history-table table{width:100%}
@media screen and (max-width:800px) {
.acc-order-history-table table{font-size:1.4rem}
.acc-order-history-table table thead{display:none}
}
.acc-order-history-table table thead td{background-color:#0b68b1;color:#fff;padding:1rem;text-align:center}
.acc-order-history-table table.--detail thead td{background-color:#e2e8f0;color:#000;font-weight:600;padding:1rem;text-align:center}
@media screen and (max-width:800px) {
.acc-order-history-table table tbody tr{background-color:#fff;border:.1rem solid #0000001a;border-radius:.8rem;display:flex;flex-wrap:wrap;width:100%}
.acc-order-history-table table tbody tr:not(:last-child){margin-bottom:1rem}
}
.acc-order-history-table table tbody td{padding:1rem;text-align:center;vertical-align:middle}
@media screen and (max-width:800px) {
.acc-order-history-table table tbody td{align-items:center;display:flex;gap:.6rem;justify-content:space-between;padding:.8rem;text-align:end;width:100%}
.acc-order-history-table table tbody td:before{content:attr(data-label)}
.acc-order-history-table table tbody td:not(:last-child){border-bottom:.1rem solid #0000001a}
}
.acc-order-history-table table tbody td:not(:last-child){border-right:.1rem solid #0000001a}
@media screen and (max-width:800px) {
.acc-order-history-table table tbody td:not(:last-child){border-right:none}
}
.acc-order-history-table table tbody tr:not(:last-child){border-bottom:.1rem solid #0000001a}
.acc-order-history-table table .status{background-color:#1a98821a;border-radius:100rem;color:#1a9882;display:inline-block;font-size:1.4rem;padding:.4rem 1.2rem}
.acc-order-history-table table .action{text-decoration:underline;text-underline-position:under}
.acc-order-history-pro{text-align:center}
.acc-order-history-pro .img{border-radius:.8rem;height:7rem;margin:0 auto;width:7rem}
@media screen and (max-width:800px) {
.acc-order-history-pro .img{height:5rem;width:5rem}
}
.acc-order-history-pro .img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.policy-left{width:24rem}
@media screen and (max-width:700px) {
.policy-left{width:100%}
}
.policy-right{flex:1}
.policy-menu li:not(:last-child){margin-bottom:.8rem}
@media screen and (min-width:1025px) {
.policy-menu a:hover{color:var(--c-pri)}
}
.filter{background-color:#fff;border-radius:var(--rs);min-height:30vh;overflow:hidden;position:sticky}
@media screen and (max-width:1024px) {
.filter{border-radius:0;bottom:0;overflow:hidden auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:.2s ease-in-out;width:24rem;z-index:calc(var(--z) + 2)}
.filter.open{transform:translateX(0)}
}
.filter-wrapper{padding:1.6rem 1rem;z-index: 2;}
@media screen and (min-width:1025px) {
.filter-wrapper{overflow:hidden auto}
.filter-wrapper::-webkit-scrollbar{width:.4rem}
}
.filter-block:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:1.6rem;padding-bottom:1.6rem}
.filter-list{font-size:1.4rem}
.filter-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}
.filter-title{align-items:center;display:flex;font-weight:600;gap:1rem}
.filter-title img{flex-shrink:0;width:2rem}
.filter-title-sub{font-weight:600;margin-bottom:1rem}
.filter-search{--h-input:4rem}
.filter-body,.filter-search .re-input{font-size:1.4rem}
.filter-wr{align-items:center;cursor:pointer;display:flex;gap:.4rem;justify-content:space-between;padding:.4rem .8rem}
@media screen and (min-width:1025px) {
.filter-wr:hover{color:var(--c-pri)}
}
.filter-wr .number{font-size:.9em}
.filter-item{cursor:pointer}
.filter-brand{--gap:1rem;display:flex;flex-wrap:wrap;gap:var(--gap)}
.filter-list:has(.filter-item.w2){--gap:1rem;display:flex;flex-wrap:wrap;gap:var(--gap)}
.filter-item.w2{width:calc(50% - var(--gap) + var(--gap)/2)}
.filter-brand-img{border:.1rem solid #0000001a;border-radius:.4rem;display:block;overflow:hidden;padding-top:45%;position:relative}
.filter-brand-img img{display:block;height:90%;left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}
.filter-nor{align-items:flex-start;display:flex;font-weight:600;gap:.8rem;padding:.4rem .8rem}
.filter-checkbox{align-items:center;background-color:#f1f5f9;border:.1rem solid #cbd5e1;border-radius:.4rem;display:flex;flex-shrink:0;height:1.6rem;justify-content:center;position:relative;top:.2rem;width:1.6rem}
.filter-input:checked~.filter-wr,.filter-item.active .filter-wr{color:var(--c-pri)}
.filter-input:checked~.filter-brand-img{border-color:var(--c-pri)}
.filter-input:checked~.filter-nor{color:var(--c-pri)}
.filter-input:checked~.filter-nor .filter-checkbox{background-color:var(--c-pri);border-color:var(--c-pri);color:#fff}
.filter-input:checked~.filter-nor .filter-checkbox:before{opacity:1}
.filter-open{align-items:center;background-color:var(--c-pri);border-radius:.4rem;color:#fff;display:flex;font-size:1.4rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}
.filter-open img{filter:brightness(0) invert(1);width:1.6rem}
.filter-overlay{background-color:#0009;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z) + 1)}
@media screen and (max-width:1024px) {
.filter-overlay{display:block;opacity:0;pointer-events:none;transition:.2s ease-in-out;visibility:hidden}
.filter-overlay.open{opacity:1;pointer-events:visible;visibility:visible}
}
@media screen and (min-width:1025px) {
body.out .filter{top:calc(var(--size-hd-bot) + 1rem)}
}
@media screen and (min-width:1025px)and (min-width:1025px) {
body.out .filter-wrapper{max-height:calc(100vh - var(--size-hd-bot) - 2rem)}
}
@media screen and (min-width:1025px) {
body.in .filter{top:calc(var(--size-hd) + 1rem)}
}
@media screen and (min-width:1025px)and (min-width:1025px) {
body.in .filter-wrapper{max-height:calc(100vh - var(--size-hd) - 2rem)}
}
.sec-cart{min-height:50vh}
.cart-left{flex:1}
.cart-right{display:flex;flex-direction:column;gap:2.4rem;width:46rem}
@media screen and (max-width:700px) {
.cart-right{width:100%}
}
.c-pro{align-items:center;display:flex;gap:1rem}
.c-pro-price{min-width:15rem}
.c-pro-img{border-radius:.4rem;display:block;flex-shrink:0;height:10.4rem;width:10.4rem}
.c-pro-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.c-pro-name{font-weight:600}
.c-pro-del{align-items:center;background-color:#e7f0f7;border-radius:.4rem;cursor:pointer;display:flex;height:2.4rem;justify-content:center;width:2.4rem}
.c-pro-del i{font-family:Font Awesome 6 Pro}
.cart-table{background-color:#fff;border-radius:var(--rs);overflow:hidden}
.cart-table table{width:100%}
.cart-table thead td{background-color:#e7f0f7;font-weight:600;padding:1rem;color:#000}
.cart-table tbody td{padding:1rem}
.cart-table tbody tr:not(:last-child) td{border-bottom:.1rem solid #0000001a}
.cart-table td{vertical-align:middle}
.cart-table .count{padding:.2rem}
.cart-dt{background-color:#fff;border-radius:var(--rs);padding:1.6rem}
.cart-dt-body,.cart-dt-head{margin-bottom:1rem}
.cart-dt-body{display:flex;flex-direction:column;gap:.4rem}
.cart-dt-item{align-items:center;display:flex;gap:.8rem;justify-content:space-between}
.cart-dt-item:not(:last-child){margin-bottom:1rem}
.cart-dt-item .txt:first-child{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;overflow:hidden}
.cart-dt-item .txt:last-child{white-space:nowrap}
.cart-dt-foot{border-top:.1rem solid #0000001a;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}
.cart-pro{background-color:#fff;border-radius:var(--rs);padding:1.6rem}
.cart-pro .prose-wr{border:.1rem solid #0000001a;border-radius:.8rem;padding:1rem}
.cart-pro .prose-item:not(:last-child){border-bottom:none;margin-bottom:1rem}
.cmini{--pd:.8rem;background-color:#fff;border-radius:.8rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;flex-direction:column;max-height:50vh;min-height:15vh;opacity:0;position:absolute;right:0;top:calc(100% + 1rem);transform:translateY(1rem);transition:.2s ease-in-out;visibility:hidden;width:32rem;z-index:5}
@media screen and (max-width:1800px) {
.cmini{left:unset;right:0}
}
.cmini.open{opacity:1;transform:translate(0);visibility:visible}
@media screen and (max-width:700px) {
.cmini{width:calc(100vw - var(--pd)*2)}
}
.cmini:before{bottom:100%;content:"";height:1rem;left:0;position:absolute;width:100%}
.cmini-top{background-color:#f1f1f1;border-bottom:.1rem solid #0000001a;border-radius:.8rem .8rem 0 0;padding:var(--pd)}
.cmini-top .title{font-weight:600;color:#000;text-align:left}
.cmini-body{flex:1;overflow:hidden auto;padding:var(--pd);position:relative}
.cmini .--is-pending{background-color:hsla(0,0%,100%,.5);bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}
.cmini-body .prose-wr{padding:0}
.cmini-body .prose-img .inner{border-radius:.6rem}
.cmini-body .prose-item:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:.4rem;padding-bottom:.4rem}
.cmini-body .prose-content{flex:1}
.cmini-body .prose-content .prose-name,.cmini-body .prose-content .prose-price{font-size:1.2rem}
.cmini-body .prose-close{border-radius:.4rem;height:1.6rem;position:static;width:1.6rem}
.cmini-bot{padding:var(--pd);--h-btn:4rem;border-radius:0 0 .8rem .8rem;border-top:.1rem solid #0000001a;flex-direction:column;gap:1rem}
.cmini-bot,.cmini-bot-ctr{display:flex;justify-content:flex-end}
.cmini-bot-ctr{flex-wrap:wrap;gap:.6rem}
.cmini-bot-ctr .btn{flex:1}
.cmini-bot-fl{align-items:center;display:flex;gap:.6rem;justify-content:space-between}
.cmini-empty{border:.1rem solid #0000001a;border-radius:.8rem;padding:1rem;text-align:center}
.cmini-empty img{width:4rem}
@media screen and (max-width:1000px) {
.cart-table{background-color:transparent;border-radius:unset;overflow:scroll;overflow-x:unset;display:block;height:100%!important}
.cart-table thead{display:none}
.cart-table .c-pro-price{text-align:end}
.cart-table .c-pro-img{height:8rem;width:8rem}
.cart-table tr{background-color:#fff;border:.1rem solid #0000001a;border-radius:.4rem;display:flex;flex-wrap:wrap;overflow:hidden;padding:0 1rem}
.cart-table tr:not(:last-child){margin-bottom:1rem}
.cart-table tr:last-child td:not(:first-child){border-bottom:.1rem solid #0000001a}
.cart-table td{width:100%}
.cart-table td:not(:first-child){align-items:center;display:flex;gap:.6rem;justify-content:space-between}
.cart-table td:last-child{border-bottom:none!important}
.cart-table td:before{content:attr(data-label);display:inline-block;font-weight:500}
}
.fb-left{display:flex;flex-direction:column;gap:1.6rem;width:45%}
@media screen and (max-width:768px) {
.fb-left{width:100%}
}
.fb-left .introduce-wrapper{padding:2.4rem}
@media screen and (max-width:768px) {
.fb-left .introduce-wrapper{display:none}
}
.fb-right{width:55%}
@media screen and (max-width:768px) {
.fb-right{width:100%}
}
.fb-right .introduce-wrapper{padding:3.2rem}
.fb-main{display:flex;flex-direction:column;gap:1.6rem}
.fb-main-right{height:100%}
.fb-form-if{background-color:#0b68b11a;border-radius:.8rem;padding:1rem}
.fb-form-if .re-input{background-color:#fff}
.fb-form-if>.title{color:var(--c-six);margin-bottom:1rem}
.fb-rv{align-items:flex-start;border:.1rem solid #0000001a;border-radius:.8rem;display:flex;gap:1rem;padding:1rem}
.fb-rv-number{align-items:center;border:.1rem solid #0000001a;border-radius:100rem;color:#f2b329;display:flex;font-size:3.6rem;font-weight:500;height:8rem;justify-content:center;width:8rem}
@media screen and (max-width:700px) {
.fb-rv-number{font-size:2.4rem;height:6rem;width:6rem}
}
.fb-rv-content{flex:1}
.fb-rv-fl{align-items:center;cursor:pointer;display:flex;gap:.8rem;justify-content:space-between}
.fb-rv-fl .txt{color:var(--c-txt-second)}
.fb-rv-star{color:#ddd}
.fb-rv-fl.active .txt,.fb-rv-fl.active i{color:#f2b329}
.fb-form .f-list{--rg:1.6rem}
.fb-check{display:flex;flex-direction:column;gap:.4rem}
.fb-check-item{align-items:center;display:flex;gap:.8rem}
.fb-check-item input:checked+.recheck-checkbox{color:var(--c-six)}
.fb-check-item input:checked+.recheck-checkbox:before{opacity:1}
.quote-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.4rem}
.quote-head .t-title{display:inline-block}
.quote-head .uti .container{padding:0}
.quote-body{display:flex;flex-direction:column;gap:2.4rem}
.quote-body .prose-list{--gap:1rem;gap:var(--gap);--rg:0;--cg:0}
.quote-body .prose-item.col-6{width:calc(50% - .8rem)}
@media screen and (max-width:900px) {
.quote-body .prose-item.col-6{width:100%}
}
.quote-fil{background-color:var(--c-pri);border-radius:var(--rs);color:#fff;display:flex;padding:1rem}
@media screen and (max-width:900px) {
.quote-fil{flex-wrap:wrap;gap:1.6rem}
}
@media screen and (max-width:700px) {
.quote-fil{row-gap:1rem}
}
.quote-fil-item:not(:last-child){flex:1}
@media screen and (max-width:900px) {
.quote-fil-item{flex:unset!important;width:calc(50% - .8rem)}
}
@media screen and (max-width:700px) {
.quote-fil-item{width:100%}
}
.quote-fil-wr{align-items:center;display:flex;gap:.6rem;height:100%;padding:.6rem 1.6rem;position:relative}
@media screen and (max-width:900px) {
.quote-fil-wr{border:.1rem solid hsla(0,0%,100%,.5);border-radius:.8rem;padding:1rem}
}
.quote-fil-wr .left{flex:1}
.quote-fil-wr .ic{align-items:center;background-color:#9bc1df;border-radius:100rem;color:var(--c-pri);display:flex;flex-shrink:0;height:2.4rem;justify-content:center;width:2.4rem}
.quote-fil-wr .re-select{width:calc(100% + 3rem)}
.quote-fil-wr .re-select .ant-select{height:unset!important;position:static}
.quote-fil-wr .re-select .ant-select .ant-select-selector{border:none!important;padding:0!important;position:static}
.quote-fil-wr .re-select .ant-select .ant-select-selector:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.quote-fil-wr .re-select .ant-select .ant-select-selection-item,.quote-fil-wr .re-select .ant-select .ant-select-selection-placeholder{color:#e7f0f7!important}
.quote-fil-wr .re-select .ant-select .ant-select-arrow{display:none}
.quote-fil-wr .re-input{border-bottom-color:#fff;color:#e7f0f7;height:unset;line-height:30px;padding:0}
.quote-fil-wr .re-input.placeholder{color:#e7f0f7}
.quote-fil-wr .re-input:-moz-placeholder,.quote-fil-wr .re-input::-moz-placeholder{color:#e7f0f7}
.quote-fil-wr .re-input:-ms-input-placeholder{color:#e7f0f7}
.quote-fil-wr .re-input::-webkit-input-placeholder{color:#e7f0f7}
.quote-fil-item .btn{height:100%;width:100%}
.quote-fil-item:not(:last-child){border-left:1px solid hsla(0,0%,100%,.5)}
@media screen and (max-width:900px) {
.quote-fil-item:not(:last-child){border:none}
}
.quote-fil-item:first-child{border:none}
.checkout-form-wrapper{display:flex;flex-direction:column;gap:2rem}
.checkout-form-address{background-color:#f1f5f9;border-radius:.8rem;padding:1.6rem}
.checkout-form-address .ant-picker-outlined,.checkout-form-address .re-input,.checkout-form-address .re-select .ant-select-selector{background-color:#fff!important}
.checkout-method .item{align-items:center;cursor:pointer;display:flex;gap:1rem}
.checkout-method .item:not(:last-child){margin-bottom:1rem}
.checkout-sc-wrapper{display:flex;flex-direction:column;gap:2.4rem;margin:0 auto;max-width:100%;width:100%;margin-bottom:0}
.checkout-sc-noti{display:flex;flex-direction:column;gap:1rem}
.checkout-sc-noti .ic{display:inline-block;margin:0 auto;width:6rem}
.checkout-sc-noti .ic img{display:block;width:100%;filter:hue-rotate(45deg)}
.checkout-sc-dt table{width:100%}
.checkout-sc-dt table td{padding:1rem}
.checkout-sc-dt table td:last-child{text-align:right}
.checkout-sc-dt-block:not(:last-child){border-bottom:.1rem solid #0000001a;margin-bottom:1rem;padding-bottom:1rem}
.Toastify__toast-container>div{background-color:#fff;font-weight:400}
.Toastify__toast-container>div>div{align-items:flex-start;display:flex;gap:.8rem}
.Toastify__toast-container>div>div .Toastify__toast-icon{margin-right:0;position:relative;top:.3rem}
@media screen and (max-width:480px) {
.Toastify__toast-container{left:unset!important;right:.5rem!important;top:.5rem!important;width:calc(100vw - 1rem)!important}
.Toastify__toast-container>div{border-radius:.4rem}
}
@media screen and (max-width:1024px) {
.sec-bnpt{min-height:inherit}
}
.bner-tddh{align-items:center;display:flex;justify-content:center;min-height:36.4583333333vw;position:relative}
@media screen and (max-width:1024px) {
.bner-tddh{min-height:inherit}
}
.tracking-order-form input{background-color:#fff}
.tracking-order-form .re-label{color:#fff}
@media screen and (max-width:700px) {
.tracking-order-form .re-input{--h-input:4.6rem}
}
.tracking-order-form .form-title{color:#fff;--f-sz:2.8rem;font-size:var(--f-sz);font-weight:600}
@media only screen and (max-width:1200px) {
.tracking-order-form .form-title{--f-sz:2.4rem}
}
@media only screen and (max-width:800px) {
.tracking-order-form .form-title{--f-sz:2.1rem}
}
.tracking-order-form .box-form{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem 0;width:41.6666666667%}
@media screen and (max-width:1024px) {
.tracking-order-form .box-form{gap:2rem;width:100%}
.tracking-order-form .box-form .f-item{width:50%}
}
@media screen and (max-width:700px) {
.tracking-order-form .box-form{gap:1.6rem;padding:2.4rem 0}
.tracking-order-form .box-form .f-item{width:100%}
}
.status-step{display:flex;justify-content:space-between;margin:0 auto;width:90%}
@media screen and (max-width:1024px) {
.status-step{width:100%}
}
.status-step-item.active .status-step-icon{background:var(--c-pri)}
.status-step-item.active .status-step-icon img{filter:unset}
.status-step-item.active.cancel .status-step-icon{background:#eb001b;border:1px solid #eb001b}
.status-step-item.active.cancel .status-step-icon img{filter:unset}
.status-step-item.active.cancel .status-step-label{color:#eb001b}
.status-step-item.active .status-step-label{color:#0f172a;font-weight:600;text-align:center}
.status-step-item.active:not(:last-child):after{background-color:var(--c-pri)}
.status-step-item{display:flex;flex:1;flex-direction:column;gap:.8rem;padding:.8rem 0;width:25%;--w-cir:5.6rem;position:relative}
@media screen and (max-width:1024px) {
.status-step-item{--w-cir:5rem}
}
@media screen and (max-width:700px) {
.status-step-item{gap:.4rem;padding:.4rem 0;--w-cir:4.2rem}
}
.status-step-item .orders-timestamp{justify-content:center}
.status-step-item:not(:last-child):after{background:#d9d9d9;content:"";height:.8rem;left:50%;position:absolute;top:calc(var(--w-cir)/2 + .5rem);width:100%;z-index:1}
@media screen and (max-width:700px) {
.status-step-item:not(:last-child):after{height:.4rem;top:calc(var(--w-cir)/2 + .4rem)}
.status-step-item{padding:.4rem}
.status-step-item .orders-timestamp{display:block}
.status-step-item .orders-timestamp span{display:block;font-size:1.2rem;text-align:center}
}
@media screen and (max-width:700px)and (max-width:350px) {
.status-step-item .orders-timestamp span{font-size:3.6vw}
}
@media screen and (max-width:700px) {
.status-step-item .orders-timestamp span:after{display:none}
}
.status-step-icon{align-items:center;background:#fff;border:1px solid var(--c-pri);border-radius:100%;display:flex;flex-shrink:0;height:var(--w-cir);justify-content:center;margin:0 auto;position:relative;width:var(--w-cir);z-index:2}
.status-step-icon img{border-radius:unset;filter:brightness(0) saturate(100%) invert(19%) sepia(93%) saturate(2615%) hue-rotate(192deg) brightness(97%) contrast(91%);height:calc(var(--w-cir) - 3.2rem);position:relative;width:calc(var(--w-cir) - 3.2rem);z-index:3}
@media screen and (max-width:700px) {
.status-step-icon img{height:calc(var(--w-cir) - 2rem);width:calc(var(--w-cir) - 2rem)}
}
.status-step.--cus{width:65%}
@media screen and (max-width:1024px) {
.status-step.--cus{width:75%}
}
.status-step.--cus .status-step-item{width:33.3333333333%}
.status-step-label{color:#64748b;font-weight:600;text-align:center}
@media screen and (min-width:701px) {
.status-step-label br{display:none}
}
@media screen and (max-width:700px) {
.status-step-label{font-size:1.4rem}
.btn.btn-check-order{box-shadow:none;height:4rem;padding:1rem 2rem}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover{font-size:medium}
}
@media(min-width:768px) {
input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover{font-size:inherit}
}
.hover\:bg-\[#E7F0F7\]:hover{--tw-bg-opacity:1;background-color:rgb(231 240 247/var(--tw-bg-opacity))}
.hover\:\!underline:hover{text-decoration-line:underline!important}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.focus-visible\:\!outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}
@media (min-width:640px) {
.sm\:block{display:block}
.sm\:hidden{display:none}
}
@media (min-width:768px) {
.md\:\!w-\[calc\(50\%-2rem\)\]{width:calc(50% - 2rem)!important}
}