/* Quà Kỷ Niệm: product cards, catalog and product detail. */
body #main .product-small.box {
  display:flex;flex-direction:column;height:100%;
  background:#fff!important;border:1px solid #e1e8f3;
  border-radius:18px!important;overflow:hidden!important;
  box-shadow:0 5px 20px rgba(16,47,99,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body #main .product-small.box:hover {transform:translateY(-4px);border-color:#bdcfea;box-shadow:0 14px 32px rgba(16,47,99,.10)}
body #main .product-small .box-image {width:100%;flex-shrink:0;background:#f3f7fd!important;border-radius:0!important}
body #main .product-small .box-image .image-fade_in_back {border-radius:0!important}
body #main .product-small .box-image img {padding:10px!important;aspect-ratio:1;object-fit:contain!important}
body #main .product-small .box-text {display:flex;flex-direction:column;flex:1;min-height:0!important;padding:18px!important;text-align:left!important;background:#fff!important}
body #main .product-small .title-wrapper {margin:0 0 14px!important}
body #main .product-small .woocommerce-loop-product__title,
body #main .product-small .product-title,
body #main .product-small .woocommerce-loop-product__title a,
body #main .product-small .product-title a {
  font-family:inherit;font-size:16px!important;font-weight:650!important;
  color:#15365f!important;line-height:1.5!important;letter-spacing:0;
  min-height:4.5em;margin:0!important;text-align:left!important;
  display:block;overflow:visible;-webkit-line-clamp:unset;
}
body #main .product-small .price-wrapper {margin-top:auto!important;padding-top:13px;border-top:1px solid #edf1f7;width:100%}
body #main .qkn-price-block {display:block;text-align:left;line-height:1.5}
body #main .qkn-price-block .price-range {display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;padding:0;color:#174fc1;font-size:16px;font-weight:700;line-height:1.5}
body #main .qkn-price-block .amount {font-size:inherit!important;font-weight:700!important;color:inherit!important;white-space:nowrap}
body #main .qkn-price-block .price-info {display:block;margin:5px 0 0;color:#62738a!important;font-size:11px!important;font-weight:400;line-height:1.5}
body #main .qkn-price-label {color:#174fc1;font-size:15px;font-weight:650}
body #main .product-key-info:empty {display:none!important}
body #main .product-key-info .key-info-badge {background:#f3f6fc!important;color:#52657b;border:1px solid #e8eef7;font-weight:400!important}
body.woocommerce-page .shop-page-title {background:linear-gradient(115deg,#f0f5ff,#fcf9f1);border-bottom:1px solid #e1e8f3;margin-bottom:28px}
body.woocommerce-page .shop-page-title .page-title-inner {padding-top:26px;padding-bottom:26px;min-height:100px}
body.woocommerce-page .shop-page-title .woocommerce-breadcrumb {color:#15365f;font-size:14px;line-height:1.8;text-transform:none;letter-spacing:0}
body.woocommerce-page .shop-page-title .woocommerce-breadcrumb a {color:#536c90}
body.woocommerce-page .shop-page-title .filter-button {color:#174fc1;background:#fff;border:1px solid #dbe5f5;border-radius:24px;padding:8px 18px}
body.woocommerce-page #main .custom-category-list {padding:18px 8px;margin-bottom:24px;background:#f7f9fd;border:1px solid #e7edf6;border-radius:18px}
body.woocommerce-page #main .custom-category-list .category-name {font-size:12px;font-weight:500;line-height:1.45;color:#52657b}
body.woocommerce-page #main .custom-category-list .active .category-name {color:#174fc1;font-weight:700}
body.single-product #main .product-info .product-title {font-size:clamp(26px,3vw,38px);line-height:1.25;color:#15365f;letter-spacing:-.02em}
body.single-product #main .product-info .price {margin:20px 0;padding:18px 20px;border:1px solid #e0e8f5;border-radius:14px;background:#f4f7fd}
body.single-product #main .product-info .price-range {font-size:clamp(20px,2.4vw,28px)}
body.single-product #main .product-info .price-info {font-size:12px!important}
body.single-product #main .product-short-description {color:#52657b;line-height:1.8}
@media(max-width:849px) {
  body #main .products.row>.product-small.col {max-width:50%!important;flex-basis:50%!important;padding:0 8px 16px!important}
  body #main .products.row {margin-left:-8px;margin-right:-8px}
  body #main .product-small .box-text {padding:14px!important}
  body #main .product-small .woocommerce-loop-product__title,body #main .product-small .product-title,body #main .product-small .woocommerce-loop-product__title a,body #main .product-small .product-title a {font-size:14px!important}
  body #main .qkn-price-block .price-range {font-size:14px;column-gap:3px}
}
@media(max-width:400px) {
  body #main .product-small .box-text {padding:12px!important}
  body #main .qkn-price-block .price-range {font-size:12px;column-gap:2px}
  body #main .qkn-price-block .price-info {font-size:10px!important}
  body #main .product-small .box-image img {padding:6px!important}
}
@media(prefers-reduced-motion:reduce) {body #main .product-small.box {transition:none}body #main .product-small.box:hover {transform:none}}

body.woocommerce-page .shop-page-title .title-overlay,body.woocommerce-page .shop-page-title .title-bg {background:transparent!important}
body.woocommerce-page .shop-page-title .woocommerce-result-count {color:#62738a;font-size:13px}
body.woocommerce-page .shop-page-title .divider {color:#9aabc0}
body.qkn-unified-page .lgft-float-buttons-container {transform:none!important}
@media(max-width:849px) {
  body.woocommerce-page .shop-page-title {margin-bottom:20px}
  body.woocommerce-page .shop-page-title .page-title-inner {padding-top:20px;padding-bottom:20px;min-height:0}
  body.woocommerce-page .shop-page-title .category-filtering {padding-top:12px}
}
@media(max-width:849px) {
  body.woocommerce-page .shop-page-title .page-title-inner {padding-top:16px;padding-bottom:16px}
  body.woocommerce-page .shop-page-title .page-title-inner>.flex-col {padding-top:0;padding-bottom:0}
  body.woocommerce-page .shop-page-title .category-filtering {padding:8px 0 0}
  body.woocommerce-page .shop-page-title .filter-button {margin-top:0}
  body.woocommerce-page .category-page-row {padding-top:4px}
}