/*
Theme Name: Puta Mystery Boutique Shop
Version: 1.0
Author: PutaDesign
*/
@font-face {font-family: "Montserrat-Regular"; src: url("assets/fonts/Montserrat-Regular.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-Black"; src: url("assets/fonts/Montserrat-Black.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-Medium"; src: url("assets/fonts/Montserrat-Medium.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-SemiBold"; src: url("assets/fonts/Montserrat-SemiBold.ttf") format("TrueType"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-Bold"; src: url("assets/fonts/Montserrat-Bold.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-ExtraBold"; src: url("assets/fonts/Montserrat-ExtraBold.ttf") format("TrueType"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face {font-family: "Montserrat-Light"; src: url("assets/fonts/Montserrat-Light.ttf") format("TrueType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "TikTokRegular"; src: url("assets/fonts/TikTokDisplay-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "TikTokMedium"; src: url("assets/fonts/TikTokDisplay-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {font-family: "TikTokBold"; src: url("assets/fonts/TikTokDisplay-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

:root {--primary-font: "TikTokRegular"; --primary-color: #016c7f; --secondary-color: #55a8b5; --yellow: #c9a954; --dark-yellow: #92793c; --heading-color: #cda954; --border-color: rgba(200, 200, 200, 0.5); --animation-curve: cubic-bezier(1, 0, 0, 1); --red: #cc3d3d; --black: #444; }

.font-regular {font-family: "Montserrat-Regular"; }

.font-medium {font-family: "TikTokMedium", sans-serif; }

.font-semibold {font-family: "Montserrat-SemiBold"; }

.font-bold {font-family: "TikTokBold", sans-serif; }

.font-light {font-family: "Montserrat-Light"; }

.font-extrabold {font-family: "Montserrat-ExtraBold"; }

.font-black {font-family: "Montserrat-Black"; }

.tiktok-regular {font-family: "TikTokRegular", sans-serif; }

.tiktok-medium {font-family: "TikTokMedium", sans-serif; }

.tiktok-bold {font-family: "TikTokBold", sans-serif; }

* {padding: 0; margin: 0; box-sizing: border-box; }

input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; }

input, button, textarea, select {font-family: var(--primary-font); border: 0; background-color: transparent; }

input: focus-visible, button: focus-visible, textarea: focus-visible {outline: 0; border: 0; }

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

html {scroll-behavior: smooth; overflow-y: scroll; font-family: var(--primary-font) !important; font-size: 16px; }

body {font-family: var(--primary-font); }

body.fixed {overflow: hidden; }

a {text-decoration: none; }

li {list-style: none; }

img {width: 100%; height: 100%; object-fit: cover; }

:is(p, li) {line-height: 1.5;}

.z-index { z-index: 1;}

.font-bold {  font-weight: 600;}

.font-thin { font-weight: 100;}

.pointer { cursor: pointer;}

.uppercase {  text-transform: uppercase;}

.tac {  text-align: center;}

.br-3px {  border-radius: 3px;}

.br-5px {  border-radius: 5px;}

.br-10px {  border-radius: 10px;}

.br-15px {  border-radius: 15px;}

.br-20px {  border-radius: 20px;}

.br-25px {  border-radius: 25px;}

.br-30px { border-radius: 30px;}

.br-35px {  border-radius: 35px;}

.br-40px {  border-radius: 40px;}

.br-4px {  border-radius: 4px;}

.br-6px {  border-radius: 6px;}

.br-8px {  border-radius: 8px;}

.br-12px {  border-radius: 12px;}

.br-14px { border-radius: 14px;}

.br-16px {  border-radius: 16px;}

.br-18px {  border-radius: 18px;}

.ovh {  overflow: hidden;}

.trs-25 {  transition: 0.25s;}

.trs-3 {  transition: 0.3s;}

.trs-35 {  transition: 0.35s;}

.trs-4 {  transition: 0.4s;}

.trs-5 {  transition: 0.5s;}

.bt { color: #333;}

.wt { color: #fff;}

.gray-text {  color: #636363;}

.red-text {  color: var(--red);}

.primary-text {  color: var(--primary-color);}

.white-bg {background-color: #fff; }

.green-bg {background-color: var(--primary-color); }

.black-bg {background-color: #000; }

.yellow-bg {background-color: var(--heading-color); }

.yellow-dark-text {color: var(--dark-yellow); }

.yellow-text {color: var(--yellow); }

.heading-text {color: var(--heading-color); }

.pr {position: relative; }

.pa {position: absolute; }

.db {display: block; }

.dib {display: inline-block; }

.df {display: flex; }

.aic {align-items: center; }

.aib {align-items: baseline; }

.jcsb {justify-content: space-between; }

.jcsa {justify-content: space-around; }

.jcc {justify-content: center; }

.fdr {flex-direction: row; }

.fdrr {flex-direction: row-reverse; }

.fdc {flex-direction: column; }

.fdcr {flex-direction: column-reverse; }

.jce {justify-content: end; }

.fwr {flex-wrap: wrap; }

.fs-10px {font-size: 10px; }

.fs-11px {font-size: 11px; }

.fs-12px {font-size: 12px; }

.fs-13px {font-size: 13px; }

.fs-14px {font-size: 14px; }

.fs-15px {font-size: 15px; }

.fs-16px {font-size: 16px; }

.fs-17px {font-size: 17px; }

.fs-18px {font-size: 18px; }

.fs-19px {font-size: 19px; }

.fs-20px {font-size: 20px; }

.fs-21px {font-size: 21px; }

.fs-22px {font-size: 22px; }

.fs-23px {font-size: 23px; }

.fs-24px {font-size: 24px; }

.fs-25px {font-size: 25px; }

.fs-26px {font-size: 26px; }

.fs-27px {font-size: 27px; }

.fs-28px {font-size: 28px; }

.fs-29px {font-size: 29px; }

.fs-30px {font-size: 30px; }

.fs-31px {font-size: 31px; }

.fs-32px {font-size: 32px; }

.fs-33px {font-size: 33px; }

.fs-34px {font-size: 34px; }

.fs-35px {font-size: 35px; }

.fs-36px {font-size: 36px; }

.fs-37px {font-size: 37px; }

.fs-38px {font-size: 38px; }

.fs-39px {font-size: 39px; }

.fs-40px {font-size: 40px; }

.fs-41px {font-size: 41px; }

.fs-42px {font-size: 42px; }

.fs-43px {font-size: 43px; }

.fs-44px {font-size: 44px; }

.fs-45px {font-size: 45px; }

.fs-46px {font-size: 46px; }

.fs-47px {font-size: 47px; }

.fs-48px {font-size: 48px; }

.fs-49px {font-size: 49px; }

.fs-50px {font-size: 50px; }

.fs-51px {font-size: 51px; }

.fs-52px {font-size: 52px; }

.fs-53px {font-size: 53px; }

.fs-54px {font-size: 54px; }

.fs-55px {font-size: 55px; }

.fs-56px {font-size: 56px; }

.fs-57px {font-size: 57px; }

.fs-58px {font-size: 58px; }

.fs-59px {font-size: 59px; }

.fs-60px {font-size: 60px; }

.fs-61px {font-size: 61px; }

.fs-62px {font-size: 62px; }

.fs-63px {font-size: 63px; }

.fs-64px {font-size: 64px; }

.fs-65px {font-size: 65px; }

.fs-66px {font-size: 66px; }

.fs-67px {font-size: 67px; }

.fs-68px {font-size: 68px; }

.fs-69px {font-size: 69px; }

.fs-70px {font-size: 70px; }

.fs-71px {font-size: 71px; }

.fs-72px {font-size: 72px; }

.fs-73px {font-size: 73px; }

.fs-74px {font-size: 74px; }

.fs-75px {font-size: 75px; }

.fs-76px {font-size: 76px; }

.fs-77px {font-size: 77px; }

.fs-78px {font-size: 78px; }

.fs-79px {font-size: 79px; }

.fs-80px {font-size: 80px; }

.fw-u {font-weight: unset; }

.fw-b {font-weight: bold; }

.m-0 {margin: 0px; }

.mr-0 {margin-right: 0px; }

.ml-0 {margin-left: 0px; }

.mt-0 {margin-top: 0px; }

.mb-0 {margin-bottom: 0px; }

.p-0 {padding: 0px; }

.pr-0 {padding-right: 0px; }

.pl-0 {padding-left: 0px; }

.pt-0 {padding-top: 0px; }

.pb-0 {padding-bottom: 0px; }

.m-2 {margin: 2px; }

.mr-2 {margin-right: 2px; }

.ml-2 {margin-left: 2px; }

.mt-2 {margin-top: 2px; }

.mb-2 {margin-bottom: 2px; }

.p-2 {padding: 2px; }

.pr-2 {padding-right: 2px; }

.pl-2 {padding-left: 2px; }

.pt-2 {padding-top: 2px; }

.pb-2 {padding-bottom: 2px; }

.m-4 {margin: 4px; }

.mr-4 {margin-right: 4px; }

.ml-4 {margin-left: 4px; }

.mt-4 {margin-top: 4px; }

.mb-4 {margin-bottom: 4px; }

.p-4 {padding: 4px; }

.pr-4 {padding-right: 4px; }

.pl-4 {padding-left: 4px; }

.pt-4 {padding-top: 4px; }

.pb-4 {padding-bottom: 4px; }

.m-5 {margin: 5px; }

.mr-5 {margin-right: 5px; }

.ml-5 {margin-left: 5px; }

.mt-5 {margin-top: 5px; }

.mb-5 {margin-bottom: 5px; }

.p-5 {padding: 5px; }

.pr-5 {padding-right: 5px; }

.pl-5 {padding-left: 5px; }

.pt-5 {padding-top: 5px; }

.pb-5 {padding-bottom: 5px; }

.m-6 {margin: 6px; }

.mr-6 {margin-right: 6px; }

.ml-6 {margin-left: 6px; }

.mt-6 {margin-top: 6px; }

.mb-6 {margin-bottom: 6px; }

.p-6 {padding: 6px; }

.pr-6 {padding-right: 6px; }

.pl-6 {padding-left: 6px; }

.pt-6 {padding-top: 6px; }

.pb-6 {padding-bottom: 6px; }

.m-8 {margin: 8px; }

.mr-8 {margin-right: 8px; }

.ml-8 {margin-left: 8px; }

.mt-8 {margin-top: 8px; }

.mb-8 {margin-bottom: 8px; }

.p-8 {padding: 8px; }

.pr-8 {padding-right: 8px; }

.pl-8 {padding-left: 8px; }

.pt-8 {padding-top: 8px; }

.pb-8 {padding-bottom: 8px; }

.m-10 {margin: 10px; }

.mr-10 {margin-right: 10px; }

.ml-10 {margin-left: 10px; }

.mt-10 {margin-top: 10px; }

.mb-10 {margin-bottom: 10px; }

.p-10 {padding: 10px; }

.pr-10 {padding-right: 10px; }

.pl-10 {padding-left: 10px; }

.pt-10 {padding-top: 10px; }

.pb-10 {padding-bottom: 10px; }

.m-12 {margin: 12px; }

.mr-12 {margin-right: 12px; }

.ml-12 {margin-left: 12px; }

.mt-12 {margin-top: 12px; }

.mb-12 {margin-bottom: 12px; }

.p-12 {padding: 12px; }

.pr-12 {padding-right: 12px; }

.pl-12 {padding-left: 12px; }

.pt-12 {padding-top: 12px; }

.pb-12 {padding-bottom: 12px; }

.m-14 {margin: 14px; }

.mr-14 {margin-right: 14px; }

.ml-14 {margin-left: 14px; }

.mt-14 {margin-top: 14px; }

.mb-14 {margin-bottom: 14px; }

.p-14 {padding: 14px; }

.pr-14 {padding-right: 14px; }

.pl-14 {padding-left: 14px; }

.pt-14 {padding-top: 14px; }

.pb-14 {padding-bottom: 14px; }

.m-15 {margin: 15px; }

.mr-15 {margin-right: 15px; }

.ml-15 {margin-left: 15px; }

.mt-15 {margin-top: 15px; }

.mb-15 {margin-bottom: 15px; }

.p-15 {padding: 15px; }

.pr-15 {padding-right: 15px; }

.pl-15 {padding-left: 15px; }

.pt-15 {padding-top: 15px; }

.pb-15 {padding-bottom: 15px; }

.m-16 {margin: 16px; }

.mr-16 {margin-right: 16px; }

.ml-16 {margin-left: 16px; }

.mt-16 {margin-top: 16px; }

.mb-16 {margin-bottom: 16px; }

.p-16 {padding: 16px; }

.pr-16 {padding-right: 16px; }

.pl-16 {padding-left: 16px; }

.pt-16 {padding-top: 16px; }

.pb-16 {padding-bottom: 16px; }

.m-18 {margin: 18px; }

.mr-18 {margin-right: 18px; }

.ml-18 {margin-left: 18px; }

.mt-18 {margin-top: 18px; }

.mb-18 {margin-bottom: 18px; }

.p-18 {padding: 18px; }

.pr-18 {padding-right: 18px; }

.pl-18 {padding-left: 18px; }

.pt-18 {padding-top: 18px; }

.pb-18 {padding-bottom: 18px; }

.m-20 {margin: 20px; }

.mr-20 {margin-right: 20px; }

.ml-20 {margin-left: 20px; }

.mt-20 {margin-top: 20px; }

.mb-20 {margin-bottom: 20px; }

.p-20 {padding: 20px; }

.pr-20 {padding-right: 20px; }

.pl-20 {padding-left: 20px; }

.pt-20 {padding-top: 20px; }

.pb-20 {padding-bottom: 20px; }

.m-24 {margin: 24px; }

.mr-24 {margin-right: 24px; }

.ml-24 {margin-left: 24px; }

.mt-24 {margin-top: 24px; }

.mb-24 {margin-bottom: 24px; }

.p-24 {padding: 24px; }

.pr-24 {padding-right: 24px; }

.pl-24 {padding-left: 24px; }

.pt-24 {padding-top: 24px; }

.pb-24 {padding-bottom: 24px; }

.m-28 {margin: 28px; }

.mr-28 {margin-right: 28px; }

.ml-28 {margin-left: 28px; }

.mt-28 {margin-top: 28px; }

.mb-28 {margin-bottom: 28px; }

.p-28 {padding: 28px; }

.pr-28 {padding-right: 28px; }

.pl-28 {padding-left: 28px; }

.pt-28 {padding-top: 28px; }

.pb-28 {padding-bottom: 28px; }

.m-30 {margin: 30px; }

.mr-30 {margin-right: 30px; }

.ml-30 {margin-left: 30px; }

.mt-30 {margin-top: 30px; }

.mb-30 {margin-bottom: 30px; }

.p-30 {padding: 30px; }

.pr-30 {padding-right: 30px; }

.pl-30 {padding-left: 30px; }

.pt-30 {padding-top: 30px; }

.pb-30 {padding-bottom: 30px; }

.m-32 {margin: 32px; }

.mr-32 {margin-right: 32px; }

.ml-32 {margin-left: 32px; }

.mt-32 {margin-top: 32px; }

.mb-32 {margin-bottom: 32px; }

.p-32 {padding: 32px; }

.pr-32 {padding-right: 32px; }

.pl-32 {padding-left: 32px; }

.pt-32 {padding-top: 32px; }

.pb-32 {padding-bottom: 32px; }

.m-36 {margin: 36px; }

.mr-36 {margin-right: 36px; }

.ml-36 {margin-left: 36px; }

.mt-36 {margin-top: 36px; }

.mb-36 {margin-bottom: 36px; }

.p-36 {padding: 36px; }

.pr-36 {padding-right: 36px; }

.pl-36 {padding-left: 36px; }

.pt-36 {padding-top: 36px; }

.pb-36 {padding-bottom: 36px; }

.m-40 {margin: 40px; }

.mr-40 {margin-right: 40px; }

.ml-40 {margin-left: 40px; }

.mt-40 {margin-top: 40px; }

.mb-40 {margin-bottom: 40px; }

.p-40 {padding: 40px; }

.pr-40 {padding-right: 40px; }

.pl-40 {padding-left: 40px; }

.pt-40 {padding-top: 40px; }

.pb-40 {padding-bottom: 40px; }

.m-48 {margin: 48px; }

.mr-48 {margin-right: 48px; }

.ml-48 {margin-left: 48px; }

.mt-48 {margin-top: 48px; }

.mb-48 {margin-bottom: 48px; }

.p-48 {padding: 48px; }

.pr-48 {padding-right: 48px; }

.pl-48 {padding-left: 48px; }

.pt-48 {padding-top: 48px; }

.pb-48 {padding-bottom: 48px; }

.m-56 {margin: 56px; }

.mr-56 {margin-right: 56px; }

.ml-56 {margin-left: 56px; }

.mt-56 {margin-top: 56px; }

.mb-56 {margin-bottom: 56px; }

.p-56 {padding: 56px; }

.pr-56 {padding-right: 56px; }

.pl-56 {padding-left: 56px; }

.pt-56 {padding-top: 56px; }

.pb-56 {padding-bottom: 56px; }

.m-54 {margin: 54px; }

.mr-54 {margin-right: 54px; }

.ml-54 {margin-left: 54px; }

.mt-54 {margin-top: 54px; }

.mb-54 {margin-bottom: 54px; }

.p-54 {padding: 54px; }

.pr-54 {padding-right: 54px; }

.pl-54 {padding-left: 54px; }

.pt-54 {padding-top: 54px; }

.pb-54 {padding-bottom: 54px; }

.m-60 {margin: 60px; }

.mr-60 {margin-right: 60px; }

.ml-60 {margin-left: 60px; }

.mt-60 {margin-top: 60px; }

.mb-60 {margin-bottom: 60px; }

.p-60 {padding: 60px; }

.pr-60 {padding-right: 60px; }

.pl-60 {padding-left: 60px; }

.pt-60 {padding-top: 60px; }

.pb-60 {padding-bottom: 60px; }

.m-64 {margin: 64px; }

.mr-64 {margin-right: 64px; }

.ml-64 {margin-left: 64px; }

.mt-64 {margin-top: 64px; }

.mb-64 {margin-bottom: 64px; }

.p-64 {padding: 64px; }

.pr-64 {padding-right: 64px; }

.pl-64 {padding-left: 64px; }

.pt-64 {padding-top: 64px; }

.pb-64 {padding-bottom: 64px; }

.m-70 {margin: 70px; }

.mr-70 {margin-right: 70px; }

.ml-70 {margin-left: 70px; }

.mt-70 {margin-top: 70px; }

.mb-70 {margin-bottom: 70px; }

.p-70 {padding: 70px; }

.pr-70 {padding-right: 70px; }

.pl-70 {padding-left: 70px; }

.pt-70 {padding-top: 70px; }

.pb-70 {padding-bottom: 70px; }

.m-75 {margin: 75px; }

.mr-75 {margin-right: 75px; }

.ml-75 {margin-left: 75px; }

.mt-75 {margin-top: 75px; }

.mb-75 {margin-bottom: 75px; }

.p-75 {padding: 75px; }

.pr-75 {padding-right: 75px; }

.pl-75 {padding-left: 75px; }

.pt-75 {padding-top: 75px; }

.pb-75 {padding-bottom: 75px; }

.m-80 {margin: 80px; }

.mr-80 {margin-right: 80px; }

.ml-80 {margin-left: 80px; }

.mt-80 {margin-top: 80px; }

.mb-80 {margin-bottom: 80px; }

.p-80 {padding: 80px; }

.pr-80 {padding-right: 80px; }

.pl-80 {padding-left: 80px; }

.pt-80 {padding-top: 80px; }

.pb-80 {padding-bottom: 80px; }

.m-90 {margin: 90px; }

.mr-90 {margin-right: 90px; }

.ml-90 {margin-left: 90px; }

.mt-90 {margin-top: 90px; }

.mb-90 {margin-bottom: 90px; }

.p-90 {padding: 90px; }

.pr-90 {padding-right: 90px; }

.pl-90 {padding-left: 90px; }

.pt-90 {padding-top: 90px; }

.pb-90 {padding-bottom: 90px; }

.m-96 {margin: 96px; }

.mr-96 {margin-right: 96px; }

.ml-96 {margin-left: 96px; }

.mt-96 {margin-top: 96px; }

.mb-96 {margin-bottom: 96px; }

.p-96 {padding: 96px; }

.pr-96 {padding-right: 96px; }

.pl-96 {padding-left: 96px; }

.pt-96 {padding-top: 96px; }

.pb-96 {padding-bottom: 96px; }

.m-112 {margin: 112px; }

.mr-112 {margin-right: 112px; }

.ml-112 {margin-left: 112px; }

.mt-112 {margin-top: 112px; }

.mb-112 {margin-bottom: 112px; }

.p-112 {padding: 112px; }

.pr-112 {padding-right: 112px; }

.pl-112 {padding-left: 112px; }

.pt-112 {padding-top: 112px; }

.pb-112 {padding-bottom: 112px; }

.m-128 {margin: 128px; }

.mr-128 {margin-right: 128px; }

.ml-128 {margin-left: 128px; }

.mt-128 {margin-top: 128px; }

.mb-128 {margin-bottom: 128px; }

.p-128 {padding: 128px; }

.pr-128 {padding-right: 128px; }

.pl-128 {padding-left: 128px; }

.pt-128 {padding-top: 128px; }

.pb-128 {padding-bottom: 128px; }

.m-144 {margin: 144px; }

.mr-144 {margin-right: 144px; }

.ml-144 {margin-left: 144px; }

.mt-144 {margin-top: 144px; }

.mb-144 {margin-bottom: 144px; }

.p-144 {padding: 144px; }

.pr-144 {padding-right: 144px; }

.pl-144 {padding-left: 144px; }

.pt-144 {padding-top: 144px; }

.pb-144 {padding-bottom: 144px; }

.w50 {width: 50%; }

.w100 {width: 100%; }

.w-fit {width: fit-content; }

.h100 {height: 100%; }

.lh-18 {line-height: 1.8; }

.lh-15 {line-height: 1.5; }

.lh-20 {line-height: 2; }

.lh-25 > * {line-height: 2.5; }

.line-clamp-1 {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }

.line-clamp-2 {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; }

.line-clamp-3 {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

.line-clamp-4 {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; }

article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) {  margin: 16px 0;  line-height: 1.9;  font-family: var(--primary-font) !important;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ul,article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ol { padding-left: 20px;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ul li,article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) ol li {  list-style: inherit;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) img {  width: auto; border-radius: 5px; overflow: hidden;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) img.aligncenter {  display: block;  margin: auto;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) table {  border-collapse: collapse;}
article :is(p, h2, h3, h4, h5, ul, ol, ul li, ol li, div, span) table td {  border: 1px solid var(--black);}
article :is(.wp-video) {  margin: 0 auto;}
article ul,article ol {  list-style: disc;  margin: 16px 0 !important;}
article table :is(td, th) {  padding: 14px 12px;}
article table {  margin-top: 16px;}
article ul {padding-left: 18px;}
article li {list-style: disc; margin: 8px 0 !important;}
article a{color: var(--primary-color);}

#breadcrumbs a { color: #a0a0a0;}
#breadcrumbs .divider { margin: 0 6px;}
form .form-group.invalid > :first-child {
  border: 1px solid var(--red);
}

form .form-message.invalid {margin-top: 5px; color: var(--red); font-size: 13px; font-style: italic; position: absolute; left: 5px; bottom: -20px; }

form .form-alert {width: 100%; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); }

form .form-alert.error {color: var(--red); }

form .form-alert.success {color: #11bb0f; }

.loading-container {position: absolute; bottom: 4px; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: 0.25s; width: 1px; }

.loading-container.active {opacity: 1; visibility: visible; }

.loading-spinning-bubbles {position: relative; margin: auto; }

.loading-spinning-bubbles .bubble-container {position: absolute; transform-origin: -150% 50%; }

.loading-spinning-bubbles .bubble-container .bubble {background: var(--secondary-color); width: 8px; height: 8px; border-radius: 50%; animation: bubble 1s infinite; animation-delay: inherit; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+1) {transform: translateX(200%) rotate(-90deg); animation-delay: -1.5s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+2) {transform: translateX(200%) rotate(-45deg); animation-delay: -1.375s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+3) {transform: translateX(200%); animation-delay: -1.25s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+4) {transform: translateX(200%) rotate(45deg); animation-delay: -1.125s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+5) {transform: translateX(200%) rotate(90deg); animation-delay: -1s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+6) {transform: translateX(200%) rotate(135deg); animation-delay: -0.875s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+7) {transform: translateX(200%) rotate(180deg); animation-delay: -0.75s; }

.loading-spinning-bubbles .bubble-container: nth-of-type(0n+8) {transform: translateX(200%) rotate(225deg); animation-delay: -0.625s; }

@keyframes bubble { 0%, 100% { transform: scale(0);  }  50% {    transform: scale(1);  }}

.quatrang {padding-top: 40px; }

.quatrang .page-numbers {width: 34px; height: 34px; background-color: #f1f1f1; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--primary-color); font-size: 15px; transition: 0.5s; font-family: "TiktokBold"; }

.quatrang .page-numbers.current {background-color: var(--primary-color); color: #fff; }

.quatrang .page-numbers + .page-numbers {margin-left: 10px; }

.quatrang .page-numbers: hover {background-color: var(--primary-color); color: #fff; }

.obfc {object-fit: contain; }

body {  width: 100%;  height: 100%;}

.header-top {  padding: 14px 0;  border-bottom: 1px solid rgba(200, 200, 200, 0.5);}

.header-top-wrap .main-menu li + li {  margin-left: 24px;}

.header-bot {  padding-top: 28px;}
.header-bot .border-bot::before {  content: "";  position: absolute;  bottom: -28px;  left: 0;  width: 100%;  height: 1px;border-bottom: 1px solid rgba(200, 200, 200, 0.5);}

.logo-n-search .logo {  width: 150px;  height: auto;}
.logo-n-search .cart-icon {  width: 30px;  height: auto;}
.logo-n-search .cart-title { width: 60px;  margin-right: 12px;}
.logo-n-search .search-bar {  flex: 1;}
.logo-n-search .search-bar input {  border: 1px solid #e3e3e3;  padding: 10px 24px 11px;}
.logo-n-search .search-bar input::placeholder {  color: var(--primary-color);  font-family: "TiktokMedium";}
.logo-n-search .search-bar button { position: absolute; top: 50%; right: 24px; transform: translateY(-50%);}
.archive .list-category,.single .list-category, .page-child .list-category {border: 1px solid rgba(200, 200, 200, 0.5);}

.other-layout-category .list-category {  background-color: #fff;  border-radius: 10px;  padding: 18px 0 8px;}
.other-layout-category .list-category h3 {  padding-left: 20px;  padding-bottom: 10px;}
.other-layout-category .list-category .icon-wrap {  margin-right: 12px;  width: 17px;  height: auto;}
.other-layout-category .list-category .icon-wrap img {  transition: 0.3s;}
.other-layout-category .list-category li a {  width: 100%;}
.other-layout-category .product-cat li {  padding-left: 20px;  cursor: pointer;  padding-top: 10px;  padding-bottom: 10px;  border-top: 1px solid #eaeaea;  transition: 0.3s;}
.other-layout-category .product-cat li:hover {  background-color: #26a8bc;}
.other-layout-category .product-cat li:hover img {  filter: brightness(0) invert(1);}
.other-layout-category .product-cat li:hover a span {  color: #fff;}

.header-banner {  height: 490px;  width: 100%;}

.gtranslate_wrapper {  display: flex;}

.glink {  display: flex;}

a.glink img {  width: 20px;  margin-right: 6px !important;  border-radius: 3px;}

a.glink span {  font-size: 14px !important;  color: var(--primary-color) !important;}

.bg {  background-position: center;  background-size: cover;  background-repeat: no-repeat;}

.view-more-product {  border: 1px solid #d5d5d5;  border-radius: 30px;  padding: 11px 24px 12px;}
.view-more-product:hover {  color: #fff;  background-color: var(--primary-color);}

.new-product-list {  border-radius: 20px;}

.new-product-list::before {  content: "";  position: absolute;  inset: 0;  padding: 3px;  border-radius: 30px;  background: linear-gradient(0deg, #026d80, #11b8d2);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;  mask-composite: exclude;  pointer-events: none;  z-index: 1;}

.new-product-list .splide__list .splide__slide{border-right: 1px solid #d5d5d5;}
.new-product-list .splide__list .splide__slide:last-child {border-right: none;}
.new-product-list .product-item .product-img{height: 145px;}

.product-item {  padding: 14px 24px 30px;}
.product-item .product-img {  height: 180px;  width: auto;  margin: 0 auto;  overflow: hidden;}
.product-item .product-img img {  transition: 0.4s;}
.product-item .product-img:hover img {  transform: scale(1.08);}
.product-item .add-to-cart {  cursor: pointer;  display: inline-block;  padding: 10px 48px;  border-radius: 30px;  background: linear-gradient(to right, #007a84 -31%, #2ec6d0 35%);  transition: background-position 0.4s ease, box-shadow 0.3s ease;  background-size: 200% auto;  background-position: left center;}
.product-item .add-to-cart:hover {  background-position: right center;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.product-item h3 a {  transition: 0.4s;}
.product-item h3:hover a {  color: #1499b0;}
.product-item .gray-bar { border-radius: 50px; width: 100%; height: 6px; background-color: #e7e7e7;}
.product-item .color-bar {  position: absolute;  border-radius: 50px;  top: 0;  left: 0;  height: 6px;  background-image: linear-gradient(to right, #007a84, #2ec6d0);}
.banner-wrap { border-radius: 15px; overflow: hidden;}
.banner-wrap:hover img {  transform: scale(1.1);}

.short-banner .banner-wrap {height: 264px; }

.popular-product-list {flex-wrap: wrap; border: 1px solid #d5d5d5; border-radius: 20px; }

.popular-product-list .product-item {width: 33.3333333333%; padding: 30px 30px 30px 12px; }

.popular-product-list .product-item + .product-item {border-left: 1px solid #d5d5d5; }

.popular-product-list .product-item:nth-child(4) {  border-left: none;}

.popular-product-list .product-item:nth-child(4), .popular-product-list .product-item:nth-child(5), .popular-product-list .product-item:nth-child(6) { border-top: 1px solid #d5d5d5;}

.popular-product-list .product-item .product-img {margin-right: 16px; width: 200px; flex-shrink: 0; }

.popular-product-list .product-item .add-to-cart {padding: 10px 24px; }

.product-banner-wrap .product-group {width: 40%; display: flex; flex-wrap: wrap; border: 1px solid #d5d5d5; }

.product-banner-wrap .product-group .product-item:nth-child(2), .product-banner-wrap .product-group .product-item:nth-child(4) {border-left: 1px solid #d5d5d5; }

.product-banner-wrap .product-group .product-item:nth-child(3), .product-banner-wrap .product-group .product-item:nth-child(4) {border-top: 1px solid #d5d5d5; }

.product-banner-wrap .product-group .product-item .product-img {height: 164px; }

.product-banner-wrap .product-group:nth-child(1) {border-radius: 15px 0 0 15px; }

.product-banner-wrap .product-group:nth-child(3) {border-radius: 0 15px 15px 0; }

.product-banner-wrap .product-group .product-item {width: 50%; }

.product-banner-wrap .product-banner-center {width: 20%; }

.product-banner-wrap .product-banner-center: hover img {transform: scale(1.1); }

footer {padding: 54px 0 48px; background-color: #036f82; }

footer .wt {color: #efefef; }

footer .icon-wrap {flex-shrink: 0; width: 36px; height: auto; margin-right: 12px; }

footer .footer-info {width: 30%; padding-right: 62px; }

footer .footer-info a {transition: 0.4s; }

footer .footer-info a: hover {color: #55a8b5; }

footer .categories {width: 27%; }

footer .categories .product-cat {gap: 10px 6px; }

footer .categories .cat-item a {padding: 7px 18px; border-radius: 30px; border: 1px solid #55a8b5; }

footer .categories .cat-item a: hover {color: #fff; background-color: #55a8b5; }

footer .footer-menu {width: 21%; padding-left: 62px; }

footer .footer-menu ul {list-style: disc; padding-left: 20px; }

footer .footer-menu ul li {position: relative; transition: 0.4s; }

footer .footer-menu ul li: :before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 6px; height: 6px; border-radius: 50%; background-color: #9dd9e2; }

footer .footer-menu ul li + li {margin-top: 16px; }

footer .footer-menu ul li: hover {margin-left: 5px; }

footer .footer-menu ul li: hover h3 {color: #9dd9e2; }

footer .copyright {background-color: #005b6b; padding: 16px 16px 16px 30px; border-radius: 30px; position: absolute; width: 100%; bottom: 48px; left: calc(((100% - 1320px) / 2)); --info-width: calc(0.3 * 1320px); transform: translatex(var(--info-width)); }

footer .copyright a {transition: 0.4s; }

footer .copyright a: hover {color: #55a8b5; }

.sidebar {position: sticky; top: 0; }

.filter-box {margin-top: 24px; border: 1px solid var(--border-color); border-radius: 10px; padding: 18px 20px; }

.filter-box .btns {gap: 12px; margin-top: 12px; }

.filter-box .filter-price-btn {border: 1px solid var(--border-color); border-radius: 5px; padding: 8px; width: 50%; cursor: pointer; }

.filter-box .filter-price-btn: hover {background-color: #06afb2; border: 1px solid #06afb2; color: #fff; }

.filter-box .filter-price-btn.active {background-color: #06afb2; border: 1px solid #06afb2; color: #fff; }

.filter-box .filter-branch .select-wrap: :before {content: "\f078"; position: absolute; top: 50%; right: 12px; font-family: FontAwesome; font-size: 11px; color: #000; }

.filter-box .filter-branch select {border: 1px solid var(--border-color); padding: 9px 8px; border-radius: 5px; width: 100%; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none; background-image: none; }

.filter-box .filter-branch select: :-ms-expand {display: none; }

.filter-box .filter-branch select: focus {border: 1px solid #06afb2; }

.display-info {background-color: #f0f0f0; border-radius: 6px; }

.display-info span {width: 26px; height: 26px; background-color: #e0e0e0; border-radius: 4px; cursor: pointer; }

.display-info span: hover {transform: scale(1.1); }

.display-info span: hover ion-icon {color: var(--primary-color); }

.display-info span.active {background-color: rgba(0, 179, 211, 0.168627451); }

.display-info span.active ion-icon {color: var(--primary-color); }

.list-product.layout-product {transition: all 0.5s ease; border-radius: 10px; border: 1px solid var(--border-color); }

.list-product.layout-product .product-item {transition: all 0.8s ease; opacity: 1; transform: scale(1); }

.list-product.layout-product.grid {display: flex; flex-wrap: wrap; }

.list-product.layout-product.grid .product-item .add-to-cart {padding: 10px 12px; background: #fff; color: var(--primary-color); border: 1px solid var(--primary-color); transition: 0.4s; }

.list-product.layout-product.grid .product-item .add-to-cart: hover {box-shadow: none; background-color: var(--primary-color); color: #fff; }

.list-product.layout-product.grid .product-item .product-desc {display: none; }

.list-product.layout-product.grid .product-item {width: 25%; border-right: 1px solid var(--border-color); border-top: 1px solid var(--border-color); }

.list-product.layout-product.grid .product-item:nth-child(-n+4) {  border-top: none;}

.list-product.layout-product.grid .product-item:nth-child(4n) {border-right: none;}

.list-product.layout-product.switching .product-item {opacity: 0; transform: scale(0.95); }

.list-product.layout-product.list .product-item {width: 100%; display: flex; }

.list-product.layout-product.list .product-item + .product-item {border-top: 1px solid var(--border-color); }

.list-product.layout-product.list .product-item h3 a {font-size: 15px; }

.list-product.layout-product.list .product-item .product-img {width: 30%; height: 154px; flex-shrink: 0; }

.list-product.layout-product.list .product-item .product-cost {margin-top: 12px; }

.list-product.layout-product.list .product-item .product-info-wrap {width: 40%; padding-right: 60px; }

.list-product.layout-product.list .product-item .product-desc {flex: 1; }

.list-product.layout-product.list .product-item .product-desc p {-webkit-line-clamp: 5; }

.single .detail-wrap {column-gap: 24px; }

.single .product-gallery {width: 50%; }

.single .product-gallery .main-img {height: 360px; border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }

.single .product-gallery .main-img img {object-fit: contain; }

.single .product-gallery .sub-imgs {margin-top: 18px; }

.single .product-gallery .sub-imgs .splide__slide {border: 1px solid var(--border-color); border-radius: 5px; overflow: hidden; padding: 6px; }

.single .product-detail {width: 50%; }

.single .product-detail .add-to-cart {cursor: pointer; display: inline-block; padding: 11px 48px; border-radius: 30px; background: linear-gradient(to right, #007a84 -31%, #2ec6d0 35%); transition: background-position 0.4s ease, box-shadow 0.3s ease; background-size: 200% auto; background-position: left center; }

.single .product-detail .add-to-cart: hover {background-position: right center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }

.single .product-detail .qty-wrap {border-radius: 30px; border: 1px solid var(--border-color); padding: 4px 20px; font-size: 14px; margin-right: 24px; }

.single .product-detail .qty-wrap input[type=button] {padding: 3px 5px; }

.single .product-detail .payment-support {border: 1px solid var(--border-color); border-radius: 10px; margin-top: 24px; padding: 18px 24px; }

.single .product-detail .payment-support span:nth-child(1) {max-width: 72px; }

.single .product-detail .payment-support span:nth-child(2) {max-height: 40px; }

.single .wrap-hotline a {transition: 0.3s; color: #8e8e8e; }

.single .wrap-hotline a: hover {color: var(--primary-color); }

.single #related-product {border: 1px solid var(--border-color); border-radius: 15px; }

.single #related-product .product-item {border-right: 1px solid var(--border-color); }

.single #related-product .product-item .add-to-cart {padding: 10px 24px; width: 100%; }

.single #related-product .splide__list .splide__slide: last-child .product-item {border-right: none; }

.modal-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; opacity: 0; visibility: hidden; transition: 0.4s; }

.modal-popup.active {opacity: 1; visibility: visible; }

.modal-popup .icon {width: 64px; color: #40b735; margin-bottom: 12px; }

.modal-popup h2 {color: #fff; }

.modal-popup a {border: 1px solid #ffffff; padding: 7px 24px; border-radius: 30px; background-color: #ffffff; color: var(--primary-color); font-size: 14px; font-family: "TiktokMedium"; border-radius: 5px; width: 48%; text-align: center; }

.modal-popup a: hover {color: var(--primary-color); background-color: #fff; }

.modal-popup.active .order-popup {transform: translate(-50%, -50%) scale(1); }

.modal-popup .order-popup {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); padding: 30px 35px; width: 460px; border-radius: 20px; background-color: var(--primary-color); overflow: hidden; transition: 0.6s; border: 1px solid #00a3c0; }

.modal-popup .order-popup: :before {content: ""; position: absolute; inset: 0; left: -348px; right: unset; background: radial-gradient(circle at 57% 60%, rgba(255, 255, 255, 0.3), transparent 60%); z-index: -1; width: 100%; }

.modal-popup .order-popup: :after {content: ""; position: absolute; inset: 0; right: -362px; left: unset; background: radial-gradient(circle at 40% 60%, rgba(255, 255, 255, 0.3), transparent 60%); z-index: -1; width: 100%; }

.modal-popup .order-popup .icon {width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; position: relative; z-index: 1; }

.modal-popup .order-popup h2 {margin-bottom: 18px; }

.modal-popup .order-popup p.heading-desc {margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ebebeb; }

.modal-popup .order-popup form {flex: 1; padding-left: 30px; }

.modal-popup .order-popup form .form-group input {padding: 12px 20px; border: 1px solid #b6b6b6; }

.modal-popup .order-popup form .form-group + .form-group {margin-top: 24px; }

.modal-popup .order-popup form input::placeholder { color: #9d9d9d; font-size: 14px;}

.modal-popup .order-popup form input:-webkit-autofill,.modal-popup .order-popup form input:-webkit-autofill:hover,.modal-popup .order-popup form input:-webkit-autofill:focus,.modal-popup .order-popup form input:-webkit-autofill:active {  -webkit-box-shadow: 0 0 0 30px white inset !important;}

.modal-popup .order-popup form button { padding: 12px 0; z-index: 1; margin-top: 12px; margin-bottom: 24px; border: 1px solid transparent;}

.modal-popup .order-popup form button:hover {  color: var(--yellow);  border: 1px solid var(--yellow);  background-color: transparent;}

.modal-popup .order-popup form .qty {  margin-right: 24px;}

.modal-popup .order-popup form .note {  margin-top: 12px;}

.modal-popup .order-popup .img-wrap { width: 40%; height: auto;}

.modal-popup .order-popup .img-wrap .img {  height: 80%;  border: 1px solid var(--yellow);}

.modal-popup .order-popup .img-wrap .img img {  width: 160px;  height: auto;}

.modal-popup .order-popup .img-wrap .product-name,.modal-popup .order-popup .img-wrap .product-cost {  font-size: 20px;  font-size: clamp(17px, 15px + 0.4081632653vw, 20px);  margin-top: 18px;}

.modal-popup .order-popup .close {  position: absolute;  top: 20px;  right: 0px;  width: 40px;  height: 40px;  left: unset;  font-size: 20px;}

.modal-popup .order-popup .close:hover {  opacity: 0.5;}

/* -------- Cart Page -------- */
.cart-page h2 {font-weight: 400; font-size: 30px; margin-top: 40px; margin-bottom: 40px; }

.cart-page .cart-detail-wrap {transition: 0.6s; }

.cart-page .cart-detail-wrap.hide {opacity: 0; visibility: hidden; max-height: 0; max-width: 0; }

.cart-page .cart-detail-wrap .cart-detail {border: 1px solid rgba(0, 0, 0, 0.1254901961); border-radius: 6px; margin-bottom: 24px; }

.cart-page .cart-detail-wrap .cart-detail__header {padding: 16px; font-size: 20px; font-weight: 300; border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961); }

.cart-page .cart-detail-wrap .cart-detail__body {padding: 16px; }

.cart-page .cart-detail-wrap .cart-detail__body .heading {border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961); padding: 0 0 12px 0; margin-bottom: 20px; }

.cart-page .cart-detail-wrap .cart-detail__body .heading::after, .cart-page .cart-detail-wrap .cart-detail__body .heading::before {display: none; }

.cart-page .cart-detail-wrap .cart-detail__body .heading span {font-size: 15px; font-weight: 500; }

.cart-page .cart-detail-wrap .cart-detail__body .product {border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961); padding-bottom: 16px; margin-bottom: 20px; }

.cart-page .cart-detail-wrap .cart-detail__body .product:last-child {border: none; margin-bottom: 0; }

.cart-page .cart-detail-wrap .cart-detail__body .product .img-wrap img {width: 110px; max-height: 90px; flex-shrink: 0; object-fit: contain; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-name a {font-size: 15px; font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-name a:hover {color: #999; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-code {color: #aaa9a9; font-size: 16px; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-color {font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .product-price, .cart-page .cart-detail-wrap .cart-detail__body .product .total {font-size: 15px; font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product input[type=number] {font-weight: 300; }

.cart-page .cart-detail-wrap .cart-detail__body .product .remove-btn:hover {color: var(--red); }

.cart-page .cart-detail-wrap .cart-detail__footer {text-align: right; padding: 18px 20px; border-top: 1px solid rgba(0, 0, 0, 0.1254901961); }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash {font-size: 15px; }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash::before {content: ""; position: absolute; bottom: 0; right: 0; width: 0; border-bottom: 1px solid #000; transition: 0.3s; }

.cart-page .cart-detail-wrap .cart-detail__footer button.trash:hover::before {width: 83%; }

.cart-page .cart-detail-wrap .cart-total {border: 1px solid rgba(0, 0, 0, 0.1254901961); border-radius: 6px; }

.cart-page .cart-detail-wrap .cart-total__head h3 {padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961); }

.cart-page .cart-detail-wrap .cart-total__body {padding: 16px; }

.cart-page .cart-detail-wrap .cart-total__body .item-wrap {font-size: 15px; }

.cart-page .cart-detail-wrap .cart-total__body .item-wrap + .item-wrap {border-top: 2px dashed rgba(0, 0, 0, 0.1254901961); padding-top: 16px; margin-top: 16px; }

.cart-page .cart-detail-wrap .button-wrap {justify-content: end; margin-bottom: 40px; margin-top: 24px; }

.cart-page .cart-detail-wrap .button-wrap a {padding: 8px 12px; background-color: var(--primary-color); border: 1px solid var(--primary-color); display: inline-block; border-radius: 6px; margin-left: 24px; font-size: 15px; text-align: center; }

.cart-page .cart-detail-wrap .button-wrap a:hover {background-color: #fff; color: var(--primary-color); }

.cart-page .cart-detail-wrap .button-wrap a.wt-bg {background-color: #fff; color: var(--primary-color); }

.cart-page .cart-detail-wrap .button-wrap a.wt-bg:hover {background-color: var(--primary-color); color: #fff; }

.cart-page .cart-detail-wrap .button-wrap.bottom {column-gap: 20px; }

.cart-page .cart-detail-wrap .button-wrap.bottom a {width: 50%; margin-left: 0; text-align: center; }

.cart-page .empty-cart {border: 1px solid rgba(0, 0, 0, 0.1254901961); border-radius: 8px; padding: 100px 20px; margin-bottom: 60px; }

.cart-page .empty-cart svg {width: 60px; height: auto; }

.cart-page .empty-cart h2 {font-size: 26px; font-weight: 300; color: #999; margin: 16px 0; }

.cart-page .empty-cart .return {padding: 6px 18px; background-color: var(--primary-color); color: #fff; border-radius: 18px; font-weight: 300; border: 1px solid var(--primary-color); }

.cart-page .empty-cart .return:hover {background-color: #fff; color: #000; }

h2.sub-page-heading {font-weight: 400; font-size: 30px; margin-top: 40px; margin-bottom: 40px; }

.cart-page form .form-group input[type=number] {background: #FFF; color: rgba(0, 0, 0, 0.87); text-align: center; width: 60px; font-size: 15px; border: 1px solid #CDCED2; height: 32px; }

.cart-page form .form-group span.minus {border: 1px solid #cdced2; padding: 1.5px 8px; border-right: none; border-radius: 5px 0px 0px 5px; height: 32px; line-height: 28px; width: 30px; }

.cart-page form .form-group span.plus {border: 1px solid #cdced2; padding: 1.5px 6px; border-left: none; border-radius: 0 5px 5px 0; height: 32px; line-height: 28px; width: 30px; }

.cart-page .cart-detail-wrap .cart-detail__body .heading .label-qty, .cart-page .cart-detail-wrap .cart-detail__body .heading .label-total {display: flex; justify-content: center; }

.cart-page .cart-detail-wrap .cart-detail__body .product .total {text-align: center; }

/* ----------Payment Page---------- */
.payment-page {padding-bottom: 60px; }

.payment-page .shipping-detail__head {padding: 16px; border: 1px solid rgba(0, 0, 0, 0.1254901961); border-bottom: none; border-radius: 12px 12px 0 0; }

.payment-page .shipping-detail__head h3 {text-transform: capitalize; }

.payment-page .shipping-detail__body {padding: 16px; border: 1px solid rgba(0, 0, 0, 0.1254901961); border-radius: 0 0 12px 12px; }

.payment-page .shipping-detail__body .form-group {margin-bottom: 16px; position: relative; }

.payment-page .shipping-detail__body .form-group label {font-size: 15px; font-weight: 400; text-transform: capitalize; margin-bottom: 8px; }

.payment-page .shipping-detail__body .form-group label span {color: red; }

.payment-page .shipping-detail__body .form-group.invalid > :first-child {border: unset; }

.payment-page .shipping-detail__body .form-group.invalid :is(input, textarea) {border: 1px solid var(--red); }

.payment-page .shipping-detail__body .form-group.invalid: is(input, textarea) {border: 1px solid var(--red); }

.payment-page .shipping-detail__body .form-group input, .payment-page .shipping-detail__body .form-group textarea {display: block; width: 100%; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #495057; background-color: #f6f6f6; background-clip: padding-box; border-radius: 6px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; resize: vertical; }

.payment-page .shipping-detail__body .form-group input: focus, .payment-page .shipping-detail__body .form-group textarea: focus {border-color: #A9A9A9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 169, 169, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 60px rgba(169, 169, 169, 0.1); }

.payment-page .shipping-detail__body .form-group .form-message.invalid {color: #f33a58; font-weight: 300;font-size: 12px;left: 0;bottom: -16px; }

.payment-page .pay-method { margin-top: 30px;}
.payment-page .pay-method__head { padding: 16px;border: 1px solid rgba(0, 0, 0, 0.1254901961);border-bottom: none;  border-radius: 12px 12px 0 0;}
.payment-page .pay-method__head h3 { text-transform: capitalize;}
.payment-page .pay-method__body { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.1254901961); border-radius: 0 0 12px 12px;}
.payment-page .pay-method__body .payment-method + .payment-method { padding-top: 16px; margin-top: 16px;position: relative;}
.payment-page .pay-method__body .payment-method + .payment-method::after {content: "";position: absolute;top: 0; left: -16px; border-top: 1px solid rgba(0, 0, 0, 0.1254901961); width: calc(100% + 32px);}
.payment-page .pay-method__body .payment-method .payment-banking {background-color: #03859c;border-radius: 4px;margin-top: 12px;visibility: hidden;max-height: 0;transition: 0.3s;opacity: 0;color: #fff;}
.payment-page .pay-method__body .payment-method .payment-banking.active {visibility: visible; max-height: 200px;  padding: 16px; opacity: 1;}
.payment-page .order-btn { background-color: var(--primary-color); border-radius: 5px; padding: 10px 60px; margin: 5px auto 10px; border: 1px solid var(--primary-color); font-size: 15px; font-weight: 300; margin-top: 20px; font-size: 15px;}
.payment-page .order-btn:hover { background-color: #fff; color: var(--primary-color);}
.payment-page .order-btn.disabled { cursor: not-allowed; pointer-events: none;}
.payment-page .form-alert .message { color: #2dad1d; font-size: 16px;font-weight: 300;}
.payment-page .form-alert .message a {color: var(--primary-color);}
.payment-page .form-alert .message i {margin-right: 4px;}
.payment-page .order-summary__head {padding: 16px;border: 1px solid rgba(0, 0, 0, 0.1254901961);border-bottom: none;border-radius: 12px 12px 0 0;}
.payment-page .order-summary__head h3 { text-transform: capitalize;}
.payment-page .order-summary__body { padding: 16px;border: 1px solid rgba(0, 0, 0, 0.1254901961); border-bottom: none;}
.payment-page .order-summary__body .order-item img { width: 80px; height: 80px; object-fit: contain;  margin-right: 20px; flex-shrink: 0;}
.payment-page .order-summary__body .order-item .product-info {  flex: 1;}
.payment-page .order-summary__body .order-item .product-info .product-name a { font-size: 16px; font-weight: 300; margin-bottom: 10px; display: block;}
.payment-page .order-summary__body .order-item .product-info .product-name a:hover {  color: #999;}
.payment-page .order-summary__body .order-item .product-info .price-detail { font-size: 14px; font-weight: 600; color: #999;}
.payment-page .order-summary__body .order-item + .order-item {  border-top: 1px solid rgba(0, 0, 0, 0.1254901961);  margin-top: 16px;  padding-top: 16px;}
.payment-page .order-summary__foot {  padding: 16px;  border: 1px solid rgba(0, 0, 0, 0.1254901961);  border-radius: 0 0 12px 12px;}
.payment-page .order-summary__foot p { font-size: 16px;}
.payment-page form .form-alert { width: 100%; position: absolute; bottom: -30px; left: 0; transform: unset;}
.payment-page form .radio { display: inline-flex; align-items: center;cursor: pointer;position: relative;margin-right: 20px;font-family: "Montserrat", sans-serif;}
.payment-page form.radio input { opacity: 0; position: absolute;}
.payment-page form .radio-custom {width: 16px; height: 16px; border: 1px solid var(--primary-color);border-radius: 50%;position: relative; margin-right: 8px; transition: all 0.3s ease;}
.payment-page form .radio input:checked + .radio-custom { border-color: var(--primary-color); background: radial-gradient(circle at center, var(--primary-color) 40%, transparent 0);}
.payment-page form .radio input[type=radio] {appearance: none;-webkit-appearance: none; -moz-appearance: none; opacity: 0;position: absolute;left: 0;width: 0;height: 0;pointer-events: none;}

.single #related-product {overflow: hidden;}

/* --------------- Contact Page --------------- */
.contact-page .contact-content {column-gap: 40px;}
.contact-page .contact-info-wrap{width: 40%;}
.contact-page .form-contact{width: 60%; margin-top: 38px;}
.contact-page input, .contact-page textarea {   width: 100%;   border-radius: 10px;  border: 1px solid #c8c8c8;  padding: 14px 12px;  font-size: 14px;}
.contact-page input:focus, .contact-page textarea:focus {outline: none; border-color: #000;}
.contact-page .form-contact button {  width: 100%;  margin-top: 18px;  padding: 14px 12px;  background-color: #06afb2;  border-radius: 5px;  border: 1px solid #06afb2;}
.contact-page .form-contact button:hover {background-color: #fff; color: #06afb2;}
.contact-page .form-contact .wrap-input {gap: 20px;}
.contact-page .form-contact :is(.name-wrap, .email-wrap) {width: calc(50% - 10px);}
.contact-page .loading-container {bottom: -24px;}
.contact-page form .form-alert {font-size: 14px; bottom: -28px;}
.contact-page form .form-message.invalid {bottom: -15px;}

/* --------------- Category Page --------------- */
.category .post-wrap {border-radius: 5px; overflow: hidden;}
.category .post-img {width: 340px; height: 190px; flex-shrink: 0; overflow: hidden;}
.category .post-img:hover img{transform: scale(1.1);}
.category .post-info{border: 1px solid var(--border-color); border-left: none; padding: 0 34px;}
.category .post-wrap .post-title:hover {color: var(--primary-color);}
.category .post-wrap + .post-wrap {margin-top: 30px;}

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

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

@media screen and (max-width: 1400px) {
	.product-item .add-to-cart {padding: 10px 30px;}
	.popular-product-list .product-item .product-img {width: 120px;}
	.product-banner-wrap .product-group .product-item .product-img {height: 115px;}
	.product-item h3 a {font-size: 15px;}
	.other-layout-category .product-cat li {padding: 9px 0 9px 20px;}
	footer .categories .cat-item a {padding: 6px 14px; font-size: 15px;}
	footer .copyright {left: calc(((100% - 1140px) / 2)); --info-width: calc(0.3 * 1140px); transform: translatex(var(--info-width));}
	footer .footer-info a {font-size: 18px;}
	
	.display-info {padding: 10px 18px;}
	
	.single .product-detail .ml-20 {margin-left: 12px;}
	.product-item .product-img {height: 150px;}
}

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

@media screen and (max-width: 1199px) {
	.other-layout-category .product-cat li {padding: 7px 0 7px 20px;}
	.other-layout-category .list-category li a .fs-16px {font-size: 15px;}
	.other-layout-category .list-category .icon-wrap {width: 15px;}
	.header-banner {height: 445px;}
	.header-bot {padding-bottom: 45px;}
	.new-product-list .product-item h3 {min-height: 45px;}
	.popular-product-list .product-item .add-to-cart {padding: 10px 12px;}
	.popular-product-list .product-item {padding: 30px 18px 0px 12px;}
	.banner-wrap {height: 150px;}
	.short-banner .banner-wrap {height: 225px;}
	.product-banner-wrap .product-banner-center {display: none;}
	.product-banner-wrap .product-group {width: 50%;}
	.product-banner-wrap .product-group:nth-child(1) {border-right: none;}
	.product-banner-wrap .product-item h3 {height:  35px;}
	footer .categories .cat-item a {padding: 4px 9px;}
	footer .categories .cat-item a span.fs-14px {font-size: 13px;}
	footer .footer-menu {padding-left: 28px;}
	footer .copyright {left: calc(((100% - 960px) / 2)); --info-width: calc(0.3 * 960px); transform: translatex(var(--info-width));}
	footer .footer-info a {font-size: 15px;}
	
	.footer-info .mb-48{margin-bottom: 24px;}
	footer .footer-info a.fs-24px {font-size: 20px;}
	footer .icon-wrap {width: 30px;}
	
	.filter-box {padding: 18px 12px;}
	.filter-box .filter-price-btn {font-size: 13px; padding: 6px 4px;}
	.list-product.layout-product.grid .product-item {width: 33.3333333%}
	.list-product.layout-product.grid .product-item .product-img {height: 145px;}
	.list-product.layout-product.grid .product-item:nth-child(4) {border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
	.list-product.layout-product.grid .product-item:nth-child(8){border-right: 1px solid #d5d5d5;}
	.list-product.layout-product.grid .product-item:nth-child(3n) {border-right: 0;}
	.breadcrum {padding-top: 6px;}
	
	.single .product-detail .fs-23px {font-size: 20px;}
	.single .product-detail .star-wrap {flex-wrap: wrap; row-gap: 6px;}
	.single .product-detail .code.ml-20 {margin-left: 0;}
	.single .product-detail .add-to-cart {padding: 10px 14px;}
	.single .product-detail .cost span {transform: translatey(-2px);  display: inline-block; margin: 0 2px;}
	.single .product-detail .payment-support {padding: 18px 14px;}
	.single .product-detail .wrap-hotline {flex-direction: column; align-items: baseline; row-gap: 6px;}
	
	.cart-page .cart-detail-wrap .button-wrap.bottom a {max-width: fit-content;}
	.cart-page .col-xl-8 .button-wrap {display: none;}
	
	.category .post-img {width: 265px;}
}

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

@media screen and (max-width: 992px) {
	.other-layout-category .list-category .product-cat{max-height: 0; overflow: hidden; transition: .6s;}
	.other-layout-category .list-category .product-cat.active {max-height:400px;}
	.other-layout-category .list-category  {margin-bottom: 12px;}
	.header-banner {height: 335px;}
	.product-item .product-cost {font-size: 16px;}
	
	.popular-product-list .product-item {width: 50%;}
	.popular-product-list .product-item + .product-item {border-left: none;}
	.popular-product-list .product-item:is(:nth-child(3), :nth-child(4),:nth-child(5), :nth-child(6)){border-top: 1px solid #d5d5d5;}
	.popular-product-list .product-item:is(:nth-child(1), :nth-child(3),:nth-child(5)){ border-right: 1px solid #d5d5d5;}
	
	.product-banner-wrap .product-group.group-right .product-item:is(:nth-child(2), :nth-child(4)){display: none;}
	.product-banner-wrap .product-group.group-left {width: 66.666666667%;}
	.product-banner-wrap .product-group.group-right {width: 33.33333333%;}
	.product-banner-wrap .product-group.group-right .product-item:is(:nth-child(1), :nth-child(3)){width: 100%;}
	
	.short-banner .banner-wrap {height: 196px;}
	.banner-wrap {height: 130px;}
	
	footer .copyright {left: 50%; bottom: 0; transform: translatex(-50%); width: 110%; text-align: center; padding: 12px 0;}
	footer {padding: 40px 0 80px;}
	footer .col-12.df {flex-wrap: wrap;}
	footer .footer-info {width: 50%;}
	footer .categories {width: 50%;}
	footer .footer-menu {width: 50%; padding-left: 0; margin-top: 24px;}
	footer :is(.footer-info, .categories) h3.mb-24  {margin-bottom: 16px;}
	footer .footer-menu h3.mb-24 {margin-bottom: 8px;}
	footer .footer-menu ul {display: flex; flex-wrap: wrap;}
	footer .footer-menu ul li {width: 50%; margin-top: 12px;}
	footer .footer-menu ul li + li {margin-top: 12px;}
	.footer-info .mb-48 {margin-bottom: 16px;}
	footer .footer-info a.fs-24px {font-size: 17px;}
	footer .icon-wrap {width: 24px;}
	footer .categories .cat-item a { padding: 6px 14px;}
	
	.sidebar {margin-bottom: 24px;}
	.logo-n-search .cart-title {display: none;}
	.logo-n-search .ml-96 {margin-left: 36px;}
	.logo-n-search .logo {margin-right: 36px;}
	.logo-n-search .search-bar button {width: 16px;}
	.logo-n-search .search-bar input {padding: 10px 16px 11px;}
	.filter-box .filter-price-btn { font-size: 14px; padding: 9px 4px;}
	.filter-box { padding: 20px 20px;}
	
	.list-product.layout-product.grid .product-item {padding: 14px 12px 20px;}
	.list-product.layout-product.grid .product-item .product-img {height: 120px;}
	
	.payment-page .page-wrap { flex-direction: column-reverse;}
	footer .footer-menu ul li:hover {margin-left: unset;}
	
	.page-child .sidebar{ margin-bottom: 20px;}
}

@media screen and (max-width: 769px) {
	.home header .primary-text {color: #000;}
	.header-banner {height: 240px;}
	.other-layout-category .list-category {padding: 14px 0 4px;}
	.logo-n-search .logo {width: 100px; margin-right: 36px;}
	.logo-n-search .ml-96 {margin-left: 36px;}
	.logo-n-search .cart-icon {width: 22px;}
	.logo-n-search .cart-title { display: none;}
	.logo-n-search .search-bar input {border: 1px solid #e3e3e3; padding: 7px 8px 8px;}
	.logo-n-search .search-bar button {right: 12px; width: 14px;}
	.other-layout-category .list-category h3 {color: var(--primary-color);}
	.header-bot .row.pt-36 {padding-top: 16px;}
	.header-bot {padding-top: 20px;}
	
	.heading-wrap {margin-bottom: 30px;}
	.heading-wrap .title span {display: none;}
	
	.new-product {padding-top: 30px;}
	
	.popular-product {padding-bottom: 30px;}
	.popular-product-list .product-item {flex-direction: column; padding: 30px 11px 30px 12px;}
	.popular-product-list .product-item .product-img {margin: 0 auto; height: 130px; }
	
	.long-banner {padding: 30px 0;}
	
	.short-banner {padding-bottom: 30px;}
	
	.best-seller-product {padding-bottom: 40px;}
	.product-banner-wrap .product-group.group-right {display: none;}
	.product-banner-wrap .product-group.group-left {width: 100%; border-right: 1px solid #d5d5d5; border-radius: 15px;}
	
	footer .footer-menu.general-menu {width: 40%;}
	footer .footer-menu.policy-menu {width: 60%;}
	footer .footer-info {padding-right: 42px;}
	footer .categories .cat-item a {padding: 4px 10px;}
	
	.list-product.layout-product.grid .product-item .add-to-cart {padding: 8px 12px;}
	.list-product.layout-product.grid .product-item h3 {margin-bottom: 5px;}
	.list-product.layout-product.grid .product-item h3 a {font-size: 13px;}
	.product-item .stars i {font-size: 12px !important; margin: 0 1px;}
	
	.list-product.layout-product.list .product-item .product-desc {display: none;}
	.list-product.layout-product.list .product-item .product-info-wrap {padding-right: 0;}
	.list-product.layout-product.list .product-item .product-info-wrap {flex: 1;}
	.list-product.layout-product.list .product-item .product-img {width: 40%;}
	.list-product.layout-product.list .product-item .product-cost {margin-top: 10px;}
	
	.single .detail-wrap {flex-wrap: wrap;}
	.single .product-gallery {width: 100%; margin-bottom: 24px;}
	.single .product-detail {width: 100%;}
	.single .product-detail p:nth-child(2) {margin-right: 12px;}
	
	.cart-page .cart-detail-wrap .cart-detail__body{overflow-x: scroll;}
	.cart-page .cart-detail-wrap .cart-detail__body .heading,.cart-page .cart-detail-wrap .cart-detail__body .product {width: 800px;}
	
	.page-child.mb-40{ margin-bottom: 30px;}
	.category .post-img {  width: 220px; height: 170px;}
	.category .post-title {font-size: 18px;}
	.category .post-info {padding: 0 20px;}
	
	.contact-page .contact-info-wrap, .contact-page .form-contact {width: 100%;}
	.contact-page .contact-content {flex-wrap: wrap;}
	.contact-page .form-contact {margin-top: 12px;}
	.contact-page h2.mb-24 {margin-bottom: 16px;}
	
}

@media screen and (max-width: 576px) {
	footer .footer-menu.general-menu, footer .footer-menu.policy-menu{width: 100%;}
	footer .footer-menu.general-menu ul li {width: 25%;}
	footer .footer-info {padding-right: 16px;} 
	footer .icon-wrap {width: 20px;}
	.product-item .add-to-cart {width: 100%; padding: 8px;}
	footer .footer-menu ul li,footer .footer-menu ul li + li {margin-top: 6px;}
	
	.heading-wrap h2.fs-20px {font-size: 17px;}
	.short-banner .banner-wrap {height: 136px;}
	footer .footer-menu.general-menu ul li {padding-left: 6px;}
	footer .footer-menu ul li::before {left: -15px;}
	.modal-popup .order-popup {width: calc(100% - 24px); padding: 22px 20px;}
	.modal-popup a {padding: 7px 7px;}
	.popular-product-list .product-item a.fs-16px {min-height: 34px;}
	.logo-n-search .logo {margin-right: 24px;}
	.logo-n-search .ml-96 {margin-left: 24px;}
	
	.list-product.layout-product.grid .product-item {width: 50%;}
	.list-product.layout-product.grid .product-item:nth-child(3n) {border-right: 1px solid #d5d5d5;}
	.list-product.layout-product.grid .product-item:nth-child(2n) {border-right: 0;}
	.list-product.layout-product.grid .product-item:nth-child(3) {border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
	.display-info {font-size: 14px;}
	
	.single .product-gallery .main-img {height: 300px;}
	.single .product-detail .cost {font-size: 20px;}
	.breadcrum { padding-top: 12px; padding-bottom: 18px;}
	.single .product-desc h3.fs-18px, .single .product-related h3.fs-18px {font-size: 17px;}
	.filter-box {margin-top: 18px;max-height: 40px; overflow: hidden; border-radius: 5px; transition: .5s;}
	.filter-box.active {max-height: 195px; }
	.other-layout-category .list-category h3 {font-family: "TikTokBold";}
	
	.cart-page .cart-detail-wrap .cart-detail__body .heading, .cart-page .cart-detail-wrap .cart-detail__body .product {width: 630px;}
	.cart-detail-wrap .fs-18px, .payment-page .fs-18px {font-size: 16px;}
	.payment-page .shipping-detail__body .form-group label, .payment-page .pay-method .fs-15px {font-size: 14px;}
	.payment-page {padding-bottom: 30px;}
	
	.cart-page .empty-cart svg {width: 30px;}
	.cart-page .empty-cart {padding: 40px 20px;}
	.cart-page .empty-cart h2 {font-size: 16px; margin: 12px 0;}
	.cart-page .empty-cart .return {display: block; width: fit-content; margin: 0 auto; font-size: 14px;}
	
	.single .product-detail .desc {line-height: 1.8;}
	.cart-page .empty-cart {margin-bottom: 30px;}
	
	.category .post-title {font-size: 16px;}
	
	.single .page-child.mb-40, .page-template .page-child.mb-40{margin-bottom: 20px;}
	.single h1.fs-20px {font-size: 18px;}
	.page-template .page-child .sidebar, .page-template-default .page-child .sidebar{margin-bottom: 0;}
	.page-template .other-layout-category .list-category,.page-template-default .other-layout-category .list-category{margin-bottom: 0;}
	.contact-page h2.mb-24 {margin-top: 24px;} 
	.contact-page.pb-48 {padding-bottom: 40px;}
	.contact-page h2.fs-20px {font-size: 18px;}
	.contact-page input, .contact-page textarea {font-size :16px; padding: 12px;}
	.contact-page .form-contact button {padding: 10px 12px;}
	.contact-page .loading-container {bottom: -15px;}
	footer .categories .product-cat { gap: 8px 5px;}
}

@media screen and (max-width: 480px) {
	footer .copyright span {display: block; width: 100%;}
	.category .post-img { width: 150px; height: 140px;}
	.category .post-title {margin-bottom: 12px;}
}

@media screen and (max-width: 450px){
	footer .icon-wrap {display: none;}
	.footer-info .mb-48 { margin-bottom: 10px;}
	footer .categories .cat-item a {padding: 4px 8px;}
}

@media screen and (max-width: 431px) {
	.new-product-list .product-item .product-img {height: 116px;}
	.new-product-list .product-item h3 {margin-bottom: 0;}
	.new-product-list .product-stock {margin: 4px 0;}
	.new-product-list .product-item {padding: 14px 16px 20px;}
	.new-product {padding-top: 20px;}
	
	.header-banner {height: 180px;}
	.other-layout-category .list-category h3 {font-size: 13px;}
	.header-bot {padding-bottom: 30px;}
	.other-layout-category .list-category h3 {padding-left: 16px; padding-bottom: 5px;}
	.other-layout-category .list-category {padding: 12px 0 5px; border-radius: 5px;}
	
	.view-more-product {padding: 7px 16px 7px;}
	.heading-wrap { margin-bottom: 20px;}
	.header-top-wrap .main-menu li + li {margin-left: 15px;}
	.header-top-wrap .hotline > a:nth-child(2) {display: none;}
	.header-top-wrap .hotline > span.mr-12 {margin-right: 0;}
	.home header .primary-text { color: #ffffff;}
	.home header .list-category .primary-text { color: var(--primary-color);}
	.banner-wrap {border-radius: 10px;  height: 100px;}
	.short-banner {padding-bottom: 20px;}
	.long-banner {padding: 30px 0 20px;}
	footer .categories .cat-item a {  padding: 4px 6px;}
	footer :is(.footer-info, .categories) h3.mb-24, footer .footer-menu h3.mb-24 {font-size: 15px;}
	footer .footer-info a.fs-24px { font-size: 16px;}
	.short-banner .banner-wrap {height: 116px;}
	
	.filter-box > h3 {font-size: 13px; }
	.filter-box h3 .icon-wrap {width: 15px; margin-right: 12px;}
	.filter-box h3.font-medium {font-size: 14px;}
	.filter-box .filter-price-btn {padding: 8px 4px;}
	.filter-box {padding: 12px 16px;}
	
	.single .product-gallery .sub-imgs {height: 85px;}
	.single #related-product .product-item .add-to-cart {padding: 10px 8px; }
	.single #related-product .product-item .product-img {height: 120px;}
	.single #related-product .product-item {padding: 14px 12px 20px;}
	.product-item h3 a {font-size: 14px;}
	#breadcrumbs {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;-webkit-line-clamp: 1;}
	
	.list-product.layout-product.list .product-item .product-img {width: 34%; margin-right: 12px;}
	.list-product.layout-product.list .product-item h3 a {font-size: 14px;}
	.list-product.layout-product.list .product-item {padding: 14px 24px 18px;}
	
	.single .product-detail .payment-support span:nth-child(1) {font-size: 13px; margin-right: 12px;}
	.single .product-detail .payment-support span:nth-child(2) {max-height: 36px;}
	.single .product-detail .add-to-cart {font-size: 12px;}
	.single .product-detail .add-to-cart {padding: 11px 24px;}
	
	.category .post-img {width: 130px; height: 130px;}
}

@media screen and (max-width: 400px) {
	.single .product-gallery .main-img { height: 250px;}
	footer .categories .cat-item a span.fs-14px {font-size: 12px;}
}
@media screen and (max-width: 391px) {
	footer .categories .cat-item a span.fs-14px {font-size: 12px;}
	footer .categories .cat-item a {padding: 4px 5px;}
	footer .footer-info {padding-right: 12px;}
	.product-banner-wrap .product-group .product-item {padding: 14px 12px 24px;}
}

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