@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');* {margin: 0;padding: 0;box-sizing: border-box;-ms-overflow-style: none;scrollbar-width: none;}*::-webkit-scrollbar {display: none;}html {font-family:"Montserrat", sans-serif;scroll-behavior: smooth;-ms-overflow-style: thin;scrollbar-width: thin;touch-action: manipulation;}html::-webkit-scrollbar {display: thin;}button, input {color: black;font-family:"Montserrat", sans-serif;}input:-webkit-autofill {background-color: transparent !important;transition: background-color 9999s ease-in-out 0s;-webkit-text-fill-color: #000 !important;}input:-webkit-autofill, input:-webkit-autofill:focus {background: none !important;box-shadow: none !important;}input:-internal-autofill-selected {background-color: transparent !important;}:root{--pricecolor: #FF3C3C;--statusoutline: rgb(91, 91, 91);--headercolor:rgb(87,130,194);--navcolor: #e2efff;--navhover: #eff6ff;--red:rgb(255, 172, 172);--blue:rgb(176, 206, 255);--green: rgb(179, 255, 179);--cyan:rgb(179, 252, 255);--orange: rgb(255, 218, 172);}img[data-src] {opacity: 0;}img.lazyloaded {opacity: 1;}.background-image {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(/img/17418834490011.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;z-index: -1;pointer-events: none;opacity: .8;filter: blur(4px);}.disable-scroll {overflow: hidden;}.header_container {height:75px;}header {width: 100%;height: 60px;background: none;display: block;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 10;transition: top 0.4s;padding: 14px;}.nav-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 10;}#navbar {display: flex;align-items: center;position: relative;z-index: 10;}.nav-blur {position: absolute;border-radius: 20px;width: 100%;height: 100%;z-index: -1;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.05);}@supports (backdrop-filter: blur(3px)) {.nav-blur {background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(3px);}}.active-link {background-color: var(--navcolor);border-radius: 20px;}.header-left{display: none;height: 100%;}.logo-txt {font-family: 'League Spartan', sans-serif;font-size: 2.5rem;font-weight: 700;color:var(--headercolor);letter-spacing: -0.08em;margin-right: 25px;margin-top: 15px;margin-bottom: 7px;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#open-sidebar {display: none;align-items: center;justify-content: center;background: none;border: none;height: 40px;width: 40px;cursor: pointer;transition: background-color 0.2s ease;padding: 0;margin: 15px;border-radius: 10px;}#open-sidebar:hover {background-color: var(--navcolor);}#close-sidebar {display: none;background: none;border: none;padding: 15px 10px 5px 12px;cursor: pointer;width: 100%;}nav li{height: 100%;display: flex;transition: background-color 0.3s ease, border-bottom 0.3s ease;}.noborder {border: none;}nav ul{width: auto;height: 100%;list-style: none;display: flex;z-index: 15;align-items: center;}nav a{align-items:center;justify-content: left;height: 100%;padding: 7px 10px;margin: 0 2px;display: flex;text-decoration: none;font-weight: 550;font-size: 0.9rem;color: #000000;transition: all 0.3s ease;border-radius: 20px;white-space: nowrap;}.nav-menu:hover {background-color: var(--navhover);}#ToHome{padding-left: 10px;}nav img{height: 16px;margin-right: 7px;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.search {height: auto;}.search-container {height: 100%;width: 14vw;display: flex;align-items: center;position: relative;margin: 0 10px;}.search-container img{position: absolute;margin: 0 0 0 7px;height: 16px;align-content: center;z-index: 2;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#Search {position: absolute;background: none;padding: 7px 10px 7px 30px;border: 1.5px solid black;border-radius: 20px;width: 14vw;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#Search1 {position: absolute;padding: 7px 10px 7px 30px;margin-top: 10px;background: rgba(255, 255, 255, 0.5);border: 1.5px solid black;border-radius: 20px;width: 14vw;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#searchmobile{display: none;}.option {display: flex;align-items: center;gap: 5px;}.dropdown {position: relative;display: inline-block;margin: 1.25rem 0.25rem 1.25rem 1.25rem;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.dropdown-btn {display: flex;align-items: center;gap: 5px;color: black;background-color: white;border: 1.5px solid #000;border-radius: 20px;padding: 5px 10px;font-weight: 500;cursor: pointer;transition: background-color 0.3s ease;}.dropdown-btn img {height: 12px;}.dropdown-btn p {color: #000;}.dropdown:hover .dropdown-btn {background-color: #f0f0f0;}.dropdown-content {display: none;position: absolute;top: 110%;left: 0;background-color: #fff;min-width: 200px;border-radius: 12px;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);z-index: 5;overflow: hidden;transition: all 0.3s ease;}.dropdown-content.show {display: block;}.group-title {font-weight: 600;font-size: 13px;color: #555;padding: 8px 16px 4px;cursor: default;padding: 10px 16px;margin: 0;font-size: 14px;color: white;background-color: rgb(99, 99, 99);transition: background 0.2s ease;}.dropdown-content p {padding: 10px 16px;margin: 0;font-size: 14px;color: #333;cursor: pointer;transition: background 0.2s ease;}.dropdown-content p:hover {background-color: #f5f5f5;}.dropdown-content p.active {background-color: #e0e0e0;font-weight: 600;}#categoryDropdownWrapper {margin: 1.25rem 0.25rem 1.25rem 0.25rem;}#categoryDropdownWrapper .option {padding: 10px 16px;margin: 0;font-size: 14px;color: #333;cursor: pointer;transition: background 0.2s ease;}#categoryDropdownWrapper .option.active {background-color: #e0e0e0;font-weight: 600;}#categoryDropdownWrapper .option:hover {background-color: #f5f5f5;}#clearSearchContainer{width: fit-content;display: none;}#clearSearch {font-weight: 500;background-color: white;border: 1.5px solid black;border-radius: 20px;padding: 5px 10px;gap: 5px;display: flex;cursor: pointer;align-items: center;p {color: black;}img{height: 12px;}}#noResults {display: none;}.login-li {justify-self: end;}#login-toggle {background-color: #eef6ff;border: 2px solid var(--navcolor);border-radius: 20px;}.overlay{background-color: rgba(0, 0, 0, 0.5);position: fixed;inset: 0;z-index: 4;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.2s ease;}nav li.active-link{background-color: white;border-bottom: 2px solid var(--headercolor) ;}nav p{-webkit-user-select: none;-ms-user-select: none;user-select: none;}@media only screen and (max-width: 1011px) {.nav-box {width: 100%;height: 60px;justify-content: space-between;}.header-left {display: flex;align-items: center;}#open-sidebar, #close-sidebar {display: flex;}nav {position: fixed;top: 0;left: -120%;height: 100%;width: min(15dvh, 150%);z-index: 5;border-right: 1px solid #d5d5d5;transition: left 0.3s ease-out;}nav.show {left: 0;}nav.show ~ .overlay {opacity: 1;visibility: visible;}nav ul {width: fit-content;background-color: white;flex-direction: column;display: block;}nav li {height: fit-content;border-bottom: none;padding: 0 15px;margin: 6px 0;}nav p {padding: 5px 0;}nav a {padding: 4px 14px;margin: 4px 0;}.login-li {width: 100%;justify-self: start;}#login-toggle {padding: 2px 10px;}.search {height: 60px;display: none;border-bottom:2px solid white ;}#ToHome {padding: 0 15px;}.noborder {margin: 15px 0 0 7px !important;}#close-sidebar {padding: 0;}}@media only screen and (max-width: 1010px) and (min-width: 501px) {#navbar {position: fixed;}#Search {width: 24vw;margin: 0;padding: 7px 10px 7px 35px;}#Search1 {width: 24vw;margin: 0;padding: 7px 10px 7px 35px;}.search-container img {position: absolute;margin-left: 10px;margin-top: 0;}#searchmobile {display: flex;margin: 0;}#searchdesktop {display: none;}}@media only screen and (max-width: 500px) {#navbar {position: fixed;}#searchmobile {display: none;}#searchdesktop {display: flex;height: fit-content;margin-top: 25px;}#Search {width: 120px;margin-left: 0;}.search-container img {margin-left: 10px;}.search{display: flex !important;height: 50px;padding: 0 10px !important;}}.menu-img{margin: 5px;padding: 3px;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.cross-img {width: 20px;height: 20px;margin: 5px;padding: 3px;margin-right: 100px;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#Promotion {max-width: 1000px;width: 100%;aspect-ratio: 400 / 245;padding: 20px;overflow: hidden;position: relative;margin: 0 auto;}.swiper-container {width: 100%;height: 400px;overflow: hidden;position: relative;margin: 0 auto;max-width: 100%;box-sizing: border-box;}.swiper-wrapper {display: flex;align-items: center;justify-content: start;}.swiper-slide {width: 100%;display: flex;justify-content: start;align-items: center;}.swiper-slide img {width: 100%;height: 100%;object-fit: cover;border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;transition: transform 0.3s ease-in-out;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.swiper-slide img.fallback-img {background-color: #E3E3E5;border-radius: 20px;height: 200px !important;box-shadow: none !important;object-fit: contain;border-radius: 20px;}.swiper-button-prev, .swiper-button-next {width: 6vw !important;height: 6vw !important;max-width: 50px;max-height: 50px;min-width: 20px;min-height: 20px;margin: 0 1rem;align-self: center !important;margin-top: unset !important;position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.75);border-radius: 50%;z-index: 20;}.swiper-button-prev::after, .swiper-button-next::after {content: none !important;}.swiper-button-prev img, .swiper-button-next img {width: 3vw;height: 3vw;max-width: 20px;max-height: 20px;min-width: 10px;min-height: 10px;margin: 0 auto;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.swiper-button-prev {left: 10px;}.swiper-button-next {right: 10px;}@media (max-width: 1200px) {.swiper-container {height: 350px;}}@media (max-width: 992px) {.swiper-container {height: 300px;}.swiper-slide img {object-fit: contain;}}@media (max-width: 768px) {.swiper-container {height: 250px;}.swiper-slide img {object-fit: contain;}.swiper-button-prev, .swiper-button-next {padding: 8px;}}@media (max-width: 480px) {.swiper-container {height: 200px;}.swiper-button-prev, .swiper-button-next {padding: 5px;}}.numbertext {display: none;}.swiper-pagination {position: absolute;bottom: 5px !important;left: 50%;transform: translateX(-50%);z-index: 10;}.swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;opacity: 0.7;border-radius: 50%;margin: 0 4px;transition: background-color 0.3s, opacity 0.3s;}.swiper-pagination-bullet-active {background-color: rgba(0, 0, 0, 0.5) !important;opacity: 1;}.swiper-pagination-dynamic .swiper-pagination-bullet {transition: width 0.3s ease, height 0.3s ease;}.swiper-pagination-bullet:hover {background-color: rgba(0, 0, 0, 0.5);opacity: 1;}#noResults {text-align: center;padding: 2rem;font-size: 1.2rem;color: #666;}#imageContainer {display: grid;grid-template-columns: repeat(5, 1fr);gap: 10px;padding: 0 20px 1vh 20px;min-height: 80dvh;}@media screen and (max-width: 269px) {#imageContainer {grid-template-columns: repeat(1, 1fr);}}@media screen and (max-width: 479px) and (min-width: 270px){#imageContainer {grid-template-columns: repeat(2, 1fr);}}@media screen and (max-width: 599px) and (min-width: 480px) {#imageContainer {grid-template-columns: repeat(3, 1fr);}}@media screen and (max-width: 1000px) and (min-width: 600px) {#imageContainer {grid-template-columns: repeat(4, 1fr);}}.gallery {background-color: aliceblue;display: none;grid-template-rows: auto 1fr;margin: 2px 0 5px 0;border: 1px solid #ccc;width: 100%;overflow: hidden;border-radius: 10px;position: relative;z-index: 1;cursor: pointer;height: fit-content;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.new-badge {position: absolute;top: 8px;right: 8px;background-color: red;color: white;font-weight: bold;font-size: 60%;padding: 4px 6px;border-radius: 4px;z-index: 10;box-shadow: 0 0 3px rgba(0,0,0,0.3);}.gallery.detail .new-badge {left: 8px;right: unset;border-radius: 10px;}.gallery.detail {position: fixed;top: 6dvh;right: 0;left: 0;margin: 0 auto;width: 95vw;display: block;min-width: 120px;max-width: 821px !important;height: 90dvh;max-width: 100%;border: 2px solid white;border-radius: 20px;overflow: auto;z-index: 100;cursor:auto;background-color: aliceblue;transition: transform 0.3s ease, background-color 0.3s ease;}.gallery.detail:hover{transform: scale(1);}.gallery.detail::-webkit-scrollbar {width: 0;height: 0;}.detail-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 1000;pointer-events: none;}.detail-overlay {position: fixed;inset: 0;background: none;z-index: 9999;transform: translateY(100%);transition: transform 0.3s ease-out;overflow-y: auto;display: flex;justify-content: center;align-items: flex-start;padding: 2rem;pointer-events: none;}.detail-overlay.show {transform: translateY(0);}.detail-clone {max-width: 800px;width: 100%;pointer-events: auto;}.closedetailcontainer {width: 30px;height: 30px;position: fixed;display: none;z-index: 101;top: 1dvh;right: 3vw;}.closedetailcontainer.detail {display: block;}#close-detail {border-radius: 10px;border: none;background-color: white;cursor: pointer;background: rgba(0,0,0,0.35);}#close-detail img {width: 15px;height: 15px;margin: 5px;padding: 3px;filter: invert(1);-webkit-user-select: none;-ms-user-select: none;user-select: none;}.stickscrolldetail {position: fixed;top: 6dvh;right: 0;left: 0;margin: 0 auto;width: 90vw;display: block;min-width: 120px;max-width: 821px !important;height: 90dvh;max-width: 100%;border: none;border-radius: 20px;overflow: auto;z-index: 1000;cursor:auto;transition: transform 0.3s ease, background-color 0.3s ease;pointer-events: none;}.stickscrolldetail > * {pointer-events: auto;}.scrolldetailgrid, .scrolldetail, #scrolldetail {pointer-events: none;}.scrolldetailgrid{width: 90vw;height: 100%;max-width: 818px;justify-self: center;display: grid;grid-template-rows: 7fr 2fr;}.scrolldetail {grid-row: 1;align-self: end;justify-self: center;opacity: 0;transition: all 150ms ease;}.scrolldetail.detail {opacity: 1;display: flex;pointer-events: auto;}#scrolldetail {width: 25px;height: 25px;background: rgba(0,0,0,0.35);border: none;border-radius: 50px;cursor: pointer;}#scrolldetail img{width: 25px;height: 25px;transform: translateY(1px);filter: invert(1);}.moreimg {display: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;user-drag: none;-webkit-user-drag: none;pointer-events: auto;}#mainimg {display: flex !important;}.gallery.detail .moreimg{display: flex;}.gallery .product-img-container {display: flex;scroll-behavior: smooth;transition: all 0.3s ease;width: 100%;}.gallery.detail .product-img-container {display: flex;width: 100%;background-color: aliceblue;overflow-x:auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: auto;scroll-behavior: smooth;align-self: center;gap: 5px;}.gallery.detail .product-img-container img {scroll-snap-align: start;flex: 1 0 100%;}.rightmoreimg, .leftmoreimg {display: none;flex: 1 0 15%;width: 50vw;height: auto;background-color: aliceblue;}.gallery.detail .rightmoreimg, .gallery.detail .leftmoreimg {display: flex;}.gallery-nav-container1 {position: static;align-self: center;width: 100%;height: 100%;display: grid;grid-template-columns: 3fr 2fr;}.gallery-nav-container2 {position: static;width: 100%;height: 100%;display: grid;grid-template-columns: 3fr 2fr;}#close-detail:focus, #scrolldetail:focus, .gallery-nav:focus {outline: 2px solid #000;outline-offset: 2px;}.gallery.detail .gallery-nav {position: absolute;transform: translateY(-50%);z-index: 10;background: rgba(0,0,0,0.1);color: white;border: none;width: 25px;height: 25px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;align-self: center;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.moreimgnumber-container {align-self:flex-start;grid-column: 1;width: 100%;display: flex;justify-content: end;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.gallery.detail .gallery-nav-container2 p {background-color: rgba(0, 0, 0, 0.1);padding: 5px 10px;border-radius: 20px;z-index: 100;color: white;font-size: .6rem;margin: 10px;position: absolute;right: 5px;width: fit-content;}.gallery.detail .gallery-prev {left: .4rem;}.gallery.detail .gallery-next {right: .4rem;}.gallery:not(.detail) .gallery-nav-container1, .gallery:not(.detail) .gallery-nav-container2 {display: none;}@media screen and (min-width: 570px) {.gallery.detail {top: 7dvh;height: 90dvh;}.gallery.detail .gallery-container {display: grid;max-width: 900px;grid-template-columns: 3fr 2fr;grid-template-rows: 7fr auto;transition: none !important;}.gallery.detail img {grid-column: 1;max-height: 85dvh;object-fit: contain;z-index: 1;}.gallery.detail .product-img-container {height: 100%;grid-row: 1 / span 1;}.gallery.detail .product-info {padding: 10px !important;align-content: start;overflow-y: auto;z-index: 2;grid-column: 2;grid-row: 1;position: sticky;align-self: start;height: 100%;display: flex;justify-content: center;}.gallery.detail .product-info-box {display: block;width: 95%;padding: 20px;border: 2px solid white;border-radius: 30px;position: absolute;z-index: -1;}@supports (backdrop-filter: blur(3px)) {.gallery.detail .product-info-box {background: rgba(250, 250, 250, 0.5);backdrop-filter: blur(3px);}}.gallery-nav-container1 {position: absolute;align-self: center;}.gallery-nav-container2 {position: absolute;align-self: stretch;}.gallery-nav-inside {align-self: center;width: 100%;grid-column: 1;display: flex;justify-content: space-between;position: relative;}.gallery.detail .gallery-next, .gallery.detail .gallery-prev {position: relative;margin: 10px;right: unset;left: unset;}.scrolldetailgrid{width: 90vw;max-width: 818px;justify-self: center;display: grid;grid-template-columns: 3fr 1fr 1fr;grid-template-rows: 7fr 2fr;}.scrolldetail {grid-column: 3;grid-row: 1;align-self: end;margin-bottom: 30px;display: flex;opacity: 0;height: 0;transform: translateX(-50%);justify-content: center;justify-self: normal;z-index: 200;pointer-events:none;transition: opacity 0.15s ease;}.stickscrolldetail {top: 7dvh;max-height: 85dvh;display: grid;max-width: 900px;grid-template-columns: 3fr 2fr;grid-template-rows: 7fr auto;position: fixed;right: 0;left: 0;margin: 0 auto;width: 90vw;min-width: 120px;max-width: 818px !important;height: 90dvh;overflow: auto;z-index: 1000;cursor: auto;transition: transform 0.3s ease, background-color 0.3s ease;pointer-events: none;}.gallery.detail .gallery-nav {width: 30px;height: 30px;}.gallery-nav-container2 p{position: static !important;font-size: .9rem !important;}#close-detail img{width: 25px;height: 25px;}.purchase-order {position: relative;background: white;overflow-y: auto;z-index: 2;grid-column: 1 / span 2;grid-row: 2;align-self: stretch;justify-self: stretch;height: 100% !important;}.gallery.detail .close-purchase-detail {display: none !important;}.gallery.detail .purchase-detail{display: none !important;}.gallery.detail .purchase-order{box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);display: block !important;transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}.order-amount {justify-content: left !important;gap: 5px !important;}}.overlay1 {background-color: rgba(0, 0, 0, 0.5);width: 100%;position: fixed;inset: 0;z-index: 20;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.2s ease;}.overlay1.detail {opacity: 1;visibility: visible;}.gallery img {width: 100%;height: auto;object-fit: contain;background-color: aliceblue;}.product-info {position: relative;display: block;width: 100%;min-height: 0;overflow-y: auto;text-overflow: ellipsis;white-space: normal;padding: 15px 15px 0 15px;text-align: left;justify-content: start;background-color: aliceblue;}.gallery.detail .product-info {padding: 20px 20px 0 20px;}.product-info h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 550;}.product-info h4 {display:none;}.product-info h5 {display:none;}.gallery.detail .product-info h3 {overflow: hidden;white-space: normal;font-weight: 550;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.2em;margin-bottom: 5px;word-break: break-word;}.price-status {margin-top: 7px;display: block;align-items: center;justify-content:start;}.price-container {display: flex;margin: 7px 0 2px 2px;align-items: center;justify-content: left;width: 100%;gap: 2px;}.price {font-size: clamp(0.75rem, 2vw, 1rem);font-weight: 600;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;color: var(--pricecolor);-webkit-user-select: none;-ms-user-select: none;user-select: none;}.baht {font-size: clamp(0.7rem, 1.8vw, 0.9rem);color: var(--pricecolor);-webkit-user-select: none;-ms-user-select: none;user-select: none;}.old-price {position: relative;display: inline-block;margin: 0 0 1px 5px;align-self: last baseline;color: #888;font-size: small;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.old-price::after {content: "";position: absolute;top: 58%;left: 0;width: 100%;height: .75px;background: #888;transform-origin: center;pointer-events: none;}.status-box {display: flex;width: fit-content;height: 25px;border-radius: 20px;border: 1.8px solid var(--statusoutline);align-items: center;justify-content:space-evenly;padding: 0 5px;gap: 5px;transition: background-color 0.3s ease, filter 0.3s ease;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.status-box:hover{filter : saturate(200%) contrast(150%) opacity(200%);}.status-circle {width: 5px;height: 5px;border-radius: 50%;background-color:var(--statusoutline);}.status-text{color:var(--statusoutline);font-size: 11px;font-weight: 600;white-space: nowrap;}.desc {margin: 10px 0 0 0;border-top: 2px dashed rgb(174, 174, 174);padding: 10px 0;display: none;font-size: small;white-space: pre-line;-webkit-user-select: none;-ms-user-select: none;user-select: none;position: relative;overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;}.product-info::after {content: "";position: sticky;bottom: 0;right: 0;justify-self: center;width: 100%;border-top-left-radius: 100%;border-top-right-radius: 100%;height: 10px;background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(162, 162, 162, 0.8) 80% );filter: blur(10px);pointer-events: none;display: block;opacity: 0;z-index: 1;}.gallery-container {height: 100%;overflow-y: auto;position: relative;overflow-x: hidden;justify-items: right;}.purchase-detail {position: sticky;bottom: 0;cursor: grab;z-index: 9999;display: none;width: 100%;justify-content: right;height: fit-content;}.gallery.detail .purchase-detail{display: flex;}#purchase-detail {display: flex;align-items: center;justify-content: center;margin: 15px;width: 50px;height: 50px;background-color: rgba(176, 206, 255, 1);border: 1.5px solid black;border-radius: 50px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}#purchase-detail:hover {transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}#purchase-detail img {width: 20px;height: 20px;background: none;user-drag: none;-webkit-user-drag: none;pointer-events: auto;}.close-purchase-detail {width: 100%;position: sticky;display: none;bottom: 0;padding: 15px;justify-items: right;pointer-events: auto;z-index: 999;}.gallery.detail .close-purchase-detail{display: flex;justify-content: flex-end;}#close-purchase-detail {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: rgba(176, 206, 255, 1);border: 1.75px solid black;border-radius: 50px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}#close-purchase-detail:hover {transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}#close-purchase-detail img {width: 16px;height: 16px;background: none;}.purchase-order {display: none;}.gallery.detail .purchase-order{position: sticky;width: 100%;display: none;bottom: 0;justify-items: left;pointer-events: auto;z-index: 999;background: none;transform: translateX(100%);opacity: 0;visibility: hidden;transition: transform 0.3s ease-in-out, opacity 0.3s ease;overflow-y: auto;}.purchase-order.show {display: flex !important;flex-direction: column;transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}.purchase-box {width: 100%;height: 100%;padding: 10px;background-color: white;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);}.hide-purchase {display: none !important;}.order-type {width: 100%;display: flex;justify-content: left;height: fit-content;margin: 10px 0;padding: 0 10px;gap: 8px;flex-wrap: wrap;}.options-container {display: flex;gap: 8px;margin: 10px 0;flex-wrap: wrap;}.option-btn {padding: 5px 10px;border: 1.75px solid #b4b4b4;background: white;border-radius: 10px;cursor: pointer;font-size: .75rem;font-weight: 550;opacity: .8;transition: all 0.3s ease;}.option-btn.pre-order {background-color: var(--blue);}.option-btn.in-stock {background-color: var(--green);}.option-btn.out-of-stock {background-color: var(--red) !important;position: static !important;width: fit-content !important;padding: 5px !important;pointer-events: auto !important;}.option-btn.active{opacity: 1;border: 1.75px solid #000000;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.05);transform: scale(1.1);}.option-btn.in-stock.active{background-color: rgb(171, 255, 171);}.option-btn.pre-order.active{background-color:rgb(165, 199, 255);}.option-btn.out-of-stock.active {background-color: rgb(255, 157, 157);}.buynow-container {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;align-items: center;}.order-info-container {align-items: center;justify-content: space-between;gap: 8px;}.order-amount {width: 100%;justify-self: start;display: flex;align-items: center;justify-content: space-around;margin: 4px;}.order-amount input.amount-display {width: 50px;text-align: center;padding: 5px 0;-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;font-size: .75 rem;font-weight: 600;border: none;outline: 1px solid rgb(214, 214, 214);border-radius: 6px;}.order-amount input.amount-display:focus {outline: 1px solid rgb(149, 149, 149);border-radius: 6px;}.order-amount input.amount-display::-webkit-outer-spin-button, .order-amount input.amount-display::-webkit-inner-spin-button {-webkit-appearance: none;}.minus-amount, .plus-amount {width: 28px;height: 28px;border-radius: 6px;border: 1px solid #ddd;background: white;font-size: 16px;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;justify-content: center;position: relative;}.minus-amount:hover, .plus-amount:hover {background: #f5f5f5;}.minus-amount:active, .plus-amount:active {transform: scale(0.95);}.plus-amount::before {content: "+";position: absolute;}.minus-amount::before {content: "-";position: absolute;}.total-price {width: 100%;grid-column: 1;padding: 5px 10px;display: flex;align-items: baseline;gap: 4px;justify-content: left;}.total-price-container {display: flex;height: 100%;align-self: end;}.total-price-text {padding: 3px 0;align-self: end;display: flex;color: #b8b8b8;font-size: .75rem;}.total-price h3 {display: flex;font-size: 1.25rem;font-weight: 600;color: var(--pricecolor);white-space: nowrap;}.baht-total {font-size: 1.25rem;color: var(--pricecolor);-webkit-user-select: none;-ms-user-select: none;user-select: none;}.order-code {display: none;}#buy-product {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;height: 80%;padding: 12px 20px;cursor: pointer;transition: all 0.3s ease;background-color: var(--blue);border-radius: 24px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border: 1.75px solid #000000;font-weight: 500;color: rgb(0, 0, 0);font-size: 1rem;}#buy-product:hover {background: rgba(176, 206, 255, 1);transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}#buy-product:active {transform: translateY(0);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}#buy-product img {width: 16px;height: 16px;background: transparent !important;}#buy-product p {margin: 0;font-size: inherit;font-weight: inherit;}.status-box.out-of-stock-red {background-color: var(--red);}.status-box.in-stock-green {background-color: var(--green);}.status-box.pre-order-blue {background-color: var(--blue);}.status-box.none-grey {background-color: rgba(128, 128, 128, 0.5);}.out-of-stock.hidden {display: none;}.gallery-container .out-of-stock {position: absolute;top: 0;right: 0;height: 100%;width: 100%;background-color: rgba(133, 133, 133, 0.5);padding: 5px 10px;z-index: 3;pointer-events: none;}.status {padding-top: 50%;text-align: center;margin: 0;color: rgb(255, 255, 255);font-weight: 500;-webkit-user-select: none;-ms-user-select: none;user-select: none;}#loadMoreContainer{display: flex;justify-content: center;padding: 20px 0;}#loadMore{font-weight: 500;background-color: white;border: 1.5px solid black;border-radius: 20px;padding: 5px 10px;gap: 5px;display: inline-flex;cursor: pointer;align-items: center;-webkit-user-select: none;-ms-user-select: none;user-select: none;p {color: black;}img{height: 12px;}}.clearfix:after {content: "";display: table;clear: both;}footer#About {width: 100%;background-color: aliceblue;border-top: 3px solid #000000;padding: 5px 15px;display: grid;grid-template-columns: 1fr;gap: 10px;}.contact-dropdown {display: none;position: fixed;top: 80px;left: 20px;background: white;border: 1px solid #ccc;padding: 10px;z-index: 3;flex-direction: row;flex-wrap: wrap;gap: 2px;align-items: center;border-radius: 20px;opacity: 0;transform: translateY(-10px);transition: opacity 0.3s ease, transform 0.3s ease;}@supports (backdrop-filter: blur(3px)) {.contact-dropdown {background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(3px);}}.contact-dropdown.show {display: flex;opacity: 1;transform: translateY(0);max-width: 90vw;}.contact-dropdown:not(.show) {pointer-events: none;}.contact-dropdown a, .contact-dropdown .contact-phone {display: flex;align-items: center;gap: 8px;text-decoration: none;color: #333;padding: 5px 8px;border-radius: 12px;white-space: nowrap;}.contact-dropdown img {width: 20px;height: 20px;}.contact-phone img {width: 16px;height: 16px;margin: 0;}.contact-close-btn {display: flex;top: 8px;right: 10px;padding: 0 5px 3px 5px;background: transparent;border: none;font-size: 20px;cursor: pointer;color: #666;}.contact-social-container {display: grid;grid-template-columns: 1fr;gap: 15px;}.phone-call h6 b{border: none;color: black;}.phone-call, footer a {display: flex;align-items: center;gap: 12px;padding: 8px 15px;border-radius: 20px;background-color: rgba(255, 255, 255, 0.8);transition: all 0.25s ease;text-decoration: none;border: 1px solid rgba(0, 0, 0, 0.05);}.phone-call:hover, footer a:hover {background-color: rgba(255, 255, 255, 0.95);transform: translateY(-3px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}footer img {width: 24px;height: 24px;transition: all 0.3s ease;}.phone-call img {width: 20px;height: 20px;margin: 2px;}footer h6 {font-size: 15px;color: #333;margin: 0;font-weight: 500;}@media screen and (min-width: 320px) and (max-width: 699px) {.contact-social-container {grid-template-columns: repeat(2, 1fr);}.logo_container {text-align: left;padding-left: 10px;}}@media screen and (min-width: 700px) and (max-width: 899px) {.contact-social-container {grid-template-columns: repeat(3, 1fr);}footer#About {padding: 30px 40px;}}@media (min-width: 900px) {.contact-social-container {grid-template-columns: repeat(4, 1fr);gap: 20px;}footer#About {padding: 30px 40px;}footer a, .phone-call {padding: 15px 20px;}}.moreimg.loading {opacity: 0.6;position: relative;}.img-spinner-overlay {position: absolute;width: 24px;height: 24px;top: 20px;left: 20px;border: 3px solid #ccc;border-top-color: #333;border-radius: 50%;animation: spin 0.8s linear infinite;z-index: 10;display: none;pointer-events: none;}.moreimg {position: relative;}@keyframes spin {to {transform: rotate(360deg);}}.loading-indicator{display: none;}.loading-indicator {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;flex-direction: column;justify-content: center;align-items: center;z-index: 1000;}.spinner {width: 50px;height: 50px;border: 5px solid #f3f3f3;border-top: 5px solid #3498db;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.login-li {}.login-dropdown {position: fixed;display: block;width: 100%;min-width: 330px;height: 100%;top: 0;left: 0;background: white;border: 1px solid #ccc;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);pointer-events: auto;z-index: 99999;overflow-y: auto;opacity: 0;transform: translateY(20px);animation: loginSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;will-change: transform, opacity;}@keyframes loginSlideIn {0% {opacity: 0;transform: translateY(100dvh);}100% {opacity: 1;transform: translateY(0);}}.login-dropdown.closing {animation: loginSlideOut 0.3s ease-in forwards;}@keyframes loginSlideOut {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(100dvh);}}.google-btn {display: flex;align-items: center;justify-content: center;width: 100%;height: auto;padding: 12px;background: white;margin-top: 10px;border-radius: 20px;text-decoration: none;color: #444;font-weight: 500;transition: all 0.2s ease;text-align: center;}.google-btn img {width: 20px;margin-right: 8px;}.login-container {display: flex;flex-direction: column;align-items: center;justify-content: center;top: 50%;left: 50%;position: fixed;transform: translate(-50%, -50%);padding: 20px;width: 65vw;height: auto;min-width: 280px;max-width: 400px;overflow: hidden;pointer-events: auto;}.form-content-wrapper {position: relative;width: 100%;height: auto;}@media screen and (min-height: 900px) {.form-content-wrapper {min-height: 350px;}}.form-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;}#login-form, #register-form {width: 100%;transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1);visibility: visible;opacity: 1;transform: translateX(0);}#login-form.hidden-form {opacity: 0;transform: translateX(-100%);pointer-events: none;}#register-form.visible-form {opacity: 1;transform: translateX(0);pointer-events: auto;}#login-form {opacity: 1;transform: translateX(0);}#register-form {opacity: 0;transform: translateX(100%);pointer-events: none;}#login-form.hidden-form {opacity: 0;transform: translateX(-100%);}#register-form.visible-form {opacity: 1;transform: translateX(0);}.form-loading {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);border-radius: 20px;display: flex;justify-content: center;align-items: center;z-index: 100;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}.form-loading.active {opacity: 1;pointer-events: auto;}.form-loading.active ~ #login-form, .form-loading.active ~ #register-form {pointer-events: none;}.loading-spinner {width: 40px;height: 40px;border: 4px solid rgba(0, 0, 0, 0.1);border-radius: 50%;border-top-color: #000;animation: spin 1s ease-in-out infinite;pointer-events: none;}@keyframes spin {to {transform: rotate(360deg);}}.login-blur {border: 2px solid white;border-radius: 30px;width: 100%;height: 100%;position: absolute;z-index: -1;}@supports (backdrop-filter: blur(3px)) {.login-blur {background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(3px);}}.top-login {display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 10px;img {width: 12px;height: 12px;cursor: pointer;margin: 0;}}.close-login {border: none !important;margin: 0 !important;background: none;}.username-box {display: block;width: 100%;height: 100%;position: relative;border: 2px solid #ffffff;margin: 10px 0 20px 0;border-radius: 20px;flex: 1;word-break: break-word;padding: 5px;}.input-with-icon {position: relative;display: inline-block;width: 100%;}.input-with-icon input {margin: 0 !important;color: black;width: 100%;border: none;font-size: 16px;background: none;}.input-with-icon input::placeholder {color: none;font-size: 0.9rem;letter-spacing: 0.2px;opacity: 1;}.input-with-icon input:focus::placeholder {color: none;}.input-with-icon input:focus {border-color: none;outline: none;}input[type="password"]::-ms-reveal, input[type="password"]::-webkit-reveal-password, input[type="password"]::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden !important;width: 0;height: 0;position: absolute;right: -9999px;}input[type="password"]::-ms-clear {display: none;}#password-field::-webkit-reveal-password {display: none;}.password-box {position: relative;display: inline-block;width: 100%;border: 2px solid #ffffff;border-radius: 20px;padding: 5px;}.password-box .toggle-password {display: flex;margin: 0;position: absolute;right: 20px;top: 50%;transform: translate(-50%, -50%);background: none;border: none;cursor: pointer;opacity: 0.6;justify-content: center;transition: opacity 0.3s ease;}.toggle-password img {width: 18px;height: 18px;margin: 2px 0 0 0;align-self: center;}.password-box .toggle-password:hover {opacity: 1;}.input-icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);margin: 0;width: 15px;height: 15px;pointer-events: none;}.login-dropdown form {width: 100%;display: flex;flex-direction: column;}.login-dropdown input {margin: 5px 0;padding: 6px;}.login-dropdown button {margin-top: 5px;padding: 6px;cursor: pointer;border: 1px solid #848484;border-radius: 20px;}#show-register, #show-login {display: block;width: 100%;font-size: 0.8rem;padding-top: 0;}.login-container hr {margin: 10px 0;width: 100%;border: 1px solid #ffffff;}#login-btn, #register-btn {margin: 15px 0;background-color: #ffffff;width: 100%;color: rgb(0, 0, 0);font-weight: 550;font-size: 0.9rem;padding: 12px 16px;border-radius: 20px;border: none;cursor: pointer;transition: background-color 0.3s ease, transform 0.2s ease;}.hidden {display: none;}#register-form {display: none;width: 100%;}#show-register, #show-login {display: block;text-align: center;margin: 0 0 10px 0;color: #666;text-decoration: none;}#show-register span {color: #4285f4;font-weight: bold;}.grecaptcha-badge {display: none;}#account-toggle img {width: 30px;height: 30px;margin-right: 10px;border-radius: 20px;border: 1px solid #272727;}#account-toggle {max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 4px 7px;border-radius: 20px;}#account-toggle:hover {background-color: var(--navhover);}#account-toggle p {margin: 0;font-size: 1rem;font-weight: 500;color: #272727;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 70px;}.account-info p {padding: 10px 0 !important;}.account-background-holder {position: relative;height: 100%;max-width: 900px;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 1;width: 100%;margin: 0 auto;padding: 20px;}.account-background {position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.7;z-index: -1;overflow: hidden;}.account-background img {width: 100%;height: 100%;object-fit: cover;}.top-account {display: flex;width: 100%;align-items: center;justify-content: space-between;}.login-dropdown h2 {display: inline;}.account-info {position: relative;border-radius: 20px;width: 100%;justify-self: center;}.grey-con {position: absolute;display: flex;border-radius: 20px;width: 100%;height: 100%;margin-top: 10px;z-index: -1;border: 2px solid white;}.edit-container {width: 100%;padding: 20px;margin-top: 10px;justify-items: right;}@supports (backdrop-filter: blur(3px)) {.grey-con {background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(3px);}}.profile-box {width: 100%;border-radius: 20px;background-color: #ffffff;padding: 20px;margin-top: 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1);}.profile-frame {display: flex;justify-content: space-between;}.profile-frame .username-box {margin: 0 0 20px 0;}.profile-frame img {width: 100px;height: 100px;border-radius: 20px;object-fit: cover;margin: 0;}.account-name {padding: 10px 0 !important;}.shipping-info {width: 100%;border-radius: 20px;background-color: #ffffff;margin-top: 20px;padding: 20px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1);}#edit-address-btn, #edit-phone-btn, #edit-email-btn, #edit-name-btn, .close-account {padding: 0;display: inline;border: none !important;background: none;justify-self: left;}#edit-address-btn img, #edit-phone-btn img, #edit-name-btn img, #edit-email-btn img{margin: 0;}#verify-email-btn {border: 1.75px solid #000000;background-color: var(--green);font-size: 0.8rem;font-weight: 500;padding: 5px 10px;}.verified .verification-icon {background-color: var(--green);border: none;border-radius: 50px;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: 0;}.unverified .verification-icon {background-color: var(--red);border: none;border-radius: 50px;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: 0;}.email-status {display: flex;align-items: center;gap: 8px;margin: 0;padding: 4px 0;flex-wrap: wrap;}.account-email {word-break: break-word;overflow-wrap: anywhere;white-space: normal;max-width: 100%;line-height: 1.4;direction: ltr;}.verification-badge {display: inline-flex;align-items: center;gap: 4px;font-size: 0.85em;padding: 2px 6px;border-radius: 12px;flex-shrink: 0;}.verified {color: #3e3e3e;font-weight: 500;background-color: rgba(179, 255, 179, 0.25);}.unverified {color: #3e3e3e;font-weight: 500;background-color: rgba(255, 179, 179, 0.25);}#save-phone-btn, #save-email-btn, #save-name-btn, #save-address-btn {padding: 5px 10px;border: 1.75px solid #000000;background-color: var(--blue);font-size: 0.8rem;font-weight: 500;}#cancel-phone-btn, #cancel-email-btn, #cancel-name-btn, #cancel-address-btn {padding: 5px 10px;border: 1.75px solid #000000;background-color: var(--red);font-size: 0.8rem;font-weight: 500;}#logout-btn {display: flex;padding: 5px 10px;border: 1.75px solid #000000;background-color: rgba(255, 255, 255, 0.75);font-size: 0.8rem;font-weight: 500;}.logout-btn-container {width: 100%;justify-content: right;display: flex;}nav strong {display: inline;}.account-container {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 8px 0;border-bottom: 1px solid #eee;}#realname-input {width: 100%;padding: 12px;margin-top: 20px;border: 1px solid #ddd;border-radius: 6px;font-size: 14px;transition: border 0.3s;}#shipping-form {display: block;}#email-input {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 6px;font-size: 14px;transition: border 0.3s;}.ts-control {width: 100% !important;padding: 12px !important;border: 1px solid #ddd !important;border-radius: 6px !important;font-family:"Montserrat", sans-serif !important;font-size: 14px !important;transition: border 0.3s !important;margin: 5px 0;}#street-address, #city, #postal-code, #country {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 6px;font-family:"Montserrat", sans-serif;font-size: 14px;transition: border 0.3s;}#phone-input {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 6px;font-family:"Montserrat", sans-serif;font-size: 14px;transition: border 0.3s;}#street-address {width: 100%;min-height: 120px;padding: 12px;border: 1px solid #ddd;border-radius: 6px;resize: vertical;font-family:"Montserrat", sans-serif;font-size: 14px;transition: border 0.3s;line-height: 1.4;white-space: normal;}#city:focus, #postal-code:focus, #street-address:focus, #email-input:focus, #country-select:focus, #phone-input:focus {border-color: #606060;outline: none;box-shadow: 0 0 0 2px rgba(101, 101, 101, 0.2);}.login-dropdown label {display: none;margin: 8px 0;font-weight: 600;color: #333;}.account-info hr {border: 0;height: 2px;width: 100%;background-color: white;margin: 20px 0;opacity: 1;}#phone-edit {margin-bottom: 10px;}#phone-error, #address-error {margin-bottom: 10px;}.error-message {margin: 0 0 10px 0;color: rgba(255, 32, 32, 0.75);;font-size: 0.75rem;font-weight: 500;text-align: center;display: block;}.success-message {margin: 10px 0 0 0;color: rgb(107, 220, 107);font-size: 0.75rem;font-weight: 500;text-align: center;display: block;}#notify-success {position: fixed;display: none;align-items: flex-start;width: min(90vw, 400px);top: 20px;left: 50%;transform: translateX(-50%);background-color: #fff;border: 1px solid #ffebee;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);color: rgb(107, 220, 107);padding: 16px 20px;border-radius: 12px;z-index: 10000;opacity: 0;transform: translate(-50%, -20px);animation: slideIn 0.3s ease-out forwards;gap: 12px;}#notify-success img {width: 20px;height: 20px;align-self: center;justify-self: center;flex-shrink: 0;filter: invert(30%) sepia(55%) saturate(3783%) hue-rotate(90deg) brightness(92%) contrast(89%);}#notify-success .content {flex: 1;}#notify-success h5 {margin: 0 0 4px 0;font-size: 0.95rem;font-weight: 600;color: rgb(92, 196, 92);}#notify-success p {margin: 0;font-size: 0.85rem;line-height: 1.4;color:rgb(56, 137, 56);}#notify-success .close-btn-success {font-size: 2rem;margin-left: auto;background: none;border: none;color: inherit;cursor: pointer;padding: 0;opacity: 0.7;transition: opacity 0.2s;}#notify-success .close-btn-success:hover {opacity: 1;}@media (max-width: 480px) {#notify-success {width: 95vw;padding: 12px 16px;}}#notify-error {position: fixed;display: none;align-items: flex-start;width: min(90vw, 400px);top: 20px;left: 50%;transform: translateX(-50%);background-color: #fff;border: 1px solid #ffebee;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);color: #d32f2f;padding: 16px 20px;border-radius: 12px;z-index: 10000;opacity: 0;transform: translate(-50%, -20px);animation: slideIn 0.3s ease-out forwards;gap: 12px;}#notify-error img {width: 20px;height: 20px;align-self: center;justify-self: center;flex-shrink: 0;filter: invert(30%) sepia(55%) saturate(3783%) hue-rotate(343deg) brightness(92%) contrast(89%);}#notify-error .content {flex: 1;}#notify-error h5 {margin: 0 0 4px 0;font-size: 0.95rem;font-weight: 600;color: #b71c1c;}#notify-error p {margin: 0;font-size: 0.85rem;line-height: 1.4;color: #5f2120;}@keyframes slideIn {to {opacity: 1;transform: translate(-50%, 0);}}#notify-error .close-btn-error {font-size: 2rem;margin-left: auto;background: none;border: none;color: inherit;cursor: pointer;padding: 0;opacity: 0.7;transition: opacity 0.2s;}#notify-error .close-btn-error:hover {opacity: 1;}@media (max-width: 480px) {#notify-error {width: 95vw;padding: 12px 16px;}}#notify-normal {position: fixed;display: none;align-items: flex-start;width: min(90vw, 400px);top: 20px;left: 50%;transform: translateX(-50%);background-color: #fff;border: 1px solid #ffebee;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);color: rgb(107, 147, 220);padding: 16px 20px;border-radius: 12px;z-index: 10000;opacity: 0;transform: translate(-50%, -20px);animation: slideIn 0.3s ease-out forwards;gap: 12px;}#notify-normal img {width: 20px;height: 20px;align-self: center;justify-self: center;flex-shrink: 0;filter: invert(30%) sepia(55%) saturate(3783%) hue-rotate(210deg) brightness(92%) contrast(89%);}#notify-normal .content {flex: 1;}#notify-normal h5 {margin: 0 0 4px 0;font-size: 0.95rem;font-weight: 600;color: rgb(92, 121, 196);}#notify-normal p {margin: 0;font-size: 0.85rem;line-height: 1.4;color:rgb(56, 88, 137);}#notify-normal .close-btn-normal {font-size: 2rem;margin-left: auto;background: none;border: none;color: inherit;cursor: pointer;padding: 0;opacity: 0.7;transition: opacity 0.2s;}#notify-normal .close-btn-normal:hover {opacity: 1;}@media (max-width: 480px) {#notify-normal {width: 95vw;padding: 12px 16px;}}#recaptcha-error-login, #recaptcha-error-register {text-align: center;align-items: center;}.recaptcha-disclaimer {font-size: 0.75rem;color: #5f6368;line-height: 1.5;margin: 0 0 1rem 0;padding: 0.75rem 1rem;background-color: #f8f9fa;border-radius: 8px;max-width: 100%;display: inline-block;box-shadow: 0 1px 2px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;}.recaptcha-disclaimer a {display: inline;color: #1a73e8;text-decoration: none;font-weight: 500;margin: 0 2px;transition: color 0.2s ease;padding: 0;background: none;border: none;}.recaptcha-disclaimer a:hover {text-decoration: underline;transform: translateY(0);box-shadow: none;background: none;}.recaptcha-disclaimer {position: relative;}@media (max-width: 480px) {.recaptcha-disclaimer {display: block;padding: 0.8rem;}.recaptcha-disclaimer::before {left: 8px;top: 0.8rem;transform: none;}.recaptcha-disclaimer a {display: inline;margin: 0 2px;}}#username-requirements {word-wrap: break-word;white-space: normal;}#username-requirements li {margin-bottom: 6px;line-height: 1.3;padding: 0;}#password-requirements {margin: 0.5rem 0 0 0;padding: 5px;list-style: none;font-size: 0.7rem;color: #666;display: grid;gap: 0.4rem 1rem;position: absolute;height: auto;border-radius: 20px;background-color: white;}#password-requirements li {margin: 5px;position: relative;padding-left: 1rem;white-space: nowrap;}#password-requirements li:before {content: '✖';position: absolute;left: 0;top: -5px;color: #ff4444;font-size: 0.9rem;}#password-requirements li.valid:before {content: '✔';color: #00C851;}#password-requirements li {transition: all 0.2s ease;}#password-requirements li.valid {color: #444;font-weight: 500;}#password-requirements li:not(.valid) {color: red;font-weight: bold;}.requirements-list {margin: 0.5rem 0 0 0;padding: 5px;list-style: none;font-size: 0.7rem;color: #666;display: grid;gap: 0.4rem 1rem;position: absolute;height: auto;border-radius: 20px;width: fit-content;background-color: white;flex-direction: column;}.requirements-list li{margin: 5px;position: relative;padding-left: 1rem;}.requirements-list li {color: red;font-weight: bold;}.requirements-list li.valid {color: #00C851;font-weight: bold;}#buy-product.disabled {background: none;background-color: #969696;opacity: 0.5;pointer-events: none;cursor: not-allowed;}.update-status {margin-top: 10px;font-weight: bold;}#setup-2fa {padding: .5rem 1.5rem 0 1.5rem;background: none;width: 100%;margin-left: auto;margin-right: auto;justify-content: center;display: none;}.setup-2fa-box {display: flex;flex-direction: column;align-items: center;padding: 2rem;border: 1px solid #ccc;border-radius: 20px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.05);background: #fff;max-width: 500px;width: 100%;text-align: center;}@supports (backdrop-filter: blur(3px)) {.setup-2fa-box {background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(3px);}}#enable-2fa-btn {display:none;}#setup-2fa button {padding: 10px 20px;background: none;color: black;border: 1.5px solid black;border-radius: 12px;cursor: pointer;font-size: 1rem;}#qrcodeadmin {margin: 1rem auto;width: fit-content;padding: 10px;background: white;border: 1px solid #ddd;border-radius: 8px;}code#manual-code {display: block;font-size: 1.1rem;background: #eee;padding: 10px;border-radius: 8px;margin: 0.5rem auto;width: fit-content;font-family: monospace;}#verify-2fa-form {margin-top: 1.5rem;text-align: center;display:none;}#verify-2fa-form label {display: block;margin-bottom: 0.5rem;font-weight: bold;}#verify-2fa-form input {padding: 10px;font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;width: 200px;margin-bottom: 1rem;text-align: center;}#verify-2fa-form button {padding: 10px 20px;border: 1.75px solid #000000;background-color: var(--green);font-weight: 500;color: rgb(0, 0, 0);border-radius: 6px;cursor: pointer;font-size: 1rem;}#verify-2fa-form button:hover {background-color: rgba(154, 255, 154, 0.75);}.cart-popup {position: fixed;top: 0;right: -120%;width: 100vw;height: 100dvh;background-color: #fff;box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);transition: right 0.3s ease-in-out;z-index: 15;overflow-y: auto;}.cart-popup.active {right: 0;}#close-cart-popup {background: none;border: none;}#close-cart-popup img {height: 16px;width: 16px;cursor: pointer;transition: color 0.2s;}#close-cart-popup:hover {color: #333;}.cart-popup h2 {margin-top: 0;color: #333;font-size: 1.5rem;}.cart-item-box {width: 100%;padding: 10px 0;}.cart-items {padding: 10px 15px;border-radius: 20px;width: 100%;margin-top: 10px;z-index: -1;border: 2px solid white;}@supports (backdrop-filter: blur(3px)) {.cart-items {backdrop-filter: blur(3px);}}.cart-items p, .cart-items h6 {color: #323232;text-align: start;display: flex;}.cart-popup {background-color: #f9f9f9;}.cart-popup-content {display: flex;flex-direction: column;position: relative;height: 100%;}.cart-background-holder {position: relative;height: 100%;max-width: 900px;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 1;width: 100%;margin: 0 auto;padding: 20px;}.cart-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.7;z-index: -1;overflow: hidden;}.cart-background img {width: 100%;height: 100%;object-fit: cover;}.top-cart {display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 10px 10px 0 10px;}.cart-product {width: 100%;position: relative;background: white;border-radius: 20px;border: 2px solid white;display: flex;align-items: center;margin: 10px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1);}.cart-item-img {display: flex;width: 26vw;height: 26vw;padding: 20px;}.cart-item-status h6 {padding: 0 5px;}.cart-item-info .status-box {margin: 3px 0;}.cart-item-info .out-of-stock {position: static;width: fit-content;background:none;padding: 5px;pointer-events: auto;}.status-box.out-of-stock {background-color: var(--red);}.status-box.in-stock {background-color: var(--green);}.status-box.pre-order {background-color: var(--blue);}.status-explain {display: block;padding: 0 20px;border-radius: 20px;border: 2px solid white;}.status-explain-container {display: flex;width: 100%;padding: 10px 0 5px 0;gap: 5px;align-items: center;}.status-explain .terms-container {display: flex;flex-direction: column;width: 100%;padding: 0 0 10px 0;gap: 5px;align-items: flex-start;}@media screen and (max-width: 380px) {.status-explain-container {flex-direction: column;gap: 0;padding: 10px 0 0 0;align-items: flex-start;}.status-explain {padding: 0 10px;}.status-explain p {padding: 5px 0 !important;}}@supports (backdrop-filter: blur(3px)) {.status-explain {backdrop-filter: blur(3px);}}.status-explain h6 {white-space: nowrap;}.status-explain p {padding: 10px 0 !important;font-size: 0.8rem;}.instock-container {display: flex;align-items: center;gap: 5px;}.pre-order-container {display: flex;align-items: center;gap: 5px;}@media screen and (max-width: 480px) and (min-width: 380px){.instock-container {flex-direction: column;align-items: start;}.pre-order-container {flex-direction: column;align-items: start;padding: 0 0 0 10px;}}.tooltip {position: relative;display: inline-block;cursor: help;}.tooltip .tooltiptext {margin: 10px;visibility: hidden;width: 280px;background-color: #333;color: #fff;text-align: left;padding: 8px;border-radius: 6px;position: absolute;z-index: 1;bottom: 50%;left: 20%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;font-size: 0.9em;}.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}.cart-item-img img {width: 100%;height: 100%;object-fit: cover;border-radius: 12px;border: 1px solid #ddd;}.cart-item-info {display: flex;flex-direction: column;padding: 20px 0;width: 100%;align-self: start;}.cart-item-info p {padding: 2px 0 !important;font-size: .8rem;}.cart-item-name {font-weight: 600;font-size: 1rem;color: #333;}.cart-item-price, .cart-item-total {color: #666;font-size: 0.9rem;}.remove-item-btn {display: flex;align-self: start;background: none;border: none;cursor: pointer;padding: 10px;}.remove-item-btn img {width: 20px;height: 20px;filter: invert(30%) sepia(55%) saturate(3783%) hue-rotate(343deg) brightness(92%) contrast(89%);}.cart-item-quantity {flex: 1 1 auto;min-width: 100px;max-width: 30vw;justify-self: start;display: flex;align-items: center;justify-content: space-around;margin: 4px;}.cart-item-quantity input{width: 50px;text-align: center;padding: 5px 0;margin: 5px;-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;font-size: .75 rem;font-weight: 600;border: none;outline: 1px solid rgb(214, 214, 214);border-radius: 6px;}.qty-btn {width: 28px;height: 28px;border-radius: 6px;border: 1px solid #ddd;background: white;font-size: 16px;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;justify-content: center;position: relative;}.qty-btn:hover {background: #f5f5f5;}.qty-btn:active {transform: scale(0.95);}@media only screen and (max-width: 500px) {.cart-product {position: relative;width: 100%;background: white;border-radius: 20px;display: block;align-items: center;margin: 10px 0;}.remove-item-btn {position: absolute;top: 10px;right: 10px;align-self: start;background: none;border: none;cursor: pointer;padding: 10px;}.cart-item-info {display: flex;flex-direction: column;gap: 4px;padding: 10px 20px;width: 100%;}.cart-item-quantity {flex: 1 1 auto;min-width: 100px;max-width: 50vw;padding: 0 20px 20px 20px;justify-self: start;display: flex;align-items: center;justify-content: space-around;margin: 4px;}.cart-item-img {width: 40vw;height: 40vw;padding: 20px 20px 0 20px;}.cart-item-info p {padding: 0 !important;font-size: .8rem;}}.selectable-product.selected {border: 2px solid #9fd4ff;background: linear-gradient(135deg, #e7f5ff, #f1f9ff);box-shadow: 0 4px 12px rgba(51, 154, 240, 0.3), inset 0 0 6px rgba(51, 154, 240, 0.1);position: relative;transition: box-shadow 0.3s, background 0.3s, border-color 0.3s;}.selectable-product.oos {border: 2px solid #fa5252;background: linear-gradient(135deg, #fff5f5, #fff0f0);box-shadow: 0 4px 12px rgba(250, 82, 82, 0.3), inset 0 0 6px rgba(250, 82, 82, 0.1);position: relative;transition: box-shadow 0.3s, background 0.3s, border-color 0.3s;}.add-product {position: absolute;bottom: 10px;right: 10px;background: #ffffff;border-radius: 50%;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(0,0,0,0.1);cursor: pointer;}.add-product img {height: 100%;width: 100%;}.selectable-product.selected .add-product {background: #339af0;}.selectable-product.selected .add-product img {filter: invert(1) brightness(1000%);}.selectable-product.selected .qty-btn, .selectable-product.selected .qty-input {background: #e3f2fd;transition: background 0.3s;}.payment-section {width: 100%;height: 15dvh;position: absolute;bottom: 0;border-top: 1.5px solid black;z-index: 10001;display: flex;background-color: white;justify-content: space-between;}.payment-detail {min-width: 180px;display: flex;justify-content: space-between;width: 120%;margin: auto 20px;}.payment-text p, .payment-price p {margin: 0.25rem 0;font-size: 0.95rem;}.payment-text {text-align: left;color: #000000;}.payment-price {text-align: right;color: #000000;font-weight: 600;}#createOrderBtn {display: flex;align-items: center;justify-content: center;gap: 8px;width: 80%;margin: 30px 20px 30px 0;background-color: var(--blue);border-radius: 24px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border: 1.75px solid #000000;font-weight: 500;color: rgb(0, 0, 0);font-size: 1rem;}@media only screen and (max-width:400px) {#createOrderBtn {font-size: 0.8rem;margin: 30px 10px 30px 0;}.payment-text p, .payment-price p {margin: 0.2rem 0;font-size: 0.75rem;}.payment-detail {margin: auto 10px;}}#createOrderBtn:hover {background: rgba(176, 206, 255, 0.5);transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}#createOrderBtn:active {transform: translateY(0);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}#createOrderBtn img {width: 16px;height: 16px;background: transparent !important;}#createOrderBtn p {margin: 0;font-size: inherit;font-weight: inherit;}.cart-background-holder .account-info {padding: 0 0 16dvh 0;max-width: none;}.cart-background-holder .username-box p {padding: 5px 18px 5px 0 !important;font-size: .8rem;}.cart-background-holder strong {word-break: break-word;}.cart-background-holder .username-box {margin: 10px 0 0 0;padding: 10px;}.cart-background-holder .account-container {border: none;}.cart-background-holder .account-name {font-weight: 550;font-size: 1rem;}.final {padding-top: 8px;border-top: 1.25px dashed black;}.payment-user-box {position: relative;background-color: white;padding: 10px 20px;border-radius: 20px;}.payment-popup {position: fixed;right: -120%;top: 0;width: 100%;height: 100%;background: #fff;box-shadow: -4px 0 15px rgba(0, 0, 0, 0.3);z-index: 9999;transition: right 0.4s ease;overflow-y: auto;padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}.payment-popup.active {right: 0;}.payment-popup.active .cart-background {position: fixed;}.blurbox {width: 100%;}.qrcontainer {justify-items: center;border-radius: 20px;width: 100%;z-index: -1;padding: 0 0 20px 0;border: 3px solid white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.05);}@supports (backdrop-filter: blur(3px)) {.qrcontainer {backdrop-filter: blur(3px);}}.qrbox {max-width: 350px;min-width: 170px;border-radius: 20px;overflow: hidden;border: 1.75px solid black;margin: 30px 20px 10px 20px;background-color: white;}.thaiqr {height: 10vw;max-width: 100%;background-color: #1A3761;display: flex;justify-content: center;align-items: center;}.qrbox img {width: 30vw;max-width: 350px;height: 10vw;object-fit: cover;border-radius: 8px;}#qrcode {display: flex;justify-content: center;align-items: center;}.qr-info {width: 100%;}.shop-name, .your-orderId {text-align: center;margin: 10px 20px;word-break: break-word;overflow-wrap: break-word;}.qr-left {justify-items: center;}#countdown-timer {font-size: 18px;font-weight: bold;width: 100%;justify-content: center;color: #d9534f;padding: 10px;font-size: 18px;margin-top: 10px;}#uploadHeading {font-size: 20px;margin: 10px 0;text-align: center;display:none;}#slipForm {flex-direction: column;align-items: center;gap: 12px;width: 100%;display:none }#slipForm label {font-weight: bold;}#slip-upload {position: absolute;width: 0;height: 0;opacity: 0;overflow: hidden;z-index: -1;}#file-name {margin-left:10px;font-style: italic;color: #555;}.custom-file-label {padding: 5px 10px;border: 1.75px solid #000000;background-color: var(--blue);font-size: 0.8rem;font-weight: 500;display: inline-block;border-radius: 8px;cursor: pointer;transition: background-color 0.3s ease;}.custom-file-label:hover {background-color: rgba(176, 206, 255, 1);}#slip-upload:hover {background-color: #f1f1f1;}#slipForm button {border-radius: 10px;cursor: pointer;transition: background-color 0.3s ease;border: 1.75px solid #000000;background-color: var(--green);font-size: 0.8rem;font-weight: 500;padding: 5px 10px;}#slipForm button:hover {background-color: rgba(179, 255, 179, 1);}#cancelOrderBtn {background-color: var(--red) !important;}#cancelOrderBtn:hover {background-color: rgba(255, 172, 172, 1) !important;}#successMessage {margin-top: 16px;color: rgb(83, 215, 83);font-weight: bold;text-align: center;display: none;}#uploadLoading {display: none;color: rgb(100, 149, 255);margin-top: 1em;font-weight: 500;}#image-preview {margin-top: 15px;max-height: 400px;height: 70dvh;width: 70%;max-width: 600px;border-radius: 20px;border: 2px dashed rgba(0, 0, 0, 0.15);display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #fafafa;box-sizing: border-box;padding: 10px;}#image-preview img {max-width: 100%;max-height: 100%;height: auto;border-radius: 10px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);object-fit: contain;pointer-events: none;}@media only screen and (min-width: 600px) {.qrcontainer {display: grid;grid-template-columns: 45% 55%;align-items: start;}.qr-info {grid-column: 2;}.qrbox img {width: 30vw !important;height: 30vw !important;}.thaiqr img {width: 23vw !important;height: 10vw !important;}.shop-name, .your-orderId {font-size: 1.1rem;}#uploadHeading {margin: 20px;}.cart-item-info p {font-size: 1rem;}.cart-item-total {font-size: 1.1rem;}}#edit-info-cart {position: absolute;display: flex;top: 20px;right: 20px;background: none;border: none;cursor: pointer;}#edit-info-cart img {width: 16px;height: 16px;}.history-popup {position: fixed;top: 0;right: -120%;width: 100%;height: 100%;background: #fff;box-shadow: -2px 0 10px rgba(0,0,0,0.2);z-index: 999;transition: right 0.4s ease-in-out;}.history-popup.active {right: 0;}.top-history {display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 10px 10px 0 10px;}.history-popup h2 {margin-top: 0;color: #333;font-size: 1.5rem;}.history-popup-tips {padding: 10px;border: 2px solid white;border-radius: 20px;margin: 10px 0;position: relative;display: flex;flex-direction: row;gap: 10px;flex-wrap: wrap;}.history-popup-tips p{margin-top: 3px;}.history-popup-content {padding: 10px;border: 2px solid white;border-radius: 20px;margin: 10px 0;position: relative;display: flex;flex-direction: column;}@supports (backdrop-filter: blur(3px)) {.history-popup-content {backdrop-filter: blur(3px);}}#closeHistory {display: flex;align-self: start;background: none;border: none;cursor: pointer;padding: 10px;}#closeHistory img {height: 16px;width: 16px;cursor: pointer;transition: color 0.2s;}.history-background-holder {position: relative;height: 100%;max-width: 900px;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 1;width: 100%;margin: 0 auto;padding: 20px;}.order-product {flex-wrap: wrap;display: flex;gap: 1rem;margin: 10px;border: 2px solid #e2e8f0;border-radius: 1rem;padding: 1rem;background: white;box-shadow: 0 1px 3px rgba(0,0,0,0.05);cursor: pointer;position: relative;}.order-product.expanded {border: 2px solid #9fd4ff;background: linear-gradient(135deg, #e7f5ff, #f1f9ff);box-shadow: 0 4px 12px rgba(51, 154, 240, 0.3), inset 0 0 6px rgba(51, 154, 240, 0.1);}.angle-small-down {width: 20px;height: 20px;position: absolute;top: 20px;right: 20px;transition: all 0.3s ease;}.order-product.expanded .angle-small-down {transform: rotate(180deg);}.order-product:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.1);}.p-name {margin-top: 10px;}.order-item-info p {padding: 3px 0;word-break: break-word;}.order-item-price {font-weight: 550;}.order-item-info .status-box {margin: 3px 0;}.order-item-img {width: 100%;max-width: 160px;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 1rem;border: 1px solid #ccc;flex-shrink: 0;}.order-item-img img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;transition: transform 0.2s ease;}.status-box.cancelled {background-color: var(--red);}.status-box.completed {background-color: var(--green);}.status-box.shipping {background-color: var(--blue);}.status-box.checking {background-color: var(--cyan);}.status-box.declined {background-color: var(--orange);}.status-box.verified {background-color: rgb(255, 191, 246);}.toggle-details {display: none;}.expanded-product-details {position: relative;margin-top: 10px;padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}.toggle-details:checked + label + .expanded-product-details {max-height: 300px;}.expanded-scroll-wrapper {display: flex;gap: 12px;overflow-x: auto;padding: 10px 0;}.expanded-product {flex: 0 0 auto;width: 120px;text-align: center;border: 1px solid #eee;border-radius: 8px;padding: 8px;background: #f9f9f9;display: flex;flex-direction: column;align-items: center;}.expanded-product img {width: 100%;height: auto;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}.expanded-product strong {font-weight: 550;font-size: 1rem;}.expanded-product p {text-align: center;}.expanded-scroll-wrapper::-webkit-scrollbar {height: 6px;}.expanded-scroll-wrapper::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}.scroll-arrow {position: absolute;opacity: 0.6;top: 50%;transform: translateY(-50%);z-index: 2;background: white;border: none;border-radius: 50%;width: 36px;height: 36px;cursor: pointer;display: none;padding: 0;box-shadow: 0 0 4px rgba(0,0,0,0.2);}.scroll-arrow img {width: 10px;height: 10px;object-fit: contain;}.left-arrow {left: 5px;}.right-arrow {right: 5px;}.expanded-product-details.scrollable .scroll-arrow {display: block;}.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}.modal.show {opacity: 1;pointer-events: auto;}.modal-content {background: white;padding: 1.5rem;border-radius: 1rem;max-width: 90%;text-align: center;}.modal-actions {margin-top: 1rem;display: flex;justify-content: center;gap: 1rem;}.modal-actions button {padding: 0.5rem 1rem;border: none;border-radius: 0.5rem;cursor: pointer;}#confirmYes {padding: 5px 10px;border: 1.75px solid #000000;background-color: var(--red);font-size: 0.8rem;font-weight: 500;}#confirmNo, #successOk {padding: 5px 10px;border: 1.75px solid #000000;font-size: 0.8rem;font-weight: 500;background: #e5e7eb;}.history-filters {display: flex;justify-content: start;gap: 10px;margin: 10px;}.history-filters span {-webkit-user-select: none;-ms-user-select: none;user-select: none;}.sort-btn img, .status-btn img {width: 16px;height: 16px;}.status-dropdown, .sort-dropdown {position: relative;display: inline-block;cursor: pointer;}.status-btn, .sort-btn {display: flex;align-items: center;gap: 5px;color: black;background-color: white;border: 1.5px solid #000;border-radius: 20px;padding: 5px 10px;font-weight: 500;font-size: 12px;cursor: pointer;transition: background-color 0.3s ease;}.status-btn:hover, .sort-btn:hover {background-color: #f0f0f0;}.status-btn p, .sort-btn p {-webkit-user-select: none;-ms-user-select: none;user-select: none;}.status-options, .sort-options {display: none;position: absolute;top: 110%;left: 0;background-color: #fff;min-width: 200px;border-radius: 12px;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);z-index: 5;overflow: hidden;transition: all 0.3s ease;}.status-options p, .sort-options p {padding: 8px 12px;font-size: 12px;cursor: pointer;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.status-options p.active, .sort-options p.active {background-color: #e0e0e0;font-weight: 600;}.status-options p:hover, .sort-options p:hover {background-color: #f0f0f0;}.status-dropdown.open .status-options, .sort-dropdown.open .sort-options {display: block;}.google-btn.disabled {pointer-events: none;opacity: 0.5;cursor: default;}.terms-container {font-size: 0.9rem;line-height: 1.3;padding: 0 1rem;background: none;border-radius: 20px;max-width: 100%;display: inline-block;cursor: pointer;font-size: 0.7rem;white-space: normal;word-break: break-word;text-align: center;}.terms-container label {font-size: 0.7rem;cursor: pointer;display: inline;vertical-align: middle;white-space: normal;}.terms-container input[type="checkbox"] {vertical-align: middle;margin-right: 6px;}.terms-container a {font-size: 0.7rem;display: inline;color: #007BFF;text-decoration: underline;margin: 0 2px;padding: 0;word-break: break-word;border: none;background: none;}.terms-container a:hover {background: none !important;}footer .terms-container {background-color: white;border: 2px solid #ffffff;box-shadow: 0 1px 2px rgba(0,0,0,0.05);padding: 0.75rem 1rem;margin: 0.5rem 0;text-align: start;}