html body :is(
.woocommerce-pagination,
.jas-pagination,
.navigation.pagination,
.ft-pager
) {
box-sizing: border-box !important;
clear: both !important;
float: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
margin: 36px auto 24px !important;
padding-inline: 0 !important;
overflow: visible !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) {
--ft-pagination-shift: 0px;
box-sizing: border-box !important;
clear: both !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
width: max-content !important;
max-width: calc(100vw - 32px) !important;
margin: 0 auto !important;
padding: 0 !important;
list-style: none !important;
transform: translateX(var(--ft-pagination-shift)) !important;
transition: none !important;
}
html body :is(ul.page-numbers, .ft-pager-list) > li {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) :is(a, span) {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 1px solid #d6e2ea !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: none !important;
color: #12354d !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) :is(.current, a:hover, a:focus-visible) {
border-color: #1694ab !important;
background: #1694ab !important;
color: #fff !important;
box-shadow: 0 8px 20px rgb(22 148 171 / 20%) !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) .dots {
min-width: 26px !important;
padding-inline: 4px !important;
border-color: transparent !important;
background: transparent !important;
box-shadow: none !important;
}
@media (max-width: 767px) {
html body :is(
.woocommerce-pagination,
.jas-pagination,
.navigation.pagination,
.ft-pager
) {
margin-block: 28px 20px !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) {
gap: 6px !important;
max-width: calc(100vw - 24px) !important;
}
html body :is(
ul.page-numbers,
.navigation.pagination .nav-links,
.ft-pager-list
) :is(a, span) {
min-width: 38px !important;
height: 38px !important;
padding-inline: 10px !important;
border-radius: 9px !important;
font-size: 13px !important;
}
}.fx-finder{background:none;color:var(--fx-ink);padding:0;margin-bottom:18px;text-align:center}.fx-finder h2{color:var(--fx-ink);font-size:19px;font-weight:500;margin:0 0 4px;text-transform:none;letter-spacing:normal}.fx-finder > form > p{margin:0 0 12px;color:var(--fx-muted);font-size:13.5px}.fx-finder-box{display:flex;position:relative;margin:0 auto;max-width:100%}.fx-finder .fx-finder-box input[type="search"]{flex:1;min-width:0;height:40px !important;border:2px solid var(--fx-accent) !important;border-radius:30px !important;padding:10px 116px 10px 24px !important;margin:0 !important;background:#fff !important;font-family:inherit;font-size:14px !important;line-height:normal;color:#0a0a0a;box-shadow:none !important;-webkit-appearance:none;appearance:none}.fx-finder .fx-finder-box input[type="search"]::placeholder{color:#999;font-size:14px}.fx-finder .fx-finder-box input[type="search"]:focus{outline:0;border-color:var(--fx-accent-dark) !important}.fx-finder-box button{position:absolute;right:3px;top:3px;height:34px;border:0;border-radius:30px;padding-inline:22px;background:var(--fx-accent);color:#fff;font:inherit;font-size:14px;cursor:pointer}.fx-finder-box button:hover{background:var(--fx-accent-dark)}.fx-finder-slot{width:100%;margin:0 auto 18px}.fx-results{text-align:left;margin-top:24px}.fx-group{margin-bottom:26px}.fx-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--fx-line)}.fx-group-head h3{margin:0;font-size:15.5px;text-transform:none;letter-spacing:normal}.fx-group-head small{color:var(--fx-muted);font-size:12.5px}.fx-group-head .fx-count{margin-left:auto;color:var(--fx-muted);font-size:12.5px}.fx-summary{margin:0 0 18px;font-size:13px;color:var(--ft-cat-muted);text-align:left}.fx-empty{text-align:center;padding:44px 20px;color:var(--fx-muted);border:1px dashed var(--fx-line);border-radius:var(--fx-radius);background:#fff}.fx-empty p{margin:0 0 6px}.fx-note{font-size:12.5px;color:var(--fx-muted)}.jas-menu > li.ft-mega__item,li.ft-mega__item{position:relative !important}.ft-mega__panel{position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-35%) !important;width:860px !important;max-width:90vw !important;z-index:99999 !important;display:none !important;padding:24px 28px !important;text-align:start !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;border-top:3px solid #16899e !important;border-radius:0 0 12px 12px !important;box-shadow:0 16px 40px rgba(0,0,0,0.14) !important;box-sizing:border-box !important}.jas-menu > li.ft-mega__item:hover > .ft-mega__panel,.jas-menu > li.ft-mega__item:focus-within > .ft-mega__panel,li.ft-mega__item:hover > .ft-mega__panel,li.ft-mega__item:focus-within > .ft-mega__panel{display:block !important}.ft-mega__cols{display:grid !important;grid-template-columns:repeat(4,minmax(170px,1fr)) !important;gap:24px !important}.ft-mega__col{min-width:0 !important}.ft-mega__col-title{margin:0 0 12px !important;font-size:14px !important;font-weight:700 !important;letter-spacing:0.04em !important;text-transform:uppercase !important;color:#1a202c !important;padding-bottom:8px !important;border-bottom:1px solid #edf2f7 !important}.ft-mega__links{margin:0 !important;padding:0 !important;list-style:none !important}.ft-mega__links li{margin:0 0 5px !important;list-style:none !important}.ft-mega__links a{display:block !important;padding:3px 0 !important;font-size:13.5px !important;line-height:1.5 !important;color:#4a5568 !important;text-decoration:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;transition:color 0.15s ease !important}.ft-mega__links a:hover,.ft-mega__links a:focus{color:#12869c !important}.ft-mega__foot{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;margin-top:20px !important;padding-top:14px !important;border-top:1px solid #edf2f7 !important}.ft-mega__foot-label{font-size:13px !important;font-weight:600 !important;color:#718096 !important;margin-right:6px !important}.ft-mega__brand{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:32px !important;padding:2px 10px !important;border:1px solid #e2e8f0 !important;border-radius:999px !important;background:#f7fafc !important;transition:all 0.15s ease !important}.ft-mega__brand img{display:block !important;max-height:18px !important;max-width:55px !important;width:auto !important;height:auto !important;object-fit:contain !important}.ft-mega__brand:hover,.ft-mega__brand:focus{border-color:#58a9d9 !important;background:#f0f8fa !important}.ft-mega__all{margin-inline-start:auto !important;font-size:13.5px !important;font-weight:700 !important;color:#12869c !important;text-decoration:none !important}.ft-mega__all:hover{text-decoration:underline !important}@media (max-width:991px){.ft-mega__panel{display:none !important}}html body .jas-canvas-menu.jas-push-menu{left:-420px;width:min(380px,calc(100vw - 24px));max-width:none;padding:0 0 max(22px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;border-right:1px solid #dce7ee;border-radius:0 18px 18px 0;box-shadow:18px 0 55px rgba(24,55,78,0.2);color:#304759;scrollbar-color:#b9cbd8 transparent;scrollbar-width:thin}html body.menu-opened .jas-canvas-menu.jas-push-menu{left:0}html body.menu-opened{overflow:hidden}html body .mask-overlay{background:rgba(18,38,55,0.58);backdrop-filter:blur(2px)}html body .jas-canvas-menu.jas-push-menu>h3{position:sticky;top:0;z-index:20;display:flex;align-items:center;box-sizing:border-box;height:70px;margin:0;padding:0 70px 0 22px;overflow:hidden;background:linear-gradient(120deg,#f3f9fc 0%,#edf7fa 100%);border-bottom:1px solid #dce8ef;color:transparent;font-size:0;line-height:1;letter-spacing:0;text-align:left;text-transform:none}html body .jas-canvas-menu.jas-push-menu>h3::before{content:"เมนู";color:#174c73;font-size:19px;font-weight:700;line-height:1.4}html body .jas-push-menu>h3 .close-menu{position:absolute;top:13px;right:14px;left:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;padding:0;background:#fff;border:1px solid #d8e4ec;border-radius:50%;box-shadow:0 3px 12px rgba(28,69,96,0.08);color:#526878;font-size:29px;line-height:1;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease}html body .jas-push-menu>h3 .close-menu:hover,html body .jas-push-menu>h3 .close-menu:focus-visible{background:#eaf5f8;border-color:#a9d5df;color:#12869c}html body .jas-canvas-menu.jas-push-menu>.jas-action{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;height:auto;margin:0;padding:14px 18px;background:#f8fbfd;border-bottom:1px solid #e5edf2}html body #jas-header .jas-canvas-menu.jas-push-menu>.hide-md.visible-sm.visible-xs{display:none !important;margin:0 !important}html body .jas-canvas-menu.jas-push-menu>.jas-action>a{display:flex !important;align-items:center;justify-content:flex-start;box-sizing:border-box;width:auto;min-width:0;min-height:48px;margin:0;padding:10px 12px;gap:9px;background:#fff;border:1px solid #dce7ee;border-radius:11px;color:#34566f;font-size:20px;line-height:1;text-decoration:none;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease}html body #jas-header .jas-canvas-menu.jas-push-menu>.jas-action>.sf-open{display:flex !important;justify-content:flex-start;width:auto;margin:0;padding:10px 12px}html body .jas-canvas-menu.jas-push-menu>.jas-action>a::after{color:#34566f;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap}html body .jas-canvas-menu.jas-push-menu>.jas-action>.sf-open::after{content:"ค้นหาสินค้า"}html body .jas-canvas-menu.jas-push-menu>.jas-action>.jas-my-account::after{content:"บัญชีของฉัน"}html body .jas-canvas-menu.jas-push-menu>.jas-action>a:hover,html body .jas-canvas-menu.jas-push-menu>.jas-action>a:focus-visible{background:#edf7fa;border-color:#b8dce4;color:#12869c}html body #jas-mobile-menu{box-sizing:border-box;width:100%;padding:10px 14px 18px}html body #jas-mobile-menu ul,html body #jas-mobile-menu li{box-sizing:border-box;width:100%}html body #jas-mobile-menu>ul>li{margin:3px 0;border:0;border-radius:10px}html body #jas-mobile-menu ul li>a{display:flex;align-items:center;box-sizing:border-box;min-height:48px;padding:11px 50px 11px 14px;border-radius:9px;color:#304759;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;text-decoration:none;transition:background 0.16s ease,color 0.16s ease,padding 0.16s ease}html body #jas-mobile-menu ul li:not(.has-sub)>a{padding-right:14px}html body #jas-mobile-menu>ul>li:hover>a,html body #jas-mobile-menu>ul>li:focus-within>a,html body #jas-mobile-menu>ul>li.current-menu-item>a,html body #jas-mobile-menu>ul>li.current-menu-parent>a,html body #jas-mobile-menu>ul>li.current-menu-ancestor>a,html body #jas-mobile-menu>ul>li.open>a{padding-left:14px;background:#edf7fa;color:#126f85;font-weight:600}html body #jas-mobile-menu .holder{top:2px;right:2px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;border-radius:9px;color:#61798a;transition:background 0.16s ease,color 0.16s ease}html body #jas-mobile-menu li:hover>.holder,html body #jas-mobile-menu li:focus-within>.holder,html body #jas-mobile-menu li.open>.holder{background:#e2f1f5;color:#12869c}html body #jas-mobile-menu .holder::before,html body #jas-mobile-menu .holder::after{right:15px;box-sizing:border-box;width:14px;height:1px;border:0;background:currentColor;transform:none}html body #jas-mobile-menu .holder::before{top:21px}html body #jas-mobile-menu .holder::after{top:21px;transform:rotate(90deg);transition:transform 0.2s ease,opacity 0.2s ease}html body #jas-mobile-menu li.open>.holder::before{opacity:1;visibility:visible}html body #jas-mobile-menu li.open>.holder::after{opacity:0;transform:rotate(0deg)}html body #jas-mobile-menu ul ul{position:relative;left:auto;top:auto;width:auto;margin:5px 0 9px 12px;padding:6px 7px 6px 12px;overflow:hidden;background:#f7fafc;border:0;border-left:2px solid #b9dfe7;border-radius:0 10px 10px 0;box-shadow:none}html body #jas-mobile-menu ul ul li{margin:1px 0}html body #jas-mobile-menu ul ul li>a{min-height:43px;padding:9px 46px 9px 12px;color:#5c7182;font-size:13.5px;font-weight:400}html body #jas-mobile-menu ul ul li:not(.has-sub)>a{padding-right:12px}html body #jas-mobile-menu ul ul li:hover>a,html body #jas-mobile-menu ul ul li:focus-within>a,html body #jas-mobile-menu ul ul li.current-menu-item>a,html body #jas-mobile-menu ul ul li.open>a{padding-left:12px;background:#eaf3f7;color:#174c73}html body #jas-mobile-menu ul ul .holder{top:0;right:0}html body .jas-canvas-menu:is(a,.holder,.close-menu):focus-visible{outline:2px solid #16899e;outline-offset:2px}@media (max-width:420px){html body .jas-canvas-menu.jas-push-menu{width:calc(100vw - 20px);border-radius:0 15px 15px 0}}@media (prefers-reduced-motion:reduce){html body .jas-canvas-menu.jas-push-menu,html body .jas-canvas-menu.jas-push-menu *{transition:none !important}}html body #jas-header .jas-canvas-menu.jas-push-menu>.jas-action{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box;width:100%;height:auto;margin:0;padding:14px 18px !important;gap:10px;justify-content:stretch !important}.mfp-bg.mfp-ready {
background: #102738;
opacity: .68;
}
.mfp-ajax-holder .mfp-content {
width: min(1080px, calc(100vw - 40px));
}
.product-quickview {
width: 100%;
max-width: 1080px;
height: min(720px, calc(100vh - 48px));
max-height: calc(100vh - 48px);
margin: auto;
overflow: hidden;
border: 1px solid rgba(214, 226, 235, .9);
border-radius: 18px;
background: #fff;
box-shadow: 0 28px 90px rgba(7, 31, 48, .32);
}
.product-quickview > .mfp-close {
top: 14px;
right: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid #dce6ed;
border-radius: 50%;
background: rgba(255, 255, 255, .96);
color: #476175;
box-shadow: 0 4px 14px rgba(28, 55, 75, .12);
font-size: 0 !important;
line-height: 0 !important;
opacity: 1;
z-index: 30;
}
.product-quickview > .mfp-close::before,
.product-quickview > .mfp-close::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 13px;
height: 2px;
border-radius: 2px;
background: #476175;
transform-origin: center;
pointer-events: none;
}
.product-quickview > .mfp-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.product-quickview > .mfp-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.product-quickview > .mfp-close:hover {
border-color: #98cfd9;
background: #edf8fa;
color: #11758a;
}
.product-quickview > .mfp-close:hover::before,
.product-quickview > .mfp-close:hover::after {
background: #11758a;
}
.product-quickview > .jas-row {
height: 100%;
margin: 0;
flex-wrap: nowrap;
}
.product-quickview > .jas-row > .jas-col-md-7,
.product-quickview > .jas-row > .jas-col-md-5 {
height: 100% !important;
min-width: 0;
padding: 0;
}
.product-quickview > .jas-row > .jas-col-md-7 {
flex: 0 0 54%;
max-width: 54%;
display: flex;
align-items: stretch;
background: linear-gradient(145deg, #f7fafc 0%, #eef4f7 100%);
border-right: 1px solid #e3ebf0;
}
.product-quickview > .jas-row > .jas-col-md-5 {
flex: 0 0 46%;
max-width: 46%;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #b9ccd8 transparent;
}
.product-quickview > .jas-row > .jas-col-md-5::-webkit-scrollbar {
width: 7px;
}
.product-quickview > .jas-row > .jas-col-md-5::-webkit-scrollbar-thumb {
border: 2px solid transparent;
border-radius: 20px;
background: #b9ccd8;
background-clip: padding-box;
}
.product-quickview .single-product-thumbnail,
.product-quickview .p-thumb,
.product-quickview .slick-list,
.product-quickview .slick-track,
.product-quickview .slick-slide,
.product-quickview .slick-slide > div,
.product-quickview .p-item {
width: 100%;
height: 100% !important;
min-height: 0;
}
.product-quickview .single-product-thumbnail {
flex: 1;
min-width: 0;
}
.product-quickview .slick-slide,
.product-quickview .slick-slide > div,
.product-quickview .p-item {
display: flex !important;
align-items: center;
justify-content: center;
}
.product-quickview .single-product-thumbnail img {
display: block;
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
padding: 28px 34px 48px;
object-fit: contain;
box-sizing: border-box;
}
.product-quickview .slick-dots {
bottom: 22px;
}
.product-quickview .slick-dots li {
width: 9px;
height: 9px;
margin: 0 4px;
}
.product-quickview .slick-dots li button,
.product-quickview .slick-dots li button::before {
width: 9px;
height: 9px;
}
.product-quickview .slick-dots li button::before {
font-size: 30px;
line-height: 9px;
color: #aec0cc;
opacity: 1;
}
.product-quickview .slick-dots li.slick-active button::before {
color: #168aa1;
}
.content-quickview {
padding: 34px 34px 30px;
}
.product-quickview .content-quickview h1.product_title {
margin: 0 44px 12px 0 !important;
color: #1f3547 !important;
font-size: clamp(21px, 2vw, 26px) !important;
font-weight: 700 !important;
line-height: 1.42 !important;
letter-spacing: 0;
}
.product-quickview .content-quickview .price {
margin: 0 0 18px !important;
color: #087c68 !important;
font-size: 28px !important;
font-weight: 700;
line-height: 1.25 !important;
}
.product-quickview .woocommerce-product-details__short-description {
margin-bottom: 20px !important;
padding: 14px 16px;
border: 1px solid #e3ebf0;
border-radius: 12px;
background: #f8fafc;
}
.product-quickview .woocommerce-product-details__short-description ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 18px;
margin: 0 !important;
}
.product-quickview .woocommerce-product-details__short-description li {
margin: 0 !important;
padding-left: 18px !important;
color: #465d6f !important;
}
.product-quickview form.cart {
display: flex !important;
align-items: center;
flex-wrap: nowrap !important;
gap: 12px;
margin: 0 0 22px !important;
}
.product-quickview form.cart > * {
margin: 0 !important;
}
.product-quickview form.cart .quantity {
position: relative;
flex: 0 0 116px;
width: 116px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
border: 1px solid #cfdce5 !important;
border-radius: 23px !important;
background: #fff;
}
.product-quickview form.cart .quantity input.qty {
display: block !important;
width: 100% !important;
height: 44px !important;
margin: 0 !important;
padding: 0 38px !important;
border: 0 !important;
background: transparent !important;
color: #243e52 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 44px !important;
text-align: center;
}
.product-quickview form.cart .quantity .qty.tc {
position: static;
}
.product-quickview form.cart .quantity a.plus,
.product-quickview form.cart .quantity a.minus {
top: 6px !important;
display: flex !important;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: #edf6fa;
color: #167f95;
line-height: 1;
}
.product-quickview form.cart .quantity a.minus {
left: 6px !important;
}
.product-quickview form.cart .quantity a.plus {
right: 6px !important;
}
.product-quickview form.cart .single_add_to_cart_button {
flex: 1 1 auto;
width: auto !important;
min-width: 0 !important;
height: 46px !important;
border-radius: 23px !important;
background: #087ac5 !important;
box-shadow: 0 8px 20px rgba(8, 122, 197, .2) !important;
}
.product-quickview form.cart .single_add_to_cart_button:hover {
background: #0669aa !important;
}
.product-quickview .fx-pdp-fits {
margin-top: 0;
padding-top: 18px;
}
.product-quickview .fx-assure {
gap: 4px 20px;
margin-top: 20px !important;
}
.product-quickview .fx-assure > li {
min-width: 0;
}
.product-quickview .product_meta {
margin-top: 18px;
padding: 16px;
border: 1px solid #e4ebf0;
border-radius: 10px;
background: #fafcfd;
line-height: 1.7;
}
.product-quickview .detail_link {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
margin-top: 14px;
border: 1px solid #cfdce5;
border-radius: 10px;
color: #31556e;
}
.product-quickview .detail_link:hover {
border-color: #168aa1;
background: #edf8fa;
color: #116f83;
}
@media (max-width: 767px) {
.mfp-container {
padding: 12px;
}
.mfp-ajax-holder .mfp-content {
width: 100%;
}
.product-quickview {
height: auto;
max-height: calc(100vh - 24px);
overflow-x: hidden;
overflow-y: auto;
border-radius: 14px;
}
.product-quickview > .jas-row {
height: auto;
flex-wrap: wrap;
}
.product-quickview > .jas-row > .jas-col-md-7,
.product-quickview > .jas-row > .jas-col-md-5 {
flex: 0 0 100%;
max-width: 100%;
height: auto !important;
overflow: visible;
}
.product-quickview > .jas-row > .jas-col-md-7 {
height: min(390px, 46vh) !important;
border-right: 0;
border-bottom: 1px solid #e3ebf0;
}
.product-quickview .single-product-thumbnail img {
padding: 20px 24px 42px;
}
.content-quickview {
padding: 24px 20px 26px;
}
.product-quickview .content-quickview h1.product_title {
margin-right: 34px !important;
font-size: 20px !important;
}
.product-quickview .content-quickview .price {
font-size: 24px !important;
}
}
@media (max-width: 420px) {
.product-quickview .woocommerce-product-details__short-description ul,
.product-quickview .fx-assure {
grid-template-columns: 1fr;
}
.product-quickview form.cart {
flex-wrap: wrap !important;
}
.product-quickview form.cart .quantity {
flex-basis: 112px;
width: 112px !important;
}
.product-quickview form.cart .single_add_to_cart_button {
flex: 1 1 160px;
}
} .product-quickview form.cart .quantity a.plus,
.product-quickview form.cart .quantity a.minus {
position: absolute !important;
z-index: 3;
font-size: 0 !important;
line-height: 0 !important;
}
.product-quickview form.cart .quantity a.plus i,
.product-quickview form.cart .quantity a.minus i {
display: none !important;
}
.product-quickview form.cart .quantity a.plus::before,
.product-quickview form.cart .quantity a.minus::before,
.product-quickview form.cart .quantity a.plus::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
border-radius: 2px;
background: #167f95;
transform: translate(-50%, -50%);
pointer-events: none;
}
.product-quickview form.cart .quantity a.plus::before,
.product-quickview form.cart .quantity a.minus::before {
width: 12px;
height: 2px;
}
.product-quickview form.cart .quantity a.plus::after {
width: 2px;
height: 12px;
}
.product-quickview form.cart .quantity input.qty {
position: relative;
z-index: 1;
}
html body div.product.product-quickview form.cart div.quantity input.qty {
display: block !important;
width: 100% !important;
height: 44px !important;
padding: 0 38px !important;
text-align: center !important;
} html body div.product.product-quickview form.cart div.quantity {
position: relative !important;
display: block !important;
flex: 0 0 116px !important;
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
height: 46px !important;
overflow: hidden !important;
}
html body div.product.product-quickview form.cart div.quantity > input.qty {
position: absolute !important;
inset: 1px !important;
z-index: 1 !important;
width: calc(100% - 2px) !important;
height: 44px !important;
margin: 0 !important;
padding: 0 38px !important;
appearance: textfield !important;
}
html body div.product.product-quickview form.cart div.quantity > input.qty::-webkit-inner-spin-button,
html body div.product.product-quickview form.cart div.quantity > input.qty::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
html body div.product.product-quickview form.cart div.quantity > .qty {
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
pointer-events: none;
}
html body div.product.product-quickview form.cart div.quantity > .qty > a {
pointer-events: auto;
}
html body div.product.product-quickview form.cart div.quantity > .qty > a > * {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
html body div.product.product-quickview form.cart div.quantity > .qty > a::before,
html body div.product.product-quickview form.cart div.quantity > .qty > a::after {
box-sizing: border-box !important;
visibility: visible !important;
opacity: 1 !important;
color: transparent !important;
font-family: inherit !important;
font-size: 0 !important;
line-height: 0 !important;
} .product-quickview form.variations_form.cart {
display: block !important;
width: 100%;
margin: 0 0 22px !important;
}
.product-quickview form.variations_form table.variations,
.product-quickview form.variations_form table.variations tbody,
.product-quickview form.variations_form table.variations tr,
.product-quickview form.variations_form table.variations th,
.product-quickview form.variations_form table.variations td {
display: block;
width: 100%;
box-sizing: border-box;
}
.product-quickview form.variations_form table.variations {
margin: 0 0 14px !important;
border: 0 !important;
border-collapse: collapse;
}
.product-quickview form.variations_form table.variations tr,
.product-quickview form.variations_form table.variations th,
.product-quickview form.variations_form table.variations td {
margin: 0;
padding: 0 !important;
border: 0 !important;
}
.product-quickview form.variations_form table.variations th.label {
margin-bottom: 7px;
color: #29465b;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
}
.product-quickview form.variations_form table.variations th.label label {
margin: 0;
font-weight: inherit;
}
.product-quickview form.variations_form table.variations td.value {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
}
.product-quickview form.variations_form table.variations select {
width: 100% !important;
min-width: 0;
height: 46px !important;
padding: 0 38px 0 14px;
border: 1px solid #cfdce5;
border-radius: 9px;
background-color: #fff;
color: #29465b;
font-size: 14px;
}
.product-quickview form.variations_form .reset_variations {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 62px;
min-height: 44px;
margin: 0 !important;
padding: 0 10px;
border-radius: 8px;
color: #64788a;
font-size: 13px;
text-decoration: none;
}
.product-quickview form.variations_form .reset_variations:hover {
background: #edf6fa;
color: #11758a;
}
.product-quickview form.variations_form .single_variation_wrap {
display: block !important;
width: 100%;
margin: 0;
}
.product-quickview form.variations_form .single_variation {
width: 100%;
min-height: 0 !important;
margin: 0 0 12px;
}
.product-quickview form.variations_form .woocommerce-variation-price {
padding: 12px 14px;
border: 1px solid #d9e8ee;
border-radius: 10px;
background: #f5fafb;
}
.product-quickview form.variations_form .woocommerce-variation-price .price {
display: block;
margin: 0 !important;
color: #087c68 !important;
font-size: 23px !important;
font-weight: 800;
line-height: 1.35 !important;
}
.product-quickview form.variations_form .woocommerce-variation-availability:empty,
.product-quickview form.variations_form .woocommerce-variation-description:empty {
display: none;
}
.product-quickview form.variations_form .woocommerce-variation-add-to-cart {
display: grid !important;
grid-template-columns: 116px minmax(0, 1fr);
align-items: center;
gap: 12px;
width: 100%;
}
.product-quickview form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
@media (max-width: 420px) {
html body div.product.product-quickview form.cart div.quantity {
flex-basis: 112px !important;
width: 112px !important;
min-width: 112px !important;
max-width: 112px !important;
}
.product-quickview form.variations_form .woocommerce-variation-add-to-cart {
grid-template-columns: 112px minmax(0, 1fr);
gap: 10px;
}
} .product-quickview .woocommerce-variation-add-to-cart-disabled .quantity {
opacity: .52;
pointer-events: none;
}
.product-quickview .woocommerce-variation-add-to-cart-disabled .quantity input.qty {
color: #6f8291 !important;
}
.product-quickview .woocommerce-variation-add-to-cart-enabled .quantity {
opacity: 1;
pointer-events: auto;
}.jas-mini-cart.jas-push-menu{width:390px;max-width:calc(100vw - 20px);right:-410px;overflow:hidden;background:#f5f8fb;color:#273f52;box-shadow:-18px 0 50px rgba(10,35,53,.22)}.cart-opened .jas-mini-cart.jas-push-menu{right:0}.cart-opened .mask-overlay{background:rgba(12,29,43,.62);backdrop-filter:blur(2px)}.jas-mini-cart .jas-mini-cart-content{height:100%;display:flex;flex-direction:column}.jas-mini-cart .jas-mini-cart-content>h3{position:relative;flex:0 0 72px;display:flex;align-items:center;justify-content:center;min-height:72px;margin:0;padding:0 58px;background:linear-gradient(135deg,#163c5b 0,#0d6f8a 100%);color:#fff;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:.2px;text-transform:none;box-shadow:0 6px 20px rgba(18,55,79,.16);z-index:3}.jas-mini-cart .jas-mini-cart-content>h3 .close-cart{left:16px;top:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1}.jas-mini-cart .jas-mini-cart-content>h3 .close-cart:hover{background:rgba(255,255,255,.2)}.jas-mini-cart .widget_shopping_cart_content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:20px;overflow:hidden;box-sizing:border-box}.jas-mini-cart .woocommerce-mini-cart{flex:0 1 auto;min-height:0;max-height:calc(100dvh - 330px);margin:0;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:#b5cad7 transparent}.jas-mini-cart .woocommerce-mini-cart::-webkit-scrollbar{width:6px}.jas-mini-cart .woocommerce-mini-cart::-webkit-scrollbar-thumb{border-radius:10px;background:#b5cad7}.jas-mini-cart .mini_cart_item{position:relative;min-height:112px;margin:0 0 12px;padding:14px;overflow:visible;border:1px solid #dde7ed;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(25,61,84,.06);box-sizing:border-box}.jas-mini-cart .mini_cart_item>a:not(.remove){display:block;min-height:82px;padding:0 30px 0 94px;color:#253d50;font-size:14px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.jas-mini-cart .mini_cart_item>a:not(.remove):hover{color:#0b7791}.jas-mini-cart .mini_cart_item img{position:absolute;left:14px;top:14px;float:none;width:78px;height:78px;max-width:none;margin:0;padding:6px;border:1px solid #edf1f4;border-radius:10px;background:#fff;object-fit:contain;box-sizing:border-box}.jas-mini-cart .mini_cart_item .remove{left:auto;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #dbe5eb;border-radius:50%;background:#f5f8fa;color:#718494;font-size:20px;line-height:1;opacity:1;z-index:2}.jas-mini-cart .mini_cart_item .remove:hover{border-color:#9fcbd4;background:#edf8fa;color:#11758a}.jas-mini-cart .mini_cart_item .variation,.jas-mini-cart .mini_cart_item .quantity{float:none;width:auto;margin:8px 0 0 94px;color:#718392;font-size:12.5px;line-height:1.5}.jas-mini-cart .mini_cart_item .quantity .amount{color:#087c68;font-weight:700}.jas-mini-cart .woocommerce-mini-cart__total.total{flex:0 0 auto;min-height:64px;margin:8px 0 14px;padding:14px 16px;border:1px solid #dbe6ec;border-radius:12px;background:#fff;color:#253d50;font-size:16px;font-weight:600;box-sizing:border-box}.jas-mini-cart .woocommerce-mini-cart__total.total strong{font-weight:600}.jas-mini-cart .woocommerce-mini-cart__total.total .amount{color:#087c68;font-size:20px;font-weight:700}.jas-mini-cart .woocommerce-mini-cart__buttons.buttons{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.jas-mini-cart .woocommerce-mini-cart__buttons .button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:10px 12px;border:1px solid #b9cfdb;border-radius:10px;background:#fff;color:#28506a;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;box-sizing:border-box}.jas-mini-cart .woocommerce-mini-cart__buttons .button:hover{border-color:#168aa1;background:#edf8fa;color:#116f83;opacity:1}.jas-mini-cart .woocommerce-mini-cart__buttons .checkout{border-color:#087ac5;background:#087ac5;color:#fff;box-shadow:0 7px 18px rgba(8,122,197,.2)}.jas-mini-cart .woocommerce-mini-cart__buttons .checkout:hover{border-color:#0669aa;background:#0669aa;color:#fff}.jas-mini-cart .woocommerce-mini-cart__buttons .close-cart{grid-column:1/-1;background:#eaf1f5;color:#476175}.jas-mini-cart .woocommerce-mini-cart__empty-message{margin:auto 0;padding:42px 24px;border:1px dashed #bfd0da;border-radius:14px;background:#fff;color:#607687;text-align:center;line-height:1.7}@media(max-width:420px){.jas-mini-cart.jas-push-menu{width:calc(100vw - 20px);max-width:380px}.jas-mini-cart .jas-mini-cart-content>h3{flex-basis:66px;min-height:66px}.jas-mini-cart .jas-mini-cart-content>h3 .close-cart{top:13px}.jas-mini-cart .widget_shopping_cart_content{padding:16px}.jas-mini-cart .woocommerce-mini-cart{max-height:calc(100dvh - 312px)}.jas-mini-cart .mini_cart_item{padding:12px}.jas-mini-cart .mini_cart_item img{left:12px;top:12px;width:72px;height:72px}.jas-mini-cart .mini_cart_item>a:not(.remove){min-height:74px;padding-left:84px;font-size:13.5px}.jas-mini-cart .mini_cart_item .variation,.jas-mini-cart .mini_cart_item .quantity{margin-left:84px}}:root {
--ft-page-max: 1420px;
--ft-page-pad: clamp(16px, 2.25vw, 32px);
--ft-blue: #0069bd;
--ft-blue-dark: #174c73;
--ft-teal: #16899e;
--ft-ink: #304759;
--ft-muted: #65788a;
--ft-line: #e1e8ef;
--ft-soft: #f6f9fc;
--ft-card-radius: 14px;
}
html,
body { max-width: 100%; overflow-x: clip; }
html body,
html body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,input,textarea,select,label,legend,table,th,td,summary,small,strong,span) {
font-family: var(--ft-font, "Kanit", sans-serif);
}
html body { color: var(--ft-ink); font-size: 14px; line-height: 1.7; }
html body :is(h1,h2,h3,h4,h5,h6) { color: #223b52; line-height: 1.45; letter-spacing: 0; }
html body :is(button,.button,input[type=submit]) { font-weight: 600; } html body .jas-container,
html body #jas-content > .jas-row,
html body #jas-header .header__mid > .jas-row {
box-sizing: border-box;
width: min(100% - (var(--ft-page-pad) * 2), var(--ft-page-max));
max-width: var(--ft-page-max);
margin-inline: auto;
}
html body.home #jas-content > .jas-row,
html body.home #jas-content > .jas-row > [class*="jas-col-"] {
width: 100%; max-width: none; margin: 0; padding-inline: 0;
} html body #jas-header { border-top: 4px solid #353535; background: #fff; }
html body #jas-header .header__top { display: none !important; }
html body #jas-header .header__mid { padding-inline: 15px !important; background: #fff; border-bottom: 1px solid #edf1f5; }
html body #jas-header .header__mid > .jas-row {
display: flex; align-items: center; width: 100% !important; max-width: none !important;
min-height: 92px; margin: 0 !important;
}
html body #jas-header .header__mid > .jas-row > div { box-sizing: border-box; padding-inline: 0; }
html body #jas-header .header__mid > .jas-row > div:nth-child(2) { flex: 0 0 16.666667% !important; width: 16.666667% !important; }
html body #jas-header .header__mid > .jas-row > div:nth-child(3) { flex: 0 0 66.666667% !important; width: 66.666667% !important; }
html body #jas-header .header__mid > .jas-row > div:last-child { flex: 0 0 16.666667% !important; width: 16.666667% !important; }
html body #jas-header .jas-branding img.regular-logo { display: block !important; width: 140px !important; max-width: 140px; height: auto !important; max-height: 54px; margin: 0; object-fit: contain; }
html body #jas-header .jas-branding img:is(.sticky-logo,.retina-logo) { display: none !important; }
html body #jas-header :is(.jas-navigation,.jas-action) { align-items: center; }
html body #jas-header .jas-navigation { min-height: 92px; }
html body #jas-header .jas-menu { display: flex !important; align-items: center; justify-content: center; gap: clamp(21px,2.2vw,42px); }
html body #jas-header .jas-menu > li { margin: 0 !important; }
html body #jas-header .jas-menu > li > a {
position: relative; display: flex; align-items: center; min-height: 62px; padding: 0 !important;
color: #111; font-size: 14px; line-height: 1.45; white-space: nowrap;
}
html body #jas-header .jas-menu > li:is(.current-menu-item,.current-menu-parent) > a,
html body #jas-header .jas-menu > li > a:hover { color: #16899e; }
html body #jas-header .jas-menu > li:is(.current-menu-item,.current-menu-parent) > a::after {
content: ""; position: absolute; right: 0; bottom: 16px; left: 0; height: 3px;
border-radius: 3px; background: #0878cc;
}
html body #jas-header .jas-action { display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-end; gap: 7px; }
html body #jas-header .header__mid .jas-action > .sf-open,
html body #jas-header .header__mid .jas-my-account > a,
html body #jas-header .header__mid .jas-icon-cart > a,
html body #jas-header .ft-header-wishlist {
display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box;
min-width: 42px; height: 42px; margin: 0; padding: 0; border: 0; border-radius: 10px;
background: transparent; color: #111; line-height: 1; text-decoration: none; cursor: pointer;
}
html body #jas-header .header__mid .jas-my-account > a { gap: 8px; padding-inline: 4px; }
html body #jas-header .header__mid :is(.sf-open,.jas-my-account > a,.jas-icon-cart > a,.ft-header-wishlist):hover { background: #f2f7fb; color: #0878cc; }
html body #jas-header .header__mid .jas-action i { font-size: 22px; }
html body #jas-header .header__mid .jas-my-account > a::after { content: none !important; }
html body #jas-header .ft-account-text { font-size: 13px; line-height: 1.4; color: #111; white-space: nowrap; }
html body #jas-header .ft-header-language {
display: inline-flex; align-items: center; height: 42px; padding: 2px; border: 1px solid #e3e7eb;
border-radius: 23px; background: #fff;
}
html body #jas-header .ft-header-language button {
display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0;
border: 0; border-radius: 50%; background: transparent; color: #607080; font: inherit; font-size: 12px; cursor: pointer;
}
html body #jas-header .ft-header-language button.on { background: #0878cc; color: #fff; }
html body #jas-header .jas-icon-cart .count { top: -1px; right: -2px; min-width: 16px; height: 16px; line-height: 16px; background: #0878cc; font-size: 10px; }
html body .ft-header-wishlist-dialog {
box-sizing: border-box; width: min(420px,calc(100vw - 32px)); padding: 32px; border: 1px solid #dce6ef;
border-radius: 16px; color: #304759; background: #fff; text-align: center; box-shadow: 0 24px 70px rgba(18,49,72,.22);
}
html body .ft-header-wishlist-dialog::backdrop { background: rgba(18,31,43,.48); }
html body .ft-header-wishlist-dialog .ft-wishlist-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; padding: 0; border: 1px solid #dce6ef; border-radius: 50%; background: #fff; color: #526878; font-size: 24px; line-height: 1; }
html body .ft-header-wishlist-dialog .ft-wishlist-icon { color: #0878cc; font-size: 48px; line-height: 1; }
html body .ft-header-wishlist-dialog h2 { margin: 12px 0 4px; font-size: 20px; }
html body .ft-header-wishlist-dialog p { margin: 0 0 20px; color: #65788a; }
html body .ft-header-wishlist-dialog > a { display: inline-flex; min-height: 42px; align-items: center; padding: 0 22px; border-radius: 9px; background: #0878cc; color: #fff; text-decoration: none; } html body #jas-content :is(.dgwt-wcas-sf-wrapp,.fx-finder-box):has(.ft-animated-search-hint) { position: relative; overflow: hidden; }
html body #jas-content .ft-animated-search-hint {
position: absolute; z-index: 3; top: 50%; left: 50px; right: 22px; overflow: hidden;
transform: translateY(-50%); color: #7b8792; font-size: 14px; line-height: 1.4;
white-space: nowrap; text-overflow: ellipsis; pointer-events: none;
}
html body #jas-content .ft-animated-search-hint.is-entering { animation: ft-search-hint-slide .42s ease both; }
html body #jas-content .ft-animated-search-hint.is-typing::after {
content: ""; display: inline-block; width: 1px; height: 1.05em; margin-left: 3px;
vertical-align: -2px; background: #1694ab; animation: ft-search-caret-blink .78s steps(1,end) infinite;
}
@keyframes ft-search-hint-slide {
from { opacity: 0; transform: translateY(calc(-50% + 12px)); }
to { opacity: 1; transform: translateY(-50%); }
}
@keyframes ft-search-caret-blink {
0%, 48% { opacity: 1; }
49%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
html body #jas-content .ft-animated-search-hint.is-entering { animation: none; }
html body #jas-content .ft-animated-search-hint.is-typing::after { animation: none; opacity: 1; }
} html body.home .metaslider,
html body.home .metaslider > div,
html body.home .metaslider .flex-viewport {
box-sizing: border-box; width: 100% !important; max-width: 100% !important;
}
html body.home .metaslider { margin-inline: auto !important; overflow: hidden; }
html body.home .metaslider .slides { margin: 0 !important; padding: 0 !important; }
html body.home .metaslider .slides > li { box-sizing: border-box; max-width: 100vw; overflow: hidden; }
html body.home .metaslider .slides img {
display: block !important; width: 100% !important; max-width: 100% !important;
height: auto !important; margin: 0 auto !important; object-fit: contain !important;
} html body :is(.replica-product,.products .product) { min-width: 0; text-align: left; }
html body :is(.replica-product,.products .product) > .product-inner {
display: flex; flex-direction: column; box-sizing: border-box; width: 100%; height: 100%;
min-height: 100%; overflow: hidden; border: 1px solid #e5e9ed; border-radius: 12px; background: #fff;
}
html body :is(.replica-product,.products .product) .product-image {
display: flex; flex-direction: column; align-items: center; justify-content: center;
box-sizing: border-box; width: 100%; min-height: 0; overflow: hidden;
}
html body :is(.replica-product,.products .product) .product-image > a { display: flex; align-items: center; justify-content: center; width: 100%; }
html body :is(.replica-product,.products .product) .product-image img {
display: block; width: 100% !important; max-width: 100% !important; height: clamp(180px, 18vw, 285px) !important;
margin: 0 auto; object-fit: contain !important; object-position: center !important;
}
html body :is(.replica-product,.products .product) .product-info {
display: flex; flex: 1; flex-direction: column; align-items: flex-start; box-sizing: border-box;
width: 100%; padding: 14px 12px 16px; text-align: left;
}
html body :is(.replica-product,.products .product) .product-title {
display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; min-height: 3.2em;
margin: 0 0 10px; line-height: 1.6; text-align: left;
}
html body :is(.replica-product,.products .product) .product-title a {
display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
color: #253748; text-align: left;
}
html body :is(.replica-product,.products .product) .price {
display: flex; align-items: flex-end; justify-content: flex-start; min-height: 2.8em; margin-top: auto;
text-align: left;
}
html body :is(.replica-product,.products .product) .fx-card-meta { justify-content: flex-start; } html body :is(.ft-product-grid,.site-search-grid,.related.products .products,.upsells.products .products) {
display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch; gap: 24px; width: 100%; margin-inline: auto;
}
html body :is(.ft-product-grid,.site-search-grid,.related.products .products,.upsells.products .products) > .product {
position: relative !important; inset: auto !important; float: none !important; width: auto !important;
max-width: none !important; margin: 0 !important; padding: 0 !important;
} html body.ft-account-page #jas-content { min-height: 70vh; background: #f6f9fc; }
html body.ft-account-page #jas-content .jas-page > [class*="jas-col-"] {
margin-top: 24px !important;
}
html body.ft-account-page #jas-content .woocommerce {
box-sizing: border-box; width: min(100% - 32px, 1120px); max-width: 1120px;
margin: 0 auto; padding: 0 0 64px !important;
}
html body.ft-account-page .woocommerce :is(form.login,form.register,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) {
border: 1px solid #dce6ef; border-radius: 16px; background: #fff;
box-shadow: 0 8px 32px rgba(23,61,88,.06);
}
html body.ft-account-page .woocommerce :is(form.login,form.register,.woocommerce-ResetPassword) {
box-sizing: border-box; width: min(100%, 440px); margin-inline: auto;
}
html body.ft-account-page .u-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
html body.ft-account-page .u-columns > [class*="col-"] { float: none; width: auto; max-width: none; padding: 0; } html body:is(.ft-company-page,.ft-shipping-page,.ft-order-service-page,.page,.single-post) .site-content,
html body.single-post .jas-container > .jas-row { color: var(--ft-ink); }
html body.single-post article,
html body.page .entry-content { overflow-wrap: anywhere; }
html body.single-post article :is(img,iframe,video),
html body.page .entry-content :is(img,iframe,video) { max-width: 100%; height: auto; }
html body .site-content :is(.vc_tta-accordion .vc_tta-panel,.ft-faq-item) {
border: 1px solid var(--ft-line); border-radius: 12px; background: #fff; overflow: hidden;
}
html body .site-content .vc_tta-accordion .vc_tta-panel-title > a {
min-height: 64px; padding: 18px 22px; background: #fff; color: #263e50;
}
html body .site-content .vc_tta-accordion .vc_active .vc_tta-panel-title > a {
background: #f5f9fc; color: var(--ft-blue);
} html body :is(.woocommerce form,.site-content form) :is(input.input-text,input[type=email],input[type=tel],input[type=text],input[type=password],select,textarea) {
box-sizing: border-box; max-width: 100%; border: 1px solid #cbdce9; border-radius: 8px;
background: #fbfcfe; color: var(--ft-ink);
}
html body :is(.woocommerce form,.site-content form) :is(input,select,textarea):focus {
outline: 2px solid #b4dcfa; outline-offset: 1px; border-color: #087ac5;
}
html body .woocommerce-error { border: 1px solid #e6cf9b; background: #fff8e8; color: #6c5421; }
html body .woocommerce-info { border: 1px solid #c9e2f3; background: #edf6fd; color: #24526f; }
html body .woocommerce-message { border: 1px solid #cbe4d4; background: #edf9f1; color: #24623a; }
html body :is(.woocommerce-pagination,.jas-pagination,.navigation.pagination) {
display: flex !important; justify-content: center !important; width: 100% !important; clear: both;
}
html body :is(.woocommerce-pagination,.jas-pagination,.navigation.pagination) :is(ul.page-numbers,.nav-links) {
display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap;
gap: 8px; width: fit-content !important; margin: 26px auto !important; padding: 0 !important;
}
@media (min-width: 1650px) {
html body :is(.ft-product-grid,.site-search-grid) { grid-template-columns: repeat(5,minmax(0,1fr)); }
}
@media (max-width: 1199px) {
html body #jas-content .dgwt-wcas-search-wrapp { display: none !important; }
html body #jas-header { border-top-width: 4px; }
html body #jas-header .header__mid { padding-inline: 12px !important; }
html body #jas-header .header__mid > .jas-row {
display: grid !important; grid-template-columns: 44px minmax(0,1fr) 44px;
align-items: center; gap: 4px; width: 100% !important; min-height: 64px; margin: 0 !important;
}
html body #jas-header .header__mid > .jas-row > div { width: auto !important; max-width: none !important; padding: 0; }
html body #jas-header .header__mid > .jas-row > div:first-child { display: flex !important; grid-column: 1; grid-row: 1; }
html body #jas-header .header__mid > .jas-row > div:nth-child(2) { grid-column: 2; grid-row: 1; justify-self: stretch; width: auto !important; text-align: center; transform: none !important; }
html body #jas-header .header__mid > .jas-row > div:nth-child(3) { display: none !important; }
html body #jas-header .header__mid > .jas-row > div:last-child { display: flex !important; grid-column: 3; grid-row: 1; justify-self: end; width: 44px !important; }
html body #jas-header .jas-branding { width: 100% !important; }
html body #jas-header .jas-branding > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; }
html body #jas-header .jas-branding img.regular-logo { width: 90px !important; max-width: 100%; max-height: none; }
html body #jas-header .header__mid > .jas-row > div:last-child .jas-action > .sf-open {
display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px;
}
html body #jas-header .ft-header-language,
html body #jas-header .ft-header-wishlist,
html body #jas-header .ft-account-text { display: none !important; }
html body :is(.ft-product-grid,.site-search-grid,.related.products .products,.upsells.products .products) {
grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px;
}
}
@media (max-width: 767px) {
:root { --ft-page-pad: 10px; }
html body #jas-header .header__mid > .jas-row { min-height: 64px; } html body.home .vc_hidden-xs { display: none !important; }
html body.home :is(.vc_hidden-lg.vc_hidden-md.vc_hidden-sm,.home-slider-section.mobile) { display: block !important; }
html body.home .home-slider-section.mobile,
html body.home .home-slider-section.mobile > .wpb_column,
html body.home .home-slider-section.mobile .vc_column-inner,
html body.home .home-slider-section.mobile .wpb_wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } html body.home #metaslider-id-16425,
html body.home #metaslider-id-8389 { aspect-ratio: 4 / 3; }
html body.home #metaslider-id-16425,
html body.home #metaslider-id-8389 { width: 100% !important; max-width: 100% !important; min-height: 0 !important; }
html body :is(.ft-product-grid,.site-search-grid,.related.products .products,.upsells.products .products) {
grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;
}
html body :is(.replica-product,.products .product) .product-image img {
height: clamp(118px, 42vw, 170px) !important;
}
html body :is(.replica-product,.products .product) .product-info { padding: 10px 8px 12px; }
html body :is(.replica-product,.products .product) .product-title { min-height: 3.2em; font-size: 12px; }
html body :is(.replica-product,.products .product) .price { font-size: 13px; }
html body.ft-account-page .u-columns { grid-template-columns: 1fr; }
html body.ft-account-page #jas-content .jas-page > [class*="jas-col-"] { margin-top: 16px !important; }
html body.ft-account-page #jas-content .woocommerce { width: min(100% - 24px, 560px); padding: 0 0 40px !important; }
html body.ft-account-page #jas-content :is(.jas-row,.u-columns,[class*="jas-col-"]) {
box-sizing: border-box; width: 100%; max-width: 100%; margin-inline: 0; padding-inline: 0;
} html body.single-product #jas-content .jas-container,
html body.single-product #jas-content .jas-row,
html body.single-product #jas-content .jas-row > [class*="jas-col-"] {
box-sizing: border-box; width: 100% !important; max-width: 100% !important;
margin-inline: 0 !important; padding-inline: 0 !important; float: none !important;
}
html body.single-product #jas-content .jas-container { width: 100%; padding-inline: 14px !important; }
html body.single-product .single-product-thumbnail,
html body.single-product .p-thumb,
html body.single-product .p-thumb .slick-list {
display: block; box-sizing: border-box; width: 100% !important; max-width: 100% !important;
margin-inline: 0 !important; overflow: hidden;
}
html body.single-product .p-thumb .p-item,
html body.single-product .p-thumb .p-item > a { max-width: 100%; overflow: hidden; }
html body.single-product .p-thumb .p-item img {
display: block; width: 100% !important; max-width: 100% !important; height: auto !important;
max-height: 520px; margin: 0 auto !important; object-fit: contain !important; object-position: center !important;
}
html body.single-product .p-nav { box-sizing: border-box; width: 100% !important; max-width: 100% !important; }
html body.single-product .summary.entry-summary { box-sizing: border-box; width: 100%; max-width: 100%; padding: 24px 2px 0; }
html body.single-product .page-head .jas-container { padding-inline: 14px !important; }
html body.single-product .yoast-breadcrumbs,
html body.single-product .woocommerce-breadcrumb { white-space: normal; overflow-wrap: anywhere; line-height: 1.65; } html body .fx-ask-nudge { display: none !important; }
html body .site-content .vc_tta-accordion .vc_tta-panel-title > a { min-height: 56px; padding: 16px; }
html body .fx-ask-tab { max-width: calc(100vw - 88px); }
}
@media (max-width: 359px) {
html body :is(.ft-product-grid,.site-search-grid,.related.products .products,.upsells.products .products) { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
html body *, html body *::before, html body *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
} html body .cart__popup .cart__popup-action {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 14px !important;
margin-top: 8px !important;
}
html body .cart__popup .cart__popup-action > .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 160px !important;
min-width: 160px !important;
height: 46px !important;
min-height: 46px !important;
margin: 12px 0 0 !important;
padding: 8px 18px !important;
font-size: 15px !important;
line-height: 1.35 !important;
text-align: center !important;
white-space: normal !important;
} html body .cart__popup.product-quickview {
box-sizing: border-box !important;
width: min(780px, calc(100vw - 24px)) !important;
height: auto !important;
max-height: calc(100dvh - 32px) !important;
padding: 22px 24px !important;
border-radius: 16px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
html body .cart__popup .cart__popup-item {
display: grid !important;
grid-template-columns: 60px minmax(0, 1fr) 75px 94px 80px 24px;
align-items: center !important;
gap: 10px !important;
padding: 12px 0 !important;
}
html body .cart__popup .cart__popup-item > div {
box-sizing: border-box !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body .cart__popup .cart__popup-thumb img {
display: block !important;
width: 56px !important;
height: 56px !important;
object-fit: contain !important;
}
html body .cart__popup .cart__popup-title.grow a {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 13px;
line-height: 1.45;
}
html body .cart__popup :is(.cart__popup-price, .cart__popup-total) {
white-space: nowrap !important;
font-size: 13px;
}
html body .cart__popup .cart__popup-quantity .quantity {
float: none !important;
margin: 0 !important;
}
html body .cart__popup .cart__popup-remove {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px;
}
html body .cart__popup .cart__popup-related-title {
margin: 18px 0 12px !important;
font-size: 17px;
}
html body .cart__popup .jas-row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch !important;
gap: 12px;
width: 100%;
margin: 0 !important;
}
html body .cart__popup .jas-row > div {
box-sizing: border-box !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
padding: 0 !important;
}
html body .cart__popup .popup__cart-product {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
box-sizing: border-box !important;
width: 100%;
height: 100%;
min-width: 0;
padding: 10px !important;
border: 1px solid #e1eaf1;
border-radius: 12px;
background: #fff;
}
html body .cart__popup .popup__cart-product img {
display: block !important;
width: 100px !important;
max-width: 100% !important;
height: 100px !important;
object-fit: contain !important;
}
html body .cart__popup .popup__cart-product h4 {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
box-sizing: border-box;
width: 100%;
min-height: 2.8em;
margin: 8px 0 6px !important;
overflow: hidden;
font-size: 12px !important;
line-height: 1.4 !important;
text-align: left;
}
html body .cart__popup .popup__cart-product .price {
display: block !important;
width: 100%;
margin-top: auto !important;
text-align: left;
}
html body .cart__popup .popup__cart-product :is(button, a.button) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 36px !important;
margin: 8px 0 0 !important;
padding: 5px 8px !important;
white-space: normal !important;
line-height: 1.2 !important;
}
@media (max-width: 699px) {
html body .cart__popup.product-quickview { padding: 18px 16px !important; }
html body .cart__popup .cart__popup-item {
position: relative;
grid-template-columns: 64px minmax(0, 1fr);
grid-template-areas: "thumb title" "thumb price" "qty qty";
gap: 6px 10px !important;
}
html body .cart__popup .cart__popup-thumb { grid-area: thumb; align-self: start; }
html body .cart__popup .cart__popup-title.grow { grid-area: title; padding-right: 26px !important; }
html body .cart__popup .cart__popup-price { grid-area: price; }
html body .cart__popup .cart__popup-quantity { grid-area: qty; margin-top: 6px !important; }
html body .cart__popup .cart__popup-total { position: absolute; right: 2px; bottom: 18px; }
html body .cart__popup .cart__popup-remove { position: absolute; right: 0; top: 10px; width: 28px; }
html body .cart__popup .jas-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 400px) {
html body .cart__popup .popup__cart-product { padding: 8px !important; }
html body .cart__popup .popup__cart-product img { height: 84px !important; }
} html body.single-product .ft-option-native,
html body.single-product .ft-option-native .product-variable {
margin-bottom: 0 !important;
}
html body.single-product .ft-option-native .reset_variations[style*="hidden"] {
display: none !important;
}
html body.single-product .ft-option-native .reset_variations {
min-height: 24px !important;
}
html body.single-product .ft-option-native select {
height: 48px !important;
padding: 0 38px !important;
text-align: center !important;
text-align-last: center !important;
}
html body.single-product form.variations_form.cart .single_variation_wrap {
margin-top: 0 !important;
}
@media (max-width: 767px) {
html body.single-product .entry-summary form.cart,
html body.single-product .summary form.cart,
html body.single-product form.cart .single_variation_wrap {
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
html body.single-product form.cart .woocommerce-variation-add-to-cart {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
html body.single-product form.cart .quantity {
flex: 0 0 106px !important;
width: 106px !important;
min-width: 106px !important;
max-width: 106px !important;
margin: 0 !important;
}
html body.single-product form.cart .single_add_to_cart_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 0 !important;
float: none !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 14px !important;
line-height: 1.25 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
html body .cart__popup .cart__popup-action {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
html body .cart__popup .cart__popup-action > .button {
width: 100% !important;
min-width: 0 !important;
}
} html body.single-product #jas-content .single-product-thumbnail .p-thumb {
position: relative !important;
}
html body.single-product #jas-content .single-product-thumbnail .p-thumb > .slick-list {
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
}
html body.single-product #jas-content .single-product-thumbnail .p-thumb > .slick-list > .slick-track,
html body.single-product #jas-content .single-product-thumbnail .p-thumb .slick-slide,
html body.single-product #jas-content .single-product-thumbnail .p-thumb .slick-slide > div,
html body.single-product #jas-content .single-product-thumbnail .p-thumb .p-item,
html body.single-product #jas-content .single-product-thumbnail .p-thumb .p-item > a {
height: 100% !important;
min-height: 0 !important;
}
html body.single-product #jas-content .single-product-thumbnail .p-thumb .p-item > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
html body.single-product #jas-content .single-product-thumbnail .p-thumb .p-item img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center !important;
}
html body.single-product #jas-content .single-product-thumbnail .p-thumb > :is(.slick-prev, .slick-next),
html body.single-product #jas-content .replica-gallery > :is(.gallery-prev, .gallery-next),
html body.single-product #jas-content .replica-gallery .p-thumb > :is(.gallery-prev, .gallery-next) {
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
z-index: 5 !important;
}:root {
--wc-red: #9a6b12;
--ft-info-ink: #245b70;
--ft-info-bg: #edf7fa;
--ft-info-line: #b8d9e2;
--ft-warning-ink: #6c5421;
--ft-warning-bg: #fff8e8;
--ft-warning-line: #e6cf9b;
} html body :is(.ft-badge--compatible,.fx-badge-compatible) {
color: var(--ft-info-ink) !important;
background: var(--ft-info-bg) !important;
border-color: var(--ft-info-line) !important;
}
html body .ft-card-brand--own { color: #174c73 !important; } html body :is(.fx-wish:hover,.fx-wish.on,.wishlist-remove:hover) {
color: #147d92 !important;
border-color: #b8d9e2 !important;
background: #edf8fb !important;
} html body :is(.site-content .sold-out,.replica-product .replica-soldout,.stock.out-of-stock) {
color: var(--ft-warning-ink) !important;
}
html body :is(.site-content .sold-out,.replica-product .replica-soldout) {
background: var(--ft-warning-bg) !important;
border-color: var(--ft-warning-line) !important;
}
html body .ft-soldout {
background: var(--ft-warning-bg) !important;
border-color: var(--ft-warning-line) !important;
} html body :is(.woocommerce-error,.fx-ask-note.is-error) {
color: var(--ft-warning-ink) !important;
background: var(--ft-warning-bg) !important;
border-color: var(--ft-warning-line) !important;
}
html body :is(.ft-price-error,.woocommerce form .form-row label .required,.woocommerce form .form-row.woocommerce-invalid label) {
color: #8a6412 !important;
}
html body .required {
color: #8a6412 !important;
border-color: transparent !important;
outline-color: #8a6412 !important;
}
html body .woocommerce form .form-row.woocommerce-invalid :is(input.input-text,select),
html body .woocommerce form .form-row.woocommerce-invalid .select2-selection {
border-color: #c59a35 !important;
} html body .ft-checkout-required,
html body .checkout-required { color: #8a6412 !important; }
html body .vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary {
color: #34566f !important;
} html body #jas-footer .wp-social-link-youtube { background: #174c73 !important; }