:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif:
    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
    "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.018em;
}

b,
strong {
  font-weight: 700;
}

.page-wrapper {
  padding: 0;
}

.box-text {
  padding: 0;
  font-size: 100%;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text p {
  margin: 0;
}

.icon-box-img img,
.icon-box-img svg {
  padding: 0;
}

.home1 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home1 .icon-box-img {
  margin-bottom: 0;
}

.home1 .icon-box h3 {
  color: #212529;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

/* post-item */
.post-item .box-image {
  border-radius: 0.375rem;
  overflow: hidden;
}

.post-item .box-text {
  padding-top: 1rem;
}

.post-item .post-category {
  line-height: 1;
}

.post-item .post-category a {
  color: rgba(var(--bs-link-color-rgb));
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.post-item .post-title a {
  color: rgba(var(--bs-dark-rgb));
  font-size: 1.25rem;
  font-weight: 500;
}

.post-item .post-date {
  font-size: 12px;
}

.box-blog-post .is-divider {
  display: none;
}

.blog-layout1 .post-item .box-text {
  padding-top: 0;
}

.blog-layout1 .post-item .post-date {
  display: none;
}

.blog-layout2 .post-item {
  padding-right: 50px;
}

.blog-layout2 .post-item .post-category {
  display: none;
}

.blog-layout2 .post-item .box-text {
  padding-top: 1rem;
}

.blog-layout2 .post-item .post-title a {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.blog-layout2 .post-item .from_the_blog_excerpt {
  font-size: 16px;
  font-weight: 700;
}

.blog-layout2 .post-item .post-date {
  display: none;
}

.blog-layout3 .post-item .post-title a {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}

.blog-layout4 .post-item .box {
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
}

.blog-layout4 .post-item .box-image {
  flex-basis: calc(25% - 1rem);
  max-width: calc(25% - 1rem);
}

.blog-layout4 .post-item .box-text {
  flex-basis: calc(75% - 1rem);
  max-width: calc(75% - 1rem);
  padding: 0;
}

.blog-layout4 .post-item .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.75rem;
}

.blog-layout4 .post-item .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.75rem;
}

.blog-layout5 .post-item .box {
  border: 1px solid #d2cbca;
  box-shadow: 0 0 20px 0 #bbbec1;
  background-color: #fff;
}

.blog-layout5 .post-item .box-image {
  border-radius: 0;
}

.blog-layout5 .post-item .box-text {
  padding: 1rem;
}

.blog-layout5 .post-item .post-title a {
  margin-bottom: 1rem;
}

.b-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
}

.b-title h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.5rem;
  color: var(--bs-body-color);
  width: fit-content;
  margin: 0;
}

.b-title p {
  margin: 0;
}

.b-title p a {
  font-weight: 700;
  color: var(--bs-body-color);
}

.clear:after,
.clearfix:after,
.container:after,
.row:after {
  display: none;
}

.market1 {
  padding-top: 2.5rem;
}

.market1 .slider {
  padding-bottom: 3rem;
}

.market1 .slider,
.market1 .slider .img {
  border-radius: 2rem;
  overflow: hidden;
}

.slider-nav-dots-simple .flickity-page-dots .dot {
  background: #ccc;
  border-color: #ccc;
  opacity: 1;
  width: 8px;
  height: 8px;
}

.slider-nav-dots-simple .flickity-page-dots .dot.is-selected {
  background-color: var(--bs-blue);
  border-color: var(--bs-blue);
}

.title h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.title p {
  margin-bottom: 0;
  line-height: 1.25;
  font-size: 1.25rem;
}

.market2 .row {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.market2 .row .img-inner {
  position: relative;
  padding-top: 100%;
  background-color: #fff;
  border-radius: 99px;
}

.market2 .row .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.market3 .nav > li {
  margin: 0;
}

.market3 .nav > li a {
  font-size: 17px !important;
  color: #000 !important;
  padding: 0.5rem 1rem;
  text-transform: none;
}

.market3 .nav > li.active a {
  background: #0074d9 !important;
  color: #fff !important;
  border-radius: 0.25rem;
}

.market3 .tab-panels {
  padding-top: 1.5rem;
}

.market3 .post-item .post-category,
.market3 .post-item .post-date {
  display: none;
}

.market3 .post-item .post-title a {
  font-weight: 700;
}

.market3 .ux-relay__button {
  background: transparent;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #000;
  width: 600px;
  margin: 30px 0;
}

.market4 .title h2 {
  margin-bottom: 1.5rem;
}

.market4 .banner {
  border-radius: 1rem;
  overflow: hidden;
}

.market5 .title {
  margin-bottom: 1.5rem;
}

.market5 .col-inner {
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.market5 .icon-box {
  align-items: center;
  margin-bottom: 1rem;
}

.market5 .icon-box h3 {
  font-size: 16px;
  margin-bottom: 0;
}

.market5 .icon-box h4 {
  line-height: 1;
}

.market5 .icon-box h4 img {
  margin: 0 2px;
  display: inline-block;
}

.market5 .col-inner p {
  margin-bottom: 0;
}

.footer1 {
  padding-top: 3rem;
}

/* Featured Products */
.dawp-featured-products {
  --ff-bg: #ffe3d9;
  --ff-dark: #212529;
  --ff-primary: #0074d9;
  --ff-border: #dee2e6;

  color: var(--ff-dark);
}

.dawp-featured-products .dawp-featured-row {
  align-items: flex-start;
}

/* Left categories */
.dawp-featured-products .dawp-featured-desktop-nav {
  width: 100%;
  max-width: 320px;
  padding: 14px 16px;
  border: 2px solid var(--ff-dark);
  border-radius: 8px;
}

.dawp-featured-products .dawp-featured-nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  gap: 14px;

  margin: 0;
  padding: 6px 10px;

  border: 0;
  border-radius: 4px;

  background: transparent;
  color: var(--ff-dark);

  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;

  cursor: pointer;

  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.dawp-featured-products .dawp-featured-nav-item:hover {
  background: rgba(33, 37, 41, 0.06);
}

.dawp-featured-products .dawp-featured-nav-item.is-active {
  background: var(--ff-primary);
  color: #fff;
}

/* Icon */
.dawp-featured-products .dawp-featured-nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 48px;
  width: 48px;
  height: 48px;

  color: var(--ff-dark);
}

.dawp-featured-products .dawp-featured-nav-icon i {
  display: block;
  font-size: 42px;
  line-height: 1;
}

.dawp-featured-products .dawp-featured-nav-icon img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.dawp-featured-products
  .dawp-featured-nav-item.is-active
  .dawp-featured-nav-icon {
  color: var(--ff-dark);
}

/*
 * Ở mẫu gốc icon vẫn nằm ngoài vùng nền xanh,
 * còn shortcode hiện tại của mình đặt icon + title chung button.
 *
 * Đoạn dưới biến active background chỉ phủ phần title,
 * sát mẫu FreshFads hơn.
 */
.dawp-featured-products .dawp-featured-nav-item.is-active {
  background: transparent;
  color: var(--ff-dark);
}

.dawp-featured-products .dawp-featured-nav-title {
  display: flex;
  align-items: center;

  flex: 1;
  min-height: 41px;

  padding: 8px 9px;

  border-radius: 4px;

  font-size: 17px;
  font-weight: 600;
}

.dawp-featured-products
  .dawp-featured-nav-item.is-active
  .dawp-featured-nav-title {
  background: var(--ff-primary);
  color: #fff;
}

/* Right column */
.dawp-featured-products .dawp-featured-right {
  padding-left: 20px;
}

.dawp-featured-products .dawp-featured-panels {
  width: 100%;
}

/* Hide inactive category */
.dawp-featured-products .dawp-featured-category[hidden] {
  display: none !important;
}

.dawp-featured-products .dawp-featured-category.is-active {
  display: block;
}

/* Products container */
.dawp-featured-products .dawp-featured-products-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;

  width: 100%;
}

/* Product card */
.dawp-featured-products .dawp-product-card {
  position: relative;

  width: 100%;
  max-width: 370px;

  margin: 0;

  color: var(--ff-dark);
}

/* Image box */
.dawp-featured-products .dawp-product-image-box {
  position: relative;

  width: 100%;
  padding: 24px;

  border: 1px solid var(--ff-border);
  border-radius: 24px;

  background: #fff;

  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 3px 8px rgba(0, 0, 0, 0.05);
}

.dawp-featured-products .dawp-product-image {
  position: relative;

  width: 100%;
  aspect-ratio: 1 / 1;

  overflow: hidden;
}

.dawp-featured-products .dawp-product-image img {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;

  object-fit: contain;
}

/* Sale badge */
.dawp-featured-products .dawp-product-sale {
  position: absolute;
  z-index: 3;

  top: 4px;
  left: 50%;

  display: flex;
  align-items: center;
  gap: 5px;

  transform: translateX(-50%);

  padding: 3px 10px;

  background: #fff;

  color: var(--ff-dark);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;

  text-transform: uppercase;
  white-space: nowrap;
}

.dawp-featured-products .dawp-old-price {
  color: #dc3545;
  text-decoration: line-through;
}

/* Product content */
.dawp-featured-products .dawp-product-content {
  padding-top: 27px;
}

.dawp-featured-products .dawp-product-category {
  margin: 0 0 10px;

  color: var(--ff-dark);

  font-size: 27px;
  font-weight: 700;
  line-height: 1.15;
}

.dawp-featured-products .dawp-product-title {
  margin: 0 0 12px;
  padding: 0;

  color: var(--ff-dark);

  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  text-transform: none;
}

.dawp-featured-products .dawp-product-title::before,
.dawp-featured-products .dawp-product-title::after {
  display: none;
}

/* Price + rating */
.dawp-featured-products .dawp-product-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-top: 4px;
}

.dawp-featured-products .dawp-product-price {
  color: var(--ff-dark);

  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.dawp-featured-products .dawp-product-rating {
  display: flex;
  align-items: center;
  gap: 5px;

  font-size: 16px;
  font-weight: 600;
}

.dawp-featured-products .dawp-star {
  color: #ffc107;
}

/* Buy button */
.dawp-featured-products .dawp-product-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;

  margin-top: 28px;
  padding: 8px 25px;

  border: 2px solid var(--ff-dark);
  border-radius: 0;

  background: transparent;
  color: var(--ff-dark);

  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  text-decoration: none;

  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.dawp-featured-products .dawp-product-button:hover {
  background: var(--ff-dark);
  color: #fff;
}

/* Mobile categories */
.dawp-featured-products .dawp-featured-mobile-nav {
  display: none;
}

/* Tablet */
@media (max-width: 849px) {
  .dawp-featured-products .dawp-featured-desktop-nav {
    display: none;
  }

  .dawp-featured-products .dawp-featured-mobile-nav {
    display: flex;
    width: 100%;

    gap: 8px;

    margin-bottom: 25px;
    padding-bottom: 5px;

    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .dawp-featured-products .dawp-featured-mobile-nav::-webkit-scrollbar {
    display: none;
  }

  .dawp-featured-products .dawp-featured-mobile-item {
    flex: 0 0 auto;

    min-height: 40px;

    padding: 8px 14px;

    border: 1px solid var(--ff-dark);
    border-radius: 4px;

    background: transparent;
    color: var(--ff-dark);

    font-size: 14px;
    font-weight: 600;

    white-space: nowrap;
  }

  .dawp-featured-products .dawp-featured-mobile-item.is-active {
    border-color: var(--ff-primary);
    background: var(--ff-primary);
    color: #fff;
  }

  .dawp-featured-products .dawp-featured-right {
    padding-left: 0;
  }

  .dawp-featured-products .dawp-product-card {
    max-width: 360px;
  }
}

/* Mobile */
@media (max-width: 549px) {
  .dawp-featured-products .dawp-featured-products-list {
    display: block;
  }

  .dawp-featured-products .dawp-product-card {
    max-width: 100%;
    margin-bottom: 35px;
  }

  .dawp-featured-products .dawp-product-image-box {
    padding: 18px;
    border-radius: 20px;
  }

  .dawp-featured-products .dawp-product-content {
    padding-top: 20px;
  }

  .dawp-featured-products .dawp-product-category {
    font-size: 23px;
  }

  .dawp-featured-products .dawp-product-title {
    font-size: 18px;
  }

  .dawp-featured-products .dawp-product-price {
    font-size: 20px;
  }

  .dawp-featured-products .dawp-product-button {
    margin-top: 20px;
  }
}

/*
 * Featured Products v2
 * Mirrors the stacked product presentation used on freshfads.com.
 */
.dawp-featured-products {
  --ff-bg: #ffe3d9;
  --ff-dark: #212529;
  --ff-primary: #0074d9;
  --ff-border: #dee2e6;
  --ff-stack-ease: cubic-bezier(0.18, 0.98, 0.45, 1);

  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 0 16px;
  overflow: visible;
  color: var(--ff-dark);
}

.dawp-featured-products .dawp-featured-heading,
.dawp-featured-products .dawp-featured-heading-mobile {
  margin: 0 0 8px;
  padding: 8px 12px;
  color: var(--ff-dark);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
}

.dawp-featured-products .dawp-featured-heading-mobile {
  display: none;
}

.dawp-featured-products .dawp-featured-row {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.dawp-featured-products .dawp-featured-left {
  flex: 0 0 41.666667%;
  width: 41.666667%;
  max-width: 41.666667%;
  padding: 0 15px 0 10px;
}

.dawp-featured-products .dawp-featured-right {
  flex: 0 0 58.333333%;
  width: 58.333333%;
  max-width: 58.333333%;
  padding: 46px 8px 0 24px;
}

.dawp-featured-products .dawp-featured-desktop-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 320px;
  margin: 0;
  padding: 14px 16px;
  border: 2px solid var(--ff-dark);
  border-radius: 8px;
  background: transparent;
}

.dawp-featured-products .dawp-featured-nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--ff-dark);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  touch-action: manipulation;
}

.dawp-featured-products .dawp-featured-nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  color: var(--ff-dark);
}

.dawp-featured-products .dawp-featured-nav-icon svg,
.dawp-featured-products .dawp-featured-nav-icon img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.dawp-featured-products .dawp-featured-nav-title {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 40px;
  padding: 8px;
  border-radius: 4px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

.dawp-featured-products .dawp-featured-nav-item:hover {
  background: transparent;
}

.dawp-featured-products
  .dawp-featured-nav-item:not(.is-active):hover
  .dawp-featured-nav-title {
  background: rgba(33, 37, 41, 0.06);
}

.dawp-featured-products .dawp-featured-nav-item.is-active {
  background: transparent;
  color: var(--ff-dark);
}

.dawp-featured-products
  .dawp-featured-nav-item.is-active
  .dawp-featured-nav-title {
  background: var(--ff-primary);
  color: #fff;
}

.dawp-featured-products .dawp-featured-nav-item:focus-visible,
.dawp-featured-products .dawp-featured-mobile-item:focus-visible,
.dawp-featured-products .dawp-product-card:focus-visible,
.dawp-featured-products .dawp-product-button:focus-visible {
  outline: 3px solid rgba(0, 116, 217, 0.42);
  outline-offset: 3px;
}

.dawp-featured-products .dawp-featured-mobile-nav {
  display: none;
}

.dawp-featured-products .dawp-featured-panels,
.dawp-featured-products .dawp-featured-category {
  width: 100%;
}

.dawp-featured-products .dawp-featured-category[hidden],
.dawp-featured-products .dawp-product-card[hidden] {
  display: none !important;
}

.dawp-featured-products .dawp-featured-category.is-active {
  display: block;
  animation: dawp-featured-panel-in 180ms ease-out;
}

.dawp-featured-products .dawp-featured-products-list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0;
  width: 100%;
  min-height: 640px;
  overflow: visible;
  isolation: isolate;
}

.dawp-featured-products .dawp-product-card {
  position: absolute;
  top: 0;
  left: 3%;
  width: 58.333333%;
  max-width: none;
  margin: 0;
  color: var(--ff-dark);
  transform-origin: center;
  transition:
    transform 320ms var(--ff-stack-ease),
    opacity 180ms ease,
    filter 180ms ease;
  will-change: transform;
}

.dawp-featured-products .dawp-product-card[data-slide="0"] {
  z-index: 6;
  transform: translate(0) scale(1);
}

.dawp-featured-products .dawp-product-card[data-slide="1"] {
  z-index: 5;
  transform: translate(10%, -20px) scale(0.975);
  cursor: pointer;
}

.dawp-featured-products .dawp-product-card[data-slide="2"] {
  z-index: 4;
  transform: translate(20%, -40px) scale(0.95);
  cursor: pointer;
}

.dawp-featured-products .dawp-product-card[data-slide="3"] {
  z-index: 3;
  transform: translate(30%, -60px) scale(0.925);
  cursor: pointer;
}

.dawp-featured-products
  .dawp-product-card[data-slide]:not([data-slide="0"])
  .dawp-product-content {
  display: none;
}

.dawp-featured-products
  .dawp-product-card[data-slide]:not([data-slide="0"])
  .dawp-product-sale {
  visibility: hidden;
}

.dawp-featured-products
  .dawp-product-card[data-slide]:not([data-slide="0"]):hover {
  filter: brightness(0.985);
}

.dawp-featured-products .dawp-product-image-box {
  position: relative;
  width: 100%;
  padding: 24px;
  border: 1px solid var(--ff-border);
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 3px 8px rgba(0, 0, 0, 0.05);
}

.dawp-featured-products .dawp-product-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.dawp-featured-products .dawp-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}

.dawp-featured-products .dawp-product-sale {
  position: absolute;
  z-index: 3;
  top: 4px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: calc(100% - 20px);
  padding: 3px 10px;
  transform: translateX(-50%);
  background: #fff;
  color: var(--ff-dark);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}

.dawp-featured-products .dawp-old-price {
  color: #dc3545;
  text-decoration: line-through;
}

.dawp-featured-products .dawp-product-content {
  width: 100%;
  padding-top: 24px;
}

.dawp-featured-products .dawp-product-category {
  margin: 0 0 10px;
  color: var(--ff-dark);
  font-size: 27px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: capitalize;
}

.dawp-featured-products .dawp-product-title {
  margin: 0 0 10px;
  padding: 0;
  color: var(--ff-dark);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
}

.dawp-featured-products .dawp-product-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 4px;
}

.dawp-featured-products .dawp-product-price {
  color: var(--ff-dark);
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}

.dawp-featured-products .dawp-product-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 24px;
  padding: 8px 25px;
  border: 2px solid var(--ff-dark);
  border-radius: 0;
  background: transparent;
  color: var(--ff-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

.dawp-featured-products .dawp-product-button:hover {
  background: var(--ff-dark);
  color: #fff;
}

@keyframes dawp-featured-panel-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Bootstrap's reference layout switches back to two columns at 768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
  .dawp-featured-products {
    max-width: 720px;
    padding: 0 12px;
  }

  .dawp-featured-products .dawp-featured-heading {
    padding-right: 0;
    padding-left: 0;
    font-size: calc(1.325rem + 0.9vw);
  }

  .dawp-featured-products .dawp-featured-row {
    width: calc(100% + 24px);
    max-width: none;
    margin-right: -12px;
    margin-left: -12px;
    padding-bottom: 8px;
  }

  .dawp-featured-products .dawp-featured-left {
    padding: 0 12px;
  }

  .dawp-featured-products .dawp-featured-right {
    margin-top: 48px;
    padding: 0 8px 0 24px;
  }

  .dawp-featured-products .dawp-featured-desktop-nav {
    padding: 16px 16px 32px;
  }

  .dawp-featured-products .dawp-featured-nav-title {
    min-height: 0;
    line-height: 1.2;
  }

  .dawp-featured-products .dawp-featured-products-list {
    min-height: 490px;
  }

  .dawp-featured-products .dawp-product-image-box {
    margin-bottom: 4px;
  }

  .dawp-featured-products .dawp-product-category {
    margin-bottom: 8px;
    font-size: calc(1.3rem + 0.6vw);
    line-height: 1;
  }

  .dawp-featured-products .dawp-product-title {
    margin: 0;
    padding-top: 4px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: 1.25;
  }

  .dawp-featured-products .dawp-product-bottom {
    margin-top: 8px;
  }

  .dawp-featured-products .dawp-product-price {
    margin-bottom: 8px;
    padding-bottom: 4px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: 1.5;
  }

  .dawp-featured-products .dawp-product-button {
    margin-top: 16px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767.98px) {
  .dawp-featured-products {
    max-width: 100%;
    padding: 0 12px;
  }

  .dawp-featured-products .dawp-featured-heading {
    display: none;
  }

  .dawp-featured-products .dawp-featured-heading-mobile {
    display: block;
    margin: 0 0 24px;
    padding: 8px 0 0;
    font-size: calc(1.325rem + 0.9vw);
    line-height: 1.5;
  }

  .dawp-featured-products .dawp-featured-row {
    display: block;
    width: calc(100% + 24px);
    max-width: none;
    margin-right: -12px;
    margin-left: -12px;
    padding-bottom: 8px;
  }

  .dawp-featured-products .dawp-featured-left {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0 12px;
  }

  .dawp-featured-products .dawp-featured-right {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 56px 8px 16px 24px;
  }

  .dawp-featured-products .dawp-featured-desktop-nav {
    display: none;
  }

  .dawp-featured-products .dawp-featured-mobile-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 40px;
    margin: 0 0 24px;
    padding: 0 2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .dawp-featured-products .dawp-featured-mobile-nav::-webkit-scrollbar {
    display: none;
  }

  .dawp-featured-products .dawp-featured-mobile-item {
    position: relative;
    flex: 0 0 auto;
    min-height: 40px;
    margin: 0;
    padding: 8px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--ff-dark);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    scroll-snap-align: start;
  }

  .dawp-featured-products .dawp-featured-mobile-item::before {
    position: absolute;
    inset: -2px 0;
    content: "";
  }

  .dawp-featured-products
    .dawp-featured-mobile-item
    .dawp-featured-nav-title {
    min-height: 0;
    padding: 0;
    background: transparent;
  }

  .dawp-featured-products .dawp-featured-mobile-item.is-active {
    border-color: var(--ff-primary);
    background: var(--ff-primary);
    color: #fff;
  }

  .dawp-featured-products .dawp-featured-panels {
    padding: 24px 0 0 16px;
  }

  .dawp-featured-products .dawp-featured-products-list {
    display: flex;
    min-height: 474px;
  }

  .dawp-featured-products .dawp-product-card {
    width: 58.333333%;
    max-width: none;
    margin: 0;
  }

  .dawp-featured-products .dawp-product-image-box {
    margin-bottom: 4px;
    padding: 24px;
    border-radius: 24px;
  }

  .dawp-featured-products .dawp-product-content {
    padding-top: 24px;
  }

  .dawp-featured-products .dawp-product-category {
    margin-bottom: 8px;
    font-size: calc(1.3rem + 0.6vw);
    line-height: 1;
  }

  .dawp-featured-products .dawp-product-title {
    margin: 0;
    padding-top: 4px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: 1.25;
  }

  .dawp-featured-products .dawp-product-bottom {
    margin-top: 8px;
  }

  .dawp-featured-products .dawp-product-price {
    margin-bottom: 8px;
    padding-bottom: 4px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: 1.5;
  }

  .dawp-featured-products .dawp-product-button {
    margin-top: 16px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dawp-featured-products .dawp-featured-category.is-active {
    animation: none;
  }

  .dawp-featured-products .dawp-product-card,
  .dawp-featured-products .dawp-featured-nav-title,
  .dawp-featured-products .dawp-product-button {
    transition: none;
  }
}

/*
 * Page-level responsive system for Home and Marketplace.
 * Desktop stays unchanged; tablet and phone layouts follow the reference flow.
 */
@media (min-width: 768px) and (max-width: 991.98px) {
  .home1 > .row,
  .home2 > .container,
  .home2 > .row,
  .home3 > .container,
  .home3 > .row {
    width: 100%;
    max-width: 720px !important;
    margin-right: auto;
    margin-left: auto;
  }

  .home2 > .row > .col {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }

  .home2 .blog-layout3 > .post-item {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }

  .home3 .blog-layout5 > .post-item {
    flex-basis: 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%;
  }

  .market3 .blog-layout6 > .post-item {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }

  .market3 .blog-layout6 .image-cover {
    padding-top: 78% !important;
  }
}

@media (max-width: 767.98px) {
  .home1 {
    padding: 24px 12px;
  }

  .home1 > .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .home1 > .row > .col {
    width: auto;
    max-width: none;
    padding: 0;
  }

  .home1 .icon-box-img {
    width: 56px !important;
    max-width: 100%;
    margin: 0 auto 4px;
  }

  .home1 .icon-box h3 {
    font-size: 13px;
    line-height: 1.25;
  }

  .home2 > .container,
  .home2 > .row,
  .home3 > .container,
  .home3 > .row {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .home2 > .container {
    padding-right: 12px;
    padding-left: 12px;
  }

  .home2 > .row,
  .home3 > .row {
    margin: 0;
    padding-right: 12px;
    padding-left: 12px;
  }

  .home2 > .row > .col,
  .home2 .row-large > .col {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .home2 .row-large {
    width: 100%;
    margin: 0 !important;
  }

  .home2 .row-large > .col:has(.blog-layout2) {
    order: -1;
  }

  .home2 .blog-layout1,
  .home2 .blog-layout2,
  .home2 .blog-layout3,
  .home2 .blog-layout4 {
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .home2 .blog-layout1 > .post-item,
  .home2 .blog-layout2 > .post-item,
  .home2 .blog-layout3 > .post-item,
  .home2 .blog-layout4 > .post-item {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .home2 .blog-layout2 .post-item {
    padding-right: 0;
    padding-bottom: 24px;
  }

  .home2 .blog-layout1 .box {
    padding: 12px 0;
    border-bottom: 2px solid var(--bs-dark);
  }

  .home2 .blog-layout1 .post-item:last-child .box {
    border-bottom: 0;
  }

  .home2 .blog-layout4 .post-item .box {
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(var(--bs-dark-rgb), 0.18);
  }

  .home2 .blog-layout4 .post-title a,
  .home2 .blog-layout4 .from_the_blog_excerpt {
    -webkit-line-clamp: 2;
  }

  .home2 .blog-layout2 .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .home3 {
    padding-bottom: 24px;
  }

  .home3 .b-title {
    margin-bottom: 16px;
    padding: 24px 12px 0;
  }

  .home3 .b-title h2 {
    gap: 6px;
    font-size: 24px;
  }

  .home3 .b-title h2 img {
    width: 40px;
    height: 40px;
    margin: 0;
  }

  .home3 .b-title p a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 13px;
  }

  .home3 .blog-layout5 {
    width: 100%;
    margin: 0;
  }

  .home3 .blog-layout5 > .post-item {
    width: 100%;
    max-width: 100%;
    padding: 0 0 24px;
  }

  .home3 .blog-layout5 .post-item .box {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    min-height: 124px;
  }

  .home3 .blog-layout5 .post-item .box-image {
    flex: 0 0 34%;
    width: 34%;
    max-width: 34%;
    border-radius: 0;
  }

  .home3 .blog-layout5 .post-item .image-cover {
    height: 100%;
    min-height: 124px;
    padding-top: 0 !important;
  }

  .home3 .blog-layout5 .post-item .box-text {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: 66%;
    max-width: 66%;
    padding: 12px;
  }

  .home3 .blog-layout5 .post-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.3;
  }

  .market1 .slider .flickity-viewport,
  .market1 .slider .flickity-slider,
  .market1 .slider .img,
  .market1 .slider .img-inner {
    height: 288px !important;
  }

  .market1 .slider .img-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
  }

  .market2 .rowSlider .col {
    flex-basis: 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%;
  }

  .market3 .nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 4px;
    width: 100%;
    margin: 0;
    padding-bottom: 4px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .market3 .nav::-webkit-scrollbar,
  .market3 .panel.active .blog-layout6::-webkit-scrollbar,
  .market4 > .row::-webkit-scrollbar,
  .market5 > .row::-webkit-scrollbar {
    display: none;
  }

  .market3 .nav > li {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .market3 .nav > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    white-space: nowrap;
    touch-action: manipulation;
  }

  .market3 .tab-panels {
    padding-top: 24px;
  }

  .market3 .panel.active .blog-layout6 {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .market3 .panel.active .blog-layout6 > .post-item {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 0;
    scroll-snap-align: start;
  }

  .market3 .blog-layout6 .image-cover {
    padding-top: 78% !important;
  }

  .market3 .ux-relay__button {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 24px 0;
  }

  .market4 > .row,
  .market5 > .row {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 12px;
    scroll-snap-type: x mandatory;
  }

  .market4 > .row > .col,
  .market5 > .row > .col {
    flex: 0 0 calc(100% - 24px);
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    padding: 0;
    scroll-snap-align: start;
  }

  .market4 > .row > .col:first-child,
  .market5 > .row > .col:first-child {
    margin-left: 12px;
  }

  .market4 > .row > .col:last-child,
  .market5 > .row > .col:last-child {
    margin-right: 12px;
  }

  .footer1 {
    padding: 32px 12px;
  }

  .footer1 h2 {
    font-size: 26px;
    line-height: 1.25;
  }

  .footer1 h3 {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 767.98px) and (orientation: landscape) {
  .market1 .slider .flickity-viewport,
  .market1 .slider .flickity-slider,
  .market1 .slider .img,
  .market1 .slider .img-inner {
    height: 220px !important;
  }
}

.footer1 .container {
}