body {
  width: 100%;
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {
  color: #444;
}
legend {
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
/* container */
#container {
  width: 100%;
  min-height: 100%;
  position: absolute;
  margin-bottom: 300px;
}
/* content */
#content, #column-left, #column-right {
  padding-bottom: 730px;
}
@media (min-width: 576px) {
  #content, #column-left, #column-right {
    padding-bottom: 400px;
  }
}
#alert {
  z-index: 9999;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
@media (min-width: 992px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1140px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1320px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
#alert .alert {
  margin-bottom: 15px;
}
#alert .alert-primary {
  box-shadow: 0 0 0 5px rgb(var(--bs-primary-rgb), 0.1);
}
#alert .alert-secondary {
  box-shadow: 0 0 0 5px rgb(var(--bs-secondary-rgb), 0.1);
}
#alert .alert-success {
  box-shadow: 0 0 0 5px rgb(var(--bs-success-rgb), 0.1);
}
#alert .alert-warning {
  box-shadow: 0 0 0 5px rgb(var(--bs-warning-rgb), 0.1);
}
#alert .alert-danger {
  box-shadow: 0 0 0 5px rgb(var(--bs-danger-rgb), 0.1);
}
#alert .alert-info {
  box-shadow: 0 0 0 5px rgb(var(--bs-info-rgb), 0.1);
}
#alert .alert-light {
  box-shadow: 0 0 0 5px rgb(var(--bs-light-rgb), 0.1);
}
#alert .alert-dark {
  box-shadow: 0 0 0 5px rgb(var(--bs-dark-rgb), 0.1);
}
/* top */
#top {
  background-color: var(--bs-tertiary-bg);
  border-bottom: 1px solid var(--bs-border-color);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 5px;
}
#top ul.list-inline {
  margin-bottom: 0;
}
#top .list-inline-item > a, #top .list-inline-item .dropdown > a {
  font-size: 1.1em;
  color: var(--bs-gray-600);
  line-height: 40px;
  vertical-align: middle;
  padding: 10px 0px 5px 0px;
}
/* logo */
#logo {
  text-align: center;
  margin: 7px 0 7px 0;
}
#logo img {
  max-width: 200px;
}
@media (min-width: 768px) {
  #logo {
    text-align: left;
  }
}
/* search */
#search {
  margin-bottom: 10px;
}
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
  margin-bottom: 10px;
}
#cart .img-thumbnail {
  min-width: 100px;
}
#cart .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 14px 35px;
}
#cart .dropdown-menu {
  background: #eee;
}
#cart .dropdown-menu li {
  min-width: 300px;
}
@media (max-width: 768px) {
  #cart .dropdown-menu li {
    min-width: 100%;
  }
}
/* menu */
#menu {
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}
#menu .navbar-nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#menu .dropdown-inner {
  display: flex;
  flex-direction: column;
}
#menu .dropdown-inner ul {
  width: 100%;
  min-width: 200px;
}
@media (min-width: 960px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
  #menu .dropdown-inner {
    flex-direction: row;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -600px;
  }
}
#category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}
/* default boostrap changes */
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}
.nav-tabs {
  margin-bottom: 15px;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
/* footer */
footer {
  border: 1px solid #000000;
  position: absolute;
  bottom: -1px;
  width: 100%;
  padding-top: 30px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
footer h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-tertiary-bg);
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
}
.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 29px;
  height: 29px;
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  transform: rotate(-45deg);
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.product-thumb {
  border: 1px solid #ddd;
  position: relative;
  height: 100%;
}
.product-thumb .image {
  text-align: center;
}
.product-thumb .image a:hover {
  opacity: 0.8;
}
.product-thumb .description {
  padding: 15px;
  margin-bottom: 45px;
}
.product-thumb .description h4 {
  font-weight: bold;
}
.product-thumb .button {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-thumb .button button {
  width: 33.33%;
  border: none;
  border-top: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-gray-600);
  line-height: 38px;
  text-align: center;
}
.product-thumb .button button:hover {
  color: var(--bs-gray-600);
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
.product-thumb .button button + button {
  border-left: 1px solid var(--bs-border-color);
}
@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }
  .product-list .product-thumb .button {
    border-left: 1px solid #ddd;
    width: calc(100% -  15px);
    margin-left: 15px;
  }
}
.rating .fa-stack {
  width: 20px;
}
.rating .fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: #444;
}
.price-new {
  font-weight: 600;
}
.price-old {
  color: #dc512c;
  text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* blog */
.blog-thumb {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.blog-thumb h4 {
  font-weight: bold;
}
.blog-thumb .image {
  text-align: center;
  margin-bottom: 15px;
}
.blog-thumb .image a:hover {
  opacity: 0.8;
}
.blog-thumb .description {
  padding: 15px;
}
/* Theme Custom CSS */
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
/* Product listing cards */
.product-card {
  border-color: #e7ebf0 !important;
  display: flex;
  flex-direction: column;
  height: auto !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .9rem 1.8rem rgba(15, 23, 42, .11) !important;
  border-color: rgba(0, 138, 204, .32) !important;
}

.product-card-image {
  min-height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eef2f6;
  background: radial-gradient(circle at center, #ffffff 0%, #f8fafc 78%);
}

.product-card-image img {
  width: 100%;
  max-height: 148px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.product-card-image-placeholder img {
  width: 58%;
  max-height: 118px;
  opacity: .18;
  filter: grayscale(1);
  mix-blend-mode: normal;
}

.product-card-image-placeholder::after {
  content: 'Imagen en actualización';
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 600;
  white-space: nowrap;
}

.product-card-stock,
.product-card-special {
  font-size: .68rem;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .12);
}

.product-card-content {
  display: flex;
  flex-direction: column;
  height: auto !important;
  min-height: 0;
  flex: 1 1 auto;
}

.product-card-main {
  flex: 0 1 auto;
}

.product-card-brand-row {
  min-height: 22px;
}

.product-card-brand {
  color: #008acb !important;
  letter-spacing: .015em;
}

.product-card-model {
  max-width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-card-title {
  min-height: 0;
  line-height: 1.32;
  font-weight: 700;
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: initial;
}

.product-card-title a:hover {
  color: #008acb !important;
}

.product-card-highlights {
  min-height: 0;
  border: 0;
  background: transparent;
}

.product-card-highlights-title {
  display: none;
}

.product-card-spec-list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.product-card-spec-item {
  display: inline-flex;
  gap: .25rem;
  align-items: center;
  max-width: 100%;
  padding: .22rem .45rem;
  border: 1px solid #e8eef5;
  border-radius: 999px;
  background: #f8fbff;
  font-size: .7rem;
  line-height: 1.05;
}

.product-card-spec-name {
  display: none;
}

.product-card-spec-value {
  color: #0f172a;
  font-weight: 800;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card-no-specs {
  min-height: 46px;
  border: 1px dashed rgba(100, 116, 139, .22);
  background: #fbfdff;
}

.product-card-info-fallback {
  border-color: rgba(0, 202, 167, .18);
  background: linear-gradient(180deg, rgba(240, 253, 250, .72), rgba(248, 250, 252, .92));
}

.product-card-info-fallback .product-card-spec-item {
  border-color: rgba(0, 202, 167, .18);
  background: rgba(255, 255, 255, .86);
}

.product-card-info-fallback .product-card-spec-value {
  color: #0f766e;
}

.product-list .product-card-info-fallback .product-card-spec-value {
  color: #0f172a;
}

.product-card-form {
  margin-top: .85rem;
  padding-top: 0;
}

.product-card-buy-box {
  display: grid;
  gap: .75rem;
}

.product-card-price-wrap {
  min-height: 40px;
}

.product-card-price {
  color: #111827;
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.02em;
}

.product-card .price-tax,
.product-card-tax {
  font-size: .72rem;
  color: #64748b !important;
}

.product-card .product-card-actions {
  display: grid !important;
  position: static !important;
  width: 100% !important;
  bottom: auto !important;
  grid-template-columns: 1fr;
  gap: .55rem;
  align-items: stretch;
}

.product-card .product-card-primary-cta {
  width: 100% !important;
  min-width: 0;
  min-height: 38px;
  padding: .5rem .25rem;
  border: 0;
  border-radius: .72rem;
  background: linear-gradient(135deg, #0096d6 0%, #0078b6 100%);
  color: #fff !important;
  font-size: .86rem;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .005em;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(0, 138, 203, .22);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}

.product-card-primary-cta i {
  color: #fff !important;
}

.product-card-primary-cta:hover,
.product-card-primary-cta:focus {
  background: linear-gradient(135deg, #0087c7 0%, #006ca3 100%);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 112, 168, .28);
}

.product-card-details-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: .68rem;
  font-weight: 700;
  text-decoration: none;
}

.product-card-details-link:hover {
  color: #008acb;
  text-decoration: underline;
}

.product-card-secondary-actions {
  display: none;
}

.product-card-icon-btn {
  width: 37px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  border: 0;
  border-right: 1px solid #e5eaf0;
  border-radius: 0;
  background: #fff;
}

.product-card-icon-btn:last-child {
  border-right: 0;
}

.product-card-icon-btn:hover {
  color: #008acb;
  background: #f8fcff;
}

.product-list .col {
  width: 100%;
}

.product-list .product-card {
  display: grid !important;
  grid-template-columns: 178px minmax(0, 1fr);
  min-height: 218px;
}

.product-list .product-card-image {
  min-height: 218px;
  border-bottom: 0;
  border-right: 1px solid #eef2f6;
}

.product-list .product-card-image img {
  max-height: 158px;
}

.product-list .product-card-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1rem;
  align-items: stretch;
  flex: initial !important;
}

.product-list .product-card-main {
  min-width: 0;
}

.product-list .product-card-title {
  min-height: auto;
  max-width: 720px;
}

.product-list .product-card-highlights,
.product-list .product-card-no-specs {
  max-width: 620px;
  min-height: 112px;
}

.product-list .product-card-highlights {
  border: 1px solid #eef3f8;
  background: linear-gradient(180deg, #fbfdff, #f7fafc);
}

.product-list .product-card-highlights-title {
  display: block;
  letter-spacing: .035em;
  color: #64748b;
  font-size: .67rem !important;
}

.product-list .product-card-spec-list {
  display: grid;
  gap: .34rem;
}

.product-list .product-card-spec-item {
  display: grid;
  grid-template-columns: minmax(72px, .82fr) minmax(0, 1.18fr);
  gap: .45rem;
  align-items: baseline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: .78rem;
  line-height: 1.2;
}

.product-list .product-card-spec-name {
  display: block;
  color: #64748b;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-list .product-card-form {
  margin-top: 0;
  padding-top: 0;
  border-left: 1px solid #eef2f6;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}

.product-list .product-card-buy-box {
  width: 100%;
}

.product-list .product-card-actions {
  grid-template-columns: 1fr;
}

.product-list .product-card-secondary-actions {
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}

.product-list .product-card-icon-btn {
  width: 38px;
  height: 34px;
}

.product-list .product-thumb .button,
.product-list .product-card .button {
  border-left: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
}

@media (max-width: 991.98px) {
  .product-list .product-card {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .product-list .product-card-content {
    grid-template-columns: 1fr;
  }

  .product-list .product-card-form {
    border-left: 0;
    padding-left: 0;
    margin-top: 1rem;
  }

  .product-list .product-card-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .product-card-image {
    min-height: 186px;
  }

  .product-card-title {
    min-height: auto;
  }

  .product-card-highlights,
  .product-card-no-specs {
    min-height: auto;
  }

  .product-list .product-card {
    grid-template-columns: 1fr;
  }

  .product-list .product-card-image {
    min-height: 186px;
    border-right: 0;
    border-bottom: 1px solid #eef2f6;
  }
}

/* Premium listing filters and toolbar */
.category-facets {
  border: 1px solid #e7ebf0;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 .7rem 1.4rem rgba(15, 23, 42, .06);
}

.category-facets-header {
  border-bottom: 1px solid #edf2f7;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  padding: .95rem 1rem;
}

.category-facets-header strong {
  display: block;
  color: #0f172a;
  font-size: .95rem;
  line-height: 1.1;
}

.category-facets-kicker {
  display: block;
  color: #008acb;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  margin-bottom: .15rem;
}

.category-facets-clear {
  color: #008acb;
  font-size: .75rem;
  font-weight: 800;
  text-decoration: none;
}

.facet-search-wrap {
  position: relative;
}

.facet-search-wrap i {
  position: absolute;
  left: .72rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: .78rem;
  z-index: 2;
}

.facet-search-wrap .form-control {
  min-height: 38px;
  padding-left: 2rem;
  border-color: #e7ebf0;
  border-radius: .75rem;
  background: #fbfdff;
  font-size: .78rem;
}

.category-facets .facet-section {
  margin-bottom: .9rem !important;
  padding-bottom: .9rem !important;
  border-color: #edf2f7 !important;
}

.category-facets .facet-section > button {
  color: #0f172a;
  font-size: .82rem;
  letter-spacing: .01em;
}

.category-facets .facet-section > button span {
  color: #008acb;
  font-size: .72rem;
}

.category-facets .facet-option {
  align-items: center;
  color: #334155;
  font-size: .78rem;
  border-radius: .55rem;
  padding: .35rem .35rem !important;
}

.category-facets .facet-option:hover {
  color: #008acb;
  background: #f3f9fd;
}

.category-facets .facet-option input[type="checkbox"] {
  width: .9rem;
  height: .9rem;
  margin-right: .28rem;
  accent-color: #008acb;
}

.category-facets .facet-option .text-muted {
  min-width: 2rem;
  text-align: right;
  color: #94a3b8 !important;
  font-size: .72rem;
}

.category-facets .facet-options-scroll {
  max-height: 270px;
  overflow: auto;
  padding-right: .2rem;
}

.category-facets .facet-options-scroll::-webkit-scrollbar {
  width: 6px;
}

.category-facets .facet-options-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.category-facets label.form-label {
  margin-bottom: .2rem;
  font-size: .7rem;
  font-weight: 700;
}

.category-facets .form-control-sm {
  border-radius: .62rem;
  border-color: #e7ebf0;
}

.category-facets .btn-primary {
  border: 0;
  border-radius: .7rem;
  background: linear-gradient(135deg, #0096d6 0%, #0078b6 100%);
  font-weight: 800;
}

.product-toolbar {
  margin-left: 0;
  margin-right: 0;
  padding: .72rem;
  border: 1px solid #e7ebf0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .5rem 1.2rem rgba(15, 23, 42, .045);
}

.product-toolbar > [class*="col-"] {
  margin-bottom: 0 !important;
}

.product-toolbar .mb-3 {
  margin-bottom: 0 !important;
}

.product-toolbar #compare-total {
  min-height: 38px;
  border: 0;
  border-radius: .72rem;
  background: #eff8fd;
  color: #0078b6;
  font-size: .76rem;
  font-weight: 800;
  box-shadow: none;
}

.product-toolbar #compare-total:hover {
  background: #e2f3fb;
  color: #006a9d;
}

.product-toolbar .btn-group {
  padding: .15rem;
  border: 1px solid #e7ebf0;
  border-radius: .72rem;
  background: #f8fafc;
}

.product-toolbar #button-list,
.product-toolbar #button-grid {
  min-width: 34px;
  min-height: 32px;
  border: 0;
  border-radius: .55rem !important;
  color: #64748b;
  background: transparent;
}

.product-toolbar #button-list.active,
.product-toolbar #button-grid.active,
.product-toolbar #button-list:hover,
.product-toolbar #button-grid:hover {
  color: #008acb;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}

.product-toolbar .input-group {
  min-height: 38px;
}

.product-toolbar .input-group-text {
  border-color: #e7ebf0;
  border-radius: .72rem 0 0 .72rem;
  background: #f8fafc;
  color: #64748b;
  font-size: .74rem;
  font-weight: 800;
}

.product-toolbar .form-select {
  border-color: #e7ebf0;
  border-radius: 0 .72rem .72rem 0;
  color: #334155;
  font-size: .78rem;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .product-toolbar {
    padding: .6rem;
  }
}


/* Premium global shell: header, search, menu, breadcrumbs and footer */
:root {
  --store-blue: #0b5ed7;
  --store-blue-dark: #073f91;
  --store-blue-soft: #eaf2ff;
  --store-ink: #0f172a;
  --store-muted: #64748b;
  --store-border: #dbe5f2;
  --store-surface: #ffffff;
  --store-soft: #f5f8fc;
  --store-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  --store-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --store-font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html, body {
  background: #f4f7fb;
  color: var(--store-ink);
  font-family: var(--store-font-body);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: geometricPrecision;
}

body,
button,
input,
select,
textarea,
.dropdown-menu,
.tooltip,
.popover {
  font-family: var(--store-font-body);
}

a,
.btn,
.form-control,
.form-select,
.dropdown-item,
.nav-link,
.product-card,
.product-thumb,
.store-search,
.store-menu,
.store-footer,
.breadcrumb {
  font-family: var(--store-font-body);
}

h1, h2, h3,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.diten-hero h1,
.store-page-hero h1,
.cart-page-hero h1,
.checkout-hero h1,
#content > h1 {
  font-family: var(--store-font-display);
  font-weight: 800;
  letter-spacing: -.035em;
}

h4, h5, h6,
.product-card-title,
.product-card-price,
.product-price-list .price-new,
.store-footer h5,
.product-info h1,
#product-info h1,
#logo.store-logo h1,
.store-section-title,
.diten-section-title {
  font-family: var(--store-font-body);
}

.diten-kicker,
.store-topbar-message,
.product-card-brand,
.product-card-model,
.breadcrumb,
.btn,
.badge,
label {
  letter-spacing: .01em;
}

#container {
  background: linear-gradient(180deg, #f8fbff 0%, #f4f7fb 320px, #f4f7fb 100%);
}

#content {
  color: var(--store-ink);
}

#content h1,
#content h2,
#content h3 {
  color: var(--store-ink);
  letter-spacing: -.02em;
}

#top.store-topbar {
  background: #081c3a;
  border: none;
  color: rgba(255, 255, 255, .84);
  margin-bottom: 0;
  padding: 0;
}

.store-topbar .container {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.store-topbar-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.store-topbar-message {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #d9e7ff;
}

.store-topbar-switchers {
  display: none;
}

#top .store-topbar-links,
#top .store-topbar-switchers {
  margin: 0;
}

#top .store-topbar-links .list-inline-item {
  margin-left: .75rem;
}

#top .list-inline-item > a,
#top .list-inline-item .dropdown > a {
  color: rgba(255, 255, 255, .82);
  font-size: .86rem;
  line-height: 42px;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  transition: color .18s ease;
}

#top .list-inline-item > a:hover,
#top .list-inline-item .dropdown > a:hover {
  color: #ffffff;
}

#top .dropdown-menu {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  box-shadow: var(--store-shadow);
  padding: .45rem;
}

#top .dropdown-item {
  border-radius: 10px;
  font-size: .9rem;
  padding: .55rem .8rem;
}

.store-header {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(219, 229, 242, .9);
  padding: 1rem 0 .9rem;
  position: sticky;
  top: 0;
  z-index: 1020;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 26px rgba(15, 23, 42, .05);
}

#logo.store-logo {
  margin: 0;
  text-align: left;
}

#logo.store-logo img {
  max-height: 54px;
  max-width: 220px;
  object-fit: contain;
}

#logo.store-logo h1 {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 900;
  letter-spacing: -.04em;
}

#logo.store-logo h1 a {
  color: var(--store-ink);
  text-decoration: none;
}

.store-header-search .store-search {
  margin: 0 !important;
}

.store-search {
  position: relative;
  border: 1px solid var(--store-border);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
  overflow: hidden;
}

.store-search-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #7c8ca5;
  z-index: 3;
}

#search .store-search .form-control-lg,
.store-search .form-control-lg {
  height: 48px;
  border: none;
  padding: 0 1rem 0 2.7rem;
  font-size: .96rem;
  color: var(--store-ink);
  box-shadow: none;
}

.store-search .form-control::placeholder {
  color: #8a98ad;
}

#search .store-search .btn-lg,
.store-search .btn-lg {
  height: 48px;
  border-radius: 999px !important;
  margin: 0;
  padding: 0 1.35rem;
  border: 3px solid #fff;
  background: linear-gradient(135deg, var(--store-blue), #0a8cff);
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  text-shadow: none;
  box-shadow: none;
}

#cart.store-header-cart {
  margin-bottom: 0 !important;
}

#cart .store-cart-button {
  height: 48px;
  border: none;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  padding: 0 .95rem;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
  white-space: nowrap;
}

#cart .store-cart-button:hover {
  background: #16223a;
}

#cart .dropdown-menu {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  box-shadow: var(--store-shadow);
  margin-top: .6rem !important;
}

#menu.store-menu {
  background: #ffffff;
  background-image: none;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
  min-height: 52px;
  padding: .25rem .5rem;
  margin: 1rem 0 1.25rem;
}

#menu .store-menu-nav {
  width: 100%;
  gap: .15rem;
}

#menu .navbar-nav > li > a,
#menu .navbar-nav > li > .dropdown-item {
  color: #24324a;
  text-shadow: none;
  font-size: .92rem;
  font-weight: 800;
  border-radius: 999px;
  padding: .72rem .95rem;
  text-decoration: none;
}

#menu .navbar-nav > li > a:hover,
#menu .navbar-nav > li > .dropdown-item:hover,
#menu .navbar-nav > li.show > a {
  color: var(--store-blue);
  background: var(--store-blue-soft);
}

#menu .dropdown-menu.store-menu-dropdown {
  border: 1px solid var(--store-border);
  border-radius: 18px;
  box-shadow: var(--store-shadow);
  padding: .8rem;
  margin-top: .35rem;
  overflow: hidden;
}

#menu .dropdown-inner ul {
  min-width: 210px;
  padding: .15rem;
}

#menu .dropdown-item {
  border-radius: 12px;
  color: #334155;
  font-size: .9rem;
  padding: .55rem .75rem;
}

#menu .dropdown-item:hover {
  color: var(--store-blue);
  background: var(--store-blue-soft);
}

#menu .store-menu-all .dropdown-item {
  font-weight: 800;
  color: var(--store-blue);
}

#category {
  color: var(--store-ink);
  text-shadow: none;
  font-size: 1rem;
  line-height: 42px;
  display: flex !important;
  align-items: center;
  gap: .45rem;
}

#menu .navbar-toggler {
  margin-left: auto;
  border: none;
  border-radius: 12px;
  background: var(--store-blue-soft);
  padding: .5rem .7rem;
}

#menu .navbar-toggler i {
  color: var(--store-blue);
  border: none;
}

.breadcrumb {
  background: rgba(255,255,255,.82);
  border: 1px solid var(--store-border);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
  padding: .75rem 1rem;
  overflow-x: auto;
}

.breadcrumb > li.breadcrumb-item {
  text-shadow: none;
  padding: 0 .8rem 0 0;
  color: var(--store-muted);
  font-size: .9rem;
}

.breadcrumb > li.breadcrumb-item:after {
  display: none;
}

.breadcrumb > li.breadcrumb-item + li:before {
  content: '/';
  padding-right: .8rem;
  color: #a0aec0;
}

.breadcrumb a {
  color: #52627a;
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--store-blue);
}

footer.store-footer {
  border: none;
  position: absolute;
  bottom: -1px;
  width: 100%;
  padding: 2.2rem 0 1.6rem;
  background: radial-gradient(circle at top left, rgba(37, 99, 235, .28), transparent 36%), linear-gradient(135deg, #071932 0%, #0f172a 58%, #111827 100%);
  color: #dbeafe;
}

.store-footer-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 1.25rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.store-footer-brand strong {
  display: block;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -.03em;
}

.store-footer-brand span {
  color: #b9c7dc;
  font-size: .92rem;
}

.store-footer-contact {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .65rem .9rem;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: #fff !important;
  font-weight: 800;
}

footer.store-footer h5 {
  color: #ffffff;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .85rem;
}

footer.store-footer a {
  color: #cbd5e1;
  font-size: .93rem;
}

footer.store-footer a:hover {
  color: #ffffff;
}

footer.store-footer li + li {
  margin-top: .42rem;
}

footer.store-footer hr {
  border-color: rgba(255,255,255,.12);
  margin: 1.4rem 0 .9rem;
}

.store-footer-powered {
  color: #94a3b8;
  font-size: .86rem;
  margin: 0;
}

@media (max-width: 991.98px) {
  .store-topbar-left {
    justify-content: center;
  }
  .store-topbar .text-lg-end {
    text-align: center !important;
  }
  .store-header {
    position: static;
  }
  #logo.store-logo {
    text-align: center;
  }
  #menu.store-menu {
    margin-top: .75rem;
  }
  #menu .navbar-nav > li > a,
  #menu .navbar-nav > li > .dropdown-item {
    border-radius: 12px;
    padding: .7rem .8rem;
  }
  .store-footer-brand {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .store-topbar-message {
    font-size: .7rem;
    text-align: center;
  }
  #top .store-topbar-links .list-inline-item {
    margin: 0 .35rem;
  }
  #top .list-inline-item > a,
  #top .list-inline-item .dropdown > a {
    font-size: .82rem;
  }
  .store-header {
    padding: .85rem 0;
  }
  .store-search {
    border-radius: 18px;
  }
  #search .store-search .btn-lg,
  .store-search .btn-lg {
    padding: 0 .9rem;
  }
}


/* Premium search criteria panel */
.search-criteria-card {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
  padding: 1rem;
  margin-bottom: 1.15rem;
}

.search-criteria-card .col-form-label {
  color: var(--store-ink);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding-top: 0;
}

.search-criteria-card .form-control,
.search-criteria-card .form-select {
  border-color: var(--store-border);
  border-radius: 14px;
  min-height: 44px;
  box-shadow: none;
}

.search-criteria-card .form-control:focus,
.search-criteria-card .form-select:focus {
  border-color: rgba(11, 94, 215, .45);
  box-shadow: 0 0 0 .2rem rgba(11, 94, 215, .08);
}

.search-criteria-card .form-check-label {
  color: var(--store-muted);
  font-size: .9rem;
}

.search-criteria-card #button-search {
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--store-blue), #0a8cff);
  font-weight: 800;
  padding: .65rem 1.25rem;
  box-shadow: 0 10px 22px rgba(11, 94, 215, .22);
}


/* Premium product detail page */
#product-info .product-detail-shell {
  align-items: flex-start;
}

.product-gallery-card,
.product-summary-card {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .07);
}

.product-gallery-card {
  padding: 1.25rem;
  text-align: center;
}

.product-gallery-card > a:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.product-gallery-card .img-thumbnail {
  border: 1px solid rgba(219, 229, 242, .8);
  border-radius: 16px;
  box-shadow: none;
  max-height: 420px;
  object-fit: contain;
}

.product-gallery-card > div:not(:first-child) {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: center;
  margin-top: .75rem;
}

.product-gallery-card > div a img,
.product-gallery-card > div .img-thumbnail {
  width: 72px;
  height: 72px;
  object-fit: contain;
  background: #fff;
}

.product-summary-card {
  padding: 1.25rem;
}

.product-summary-card h1 {
  color: var(--store-ink);
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -.035em;
  margin-bottom: 1rem;
}

.product-meta-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem .7rem;
  margin-bottom: 1rem;
}

.product-meta-list li {
  background: #f8fbff;
  border: 1px solid var(--store-border);
  border-radius: 13px;
  color: #475569;
  font-size: .88rem;
  padding: .55rem .7rem;
}

.product-meta-list a {
  color: var(--store-blue);
  font-weight: 800;
  text-decoration: none;
}

.product-key-specs {
  border: 1px solid var(--store-border) !important;
  border-radius: 18px !important;
  box-shadow: none;
  overflow: hidden;
}

.product-key-specs .card-header {
  background: linear-gradient(135deg, #f8fbff, #eef5ff);
  border-bottom: 1px solid var(--store-border);
  color: var(--store-ink);
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.product-key-specs .fw-semibold {
  color: var(--store-ink);
}

.product-price-list {
  background: #f8fbff;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.product-price-list h2 {
  margin: 0;
}

.product-price-list .price-new {
  color: var(--store-blue);
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -.04em;
}

#product-info .btn-group .btn-light {
  border: 1px solid var(--store-border);
  border-radius: 999px !important;
  color: #52627a;
  margin-right: .45rem;
}

#product-info #product {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  padding: 1rem;
}

#product-info #product .input-group {
  border: 1px solid var(--store-border);
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
}

#product-info #product .input-group-text,
#product-info #product .form-control {
  border: none;
  background: #fff;
}

#product-info #button-cart {
  border: none;
  background: linear-gradient(135deg, var(--store-blue), #0a8cff);
  font-weight: 900;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}

.product-detail-tabs {
  border: none;
  gap: .5rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.product-detail-tabs .nav-link {
  border: 1px solid var(--store-border);
  border-radius: 999px;
  color: #52627a;
  font-weight: 800;
  background: #fff;
}

.product-detail-tabs .nav-link.active {
  color: #fff;
  background: var(--store-blue);
  border-color: var(--store-blue);
}

#product-info .tab-content {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 22px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .05);
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}

#product-info .tab-content .table {
  margin-bottom: 0;
}

#product-info .tab-content .table thead td {
  background: #f8fbff;
  color: var(--store-ink);
}

.diten-delivery-impact-card {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1.15rem 1.25rem;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.26), transparent 30%),
    linear-gradient(135deg, #022c35 0%, #04766d 46%, #00caa7 100%);
  border: 1px solid rgba(0, 202, 167, .45);
  border-radius: 24px;
  box-shadow: 0 22px 52px rgba(0, 104, 94, .24), inset 0 1px 0 rgba(255,255,255,.22);
  overflow: hidden;
}

.diten-delivery-impact-card::after {
  content: "";
  position: absolute;
  inset: auto -42px -56px auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .13);
}

.diten-delivery-impact-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 22px;
  color: #064e3b;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
  font-size: 1.35rem;
}

.diten-delivery-impact-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.diten-delivery-impact-copy span {
  display: block;
  margin-bottom: .2rem;
  color: rgba(255,255,255,.78);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.diten-delivery-impact-copy strong {
  display: block;
  color: #ffffff;
  font-size: clamp(1rem, 1.7vw, 1.28rem);
  font-weight: 950;
  line-height: 1.22;
}

.diten-delivery-impact-copy small {
  display: block;
  margin-top: .3rem;
  color: rgba(255,255,255,.82);
  font-size: .82rem;
  line-height: 1.35;
}

.diten-product-description-card {
  margin-top: 1rem;
  padding: 1.1rem 1.2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .94));
  border: 1px solid var(--store-border);
  border-radius: 22px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .06);
}

.diten-product-description-card__header {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .75rem;
  color: var(--store-ink);
}

.diten-product-description-card__header span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(0, 202, 167, .13);
  color: var(--store-blue);
}

.diten-product-description-card__header strong {
  font-size: .98rem;
  font-weight: 900;
}

.diten-product-description-card__body {
  color: #475569;
  font-size: .92rem;
  line-height: 1.65;
}

.diten-product-description-card__body p:last-child {
  margin-bottom: 0;
}

.diten-product-assurance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}

.diten-assurance-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: .75rem;
  align-items: flex-start;
  min-height: 132px;
  padding: 1rem;
  background: rgba(255, 255, 255, .92);
  border: 1px solid var(--store-border);
  border-radius: 20px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .055);
}

.diten-assurance-card.is-primary {
  background: linear-gradient(135deg, rgba(0, 202, 167, .12), rgba(255, 255, 255, .96));
  border-color: rgba(0, 202, 167, .28);
}

.diten-assurance-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(0, 202, 167, .13);
  color: var(--store-blue);
  font-size: 1.05rem;
}

.diten-assurance-card strong {
  display: block;
  color: var(--store-ink);
  font-size: .92rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: .35rem;
}

.diten-assurance-card p {
  margin: 0;
  color: #64748b;
  font-size: .82rem;
  line-height: 1.45;
}

@media (max-width: 1199.98px) {
  .diten-product-assurance-grid {
    grid-template-columns: 1fr;
  }

  .diten-delivery-impact-card {
    grid-template-columns: 54px 1fr;
    padding: 1rem;
    border-radius: 20px;
  }

  .diten-delivery-impact-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }

  .diten-assurance-card {
    min-height: 0;
  }
}

@media (max-width: 991.98px) {
  .product-gallery-card > a:first-child {
    min-height: 280px;
  }
  .product-meta-list {
    grid-template-columns: 1fr;
  }
}


/* Premium cart and checkout */
.mini-cart-menu {
  width: min(420px, calc(100vw - 24px));
  border: 1px solid var(--store-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18) !important;
  padding: 0 !important;
  overflow: hidden;
}

.mini-cart-header,
.mini-cart-actions,
.mini-cart-totals {
  padding: 1rem;
}

.mini-cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--store-border);
  background: linear-gradient(135deg, #f8fbff, #eef5ff);
}

.mini-cart-header strong {
  display: block;
  color: var(--store-ink);
  font-size: 1.05rem;
}

.mini-cart-kicker,
.cart-page-kicker,
.checkout-kicker {
  display: block;
  color: var(--store-blue);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mini-cart-header a,
.mini-cart-name,
.cart-item-name,
.checkout-confirm-product a {
  color: var(--store-ink);
  font-weight: 850;
  text-decoration: none;
}

.mini-cart-header a:hover,
.mini-cart-name:hover,
.cart-item-name:hover,
.checkout-confirm-product a:hover {
  color: var(--store-blue);
}

.mini-cart-products {
  max-height: 360px;
  overflow: auto;
}

.mini-cart-product {
  display: grid;
  grid-template-columns: 72px 1fr 34px;
  gap: .75rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid #edf2f7;
}

.mini-cart-thumb img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border: 1px solid var(--store-border);
  border-radius: 14px;
  background: #fff;
}

.mini-cart-info {
  min-width: 0;
}

.mini-cart-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .9rem;
  line-height: 1.25;
}

.mini-cart-meta {
  color: var(--store-muted);
  font-size: .78rem;
  margin-top: .15rem;
}

.mini-cart-line {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .45rem;
  color: var(--store-muted);
  font-size: .86rem;
}

.mini-cart-line strong {
  color: var(--store-blue);
}

.mini-cart-remove {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #fff1f2;
  color: #e11d48;
  padding: 0;
}

.mini-cart-total-row,
.cart-summary-row,
.checkout-confirm-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #475569;
  padding: .4rem 0;
}

.mini-cart-total-final,
.cart-summary-final,
.checkout-confirm-final {
  margin-top: .45rem;
  padding-top: .75rem;
  border-top: 1px solid var(--store-border);
  color: var(--store-ink);
  font-size: 1.08rem;
}

.mini-cart-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  border-top: 1px solid var(--store-border);
  background: #f8fbff;
}

.mini-cart-actions .btn,
.cart-checkout-btn,
.cart-continue-btn {
  border-radius: 999px;
  font-weight: 850;
}

.mini-cart-actions .btn-primary,
.cart-checkout-btn,
.checkout-page .btn-primary {
  border: none;
  background: linear-gradient(135deg, var(--store-blue), #0a8cff);
  box-shadow: 0 12px 24px rgba(11, 94, 215, .18);
}

.mini-cart-empty,
.cart-empty-state {
  padding: 2rem 1.25rem;
  text-align: center;
}

.mini-cart-empty-icon,
.cart-empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--store-blue-soft);
  color: var(--store-blue);
  font-size: 1.4rem;
  margin-bottom: .75rem;
}

.cart-page-hero,
.checkout-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(135deg, #0f172a, #0b5ed7);
  border-radius: 26px;
  color: #fff;
  padding: 1.35rem 1.5rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 22px 54px rgba(15, 23, 42, .16);
}

.cart-page-hero h1,
.checkout-hero h1 {
  color: #fff !important;
  margin: .1rem 0 .35rem;
  font-weight: 950;
}

.cart-page-hero p,
.checkout-hero p {
  color: rgba(255,255,255,.78);
  margin: 0;
}

.cart-page-hero .cart-page-kicker,
.checkout-hero .checkout-kicker {
  color: #bfdbfe;
}

.cart-page-trust,
.checkout-trust {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-weight: 850;
  padding: .7rem .95rem;
}

.cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 1.1rem;
  align-items: start;
}

.cart-items-card,
.cart-summary-card,
.cart-modules-card,
.checkout-card,
.checkout-confirm-table {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .07);
}

.cart-items-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--store-border);
}

.cart-items-header strong,
.cart-summary-card h2,
.checkout-confirm-header strong {
  color: var(--store-ink);
}

.cart-items-header span,
.checkout-confirm-header span {
  color: var(--store-muted);
}

.cart-item-row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 190px 110px 120px;
  gap: .95rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid #edf2f7;
}

.cart-item-row:last-child {
  border-bottom: none;
}

.cart-item-image img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  background: #fff;
}

.cart-item-name {
  display: block;
  line-height: 1.3;
}

.cart-item-meta {
  color: var(--store-muted);
  font-size: .82rem;
  margin-top: .2rem;
}

.cart-item-qty .input-group {
  border: 1px solid var(--store-border);
  border-radius: 999px;
  overflow: hidden;
}

.cart-item-qty .form-control,
.cart-item-qty .btn {
  border: none;
}

.cart-item-qty .form-control {
  text-align: center;
}

.cart-item-price span,
.cart-item-total span {
  display: block;
  color: var(--store-muted);
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cart-item-price strong,
.cart-item-total strong {
  color: var(--store-ink);
}

.cart-summary-card {
  padding: 1.1rem;
  position: sticky;
  top: 112px;
}

.cart-summary-card h2 {
  font-size: 1.25rem;
  font-weight: 950;
  margin: .15rem 0 .8rem;
}

.cart-checkout-btn,
.cart-continue-btn {
  display: block;
  width: 100%;
  margin-top: .75rem;
  padding: .78rem 1rem;
}

.cart-modules-card {
  margin-top: 1.1rem;
  padding: 1.1rem;
}

.checkout-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .7rem;
  margin-bottom: 1.15rem;
}

.checkout-step {
  display: flex;
  align-items: center;
  gap: .55rem;
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 999px;
  color: #52627a;
  font-weight: 850;
  padding: .65rem .85rem;
}

.checkout-step span {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef5ff;
  color: var(--store-blue);
  font-size: .82rem;
}

.checkout-step.active {
  color: var(--store-blue);
  border-color: rgba(11, 94, 215, .28);
  background: #f8fbff;
}

.checkout-card {
  padding: 1.1rem;
  margin-bottom: 1rem;
}

.checkout-card fieldset {
  margin: 0;
}

.checkout-card legend {
  color: var(--store-ink);
  border: none;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -.02em;
}

.checkout-card .form-label,
.checkout-card .form-check-label {
  color: #334155;
  font-weight: 750;
}

.checkout-card .form-control,
.checkout-card .form-select,
.checkout-card textarea {
  border-color: var(--store-border);
  border-radius: 14px;
  min-height: 44px;
  box-shadow: none;
}

.checkout-card .input-group {
  border: 1px solid var(--store-border);
  border-radius: 999px;
  overflow: hidden;
}

.checkout-card .input-group .form-control,
.checkout-card .input-group .input-group-text,
.checkout-card .input-group .btn {
  border: none;
}

.checkout-confirm-table {
  box-shadow: none;
  overflow: hidden;
}

.checkout-confirm-header {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--store-border);
  background: #f8fbff;
}

.checkout-confirm-product {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid #edf2f7;
}

.checkout-confirm-meta {
  color: var(--store-muted);
  font-size: .82rem;
  margin-top: .15rem;
}

.checkout-confirm-total {
  color: var(--store-blue);
  white-space: nowrap;
}

.checkout-confirm-totals {
  padding: .85rem 1rem;
}

.checkout-confirm-action {
  margin-top: 1rem;
}

.modal-content {
  border: 1px solid var(--store-border);
  border-radius: 22px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, .2);
}

.modal-header {
  background: linear-gradient(135deg, #f8fbff, #eef5ff);
  border-bottom-color: var(--store-border);
  border-radius: 22px 22px 0 0;
}

@media (max-width: 1199.98px) {
  .cart-layout {
    grid-template-columns: 1fr;
  }
  .cart-summary-card {
    position: static;
  }
  .cart-item-row {
    grid-template-columns: 88px minmax(0, 1fr) 180px;
  }
  .cart-item-price,
  .cart-item-total {
    grid-column: span 1;
  }
}

@media (max-width: 767.98px) {
  .cart-page-hero,
  .checkout-hero {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 20px;
  }
  .checkout-steps {
    grid-template-columns: 1fr 1fr;
  }
  .cart-item-row {
    grid-template-columns: 82px minmax(0, 1fr);
  }
  .cart-item-qty,
  .cart-item-price,
  .cart-item-total {
    grid-column: 1 / -1;
  }
  .mini-cart-actions {
    grid-template-columns: 1fr;
  }
}


/* Diten.mx brand alignment */
:root {
  --store-blue: #00a884;
  --store-blue-dark: #05765f;
  --store-blue-soft: #e7fff8;
  --store-ink: #101214;
}

#top.store-topbar {
  background: #0b0d10;
}

.store-topbar-message {
  color: #d6fff3;
}

.store-header {
  background: #ffffff;
}

#menu.store-menu {
  background: #0b0d10;
  border-color: #0b0d10;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .12);
}

#menu .navbar-nav > li > a,
#menu .navbar-nav > li > .dropdown-item,
#category {
  color: #ffffff;
}

#menu .navbar-nav > li > a:hover,
#menu .navbar-nav > li > .dropdown-item:hover,
#menu .navbar-nav > li.show > a {
  color: #00d69f;
  background: rgba(0, 214, 159, .12);
}

#menu .navbar-toggler {
  background: rgba(0, 214, 159, .12);
}

#menu .navbar-toggler i {
  color: #00d69f;
}

.store-search {
  border-radius: 18px;
}

#search .store-search .btn-lg,
.store-search .btn-lg,
.product-card .product-card-primary-cta,
.cart-checkout-btn,
.checkout-page .btn-primary,
.search-criteria-card #button-search,
#product-info #button-cart {
  background: linear-gradient(135deg, #00a884, #00d69f) !important;
  color: #07110e !important;
  font-weight: 950;
}

.product-card-brand,
.cart-summary-card h2,
.checkout-confirm-total,
.product-price-list .price-new,
.product-card-price,
.mini-cart-line strong {
  color: #006d57 !important;
}

.store-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  justify-content: flex-end;
}

footer.store-footer {
  background: radial-gradient(circle at top left, rgba(0, 214, 159, .22), transparent 34%), linear-gradient(135deg, #050607 0%, #0b0d10 62%, #111827 100%);
}

.store-footer-contact {
  background: rgba(0, 214, 159, .12);
}

.store-footer-brand strong::after {
  content: '';
  display: block;
  width: 52px;
  height: 4px;
  margin-top: .35rem;
  border-radius: 999px;
  background: #00d69f;
}

@media (max-width: 991.98px) {
  .store-footer-actions {
    justify-content: flex-start;
  }
}


/* Diten.mx replacement home */
.diten-home {
  background: #f4f7f8;
}

.diten-hero {
  margin-top: -1px;
  padding: 3.2rem 0 2.6rem;
  background:
    radial-gradient(circle at 80% 10%, rgba(0, 214, 159, .26), transparent 34%),
    linear-gradient(135deg, #050607 0%, #111827 52%, #050607 100%);
  color: #fff;
}

.diten-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: 2rem;
  align-items: center;
}

.diten-kicker {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #007a5f;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.diten-hero h1 {
  max-width: 820px;
  margin: .65rem 0 1rem;
  font-size: clamp(2rem, 4.4vw, 4.15rem);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.055em;
}

.diten-hero p {
  max-width: 680px;
  color: #d7e2e8;
  font-size: 1.08rem;
  line-height: 1.7;
}

.diten-hero-actions,
.diten-configurator-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 1.35rem;
}

.diten-hero-actions .btn-primary,
.diten-configurator-actions .btn-primary {
  background: linear-gradient(135deg, #00a884, #00d69f) !important;
  border-color: transparent !important;
  color: #07110e !important;
  font-weight: 950;
}

.diten-hero-actions .btn-outline-light {
  border-color: rgba(255,255,255,.35);
  color: #fff;
  font-weight: 850;
}

.diten-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.4rem;
}

.diten-hero-trust span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: #dffcf4;
  font-weight: 800;
  font-size: .88rem;
}

.diten-hero-panel,
.diten-configurator-card {
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
}

.diten-panel-label {
  display: block;
  margin-bottom: .8rem;
  color: #b9c7dc;
  font-weight: 900;
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .08em;
}

.diten-hero-category-list {
  display: grid;
  gap: .7rem;
}

.diten-hero-category-list a {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .86rem .95rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-weight: 900;
}

.diten-hero-category-list i,
.diten-category-card i,
.diten-benefit-grid i {
  color: #00d69f;
}

.diten-hero-note {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 20px;
  background: rgba(0, 214, 159, .14);
}

.diten-hero-note strong,
.diten-hero-note span {
  display: block;
}

.diten-hero-note span {
  color: #d6fff3;
  font-size: .92rem;
  margin-top: .25rem;
}

.diten-section {
  padding: 2.5rem 0;
}

.diten-section-heading {
  max-width: 760px;
  margin-bottom: 1.25rem;
}

.diten-section-heading.compact {
  margin-bottom: .85rem;
}

.diten-section-heading h2,
.diten-configurator-card h2 {
  margin: .3rem 0 .35rem;
  color: #101214;
  font-size: clamp(1.65rem, 3vw, 2.55rem);
  font-weight: 950;
  letter-spacing: -.035em;
}

.diten-section-heading p,
.diten-configurator-card p {
  color: #64748b;
  margin: 0;
}

.diten-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.diten-category-card,
.diten-benefit-grid > div {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  padding: 1.2rem;
  min-height: 170px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07);
  color: #101214;
}

.diten-category-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,168,132,.38);
  box-shadow: 0 20px 50px rgba(0, 168, 132, .12);
}

.diten-category-card i,
.diten-benefit-grid i {
  font-size: 1.7rem;
}

.diten-category-card strong,
.diten-benefit-grid strong {
  font-size: 1.05rem;
  font-weight: 950;
}

.diten-category-card span,
.diten-benefit-grid span {
  color: #64748b;
  font-size: .92rem;
  line-height: 1.45;
}

.diten-benefits {
  padding-top: .7rem;
}

.diten-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.diten-benefit-grid > div {
  min-height: 145px;
}

.diten-configurators {
  padding-top: .7rem;
}

.diten-configurator-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  background: #fff;
  border-color: #dbe5ea;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}

.diten-configurator-actions {
  margin-top: 0;
  justify-content: flex-end;
}

.diten-brand-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.diten-brand-strip a {
  padding: .7rem 1rem;
  border: 1px solid #dbe5ea;
  border-radius: 999px;
  background: #fff;
  color: #101214;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.diten-brand-strip a:hover {
  color: #006d57;
  border-color: rgba(0,168,132,.45);
}

.diten-social-links {
  display: flex;
  gap: .55rem;
  margin-top: .9rem;
}

.diten-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(0,214,159,.13);
  color: #00d69f !important;
}

.diten-social-links a:hover {
  background: #00d69f;
  color: #07110e !important;
}

@media (max-width: 991.98px) {
  .diten-hero-grid,
  .diten-category-grid,
  .diten-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .diten-configurator-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  html,
  body,
  #container {
    overflow-x: clip;
  }
  .diten-hero {
    padding: 2rem 0;
  }
  .diten-hero-grid,
  .diten-category-grid,
  .diten-benefit-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .diten-hero-grid > *,
  .diten-hero-copy,
  .diten-hero-panel,
  .diten-section-heading {
    min-width: 0;
    max-width: 100%;
  }
  .diten-kicker {
    align-items: flex-start;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }
  .diten-hero h1 {
    max-width: 100%;
    font-size: clamp(2rem, 9vw, 2.85rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }
  .diten-hero p {
    width: 100%;
    max-width: min(100%, 34ch);
    font-size: .94rem;
    line-height: 1.58;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: manual;
  }
  .diten-hero-actions .btn,
  .diten-configurator-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .diten-hero-trust span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .store-topbar-message {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.3;
    justify-content: center;
    text-align: center;
  }
  .diten-category-card,
  .diten-benefit-grid > div {
    min-height: auto;
  }
}


/* Premium Diten category menu */
#menu.diten-category-menu {
  position: relative;
  z-index: 80;
  padding: .55rem;
  border: 1px solid rgba(0, 214, 159, .22);
  border-radius: 22px;
  background: linear-gradient(135deg, #080a0c 0%, #101418 100%);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .16);
  margin: 1rem 0 1.35rem;
}

.diten-menu-shell {
  display: flex;
  align-items: stretch;
  gap: .65rem;
  width: 100%;
  min-width: 0;
}

.diten-menu-all {
  flex: 0 0 auto;
}

.diten-menu-all-button {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 52px;
  padding: .55rem 1rem .55rem .65rem;
  border: 1px solid rgba(0, 214, 159, .32);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0, 214, 159, .18), rgba(0, 168, 132, .08));
  color: #fff;
  text-decoration: none;
}

.diten-menu-all-button:hover,
.diten-menu-all.show .diten-menu-all-button {
  color: #fff;
  background: linear-gradient(135deg, rgba(0, 214, 159, .28), rgba(0, 168, 132, .16));
}

.diten-menu-all-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #00d69f;
  color: #07110e;
}

.diten-menu-all-button strong,
.diten-menu-all-button small {
  display: block;
  line-height: 1.05;
}

.diten-menu-all-button strong {
  font-size: .94rem;
  font-weight: 950;
}

.diten-menu-all-button small {
  margin-top: .2rem;
  color: #b7fff0;
  font-weight: 750;
  font-size: .72rem;
}

#menu .diten-menu-quick {
  display: flex;
  flex-wrap: nowrap;
  gap: .28rem;
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
  min-width: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,214,159,.45) transparent;
  padding-bottom: .05rem;
}

#menu .diten-menu-quick::-webkit-scrollbar {
  height: 4px;
}

#menu .diten-menu-quick::-webkit-scrollbar-thumb {
  background: rgba(0,214,159,.45);
  border-radius: 99px;
}

#menu .diten-menu-item {
  flex: 0 0 auto;
}

#menu .diten-menu-link,
#menu .navbar-nav > li > a.diten-menu-link,
#menu .navbar-nav > li > .dropdown-item.diten-menu-link {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-height: 52px;
  padding: .74rem .86rem;
  border-radius: 16px;
  color: #edf7f4;
  background: transparent;
  text-shadow: none;
  white-space: nowrap;
  font-size: .88rem;
  font-weight: 900;
}

#menu .diten-menu-link i {
  color: #00d69f;
  font-size: .95rem;
}

#menu .diten-menu-link:hover,
#menu .diten-menu-item.show > .diten-menu-link {
  color: #07110e;
  background: #00d69f;
}

#menu .diten-menu-link:hover i,
#menu .diten-menu-item.show > .diten-menu-link i {
  color: #07110e;
}

#menu .dropdown-menu.diten-mega-menu {
  left: 0;
  right: 0;
  width: min(1180px, calc(100vw - 2rem));
  max-height: min(72vh, 720px);
  overflow-y: auto;
  padding: 1rem;
  margin-top: .7rem;
  border: 1px solid rgba(0, 214, 159, .18);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(0,0,0,.22);
}

.diten-mega-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .65rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 1rem;
}

.diten-mega-header span {
  display: block;
  color: #00a884;
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 950;
}

.diten-mega-header strong {
  display: block;
  color: #101214;
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: -.03em;
}

.diten-mega-search-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .65rem .9rem;
  border-radius: 999px;
  background: #e7fff8;
  color: #006d57;
  font-weight: 950;
}

.diten-mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.diten-mega-card {
  padding: .95rem;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.diten-mega-card-title {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #101214;
  font-weight: 950;
  text-decoration: none;
}

.diten-mega-card-title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #e7fff8;
  color: #00a884;
}

.diten-mega-child-list {
  margin: .75rem 0 .7rem;
}

.diten-mega-child-list li + li {
  margin-top: .28rem;
}

.diten-mega-child-list a {
  display: block;
  color: #64748b;
  font-size: .86rem;
  line-height: 1.3;
}

.diten-mega-child-list a:hover,
.diten-mega-view-all:hover,
.diten-subcategory-link:hover {
  color: #006d57;
}

.diten-mega-view-all {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #00a884;
  font-weight: 950;
  font-size: .86rem;
}

#menu .dropdown-menu.diten-subcategory-menu {
  min-width: 360px;
  max-width: min(720px, calc(100vw - 2rem));
  padding: .85rem;
  border: 1px solid rgba(0, 214, 159, .18);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.20);
  margin-top: .65rem;
}

.diten-subcategory-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .25rem .25rem .75rem;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: .75rem;
}

.diten-subcategory-header span {
  color: #101214;
  font-weight: 950;
}

.diten-subcategory-header a {
  color: #00a884;
  font-weight: 900;
  font-size: .85rem;
}

.diten-subcategory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}

.diten-subcategory-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  padding: .65rem .75rem;
  border-radius: 14px;
  color: #334155;
  background: #f8fafc;
  font-weight: 850;
  font-size: .88rem;
  text-decoration: none;
}

.diten-subcategory-link i {
  color: #94a3b8;
  font-size: .75rem;
}

.diten-subcategory-link:hover {
  background: #e7fff8;
}

.diten-menu-mobile-title {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #fff;
  font-weight: 950;
}

@media (min-width: 992px) {
  #menu.diten-category-menu .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 991.98px) {
  #menu.diten-category-menu {
    padding: .7rem;
  }
  .diten-menu-collapse {
    width: 100%;
    margin-top: .65rem;
  }
  .diten-menu-shell {
    flex-direction: column;
  }
  .diten-menu-all-button {
    width: 100%;
  }
  #menu .diten-menu-quick {
    flex-direction: column;
    overflow: visible;
    gap: .35rem;
  }
  #menu .diten-menu-link,
  #menu .navbar-nav > li > a.diten-menu-link {
    width: 100%;
    justify-content: flex-start;
    white-space: normal;
    color: #edf7f4;
    background: rgba(255,255,255,.06);
  }
  #menu .dropdown-menu.diten-mega-menu,
  #menu .dropdown-menu.diten-subcategory-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    min-width: 0;
    max-width: none;
    max-height: none;
    margin: .4rem 0;
  }
  .diten-mega-grid,
  .diten-subcategory-grid {
    grid-template-columns: 1fr;
  }
  .diten-mega-header {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Diten category menu overflow fix */
.diten-menu-collapse {
  min-width: 0;
  width: 100%;
}

.diten-menu-shell {
  min-width: 0;
}

#menu .diten-menu-quick {
  flex: 1 1 auto;
  justify-content: flex-start;
  overflow: visible;
}

@media (min-width: 1200px) {
  #menu .diten-menu-link,
  #menu .navbar-nav > li > a.diten-menu-link {
    padding-left: .78rem;
    padding-right: .78rem;
    font-size: .84rem;
  }
}


/* Diten home contrast polish */
.diten-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 10px 35px rgba(0,0,0,.34);
}

.diten-hero-copy > p {
  color: #e8f3f1 !important;
}


/* Compact mega category dropdown */
@media (min-width: 1200px) {
  .diten-mega-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
  }
  .diten-mega-card {
    padding: .72rem;
    border-radius: 17px;
  }
  .diten-mega-card-title {
    gap: .45rem;
    font-size: .9rem;
  }
  .diten-mega-card-title i {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }
  .diten-mega-child-list {
    margin: .5rem 0 .45rem;
  }
  .diten-mega-child-list a {
    font-size: .8rem;
  }
  #menu .dropdown-menu.diten-mega-menu {
    padding: .78rem;
    max-height: calc(100vh - 210px);
  }
  .diten-mega-header {
    padding-bottom: .65rem;
    margin-bottom: .65rem;
  }
  .diten-mega-header strong {
    font-size: 1.22rem;
  }
}


/* Mega menu no-cut compact department cards */
#menu .diten-mega-menu .diten-mega-child-list {
  display: none !important;
}

#menu .diten-mega-menu .diten-mega-card {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .55rem;
}

#menu .diten-mega-menu .diten-mega-view-all {
  margin-left: 2.65rem;
}

@media (min-width: 992px) {
  #menu .dropdown-menu.diten-mega-menu {
    max-height: none;
    overflow: visible;
  }
  .diten-mega-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}


/* Search autocomplete with product suggestions */
.search-autocomplete {
  z-index: 120;
}

.search-autocomplete-clear {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  border: 0;
  color: #64748b;
  background: transparent;
  z-index: 3;
}

.search-autocomplete-clear.is-visible {
  display: inline-flex;
}

.search-suggestions {
  position: absolute;
  top: calc(100% + .55rem);
  left: 0;
  right: 0;
  display: none;
  overflow: hidden;
  border: 1px solid rgba(0, 214, 159, .18);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 28px 90px rgba(0,0,0,.22);
  z-index: 500;
}

.search-suggestions.is-open {
  display: block;
}

.search-suggestions-header {
  display: flex;
  align-items: baseline;
  gap: .45rem;
  padding: .9rem 1rem .65rem;
  border-bottom: 1px solid #e2e8f0;
}

.search-suggestions-header span {
  color: #64748b;
  font-size: .82rem;
  font-weight: 850;
}

.search-suggestions-header strong {
  color: #101214;
  font-weight: 950;
}

.search-suggestions-products {
  max-height: min(58vh, 520px);
  overflow-y: auto;
  padding: .45rem;
}

.search-suggestion-product {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  padding: .65rem;
  border-radius: 18px;
  text-decoration: none;
  color: #101214;
}

.search-suggestion-product:hover,
.search-suggestion-product:focus {
  background: #e7fff8;
  outline: none;
}

.search-suggestion-thumb {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
}

.search-suggestion-thumb img {
  max-width: 58px;
  max-height: 58px;
  object-fit: contain;
}

.search-suggestion-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .18rem;
}

.search-suggestion-info strong {
  overflow: hidden;
  color: #111827;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-suggestion-info small {
  color: #64748b;
  font-weight: 800;
}

.search-suggestion-info em {
  font-style: normal;
  font-size: .78rem;
  font-weight: 950;
}

.search-suggestion-info em.in-stock {
  color: #05765f;
}

.search-suggestion-info em.out-stock {
  color: #b45309;
}

.search-suggestion-price {
  min-width: 112px;
  text-align: right;
}

.search-suggestion-price small {
  display: block;
  color: #94a3b8;
  text-decoration: line-through;
  font-size: .75rem;
}

.search-suggestion-price strong {
  display: block;
  color: #006d57;
  font-weight: 950;
  white-space: nowrap;
}

.search-suggestions-categories {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  padding: .7rem 1rem;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.search-suggestions-categories span {
  color: #64748b;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.search-suggestions-categories a {
  padding: .35rem .55rem;
  border-radius: 999px;
  background: #ffffff;
  color: #006d57;
  font-weight: 900;
  font-size: .82rem;
}

.search-suggestions-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .85rem 1rem;
  background: #0b0d10;
  color: #ffffff !important;
  font-weight: 950;
  text-decoration: none;
}

.search-suggestions-state,
.search-suggestions-empty {
  padding: 1rem;
  color: #64748b;
}

.search-suggestions-empty strong,
.search-suggestions-empty span,
.search-suggestions-empty a {
  display: block;
}

.search-suggestions-empty strong {
  color: #101214;
  margin-bottom: .25rem;
}

.search-suggestions-empty a {
  margin-top: .65rem;
  color: #006d57;
  font-weight: 950;
}

@media (max-width: 767.98px) {
  .search-suggestions {
    position: fixed;
    left: .75rem;
    right: .75rem;
    top: 9.5rem;
    max-height: calc(100vh - 10.5rem);
    overflow-y: auto;
  }
  .search-suggestion-product {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .search-suggestion-thumb {
    width: 58px;
    height: 58px;
  }
  .search-suggestion-price {
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }
}


/* Search autocomplete visibility fix */
.store-search.search-autocomplete {
  overflow: visible !important;
}

.store-header,
.store-header .container,
.store-header .row,
.store-header-search,
#search {
  overflow: visible !important;
}

.store-header-search {
  position: relative;
  z-index: 130;
}



/* Diten premium global polish for remaining native OpenCart pages */
body {
  background: #f5f7fb;
  color: var(--store-ink);
}

#common-home {
  background: #fff;
}

.store-page,
#checkout-cart,
#checkout-checkout,
#account-login,
#account-register,
#account-account,
#account-wishlist,
#account-order,
#account-address,
#information-contact,
#information-information,
#error-not-found,
#product-compare,
#product-special,
#product-manufacturer {
  padding-top: 1.2rem;
  padding-bottom: 2.5rem;
}

.breadcrumb,
.store-breadcrumb {
  background: rgba(255,255,255,.82);
  border: 1px solid var(--store-border);
  border-radius: 999px;
  padding: .62rem .9rem;
  margin: 0 0 1rem;
  box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.breadcrumb .breadcrumb-item,
.breadcrumb a {
  color: #64748b;
  font-weight: 750;
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--store-blue);
}

.store-page-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top right, rgba(0,216,159,.28), transparent 34%), linear-gradient(135deg, #0b0d10, #0f172a 72%, #063b32);
  border-radius: 28px;
  color: #fff;
  padding: clamp(1.35rem, 3vw, 2.3rem);
  margin-bottom: 1.2rem;
  box-shadow: 0 22px 54px rgba(15,23,42,.18);
}

.store-page-kicker {
  display: block;
  color: #98f5dc;
  font-size: .73rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .35rem;
}

.store-page-hero h1,
.store-page-hero h2 {
  color: #fff !important;
  font-weight: 950;
  letter-spacing: -.035em;
  margin: 0 0 .45rem;
}

.store-page-hero p {
  color: rgba(255,255,255,.78);
  max-width: 760px;
  margin: 0;
}

.store-content-card,
#content > .card,
#content > form:not(#form-product):not(#form-contact),
.account-content-card,
.information-content-card {
  background: #fff;
  border: 1px solid var(--store-border);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(15,23,42,.07);
  padding: clamp(1rem, 2vw, 1.45rem);
}

.information-content-card h1,
.information-content-card h2,
.information-content-card h3,
.store-content-card h2,
.store-content-card h3 {
  color: var(--store-ink);
  font-weight: 950;
  letter-spacing: -.025em;
}

.information-content-card p,
.information-content-card li,
.store-content-card p,
.store-content-card li {
  color: #475569;
  line-height: 1.72;
}

.btn-primary,
.btn-info,
.checkout-page .btn-primary,
.contact-submit-btn,
#button-login,
#button-register,
#button-shipping-methods,
#button-payment-methods,
#button-confirm {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #00a884, #00d69f) !important;
  color: #07110e !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 24px rgba(0,168,132,.18) !important;
}

.btn-primary:hover,
.btn-info:hover,
.contact-submit-btn:hover,
#button-login:hover,
#button-register:hover,
#button-shipping-methods:hover,
#button-payment-methods:hover,
#button-confirm:hover {
  filter: brightness(.97);
  transform: translateY(-1px);
}

.btn-danger,
.btn-outline-danger {
  border-radius: 999px !important;
}

.btn-light,
.btn-secondary,
.btn-outline-secondary,
.btn-outline-primary {
  border-radius: 999px !important;
  font-weight: 850 !important;
}

.form-control,
.form-select {
  border-color: var(--store-border);
  border-radius: 14px;
  min-height: 44px;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(0,168,132,.52);
  box-shadow: 0 0 0 .18rem rgba(0,168,132,.14) !important;
}

.form-label,
.col-form-label,
legend {
  color: #334155;
  font-weight: 850;
}

.required .form-label:before,
.required .col-form-label:before {
  color: #e11d48;
}

.alert {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 14px 28px rgba(15,23,42,.08);
}

.alert-danger {
  background: #fff1f2;
  color: #9f1239;
}

.alert-success {
  background: #ecfdf5;
  color: #065f46;
}

.alert-info {
  background: #eff6ff;
  color: #1d4ed8;
}

/* Contact page */
.contact-grid {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: 1.1rem;
  align-items: start;
}

.contact-info-card h2,
.contact-form-card h2 {
  margin: .1rem 0 .75rem;
}

.contact-info-list {
  display: grid;
  gap: .75rem;
}

.contact-info-item {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  padding: .85rem;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  background: #f8fafc;
  color: #334155;
  text-decoration: none;
}

.contact-info-item i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--store-blue-soft);
  color: var(--store-blue-dark);
  flex: 0 0 auto;
}

.contact-info-item strong,
.contact-info-item span {
  display: block;
}

.contact-info-item span {
  color: #64748b;
  line-height: 1.55;
}

.contact-store-image {
  max-width: 160px;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  padding: .75rem;
  background: #fff;
}

.contact-submit-btn {
  width: 100%;
  min-height: 48px;
}

/* Cart/checkout refinements */
.cart-modules-card {
  margin-bottom: 1.4rem;
}

.cart-modules-header h2 {
  margin: .2rem 0 .25rem;
  font-weight: 950;
  color: var(--store-ink);
}

.cart-modules-header p {
  color: #64748b;
  margin-bottom: 1rem;
}

.premium-accordion .accordion-item,
.cart-modules-card .accordion-item {
  border: 1px solid var(--store-border) !important;
  border-radius: 18px !important;
  overflow: hidden;
  margin-bottom: .75rem;
  box-shadow: 0 10px 22px rgba(15,23,42,.04);
}

.premium-accordion .accordion-button,
.cart-modules-card .accordion-button {
  background: #f8fafc;
  color: var(--store-ink);
  font-weight: 900;
  box-shadow: none !important;
}

.premium-accordion .accordion-button:not(.collapsed),
.cart-modules-card .accordion-button:not(.collapsed) {
  background: var(--store-blue-soft);
  color: var(--store-blue-dark);
}

.cart-stock-note {
  display: block;
  margin-top: .55rem;
  color: #9f1239;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.4;
}

.cart-item-qty .btn-primary {
  background: #e7fff8 !important;
  color: #05765f !important;
  box-shadow: none !important;
}

.cart-item-qty .btn-outline-danger {
  background: #fff1f2 !important;
  color: #be123c !important;
  border-color: #ffe4e6 !important;
}

.checkout-page #form-register > p:first-child {
  padding: .85rem 1rem;
  border-radius: 16px;
  background: #f8fafc;
  color: #64748b;
  border: 1px solid var(--store-border);
}

.checkout-page .form-check-inline {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border: 1px solid var(--store-border);
  border-radius: 18px;
  padding: .75rem .95rem;
  background: #fff;
  margin-right: .55rem;
  margin-bottom: .55rem;
}

.checkout-page .form-check-input:checked {
  background-color: var(--store-blue);
  border-color: var(--store-blue);
}

.checkout-card textarea#input-comment {
  min-height: 96px;
}

.checkout-card #button-shipping-methods,
.checkout-card #button-payment-methods {
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}

.checkout-confirm-product {
  align-items: flex-start;
}

.checkout-confirm-action .btn,
#button-confirm {
  width: 100%;
  min-height: 50px;
  font-size: .98rem;
}

.checkout-confirm-action .text-end {
  text-align: stretch !important;
}

.modal .form-check {
  border: 1px solid var(--store-border);
  border-radius: 16px;
  padding: .8rem 1rem .8rem 2.7rem;
  margin-bottom: .65rem;
  background: #fff;
}

/* Generic native OpenCart lists/cards */
.list-group-item {
  border-color: var(--store-border);
}

.list-group-item.active,
.nav-pills .nav-link.active {
  background: var(--store-blue) !important;
  border-color: var(--store-blue) !important;
  color: #07110e !important;
  font-weight: 900;
}

.table {
  --bs-table-border-color: var(--store-border);
}

.table thead th {
  background: #f8fafc;
  color: #334155;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .breadcrumb,
  .store-breadcrumb {
    border-radius: 18px;
  }
  .checkout-page .form-check-inline {
    display: flex;
    width: 100%;
  }
}



/* Footer flow fix: OpenCart base used absolute footer/container and caused pagination/facets to be hidden */
html {
  min-height: 100%;
  height: auto !important;
}

body {
  min-height: 100vh;
  height: auto !important;
}

#container {
  position: relative !important;
  min-height: 100vh !important;
  height: auto !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

#container > main {
  flex: 1 0 auto !important;
  display: block !important;
  padding-bottom: 2.25rem !important;
}

footer,
footer.store-footer,
.store-footer.diten-footer {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  clear: both !important;
  z-index: 1 !important;
}

/* Keep listing controls clear from the footer */
.product-listing-layout,
.search-results-layout,
.category-layout,
#product-category #content,
#product-search #content,
#product-manufacturer #content,
#product-special #content {
  margin-bottom: 2rem !important;
}

.pagination,
.pagination-wrap,
.product-pagination,
.results-pagination,
#product-category .pagination,
#product-search .pagination,
#product-manufacturer .pagination,
#product-special .pagination {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 2rem !important;
}

.category-facets {
  max-height: none !important;
}

/* Diten product detail parity layer */
.product-detail-shell { align-items:flex-start; }
.diten-product-gallery, .product-summary-card, .diten-doc-card, .diten-product-panel { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:22px; box-shadow:0 18px 45px rgba(15,23,42,.08); }
.diten-product-gallery { position:relative; padding:28px; min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.diten-brand-badge { position:absolute; left:22px; top:22px; display:inline-flex; min-width:68px; height:68px; align-items:center; justify-content:center; border-radius:999px; background:#fff; color:#0f766e; border:1px solid #dbeafe; font-weight:800; box-shadow:0 12px 30px rgba(15,23,42,.12); text-decoration:none; }
.diten-main-image { width:100%; min-height:320px; display:flex; align-items:center; justify-content:center; text-align:center; }
.diten-main-image img { max-height:360px; object-fit:contain; }
.diten-image-placeholder { color:#64748b; background:#f8fafc; border-radius:18px; }
.diten-gallery-thumbs { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:18px; }
.diten-gallery-thumbs .img-thumbnail { width:72px; height:72px; object-fit:contain; border-radius:14px; }
.diten-doc-card { margin-top:18px; padding:20px; }
.diten-doc-card strong { display:block; color:#0f172a; font-size:1.05rem; margin-bottom:4px; }
.diten-doc-card span { display:block; color:#64748b; margin-bottom:12px; }
.diten-doc-card ul { display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin:0; }
.diten-doc-card li { background:#f1f5f9; color:#475569; border-radius:999px; padding:7px 12px; font-size:.9rem; }
.product-summary-card { padding:26px; position:sticky; top:16px; }
.product-summary-card h1 { font-size:clamp(1.55rem,2vw,2.3rem); font-weight:800; color:#0f172a; margin-bottom:16px; }
.diten-product-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.diten-product-meta-grid li { margin:0; padding:12px 14px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:14px; }
.diten-product-meta-grid li span { display:block; font-size:.78rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em; }
.diten-product-meta-grid li strong, .diten-product-meta-grid li a { color:#0f766e; font-weight:800; text-decoration:none; }
.diten-product-meta-grid .diten-stock-chip { grid-column:1/-1; }
.diten-stock-chip.is-out-stock strong { color:#dc2626; }
.diten-stock-chip.is-in-stock strong { color:#16a34a; }
.diten-short-description { color:#475569; line-height:1.65; padding:14px 0 8px; }
.diten-price-panel { padding:18px; background:#f0fdfa; border:1px solid #99f6e4; border-radius:18px; margin:16px 0; }
.diten-price-panel h2 { margin:0; }
.diten-price-panel .price-new { color:#0f766e; font-size:2rem; font-weight:900; }
.product-summary-card .btn-group .btn { border-radius:999px !important; margin-right:8px; }
#form-product .input-group { background:#f8fafc; border:1px solid #e2e8f0; border-radius:18px; padding:10px; gap:10px; }
#form-product .input-group-text, #form-product .form-control { border-radius:12px !important; border:0; }
#button-cart { border-radius:14px !important; background:#0f766e; border-color:#0f766e; font-weight:800; }
.diten-commerce-notes { display:grid; gap:10px; margin-top:16px; }
.diten-commerce-notes > div { display:grid; grid-template-columns:34px 1fr; column-gap:10px; padding:13px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; }
.diten-commerce-notes i { color:#0f766e; font-size:1.2rem; margin-top:3px; }
.diten-commerce-notes strong { color:#0f172a; }
.diten-commerce-notes span { grid-column:2; color:#475569; }
.diten-commerce-notes small { color:#64748b; }
.diten-product-content-accordions { display:grid; gap:18px; margin-bottom:28px; }
.diten-product-panel { overflow:hidden; }
.diten-product-panel h3 { margin:0; padding:16px 20px; background:#0f766e; color:#fff; font-weight:800; font-size:1.1rem; display:flex; align-items:center; gap:10px; }
.diten-panel-body { padding:22px; color:#334155; line-height:1.7; }
.diten-tags a { display:inline-block; margin:4px; color:#0f766e; text-decoration:none; }
.diten-spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.diten-spec-table { border:1px solid #e2e8f0; border-radius:16px; overflow:hidden; }
.diten-spec-table h4 { margin:0; padding:12px 14px; background:#f1f5f9; font-weight:800; color:#0f172a; }
.diten-spec-table > div { display:grid; grid-template-columns:42% 58%; gap:12px; padding:11px 14px; border-top:1px solid #e2e8f0; }
.diten-spec-table > div:nth-child(odd) { background:#f8fafc; }
.diten-spec-table span { color:#64748b; }
.diten-spec-table strong { color:#0f172a; font-weight:700; }
.diten-rich-specs table { width:100%; border-collapse:separate; border-spacing:0; margin-bottom:18px; border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; }
.diten-rich-specs td, .diten-rich-specs th { padding:10px 12px; border-bottom:1px solid #e2e8f0; }
.diten-rich-specs tr:nth-child(even) { background:#f8fafc; }
.diten-rich-text strong { color:#0f172a; }
@media (max-width: 991px) { .product-summary-card { position:static; } .diten-product-meta-grid, .diten-spec-grid { grid-template-columns:1fr; } .diten-product-gallery { min-height:320px; } }


/* Diten product premium refinement / data-quality pass */
#product-info .product-detail-shell { max-width: 1180px; margin-left:auto; margin-right:auto; align-items: stretch; }
#product-info .product-gallery-column, #product-info .product-summary-column { display:flex; flex-direction:column; }
#product-info .diten-product-gallery { flex:1; justify-content:center !important; min-height:560px; padding:36px !important; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); border:1px solid rgba(15,23,42,.07) !important; box-shadow:0 24px 70px rgba(15,23,42,.08) !important; }
#product-info .diten-main-image { min-height:430px; padding:34px; background:radial-gradient(circle at center, #ffffff 0%, #f8fafc 72%); border-radius:22px; }
#product-info .diten-main-image img { max-height:390px; width:auto; max-width:92%; object-fit:contain; filter:drop-shadow(0 22px 28px rgba(15,23,42,.10)); }
#product-info .diten-brand-badge { top:22px !important; left:22px !important; width:112px !important; height:54px !important; min-width:112px !important; border-radius:18px !important; padding:8px 12px !important; background:#fff !important; z-index:3; }
#product-info .diten-brand-badge img { max-width:88px; max-height:34px; object-fit:contain; display:block; }
#product-info .diten-brand-badge span { color:#0f766e; font-size:.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#product-info .diten-doc-card { padding:18px 20px !important; border-radius:20px !important; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; }
#product-info .diten-doc-card strong, #product-info .diten-doc-card span { margin:0; }
#product-info .diten-doc-card ul { grid-column:1/-1; margin-top:4px !important; }
#product-info .product-summary-card { padding:30px !important; border-radius:24px !important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%); box-shadow:0 24px 70px rgba(15,23,42,.10) !important; }
#product-info .product-summary-card h1 { line-height:1.12; letter-spacing:-.03em; }
#product-info .diten-product-meta-grid { gap:12px !important; }
#product-info .diten-product-meta-grid li { padding:13px 14px !important; background:#fff !important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.04); }
#product-info .diten-short-description { background:#f8fafc; border:1px solid #e2e8f0; border-radius:18px; padding:16px 18px !important; margin:8px 0 14px; }
#product-info .rating p { margin:10px 0 0; color:#f59e0b; }
#product-info .diten-price-panel { background:linear-gradient(135deg,#ecfdf5,#f0fdfa) !important; border:1px solid #99f6e4 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
#product-info #form-product .input-group { display:grid !important; grid-template-columns:auto 72px minmax(150px,1fr); align-items:center; width:100%; }
#product-info #button-cart { min-height:46px; white-space:nowrap; }
#product-info .diten-commerce-notes { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px !important; margin-top:18px !important; }
#product-info .diten-commerce-notes > div { display:grid !important; grid-template-columns:38px 1fr !important; grid-template-rows:auto auto; column-gap:12px !important; row-gap:2px; padding:14px !important; border-radius:18px !important; background:#fff !important; border:1px solid #e2e8f0 !important; box-shadow:0 10px 24px rgba(15,23,42,.045); }
#product-info .diten-commerce-notes > div:nth-child(3) { grid-column:1/-1; }
#product-info .diten-commerce-notes i { grid-row:1/3; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#ecfdf5; color:#0f766e !important; }
#product-info .diten-commerce-notes strong { display:block; font-size:.92rem; }
#product-info .diten-commerce-notes span { grid-column:2 !important; display:block; font-size:.86rem; line-height:1.35; }
#product-info .diten-product-content-accordions { max-width:1180px; margin-left:auto; margin-right:auto; }
#product-info .diten-product-panel { border-radius:24px !important; box-shadow:0 18px 50px rgba(15,23,42,.07) !important; }
#product-info .diten-panel-body { padding:26px 30px !important; }
#product-info #tab-description .diten-panel-body,
#product-info .diten-product-description-card__body {
  font-family: var(--store-font-body, "Inter", "Open Sans", Arial, sans-serif) !important;
  font-size: .98rem;
  line-height: 1.76;
  color: #334155;
  letter-spacing: -.005em;
}
#product-info #tab-description .diten-panel-body :where(p, div, span, font, li, strong, b, em, i, u),
#product-info .diten-product-description-card__body :where(p, div, span, font, li, strong, b, em, i, u) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit;
  background: transparent !important;
}
#product-info #tab-description .diten-panel-body :where(p, ul, ol),
#product-info .diten-product-description-card__body :where(p, ul, ol) {
  margin-top: 0;
  margin-bottom: 1rem;
}
#product-info #tab-description .diten-panel-body :where(strong, b),
#product-info .diten-product-description-card__body :where(strong, b) {
  color: #0f172a;
  font-weight: 800;
}
#product-info #tab-description .diten-panel-body :where(font),
#product-info .diten-product-description-card__body :where(font) {
  font: inherit !important;
}
#product-info #tab-description .diten-panel-body :where(img, table, iframe),
#product-info .diten-product-description-card__body :where(img, table, iframe) {
  max-width: 100%;
}
#product-info .diten-rich-specs table { box-shadow:0 12px 28px rgba(15,23,42,.04); }
@media (max-width: 991px) {
  #product-info .diten-product-gallery { min-height:420px; }
  #product-info .diten-main-image { min-height:300px; }
  #product-info .diten-commerce-notes { grid-template-columns:1fr !important; }
  #product-info .diten-commerce-notes > div:nth-child(3) { grid-column:auto; }
  #product-info #form-product .input-group { grid-template-columns:1fr; }
}

/* Diten product premium refinement - tighter gallery balance */
#product-info .diten-product-gallery { min-height:480px !important; }
#product-info .diten-main-image { min-height:340px !important; padding:24px !important; }
#product-info .diten-main-image img { max-height:320px !important; }
#product-info .diten-price-panel .price-new { font-size:clamp(1.55rem, 2.4vw, 2rem) !important; }

/* Diten product gallery final balance */
#product-info .diten-product-gallery { flex:0 0 auto !important; min-height:420px !important; }
#product-info .diten-product-gallery > a.diten-brand-badge { min-height:0 !important; height:54px !important; width:112px !important; }
#product-info .diten-product-gallery > a.diten-main-image { min-height:330px !important; }
#product-info .diten-product-gallery > a.diten-main-image img { max-height:310px !important; }
#product-info .product-gallery-card > a:first-child.diten-brand-badge { min-height:0 !important; background:#fff !important; }

/* marketplace-style brand tile: logo lives in the gallery rail, not floating over the main image */
#product-info .diten-product-gallery { min-height:420px !important; padding:24px !important; justify-content:flex-start !important; }
#product-info .diten-gallery-stage { width:100%; display:grid; grid-template-columns:126px minmax(0,1fr); gap:18px; align-items:start; }
#product-info .diten-gallery-rail { display:flex; flex-direction:column; align-items:center; gap:14px; min-width:0; }
#product-info .diten-brand-badge { position:static !important; inset:auto !important; width:118px !important; min-width:118px !important; height:70px !important; min-height:70px !important; padding:12px 14px !important; border-radius:12px !important; border:1px solid #e5e7eb !important; background:#fff !important; box-shadow:none !important; color:#111827 !important; }
#product-info .diten-brand-badge img { max-width:92px !important; max-height:42px !important; object-fit:contain; display:block; }
#product-info .diten-brand-badge span { color:#111827 !important; font-size:.82rem; line-height:1.1; text-align:center; }
#product-info .diten-gallery-thumbs { flex-direction:column; flex-wrap:nowrap; gap:10px; justify-content:flex-start; margin-top:0 !important; width:100%; align-items:center; }
#product-info .diten-gallery-thumbs a { display:flex; align-items:center; justify-content:center; width:76px; height:76px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; }
#product-info .diten-gallery-thumbs .img-thumbnail { width:68px !important; height:68px !important; border:0 !important; padding:0 !important; border-radius:8px !important; }
#product-info .diten-main-image { min-height:370px !important; padding:18px !important; background:#fff !important; border-radius:18px !important; }
#product-info .diten-main-image img { max-height:340px !important; max-width:100% !important; }
@media (max-width: 575.98px) {
  #product-info .diten-gallery-stage { grid-template-columns:1fr; }
  #product-info .diten-gallery-rail { flex-direction:row; justify-content:center; order:2; overflow-x:auto; padding-bottom:4px; }
  #product-info .diten-gallery-thumbs { flex-direction:row; width:auto; }
  #product-info .diten-main-image { order:1; min-height:300px !important; }
}

/* Diten product pro layout pass: larger image + clearer purchase box */
@media (min-width: 992px) {
  #product-info .product-detail-shell { max-width:1280px !important; }
  #product-info .product-gallery-column { flex:0 0 58% !important; max-width:58% !important; }
  #product-info .product-summary-column { flex:0 0 42% !important; max-width:42% !important; }
}
#product-info .diten-product-gallery { min-height:520px !important; padding:28px !important; }
#product-info .diten-gallery-stage { grid-template-columns:118px minmax(0,1fr) !important; gap:18px !important; align-items:center !important; height:100%; }
#product-info .diten-gallery-rail { align-self:start; }
#product-info .diten-main-image { min-height:460px !important; padding:12px !important; }
#product-info .diten-main-image img,
#product-info .product-gallery-card .diten-main-image img.img-fluid {
  width:min(100%, 500px) !important;
  height:auto !important;
  max-width:100% !important;
  max-height:440px !important;
  object-fit:contain !important;
}
#product-info .diten-purchase-box { margin-top:14px; padding:12px; border:1px solid #dbeafe; border-radius:18px; background:#f8fafc; }
#product-info .diten-purchase-row { display:grid; grid-template-columns:118px minmax(0,1fr); gap:12px; align-items:stretch; }
#product-info .diten-qty-field { margin:0; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:8px 10px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
#product-info .diten-qty-field span { color:#64748b; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; font-weight:800; }
#product-info .diten-qty-field input { width:100% !important; min-width:64px !important; height:30px !important; border:0 !important; box-shadow:none !important; padding:0 !important; font-size:1.05rem !important; font-weight:800; color:#0f172a; text-align:left; background:transparent !important; }
#product-info #button-cart { width:100% !important; min-height:58px !important; border-radius:14px !important; font-weight:800; letter-spacing:.01em; white-space:normal !important; }
#product-info .diten-commerce-strip { max-width:1280px; margin:0 auto 22px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
#product-info .diten-commerce-strip > div { display:grid; grid-template-columns:36px 1fr; column-gap:10px; row-gap:2px; padding:14px; border-radius:18px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 12px 28px rgba(15,23,42,.055); }
#product-info .diten-commerce-strip i { grid-row:1/3; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#ecfdf5; color:#0f766e; }
#product-info .diten-commerce-strip strong { display:block; font-size:.85rem; color:#0f172a; }
#product-info .diten-commerce-strip span { display:block; font-size:.78rem; line-height:1.3; color:#64748b; }
@media (max-width: 991.98px) {
  #product-info .diten-product-gallery { min-height:420px !important; }
  #product-info .diten-main-image { min-height:340px !important; }
  #product-info .diten-main-image img,
  #product-info .product-gallery-card .diten-main-image img.img-fluid { width:min(100%, 380px) !important; max-height:360px !important; }
  #product-info .diten-commerce-strip { grid-template-columns:1fr; }
}
@media (max-width: 575.98px) {
  #product-info .product-summary-card { padding:18px !important; border-radius:20px !important; }
  #product-info .product-summary-card h1 { font-size:clamp(1.28rem, 6.4vw, 1.9rem) !important; line-height:1.12 !important; letter-spacing:-.025em !important; margin-bottom:12px !important; }
  #product-info .diten-product-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; margin-bottom:8px !important; }
  #product-info .diten-product-meta-grid li { padding:9px 10px !important; border-radius:13px !important; }
  #product-info .diten-product-meta-grid li span { font-size:.58rem !important; letter-spacing:.05em !important; }
  #product-info .diten-product-meta-grid li strong,
  #product-info .diten-product-meta-grid li a { font-size:.78rem !important; line-height:1.2 !important; overflow-wrap:anywhere; }
  #product-info .diten-price-panel { margin:8px 0 10px !important; padding:14px !important; border-radius:16px !important; }
  #product-info .diten-price-panel .price-new { font-size:clamp(1.35rem, 7vw, 1.75rem) !important; }
  #product-info .product-summary-card > form:not(#form-product) { display:none !important; }
  #product-info .product-summary-card > br { display:none !important; }
  #product-info .diten-purchase-box { margin-top:8px !important; margin-bottom:12px !important; padding:10px !important; border-radius:16px !important; }
  #product-info .diten-purchase-row { grid-template-columns:1fr; gap:10px !important; }
  #product-info .diten-qty-field { min-height:58px; }
  #product-info #button-cart { min-height:56px !important; font-size:1rem !important; }
  #product-info .diten-short-description { margin-top:10px !important; }
}

/* Diten product compact summary: keep purchase action visible above the fold */
#product-info .product-summary-card { padding:24px !important; }
#product-info .product-summary-card h1 { font-size:clamp(1.55rem, 2.2vw, 2.15rem) !important; line-height:1.08 !important; margin-bottom:16px !important; }
#product-info .diten-product-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin-bottom:12px !important; }
#product-info .diten-product-meta-grid li { min-height:0 !important; padding:10px 12px !important; }
#product-info .diten-product-meta-grid li span { font-size:.66rem !important; }
#product-info .diten-product-meta-grid li strong,
#product-info .diten-product-meta-grid li a { font-size:.82rem !important; }
#product-info .diten-short-description { font-size:.9rem; line-height:1.45; max-height:6.6em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; margin-bottom:10px !important; }
#product-info .rating p { margin:6px 0 0 !important; }
#product-info .diten-price-panel { margin:10px 0 12px !important; }
#product-info .product-summary-card > form:not(#form-product) { display:flex; justify-content:flex-end; margin:-4px 0 8px !important; }
#product-info .product-summary-card > br { display:none; }
#product-info .product-summary-card > form:not(#form-product) .btn-group .btn { width:38px; height:38px; padding:0; border-radius:12px; }

/* Quantity stepper polish */
#product-info .diten-qty-control { display:grid; grid-template-columns:28px minmax(34px,1fr) 28px; align-items:center; gap:4px; }
#product-info .diten-qty-step { width:28px; height:28px; border:1px solid #dbeafe; border-radius:9px; background:#f8fafc; color:#0f766e; font-weight:900; line-height:1; display:flex; align-items:center; justify-content:center; }
#product-info .diten-qty-step:hover { background:#ecfdf5; border-color:#99f6e4; }
#product-info .diten-qty-control #input-quantity { text-align:center !important; min-width:34px !important; height:28px !important; font-size:1rem !important; }

/* Diten product gallery thumb scroll: keep long galleries aligned with the main image */
@media (min-width: 576px) {
  #product-info .diten-gallery-stage {
    align-items: start !important;
  }
  #product-info .diten-gallery-rail {
    height: 460px !important;
    max-height: 460px !important;
    overflow: hidden !important;
  }
  #product-info .diten-gallery-thumbs {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: calc(460px - 84px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 7px 2px 2px !important;
    margin-right: -5px !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #f1f5f9;
  }
  #product-info .diten-gallery-thumbs::-webkit-scrollbar {
    width: 7px;
  }
  #product-info .diten-gallery-thumbs::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 999px;
  }
  #product-info .diten-gallery-thumbs::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
  }
  #product-info .diten-gallery-thumbs::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
}
@media (max-width: 991.98px) and (min-width: 576px) {
  #product-info .diten-gallery-rail {
    height: 340px !important;
    max-height: 340px !important;
  }
  #product-info .diten-gallery-thumbs {
    max-height: calc(340px - 84px) !important;
  }
}
@media (max-width: 575.98px) {
  #product-info .diten-product-gallery {
    min-height: auto !important;
    padding: 14px !important;
    overflow: hidden !important;
  }
  #product-info .diten-gallery-stage {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #product-info .diten-main-image {
    order: 1 !important;
    width: 100% !important;
    min-height: 320px !important;
    padding: 10px !important;
  }
  #product-info .diten-main-image img,
  #product-info .product-gallery-card .diten-main-image img.img-fluid {
    width: 100% !important;
    max-width: 340px !important;
    max-height: 300px !important;
    height: auto !important;
  }
  #product-info .diten-gallery-rail {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  #product-info .diten-brand-badge {
    width: 82px !important;
    min-width: 82px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }
  #product-info .diten-brand-badge img {
    max-width: 66px !important;
    max-height: 34px !important;
  }
  #product-info .diten-gallery-thumbs {
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    height: 70px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 7px 0 !important;
    margin: 0 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #product-info .diten-gallery-thumbs::-webkit-scrollbar {
    display: none !important;
  }
  #product-info .diten-gallery-thumbs a {
    flex: 0 0 62px !important;
    width: 62px !important;
    height: 62px !important;
    border-radius: 11px !important;
  }
  #product-info .diten-gallery-thumbs .img-thumbnail {
    width: 56px !important;
    height: 56px !important;
  }
  .breadcrumb {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  .breadcrumb > li.breadcrumb-item {
    min-width: 0 !important;
    padding-right: .45rem !important;
    white-space: nowrap !important;
  }
  .breadcrumb > li.breadcrumb-item:first-child {
    flex: 0 0 auto !important;
  }
  .breadcrumb > li.breadcrumb-item:last-child {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(100vw - 88px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .breadcrumb > li.breadcrumb-item:last-child a {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* Diten product mobile CTA priority: keep Add to Cart visible before secondary content */
@media (max-width: 575.98px) {
  #product-info,
  #product-info #content,
  #product-info .container,
  #product-info .product-detail-shell,
  #product-info .product-gallery-column,
  #product-info .product-summary-column,
  #product-info .product-summary-card,
  #product-info .diten-commerce-strip,
  #product-info .diten-product-panel,
  #product-info .diten-panel-body {
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box;
  }
  #product-info .product-summary-card { padding:18px !important; border-radius:20px !important; }
  #product-info .product-summary-card h1 {
    font-size:clamp(1.28rem, 6.4vw, 1.9rem) !important;
    line-height:1.12 !important;
    letter-spacing:-.025em !important;
    margin-bottom:12px !important;
    max-width:100% !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  #product-info .diten-product-meta-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-bottom:8px !important;
    max-width:100% !important;
  }
  #product-info .diten-product-meta-grid li { padding:9px 10px !important; border-radius:13px !important; }
  #product-info .diten-product-meta-grid li span { font-size:.58rem !important; letter-spacing:.05em !important; }
  #product-info .diten-product-meta-grid li strong,
  #product-info .diten-product-meta-grid li a { font-size:.78rem !important; line-height:1.2 !important; overflow-wrap:anywhere; }
  #product-info .diten-price-panel { margin:8px 0 10px !important; padding:14px !important; border-radius:16px !important; }
  #product-info .diten-price-panel .price-new { font-size:clamp(1.35rem, 7vw, 1.75rem) !important; }
  #product-info .product-summary-card > form:not(#form-product) { display:none !important; }
  #product-info .product-summary-card > br { display:none !important; }
  #product-info .diten-purchase-box { margin-top:8px !important; margin-bottom:12px !important; padding:10px !important; border-radius:16px !important; max-width:100% !important; overflow:visible !important; box-sizing:border-box; }
  #product-info .diten-purchase-row { grid-template-columns:1fr !important; gap:10px !important; max-width:100% !important; min-width:0 !important; }
  #product-info .diten-qty-field { min-height:58px; max-width:100% !important; min-width:0 !important; overflow:visible !important; }
  #product-info .diten-qty-control { display:flex !important; align-items:center !important; gap:0 !important; max-width:100% !important; min-width:0 !important; width:100% !important; }
  #product-info .diten-qty-control .diten-qty-step { display:none !important; }
  #product-info #input-quantity { flex:1 1 auto !important; min-width:0 !important; width:100% !important; text-align:center !important; }
  #product-info #button-cart { min-height:56px !important; font-size:1rem !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; }
  #product-info .diten-short-description { margin-top:10px !important; }
}

/* Diten home slider, brand carousel, footer trust/payment polish */
.diten-home-slider-shell {
  background: #f4f7f8;
  padding: 1.25rem 0 0;
}

.diten-home-slider {
  overflow: hidden;
  border-radius: 26px;
  background: #060a0f;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .13);
}

.diten-home-slider .carousel-item {
  background: #07110e;
}

.diten-home-slider img {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 1;
  object-fit: cover;
}

.diten-slide-link {
  display: block;
}

.diten-home-slider .carousel-control-prev,
.diten-home-slider .carousel-control-next {
  width: 9%;
  opacity: .85;
}

.diten-home-slider .carousel-control-prev-icon,
.diten-home-slider .carousel-control-next-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background-color: rgba(5, 8, 12, .55);
  background-size: 48%;
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
}

.diten-home-slider .carousel-indicators {
  margin-bottom: .45rem;
}

.diten-home-slider .carousel-indicators [data-bs-target] {
  width: 34px;
  height: 5px;
  border: 0;
  border-radius: 999px;
  background-color: rgba(255,255,255,.55);
}

.diten-home-slider .carousel-indicators .active {
  background-color: #00d69f;
}

.diten-home-intro {
  margin-top: 1.2rem;
}

.diten-brand-carousel {
  overflow: hidden;
  border: 1px solid #dbe5ea;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .06);
  padding: .85rem;
}

.diten-brand-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(132px, 1fr);
  gap: .85rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: thin;
  padding-bottom: .15rem;
}

.diten-brand-track a {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 122px;
  padding: .85rem;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  color: #101214;
  font-weight: 950;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.diten-brand-track a:hover {
  transform: translateY(-2px);
  border-color: rgba(0,168,132,.45);
  box-shadow: 0 14px 30px rgba(0,168,132,.10);
  color: #006d57;
}

.diten-brand-track img {
  width: 84px;
  height: 64px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.diten-brand-strip {
  display: none;
}

.diten-footer-trust-row {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  margin: 1.15rem 0 1.6rem;
}

.diten-amvo-badge,
.diten-payment-card {
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.diten-amvo-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.diten-amvo-badge img {
  max-width: 180px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
}

.diten-payment-card {
  padding: 1rem;
}

.diten-payment-card h5 {
  margin: 0 0 .35rem;
}

.diten-payment-card p {
  color: #b9c7dc;
  margin: 0 0 .8rem;
  font-size: .9rem;
}

.diten-payment-methods {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.diten-payment-methods span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 42px;
  padding: .42rem .7rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #eef7ff;
  font-weight: 850;
  font-size: .88rem;
}

.diten-payment-methods img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 8px;
}

.diten-card-payment i {
  color: #00d69f;
}

@media (max-width: 767.98px) {
  .diten-home-slider-shell {
    padding-top: .75rem;
  }
  .diten-home-slider {
    border-radius: 18px;
  }
  .diten-home-slider img {
    aspect-ratio: 16 / 7.2;
  }
  .diten-home-slider .carousel-control-prev-icon,
  .diten-home-slider .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
  }
  .diten-brand-track {
    grid-auto-columns: minmax(118px, 42vw);
  }
  .diten-footer-trust-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Diten home visual refinements after browser verification */
.diten-home-slider .carousel-item {
  background: #fff;
}

.diten-home-slider img {
  object-fit: contain;
  background: #fff;
}

.diten-brand-track {
  padding-right: 1rem;
}

.diten-amvo-badge {
  background: linear-gradient(135deg, #e9fff8 0%, #c9f8eb 42%, #ffffff 100%);
  border-color: rgba(0, 214, 159, .38);
  box-shadow: 0 16px 34px rgba(0, 214, 159, .16), inset 0 1px 0 rgba(255,255,255,.78);
}

.diten-amvo-badge img {
  max-width: 210px;
  filter: drop-shadow(0 8px 16px rgba(2, 44, 34, .18));
}

/* Diten Blog */
.store-blog-page,
.store-blog-article-page { padding-bottom: 56px; }
.store-blog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
  gap: 28px;
  align-items: end;
  margin: 22px 0 28px;
  padding: clamp(28px, 5vw, 56px);
  border-radius: 28px;
  background: radial-gradient(circle at 20% 10%, rgba(0, 199, 163, .22), transparent 32%), linear-gradient(135deg, #071326 0%, #0b1f3a 58%, #0a2f3b 100%);
  color: #fff;
  overflow: hidden;
}
.store-blog-eyebrow { display:inline-flex; padding: 6px 12px; border-radius:999px; background:rgba(255,255,255,.12); color:#63f2d4; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; margin-bottom:14px; }
.store-blog-hero h1 { color:#fff; font-family: var(--store-heading-font, 'Space Grotesk', Inter, sans-serif); font-size: clamp(2rem, 4vw, 3.7rem); line-height:1.02; margin:0 0 14px; }
.store-blog-hero p { color: rgba(255,255,255,.82); font-size:1.06rem; max-width: 62ch; margin:0; }
.store-blog-search { background:rgba(255,255,255,.98); border:1px solid rgba(255,255,255,.24); border-radius:22px; padding:18px; box-shadow:0 20px 50px rgba(0,0,0,.22); }
.store-blog-search label { color:#0b1628; font-weight:800; margin-bottom:10px; display:block; }
.store-blog-search-row { display:grid; grid-template-columns: minmax(0,1fr); gap:10px; }
.store-blog-search-row .form-control,
.store-blog-search-row .form-select { border-radius:14px; min-height:46px; border-color:#e5eaf0; }
.store-blog-search-row .btn { border-radius:14px; font-weight:800; background:#02b894; border-color:#02b894; color:#031528; }
.store-blog-topics { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px; }
.store-blog-topic { display:inline-flex; align-items:center; padding:9px 14px; border-radius:999px; border:1px solid #dce8e8; color:#0b3340; background:#fff; font-weight:800; text-decoration:none; }
.store-blog-topic.active,
.store-blog-topic:hover { background:#071326; border-color:#071326; color:#fff; }
.store-blog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; }
.store-blog-toolbar h2 { margin:0; font-size:1.35rem; font-weight:900; color:#071326; }
.store-blog-sort { display:flex; align-items:center; gap:10px; }
.store-blog-sort label { font-weight:800; color:#566575; white-space:nowrap; }
.store-blog-sort .form-select { min-width:240px; border-radius:12px; }
.store-blog-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:22px; }
.store-blog-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e7eef1; border-radius:24px; overflow:hidden; box-shadow:0 16px 42px rgba(8,24,45,.08); min-height:100%; }
.store-blog-card-image { height:190px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f4f8fb,#eaf4f3); overflow:hidden; text-decoration:none; }
.store-blog-card-image img { width:100%; height:100%; object-fit:cover; }
.store-blog-card-image.is-placeholder span { font-family: var(--store-heading-font, 'Space Grotesk', Inter, sans-serif); color:#02b894; font-size:2rem; font-weight:900; }
.store-blog-card-body { padding:20px; display:flex; flex-direction:column; flex:1; }
.store-blog-meta { display:flex; gap:10px; flex-wrap:wrap; color:#6b7886; font-size:.86rem; font-weight:700; margin-bottom:12px; }
.store-blog-card h3 { font-size:1.12rem; line-height:1.28; margin:0 0 10px; }
.store-blog-card h3 a { color:#071326; text-decoration:none; }
.store-blog-card h3 a:hover { color:#02a884; }
.store-blog-card p { color:#536272; line-height:1.62; margin-bottom:18px; }
.store-blog-readmore { margin-top:auto; color:#028e78; font-weight:900; text-decoration:none; }
.store-blog-pagination { margin-top:26px; }
.store-blog-empty { background:#fff; border:1px dashed #cfdde0; border-radius:22px; padding:36px; text-align:center; color:#536272; }
.store-blog-article { max-width:1120px; margin:0 auto; }
.store-blog-article-hero { margin:22px 0 30px; padding: clamp(24px,4vw,46px); border-radius:28px; background:#fff; border:1px solid #e7eef1; box-shadow:0 18px 48px rgba(8,24,45,.08); }
.store-blog-back { display:inline-flex; gap:8px; align-items:center; color:#028e78; font-weight:900; text-decoration:none; margin-bottom:16px; }
.store-blog-article-hero h1 { color:#071326; font-family: var(--store-heading-font, 'Space Grotesk', Inter, sans-serif); font-size: clamp(2rem, 4.4vw, 4rem); line-height:1.04; margin:0 0 16px; }
.store-blog-article-image { width:100%; max-height:460px; object-fit:cover; border-radius:22px; margin-top:24px; background:#f4f8fb; }
.store-blog-article-body { background:#fff; border:1px solid #e7eef1; border-radius:24px; padding: clamp(22px, 3vw, 38px); color:#263445; line-height:1.78; font-size:1.03rem; }
.store-blog-article-body h2,
.store-blog-article-body h3 { color:#071326; font-weight:900; margin-top:1.5em; }
.store-blog-article-body a { color:#028e78; font-weight:800; }
.store-blog-article-body img { max-width:100%; height:auto; border-radius:16px; }
.store-blog-tags { margin-top:22px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.store-blog-tags a { padding:7px 11px; border-radius:999px; background:#eef7f5; color:#027a68; font-weight:800; text-decoration:none; }
.store-blog-cta-card { position:sticky; top:110px; background:linear-gradient(180deg,#071326,#0c223d); color:#fff; border-radius:24px; padding:24px; box-shadow:0 16px 42px rgba(8,24,45,.15); }
.store-blog-cta-card h2 { color:#fff; font-size:1.25rem; margin:0 0 10px; }
.store-blog-cta-card p { color:rgba(255,255,255,.78); }
.store-blog-cta-card .btn { background:#02d2aa; border-color:#02d2aa; color:#031528; border-radius:14px; font-weight:900; }
@media (max-width: 991.98px) {
  .store-blog-hero { grid-template-columns:1fr; }
  .store-blog-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .store-blog-toolbar { align-items:flex-start; flex-direction:column; }
  .store-blog-sort { width:100%; }
  .store-blog-sort .form-select { flex:1; min-width:0; }
  .store-blog-cta-card { position:static; }
}
@media (max-width: 575.98px) {
  .store-blog-hero { padding:24px; border-radius:22px; }
  .store-blog-grid { grid-template-columns: 1fr; }
  .store-blog-card-image { height:170px; }
  .store-blog-search-row { gap:8px; }
}

/* Diten SEO internal links */
.diten-seo-links {
  margin: 1.35rem 0 1.1rem;
  padding: 1.15rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(240,253,250,0.72));
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}
.diten-seo-links__eyebrow {
  margin-bottom: .35rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0f766e;
}
.diten-seo-links__title {
  margin: 0 0 .85rem;
  font-size: clamp(1rem, 1.5vw, 1.22rem);
  line-height: 1.25;
  color: #0f172a;
}
.diten-seo-links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.diten-seo-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .82rem;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: .88rem;
  font-weight: 750;
  line-height: 1.1;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.diten-seo-chip:hover,
.diten-seo-chip:focus {
  transform: translateY(-1px);
  border-color: rgba(20, 184, 166, .55);
  background: #0f766e;
  color: #fff;
}
@media (max-width: 575.98px) {
  .diten-seo-links { padding: .95rem; border-radius: 18px; }
  .diten-seo-links__grid { gap: .45rem; }
  .diten-seo-chip { width: 100%; justify-content: center; }
}

/* Diten category SEO visual guide */
.diten-category-guide {
  margin: 1.45rem 0 1.25rem;
  padding: 1.15rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(20,184,166,.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .065);
}
.diten-category-guide__head {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  margin-bottom: .95rem;
}
.diten-category-guide__head span {
  color: #0f766e;
  font-size: .72rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.diten-category-guide__head h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.08rem, 1.75vw, 1.38rem);
  line-height: 1.2;
  letter-spacing: -.02em;
}
.diten-category-guide__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}
.diten-category-guide__card {
  min-width: 0;
  padding: .95rem;
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .045);
}
.diten-category-guide__card h3 {
  margin: 0 0 .65rem;
  color: #0f172a;
  font-size: .96rem;
  font-weight: 850;
}
.diten-category-guide__card ul {
  display: grid;
  gap: .42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.diten-category-guide__card li { margin: 0; padding: 0; }
.diten-category-guide__card a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #0f766e;
  font-size: .88rem;
  font-weight: 750;
  text-decoration: none !important;
}
.diten-category-guide__card a::before {
  content: "";
  width: .36rem;
  height: .36rem;
  border-radius: 999px;
  background: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .12);
}
.diten-category-guide__card a:hover,
.diten-category-guide__card a:focus { color: #0f172a; }
@media (max-width: 991.98px) {
  .diten-category-guide__grid { grid-template-columns: 1fr; }
  .diten-category-guide { border-radius: 20px; }
}
@media (max-width: 575.98px) {
  .diten-category-guide { padding: .95rem; margin: 1rem 0; }
  .diten-category-guide__card { padding: .82rem; }
}

/* Diten account dropdown layering fix: keep topbar account menu above sticky search/header */
#top.store-topbar {
  position: relative !important;
  z-index: 1100 !important;
  overflow: visible !important;
}

#top.store-topbar .container,
#top.store-topbar .row,
#top.store-topbar .store-topbar-links,
#top.store-topbar .list-inline-item,
#top.store-topbar .dropdown {
  overflow: visible !important;
}

#top.store-topbar .dropdown-menu {
  z-index: 2200 !important;
}

.store-header {
  z-index: 1020;
}

/* Diten manufacturer brand hero */
#product-manufacturer .manufacturer-hero {
  position: relative;
  margin: 0 0 1.35rem;
  border-radius: 22px;
  overflow: hidden;
  background: #08111f;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .16);
}

#product-manufacturer .manufacturer-hero__image {
  display: block;
  width: 100%;
  height: auto;
  min-height: 210px;
  object-fit: cover;
}

#product-manufacturer .manufacturer-hero__meta {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: calc(100% - 56px);
}

#product-manufacturer .manufacturer-hero__meta--bottom-left {
  bottom: 28px;
  left: 28px;
}

#product-manufacturer .manufacturer-hero__thumb-card,
#product-manufacturer .manufacturer-hero__text-card {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(226, 232, 240, .85);
  border-radius: 18px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
}

#product-manufacturer .manufacturer-hero__thumb-card {
  padding: 10px;
}

#product-manufacturer .manufacturer-hero__thumb-card img {
  display: block;
  width: 92px;
  height: 92px;
  object-fit: contain;
}

#product-manufacturer .manufacturer-hero__text-card {
  padding: 16px 22px;
  color: #141414;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 800;
  line-height: 1.1;
}

#product-manufacturer .manufacturer-brand-card {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.25rem;
  padding: .9rem 1.1rem;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
}

#product-manufacturer .manufacturer-brand-card img {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

#product-manufacturer .manufacturer-brand-card strong {
  color: var(--store-ink);
  font-size: 1.35rem;
}

@media (max-width: 767px) {
  #product-manufacturer .manufacturer-hero {
    border-radius: 16px;
  }

  #product-manufacturer .manufacturer-hero__image {
    min-height: 170px;
  }

  #product-manufacturer .manufacturer-hero__meta {
    left: 12px;
    bottom: 12px;
    gap: 10px;
    max-width: calc(100% - 24px);
  }

  #product-manufacturer .manufacturer-hero__thumb-card {
    padding: 8px;
  }

  #product-manufacturer .manufacturer-hero__thumb-card img {
    width: 60px;
    height: 60px;
  }

  #product-manufacturer .manufacturer-hero__text-card {
    padding: 10px 14px;
    font-size: 1.15rem;
  }
}


/* Diten premium step checkout */
.checkout-step-page .checkout-step-hero {
  background:
    radial-gradient(circle at 88% 18%, rgba(0, 168, 132, .42), transparent 28%),
    linear-gradient(135deg, #071827 0%, #0f2f4a 48%, #09291f 100%);
}

.checkout-step-page .checkout-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

.checkout-step-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1.15rem;
  align-items: start;
}

.checkout-step-accordion {
  display: grid;
  gap: 1rem;
}

.checkout-step-accordion .accordion-item.checkout-step-item {
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.checkout-step-accordion .accordion-button.checkout-step-toggle {
  gap: .9rem;
  padding: 1.05rem 1.15rem;
  color: #0f172a;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: none;
}

.checkout-step-accordion .accordion-button.checkout-step-toggle:not(.collapsed) {
  color: #07291f;
  background: linear-gradient(135deg, #f0fdfa 0%, #eef7ff 100%);
  border-bottom: 1px solid rgba(203, 213, 225, .7);
}

.checkout-step-accordion .accordion-button.checkout-step-toggle::after {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background-color: #fff;
  background-position: center;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
}

.checkout-step-number {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--store-blue), #0f766e);
  color: #fff;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(0, 168, 132, .24);
}

.checkout-step-copy {
  display: grid;
  gap: .18rem;
}

.checkout-step-copy strong {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.checkout-step-copy small {
  color: #64748b;
  font-size: .86rem;
  line-height: 1.35;
}

.checkout-step-body {
  padding: 1rem;
  background: #fbfdff;
}

.checkout-step-body .checkout-card {
  margin-bottom: 1rem;
  box-shadow: none;
}

.checkout-step-body .checkout-card:last-child {
  margin-bottom: 0;
}

.checkout-progress-steps .checkout-step {
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.checkout-progress-steps .checkout-step:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
}

.checkout-step-aside {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 1rem;
}

.checkout-assurance-card {
  border-radius: 24px;
  padding: 1.15rem;
  background: linear-gradient(135deg, #081827, #0f3a33);
  color: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
}

.checkout-assurance-card--light {
  background: #fff;
  color: #0f172a;
  border: 1px solid rgba(226, 232, 240, .95);
}

.checkout-assurance-card span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .8rem;
  background: rgba(255, 255, 255, .14);
  color: #5eead4;
}

.checkout-assurance-card--light span {
  background: #ecfdf5;
  color: var(--store-blue);
}

.checkout-assurance-card strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 950;
  margin-bottom: .3rem;
}

.checkout-assurance-card p {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  line-height: 1.5;
}

.checkout-assurance-card--light p {
  color: #64748b;
}

@media (max-width: 991.98px) {
  .checkout-step-shell {
    grid-template-columns: 1fr;
  }
  .checkout-step-aside {
    position: static;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767.98px) {
  .checkout-step-accordion .accordion-button.checkout-step-toggle {
    align-items: flex-start;
    padding: .9rem;
  }
  .checkout-step-copy small {
    font-size: .78rem;
  }
  .checkout-step-aside {
    grid-template-columns: 1fr;
  }
}

/* Checkout step lock */
.checkout-step-nav-link.is-locked,
.checkout-panel-trigger.is-locked,
.checkout-panel-trigger[disabled] {
  opacity: .48;
  cursor: not-allowed !important;
  filter: grayscale(.25);
}
.checkout-panel-trigger[disabled] {
  pointer-events: auto;
}
.checkout-step-lock-hint {
  display: flex;
  gap: .55rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: .85rem 1rem;
  border-radius: 14px;
  background: #f4f8fb;
  border: 1px solid rgba(12, 63, 82, .12);
  color: #45606d;
  font-weight: 700;
}
.checkout-step-lock-hint i {
  color: #0b7586;
}
.checkout-step-nav-link.is-complete {
  border-color: rgba(22, 163, 74, .4);
  background: rgba(22, 163, 74, .08);
}

/* Checkout nav step lock fix */
.checkout-step.is-locked {
  opacity: .48;
  cursor: not-allowed !important;
  filter: grayscale(.25);
}
.checkout-step.is-complete {
  border-color: rgba(22, 163, 74, .45) !important;
  background: rgba(22, 163, 74, .08) !important;
}

/* Existing address continue button polish */
#button-shipping-existing-continue,
#button-payment-existing-continue {
  min-width: 150px;
  border-radius: 999px;
  font-weight: 800;
}


/* Premium checkout success */
.checkout-success-card {
  background: linear-gradient(145deg, #ffffff 0%, #f3fbfa 100%);
  border: 1px solid rgba(12, 42, 55, .08);
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(10, 32, 46, .10);
  padding: clamp(26px, 4vw, 46px);
  margin: 24px 0 42px;
}
.checkout-success-icon {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: linear-gradient(135deg, #0fc7a7, #0a8ea0);
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(15, 199, 167, .28);
  margin-bottom: 16px;
}
.checkout-success-kicker {
  margin: 0 0 8px;
  color: #0a8ea0;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .82rem;
}
.checkout-success-card h1 { margin-bottom: 8px; }
.checkout-success-card h2 { font-size: clamp(1.35rem, 2.4vw, 2rem); margin-bottom: 18px; color: #0b2230; }
.checkout-success-message { color: #475569; font-size: 1.02rem; line-height: 1.75; }
.checkout-success-summary { margin-top: 26px; border-radius: 22px; background: #fff; border: 1px solid rgba(15, 23, 42, .08); overflow: hidden; }
.checkout-success-summary-head { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 18px 20px; background: #071018; color: #fff; }
.checkout-success-summary-head span { display: block; color: #9ee6dc; font-size: .85rem; text-transform: uppercase; letter-spacing: .06em; }
.checkout-success-total { font-size: 1.2rem; color: #9ee6dc; white-space: nowrap; }
.checkout-success-summary h3 { font-size: 1.05rem; padding: 18px 20px 0; margin: 0; }
.checkout-success-products { display: grid; gap: 12px; padding: 16px 20px 20px; }
.checkout-success-product { display: grid; grid-template-columns: 76px 1fr; gap: 14px; padding: 12px; border: 1px solid #e5edf0; border-radius: 18px; color: inherit; text-decoration: none; background: #fbfdfe; transition: transform .18s ease, box-shadow .18s ease; }
.checkout-success-product:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(10, 32, 46, .08); color: inherit; }
.checkout-success-product img { width: 76px; height: 76px; object-fit: contain; border-radius: 14px; background: #fff; }
.checkout-success-product-info { display: flex; flex-direction: column; gap: 4px; }
.checkout-success-product-info strong { color: #0b2230; }
.checkout-success-product-info small { color: #64748b; }
.checkout-success-help { margin-top: 22px; color: #475569; background: rgba(15, 199, 167, .08); border-left: 4px solid #0fc7a7; padding: 14px 16px; border-radius: 14px; }
@media (max-width: 575px) {
  .checkout-success-summary-head { align-items: flex-start; flex-direction: column; }
  .checkout-success-product { grid-template-columns: 64px 1fr; }
  .checkout-success-product img { width: 64px; height: 64px; }
}


/* Quick premium UX refinements: product cards, active filters and quote documentation */
.product-card { transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.product-card:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(15, 23, 42, .10) !important; border-color: rgba(0, 150, 214, .22) !important; }
.product-card-image { min-height: 188px; }
.product-card-image img { max-height: 166px; }
.product-card-trust-row { display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.35rem; }
.product-card-trust-row span { font-size:.66rem; font-weight:800; color:#0f766e; background:#ecfdf5; border:1px solid rgba(15,118,110,.12); border-radius:999px; padding:.18rem .42rem; }
.product-card-price-quote { color:#0f766e; font-size:1.04rem; }
.product-card-quote-cta { background:#fff !important; color:#0078b6 !important; border:1px solid rgba(0,120,182,.3) !important; box-shadow:none !important; }
.product-card-quote-cta:hover { background:#effaff !important; color:#006ca3 !important; }
.product-card-details-link { min-height:30px; border:1px solid #e8eef5; border-radius:.65rem; background:#fff; }
.product-card-details-link:hover { text-decoration:none; background:#f8fcff; border-color:rgba(0,138,203,.24); }
.facet-active-summary { border:1px solid rgba(0,138,203,.16); background:linear-gradient(180deg,#f8fcff,#fff); border-radius:.9rem; padding:.75rem; }
.facet-active-title { font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.035em; color:#0f172a; margin-bottom:.45rem; }
.facet-active-chips { display:flex; flex-wrap:wrap; gap:.35rem; }
.facet-active-chips span { font-size:.72rem; font-weight:700; color:#075985; background:#e0f2fe; border:1px solid rgba(7,89,133,.12); border-radius:999px; padding:.22rem .5rem; }
.diten-doc-card--request { border-style:solid; background:linear-gradient(180deg,#f8fcff,#fff); }
.diten-doc-card--request span { color:#475569; }
@media (max-width: 767.98px) { .product-card-image { min-height: 164px; } .product-card-image img { max-height: 142px; } }


/* Blog DITEN import visual polish - 2026-05 */
.store-blog-hero { position: relative; overflow: hidden; isolation: isolate; }
.store-blog-hero::before { content:""; position:absolute; inset:-40% -10% auto auto; width:420px; height:420px; background:radial-gradient(circle, rgba(2,210,170,.32), transparent 66%); z-index:-1; }
.store-blog-hero::after { content:""; position:absolute; inset:auto auto -45% -15%; width:360px; height:360px; background:radial-gradient(circle, rgba(66,133,244,.22), transparent 68%); z-index:-1; }
.store-blog-hero-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.store-blog-hero-pills span { display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.11); color:#eafffb; border:1px solid rgba(255,255,255,.18); font-size:.86rem; font-weight:800; }
.store-blog-card { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.store-blog-card:hover { transform: translateY(-5px); box-shadow:0 24px 62px rgba(8,24,45,.14); border-color:#cfe9e4; }
.store-blog-card.is-featured { grid-column: span 2; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); min-height:360px; }
.store-blog-card.is-featured .store-blog-card-image { height:100%; min-height:360px; }
.store-blog-card.is-featured .store-blog-card-body { padding:28px; }
.store-blog-card.is-featured h3 { font-size:clamp(1.45rem,2.4vw,2.05rem); line-height:1.14; }
.store-blog-card.is-featured .store-blog-readmore { display:inline-flex; align-items:center; gap:8px; width:max-content; padding:11px 15px; border-radius:14px; background:#071326; color:#fff; }
.store-blog-card-image { position:relative; }
.store-blog-card-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(7,19,38,.18)); pointer-events:none; }
.store-blog-meta span { display:inline-flex; align-items:center; gap:6px; }
.store-blog-meta span::before { content:""; width:6px; height:6px; border-radius:50%; background:#02b894; opacity:.82; }
.store-blog-article-body { box-shadow:0 14px 40px rgba(8,24,45,.06); }
.store-blog-article-body p { margin-bottom:1.15rem; }
.store-blog-article-body ul, .store-blog-article-body ol { padding-left:1.35rem; margin-bottom:1.25rem; }
.store-blog-article-body li { margin-bottom:.45rem; }
.store-blog-article-body blockquote { border-left:4px solid #02b894; background:#f1fbf8; padding:18px 20px; border-radius:0 16px 16px 0; color:#173044; }
.store-blog-article-image { box-shadow:0 20px 55px rgba(8,24,45,.12); }
@media (max-width: 991px) {
  .store-blog-card.is-featured { grid-column:span 1; display:flex; }
  .store-blog-card.is-featured .store-blog-card-image { height:220px; min-height:0; }
}


/* 2026-05-19: keep category menu/dropdowns above facet/listing layers and prevent desktop clipping */
.category-facets {
  position: relative;
  z-index: 1;
}
#menu.diten-category-menu,
#menu.store-menu {
  position: relative;
  z-index: 1040;
  overflow: visible;
}
#menu .dropdown-menu,
#menu .dropdown-menu.diten-mega-menu,
#menu .store-menu-dropdown {
  z-index: 1050;
}
@media (min-width: 992px) {
  #menu .diten-menu-quick {
    overflow: visible;
    flex-wrap: wrap;
  }
}

/* 2026-05-18: sticky facet/header layering fix */
/* Keep catalog filters below the sticky header and always under category/menu dropdowns. */
.store-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3000 !important;
  isolation: isolate;
  background: #fff;
  overflow: visible !important;
}
.store-header .container,
.store-header .row,
.store-header-search,
.store-header-actions,
.store-header-cart {
  overflow: visible !important;
}
#menu.diten-category-menu,
#menu.store-menu {
  position: relative !important;
  z-index: 2900 !important;
  overflow: visible !important;
  isolation: isolate;
}
#menu .dropdown-menu,
#menu .dropdown-menu.diten-mega-menu,
#menu .store-menu-dropdown,
#menu .diten-mega-menu {
  z-index: 3200 !important;
}
@media (min-width: 992px) {
  #product-category aside,
  #product-search aside,
  #product-manufacturer aside,
  #product-special aside {
    position: relative !important;
    z-index: 2 !important;
  }
  #product-category .category-facets,
  #product-search .category-facets,
  #product-manufacturer .category-facets,
  #product-special .category-facets {
    position: sticky !important;
    top: 104px !important;
    z-index: 2 !important;
    max-height: calc(100vh - 124px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
  }
  #product-category #content,
  #product-category .product-toolbar,
  #product-category .product-layout,
  #product-search #content,
  #product-manufacturer #content,
  #product-special #content {
    position: relative;
    z-index: 1;
  }
}

/* 2026-05-18: override Bootstrap sticky wrapper used around category filters */
@media (min-width: 992px) {
  #product-category aside .sticky-lg-top,
  #product-search aside .sticky-lg-top,
  #product-manufacturer aside .sticky-lg-top,
  #product-special aside .sticky-lg-top {
    top: 104px !important;
    z-index: 2 !important;
  }
}


/* 2026-05-18: premium normalized product image presentation */
.product-card-image,
.product-thumb .image,
.product-listing-card .product-card-image {
  background: radial-gradient(circle at center, #ffffff 0%, #f8fafc 78%);
  border-radius: 18px;
  overflow: hidden;
}
.product-card-image img,
.product-thumb .image img,
.product-listing-card .product-card-image img {
  object-fit: contain !important;
  filter: drop-shadow(0 12px 20px rgba(15, 23, 42, .13));
  transition: transform .22s ease, filter .22s ease;
  will-change: transform, filter;
}
.product-card:hover .product-card-image img,
.product-thumb:hover .image img,
.product-listing-card:hover .product-card-image img {
  transform: translateY(-2px) scale(1.025);
  filter: drop-shadow(0 18px 28px rgba(15, 23, 42, .18));
}
.diten-main-image,
#product-info .diten-main-image,
.product-detail-shell .diten-main-image {
  background: radial-gradient(circle at center, #ffffff 0%, #f8fafc 74%);
  border-radius: 22px;
}
.diten-main-image img,
#product-info .diten-main-image img,
.product-detail-shell .diten-main-image img {
  object-fit: contain !important;
  filter: drop-shadow(0 20px 34px rgba(15, 23, 42, .16));
  transition: transform .22s ease, filter .22s ease;
}
.diten-main-image:hover img,
#product-info .diten-main-image:hover img {
  transform: translateY(-2px) scale(1.015);
  filter: drop-shadow(0 26px 42px rgba(15, 23, 42, .20));
}

/* DITEN premium SEO home refresh 2026-05 */
.diten-home-pro {
  background: #f4f8fb;
}

.diten-pro-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(2.4rem, 5vw, 4.8rem) 0 2.6rem;
  background:
    radial-gradient(circle at 12% 10%, rgba(0, 214, 159, .28), transparent 30%),
    radial-gradient(circle at 88% 22%, rgba(13, 148, 136, .2), transparent 34%),
    linear-gradient(135deg, #06121f 0%, #071827 45%, #042c2a 100%);
  color: #fff;
}

.diten-pro-hero::after {
  content: "";
  position: absolute;
  inset: auto -8% -42% 48%;
  height: 70%;
  background: linear-gradient(135deg, rgba(0,214,159,.12), rgba(255,255,255,.02));
  transform: rotate(-10deg);
  border-radius: 80px;
}

.diten-pro-hero-grid,
.diten-pro-tools-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: clamp(1.2rem, 3vw, 2.4rem);
  align-items: center;
}

.diten-pro-hero-copy h1 {
  max-width: 820px;
  margin: .65rem 0 1rem;
  font-size: clamp(2.3rem, 5.8vw, 5.2rem);
  line-height: .96;
  letter-spacing: -.06em;
  font-weight: 950;
}

.diten-pro-hero-copy p {
  max-width: 720px;
  color: #d8e9f1;
  font-size: clamp(1rem, 1.8vw, 1.22rem);
  line-height: 1.7;
}

.diten-pro-hero-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: 1.45rem;
}

.diten-pro-hero-metrics span,
.diten-pro-strip-grid > div {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.diten-pro-hero-metrics span {
  display: inline-flex;
  flex-direction: column;
  min-width: 138px;
  padding: .82rem 1rem;
  border-radius: 18px;
  color: #cce2ea;
}

.diten-pro-hero-metrics strong {
  color: #fff;
  font-size: 1.25rem;
}

.diten-pro-hero-panel {
  display: grid;
  gap: 1rem;
}

.diten-hero-search-card,
.diten-pro-category-panel,
.diten-product-card,
.diten-brand-pro-card,
.diten-seo-copy-card,
.diten-configurator-card {
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 70px rgba(15,23,42,.09);
}

.diten-hero-search-card {
  padding: 1.25rem;
  border-radius: 28px;
  color: #102033;
}

.diten-hero-search-card span,
.diten-pro-category-panel > span,
.diten-product-model {
  display: inline-flex;
  color: #007a5f;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.diten-hero-search-card strong {
  display: block;
  margin: .4rem 0;
  font-size: 1.35rem;
  line-height: 1.12;
}

.diten-hero-search-card p {
  margin: 0;
  color: #4b5d6c;
}

.diten-pro-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.diten-pro-quick-grid a {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: .75rem;
  align-items: center;
  min-height: 92px;
  padding: 1rem;
  color: #eafff8;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.08);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.diten-pro-quick-grid a:hover {
  transform: translateY(-3px);
  background: rgba(0,214,159,.16);
  border-color: rgba(0,214,159,.45);
}

.diten-pro-quick-grid i {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #06231f;
  border-radius: 14px;
  background: #00d69f;
}

.diten-pro-quick-grid span { font-weight: 950; }
.diten-pro-quick-grid small { color: #bdd2dd; }

.diten-pro-strip {
  margin-top: -1.3rem;
  position: relative;
  z-index: 2;
}

.diten-pro-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}

.diten-pro-strip-grid > div {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: .65rem .85rem;
  align-items: center;
  padding: 1rem;
  color: #ecfffb;
  border-radius: 22px;
  background: linear-gradient(135deg, #071827, #0a2e2c);
}

.diten-pro-strip-grid i { color: #00d69f; font-size: 1.35rem; }
.diten-pro-strip-grid strong { font-size: .98rem; }
.diten-pro-strip-grid span { grid-column: 2; color: #bdd2dd; font-size: .86rem; }

.diten-section-heading.with-action {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
}

.diten-pro-category-showcase,
.diten-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.diten-pro-category-panel {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 1.25rem;
}

.diten-pro-category-panel::after {
  content: "";
  position: absolute;
  right: -36px;
  top: -36px;
  width: 128px;
  height: 128px;
  background: radial-gradient(circle, rgba(0,214,159,.18), transparent 68%);
}

.diten-cat-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 18px;
  color: #03231e;
  background: linear-gradient(135deg, #00d69f, #9ff7df);
  box-shadow: 0 12px 30px rgba(0,214,159,.22);
}

.diten-pro-category-panel h3 {
  margin: .45rem 0 .55rem;
  font-size: 1.35rem;
}

.diten-pro-category-panel h3 a { color: #0f172a; text-decoration: none; }
.diten-pro-category-panel p { color: #546578; min-height: 74px; }
.diten-pro-category-panel ul { margin: .9rem 0 1rem; padding: 0; list-style: none; }
.diten-pro-category-panel li + li { margin-top: .35rem; }
.diten-pro-category-panel li a { color: #0f766e; font-weight: 800; text-decoration: none; }
.diten-panel-cta { color: #071827; font-weight: 950; text-decoration: none; }

.diten-product-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 25%);
  gap: 1rem;
  overflow-x: auto;
  padding: .3rem .2rem 1rem;
  scroll-snap-type: x mandatory;
}

.diten-product-card {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  overflow: hidden;
  scroll-snap-align: start;
  transition: transform .2s ease, box-shadow .2s ease;
}

.diten-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(15,23,42,.14);
}

.diten-product-image {
  display: grid;
  place-items: center;
  min-height: 210px;
  padding: 1rem;
  background: linear-gradient(180deg, #fff, #f3f8fb);
}

.diten-product-image img {
  max-width: 100%;
  max-height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 16px 22px rgba(15,23,42,.12));
}

.diten-product-body {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  padding: 1rem;
  flex: 1;
}

.diten-product-body h3 {
  margin: 0;
  font-size: .98rem;
  line-height: 1.35;
  min-height: 4.05em;
}

.diten-product-body h3 a {
  color: #0f172a;
  text-decoration: none;
}

.diten-product-price {
  color: #042f2e;
  font-size: 1.24rem;
  font-weight: 950;
}

.diten-product-body small { color: #64748b; }
.diten-product-cta {
  margin-top: auto;
  display: inline-flex;
  justify-content: center;
  padding: .72rem 1rem;
  border-radius: 14px;
  color: #05231f;
  background: #00d69f;
  font-weight: 950;
  text-decoration: none;
}

.diten-brand-pro-card {
  padding: clamp(1rem, 2.6vw, 1.6rem);
  border-radius: 30px;
  background: linear-gradient(135deg, #ffffff, #f1fbf8);
}

.diten-brand-pro-card .diten-brand-carousel {
  margin-top: 1.1rem;
  padding: .4rem;
  border-radius: 24px;
  background: #f8fafc;
}

.diten-brand-pro-card .diten-brand-track {
  grid-auto-columns: minmax(132px, 1fr);
  gap: .8rem;
}

.diten-brand-pro-card .diten-brand-track a {
  min-height: 116px;
  border: 1px solid rgba(15,23,42,.08);
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}

.diten-brand-pro-card .diten-brand-track img {
  max-height: 42px;
  transform: scale(1.04);
}

.diten-pro-tools-seo {
  padding-bottom: clamp(2rem, 5vw, 4rem);
}

.diten-pro-tools-grid {
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  align-items: stretch;
}

.diten-pro-tools-grid .diten-configurator-card,
.diten-seo-copy-card {
  border-radius: 30px;
  padding: clamp(1.25rem, 3vw, 2rem);
}

.diten-seo-copy-card h2,
.diten-configurator-card h2 { color: #0f172a; }
.diten-seo-copy-card p { color: #4b5d6c; line-height: 1.75; }
.diten-seo-links { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.diten-seo-links a {
  padding: .55rem .82rem;
  color: #075e54;
  border: 1px solid rgba(0,150,120,.2);
  border-radius: 999px;
  background: #edfff9;
  font-weight: 850;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .diten-pro-hero-grid,
  .diten-pro-tools-grid,
  .diten-pro-category-showcase,
  .diten-product-grid,
  .diten-pro-strip-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .diten-product-rail { grid-auto-columns: minmax(230px, 78vw); }
  .diten-section-heading.with-action { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 575.98px) {
  .diten-pro-quick-grid { grid-template-columns: minmax(0, 1fr); }
  .diten-pro-hero-copy h1 { font-size: 2.35rem; }
  .diten-pro-hero { padding-top: 1.8rem; }
  .diten-product-image { min-height: 180px; }
}

/* DITEN home verification polish: hero contrast + image confidence */
.diten-home-pro .diten-pro-hero,
.diten-home-pro .diten-pro-hero-copy,
.diten-home-pro .diten-pro-hero-copy h1 {
  color: #ffffff !important;
}
.diten-home-pro .diten-pro-hero-copy h1 {
  text-shadow: 0 18px 42px rgba(0,0,0,.34);
}
.diten-home-pro .diten-product-image::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 20px;
  background: radial-gradient(circle at 50% 35%, rgba(0,214,159,.08), transparent 52%);
  pointer-events: none;
}
.diten-home-pro .diten-product-image { position: relative; }
.diten-home-pro .diten-product-image img { position: relative; z-index: 1; }

/* DITEN home final QA fixes: avoid cropped product rail and isolate SEO/tool cards */
.diten-home-pro .diten-product-rail {
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}
.diten-home-pro .diten-pro-tools-grid .diten-configurator-card,
.diten-home-pro .diten-pro-tools-grid .diten-seo-copy-card {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  z-index: 1 !important;
}
.diten-home-pro .diten-pro-tools-grid .diten-configurator-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  position: relative !important;
  z-index: 2 !important;
}
.diten-home-pro .diten-brand-pro-card .diten-brand-track {
  padding-bottom: .6rem;
  scrollbar-width: thin;
}


/* DITEN home layout polish 2026-05-19: natural hero copy, one-line products, premium moving brands */
.diten-home-pro .diten-pro-hero-metrics span { min-width: 176px; }
.diten-home-pro .diten-pro-hero-metrics span:first-child { min-width: 258px; }
.diten-home-pro .diten-product-rail {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  overflow: visible !important;
  gap: 1rem !important;
  padding-bottom: 0 !important;
}
.diten-home-pro .diten-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.diten-home-pro .diten-product-card { min-height: 100%; }
.diten-home-pro .diten-product-image { min-height: 190px; position: relative; overflow: visible; }
.diten-home-pro .diten-product-image img {
  max-width: 82%;
  max-height: 170px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.diten-home-pro .diten-brand-pro-card {
  background: radial-gradient(circle at top left, rgba(0,214,159,.16), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f3fffb 48%, #eef7ff 100%);
  overflow: hidden;
}
.diten-home-pro .diten-brand-pro-card .diten-brand-carousel {
  position: relative;
  overflow: hidden;
  padding: 1rem 0;
  border: 1px solid rgba(15,23,42,.06);
  background: rgba(255,255,255,.76);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.diten-home-pro .diten-brand-pro-card .diten-brand-track {
  display: flex !important;
  width: max-content;
  gap: 1rem;
  padding: .15rem 1rem .25rem;
  overflow: visible !important;
  scrollbar-width: none;
  animation: ditenBrandMarquee 34s linear infinite;
  will-change: transform;
}
.diten-home-pro .diten-brand-pro-card .diten-brand-track::-webkit-scrollbar { display: none; }
.diten-home-pro .diten-brand-pro-card .diten-brand-track:hover { animation-play-state: paused; }
.diten-home-pro .diten-brand-pro-card .diten-brand-track a {
  flex: 0 0 178px;
  min-height: 138px;
  padding: 1rem 1.15rem;
  border-radius: 24px;
  border: 1px solid rgba(0,168,132,.12);
  background: linear-gradient(180deg, #ffffff 0%, #f8fffd 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
}
.diten-home-pro .diten-brand-pro-card .diten-brand-track img {
  width: 132px !important;
  height: 78px !important;
  max-width: 132px !important;
  max-height: 78px !important;
  object-fit: contain;
  transform: none;
  filter: saturate(1.05) contrast(1.03) drop-shadow(0 8px 14px rgba(15,23,42,.08));
}
.diten-home-pro .diten-brand-pro-card .diten-brand-track span {
  font-size: .86rem;
  font-weight: 900;
  color: #0f172a;
}
@keyframes ditenBrandMarquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - .5rem)); } }
@media (max-width: 991.98px) {
  .diten-home-pro .diten-product-rail,
  .diten-home-pro .diten-product-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    padding-bottom: .7rem !important;
  }
  .diten-home-pro .diten-product-rail .diten-product-card,
  .diten-home-pro .diten-product-grid .diten-product-card { flex: 0 0 min(78vw, 320px); }
  .diten-home-pro .diten-brand-pro-card .diten-brand-track a { flex-basis: 150px; min-height: 124px; }
  .diten-home-pro .diten-brand-pro-card .diten-brand-track img { width: 112px !important; height: 66px !important; }
}


/* DITEN brand logo loading/visibility polish */
.diten-home-pro .diten-brand-pro-card .diten-brand-track a { gap: .7rem; }
.diten-home-pro .diten-brand-pro-card .diten-brand-track img {
  display: block !important;
  opacity: 1 !important;
  background: transparent;
}


/* DITEN footer Google Play app badge */
.diten-footer .diten-google-play-badge {
  display: inline-flex;
  margin-top: 1rem;
  padding: .35rem;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.diten-footer .diten-google-play-badge:hover {
  transform: translateY(-2px);
  border-color: rgba(0,214,159,.38);
  box-shadow: 0 12px 28px rgba(0,214,159,.14);
}
.diten-footer .diten-google-play-badge img {
  display: block;
  width: min(190px, 100%);
  height: auto;
  object-fit: contain;
}


/* DITEN premium compute-first menu 2026-05-19 */
#menu.diten-category-menu.diten-menu-hover-only {
  background: linear-gradient(135deg, #060b14 0%, #07111d 48%, #041b18 100%) !important;
  border: 1px solid rgba(0, 214, 159, .18) !important;
  box-shadow: 0 18px 44px rgba(7, 17, 29, .18), inset 0 1px 0 rgba(255,255,255,.06);
}
#menu.diten-menu-hover-only .diten-menu-shell { gap: .8rem; }
#menu.diten-menu-hover-only .diten-menu-all-button {
  min-width: 230px;
  background: linear-gradient(135deg, rgba(0,214,159,.20), rgba(0,148,135,.12));
  border: 1px solid rgba(0,214,159,.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,214,159,.08);
}
#menu.diten-menu-hover-only .diten-menu-all-icon {
  background: radial-gradient(circle at 30% 25%, #5fffe0, #00d69f 54%, #049071 100%);
  color: #03130f;
  box-shadow: 0 10px 22px rgba(0,214,159,.35);
}
#menu.diten-menu-hover-only .diten-menu-quick { gap: .18rem; }
#menu.diten-menu-hover-only .diten-menu-link,
#menu.diten-menu-hover-only .navbar-nav > li > a.diten-menu-link {
  gap: .42rem;
  padding: .74rem .7rem;
  border-radius: 14px;
  white-space: nowrap;
  color: rgba(255,255,255,.90) !important;
}
#menu.diten-menu-hover-only .diten-menu-link-icon {
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(0,214,159,.12);
  color: #00d69f;
  border: 1px solid rgba(0,214,159,.16);
}
#menu.diten-menu-hover-only .diten-menu-link:hover,
#menu.diten-menu-hover-only .diten-menu-item:hover > .diten-menu-link {
  color: #fff !important;
  background: rgba(255,255,255,.075);
  transform: translateY(-1px);
}
#menu.diten-menu-hover-only .diten-menu-link:hover .diten-menu-link-icon,
#menu.diten-menu-hover-only .diten-menu-item:hover > .diten-menu-link .diten-menu-link-icon {
  background: #00d69f;
  color: #03130f;
  box-shadow: 0 10px 24px rgba(0,214,159,.22);
}
@media (min-width: 992px) {
  #menu.diten-menu-hover-only .dropdown-menu.show { display: none !important; }
  #menu.diten-menu-hover-only .dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  #menu.diten-menu-hover-only .dropdown > .dropdown-menu {
    display: none;
    margin-top: 0;
  }
}
#menu.diten-menu-hover-only .diten-mega-menu,
#menu.diten-menu-hover-only .diten-subcategory-menu {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  box-shadow: 0 28px 70px rgba(15,23,42,.18) !important;
}
.diten-mega-priority-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .7rem;
  margin: .9rem 0 1rem;
  padding: .75rem;
  border-radius: 22px;
  background: linear-gradient(135deg, #f4fffc 0%, #eef7ff 100%);
  border: 1px solid rgba(15,23,42,.06);
}
.diten-priority-tile {
  display: flex;
  align-items: center;
  gap: .62rem;
  min-height: 76px;
  padding: .62rem;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
  color: #0f172a;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(15,23,42,.055);
}
.diten-priority-tile:hover { transform: translateY(-2px); color: #047968; border-color: rgba(0,214,159,.32); }
.diten-priority-tile img,
.diten-priority-tile i {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  object-fit: contain;
  flex: 0 0 auto;
  background: #f6fafb;
  padding: .28rem;
}
.diten-priority-tile i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: #00a985;
}
.diten-mega-grid-premium .diten-mega-card.is-priority {
  border-color: rgba(0,214,159,.28);
  background: linear-gradient(180deg, #ffffff 0%, #f5fffc 100%);
  box-shadow: 0 16px 34px rgba(0,214,159,.09);
}
.diten-mega-card-title img,
.diten-mega-card-title i {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  object-fit: contain;
  flex: 0 0 auto;
  background: #effdfa;
  padding: .25rem;
}
.diten-mega-card-title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #00a985;
  font-size: 1rem;
}
.diten-subcategory-feature {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: .8rem;
  align-items: center;
  padding: .75rem;
  margin: .65rem 0 .75rem;
  border-radius: 18px;
  background: linear-gradient(135deg, #f5fffc, #f6f9ff);
  border: 1px solid rgba(15,23,42,.06);
}
.diten-subcategory-feature img,
.diten-subcategory-feature > i {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 18px;
  background: #fff;
  padding: .35rem;
}
.diten-subcategory-feature > i {
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#00a985;
}
.diten-subcategory-feature p { margin: 0; color: #536476; font-size: .92rem; line-height: 1.35; }
.diten-subcategory-link { min-height: 54px; }
.diten-subcategory-link img,
.diten-subcategory-link > i:first-child {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: contain;
  flex: 0 0 auto;
  background: #f2fbf8;
  padding: .22rem;
}
.diten-subcategory-link > i:first-child { display:inline-flex;align-items:center;justify-content:center;color:#00a985; }
@media (max-width: 1199px) {
  #menu.diten-menu-hover-only .diten-menu-link,
  #menu.diten-menu-hover-only .navbar-nav > li > a.diten-menu-link { padding: .68rem .55rem; font-size: .92rem; }
  .diten-mega-priority-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .diten-mega-priority-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #menu.diten-menu-hover-only .dropdown-menu.show { display: block !important; }
}
@media (max-width: 575px) {
  .diten-mega-priority-strip { grid-template-columns: 1fr; }
  .diten-priority-tile { min-height: 64px; }
}


/* DITEN premium menu final polish: breathing room + stronger category media */
@media (min-width: 992px) {
  #menu.diten-menu-hover-only .dropdown-menu.diten-mega-menu {
    width: min(1160px, calc(100vw - 56px)) !important;
    max-width: calc(100vw - 56px) !important;
  }
}
.diten-priority-tile img,
.diten-priority-tile i {
  width: 60px;
  height: 60px;
}
.diten-priority-tile {
  min-height: 84px;
}
.diten-mega-card-title img,
.diten-mega-card-title i {
  width: 46px;
  height: 46px;
}


/* DITEN premium menu spacing refinement */
@media (min-width: 992px) {
  #menu.diten-menu-hover-only .dropdown-menu.diten-mega-menu {
    width: min(1120px, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
    padding-left: 1.15rem !important;
    padding-right: 1.15rem !important;
  }
}
.diten-priority-tile {
  gap: .48rem;
  padding: .58rem;
  font-size: .9rem;
  letter-spacing: -.01em;
}
.diten-priority-tile img,
.diten-priority-tile i {
  width: 58px;
  height: 58px;
}


/* DITEN PageSpeed/accessibility pass 20260519 */
#product-info .diten-stock-chip.is-in-stock strong { color:#137333 !important; }
#product-info .diten-product-panel > h3 { color:#ffffff !important; }
.diten-footer .footer-heading { margin:0 0 .85rem; color:#ffffff; font-size:.82rem; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.diten-footer .diten-payment-card .footer-heading { color:#0f172a; }
#product-info .diten-main-image img[fetchpriority="high"] { aspect-ratio:1 / 1; }


/* DITEN account dropdown z-index fix 20260519 */
#top.store-topbar{position:relative!important;z-index:7000!important;overflow:visible!important;}
#top.store-topbar .container,#top.store-topbar .row,#top.store-topbar .store-topbar-links,#top.store-topbar .list-inline,#top.store-topbar .list-inline-item,#top.store-topbar .dropdown{position:relative;overflow:visible!important;}
#top.store-topbar .dropdown-menu{z-index:7100!important;}
.store-header{z-index:3000!important;}
#menu.diten-category-menu,#menu.store-menu{z-index:2900!important;}



/* DITEN tech attribute image badges 20260519 */
.diten-tech-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem;pointer-events:none;}
.diten-tech-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.10);overflow:hidden;line-height:1;}
.diten-tech-badge img{display:block;width:auto;height:30px;max-width:86px;object-fit:contain;}
.diten-tech-badges-card{position:absolute;left:.75rem;right:.75rem;bottom:.65rem;justify-content:center;z-index:3;}
.diten-tech-badges-card .diten-tech-badge{padding:.12rem .28rem;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);}
.diten-tech-badges-product{gap:.55rem;padding:.65rem;background:linear-gradient(135deg,#f8fffd,#f7f9ff);border:1px solid rgba(15,23,42,.07);border-radius:18px;pointer-events:auto;}
.diten-tech-badges-product .diten-tech-badge{padding:.18rem .4rem;}
.diten-tech-badges-product .diten-tech-badge img{height:38px;max-width:108px;}
.product-card-image{min-height:220px;}
.product-card-image .diten-tech-badges-card + *{margin-bottom:2.2rem;}
@media (max-width:575px){.diten-tech-badge img{height:27px;max-width:78px}.diten-tech-badges-product .diten-tech-badge img{height:34px;max-width:96px}.diten-tech-badges-card{left:.55rem;right:.55rem;bottom:.5rem}}

/* DITEN home tech badges */
.diten-product-card{position:relative;}
.diten-tech-badges-home{position:absolute;left:.65rem;right:.65rem;bottom:.55rem;justify-content:center;z-index:2;pointer-events:none;}
.diten-tech-badges-home .diten-tech-badge{padding:.1rem .24rem;background:rgba(255,255,255,.96);}
.diten-tech-badges-home .diten-tech-badge img{height:28px;max-width:72px;}


/* DITEN square tech badges override 20260519 */
.diten-tech-badge{
  width:34px;
  height:34px;
  padding:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.12)!important;
  overflow:hidden;
}
.diten-tech-badge img{
  width:28px!important;
  height:28px!important;
  max-width:28px!important;
  object-fit:contain!important;
}
.diten-tech-badges-card,
.diten-tech-badges-home{gap:.32rem;}
.diten-tech-badges-card .diten-tech-badge,
.diten-tech-badges-home .diten-tech-badge{width:32px;height:32px;border-radius:7px!important;}
.diten-tech-badges-card .diten-tech-badge img,
.diten-tech-badges-home .diten-tech-badge img{width:26px!important;height:26px!important;max-width:26px!important;}
.diten-tech-badges-product{border-radius:14px;}
.diten-tech-badges-product .diten-tech-badge{width:48px;height:48px;border-radius:10px!important;}
.diten-tech-badges-product .diten-tech-badge img{width:40px!important;height:40px!important;max-width:40px!important;}
@media (max-width:575px){
  .diten-tech-badges-card .diten-tech-badge,
  .diten-tech-badges-home .diten-tech-badge{width:30px;height:30px;}
  .diten-tech-badges-card .diten-tech-badge img,
  .diten-tech-badges-home .diten-tech-badge img{width:24px!important;height:24px!important;max-width:24px!important;}
  .diten-tech-badges-product .diten-tech-badge{width:44px;height:44px;}
  .diten-tech-badges-product .diten-tech-badge img{width:36px!important;height:36px!important;max-width:36px!important;}
}


/* DITEN accessible SEO text for tech badges 20260519 */
.diten-seo-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}



/* DITEN checkout shipping carrier logos 20260519 */
#modal-shipping .diten-shipping-method-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:.65rem;
  min-height:78px;
  padding:1rem 1rem 1rem 3rem;
  margin:.75rem 0;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
#modal-shipping .diten-shipping-method-option:has(.form-check-input:checked){
  border-color:rgba(0,138,203,.34);
  box-shadow:0 12px 30px rgba(0,138,203,.10);
}
#modal-shipping .diten-shipping-method-option .form-check-input{
  position:absolute;
  left:1rem;
  top:50%;
  transform:translateY(-50%);
  margin:0;
}
#modal-shipping .diten-shipping-method-label{
  display:flex;
  align-items:center;
  gap:.85rem;
  width:100%;
  margin:0;
  cursor:pointer;
  font-size:1rem;
  line-height:1.35;
}
#modal-shipping .diten-shipping-carrier-logo{
  flex:0 0 104px;
  width:104px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.06);
}
#modal-shipping .diten-shipping-carrier-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
#modal-shipping .diten-shipping-carrier-logo--generic{
  color:#64748b;
  font-size:1.35rem;
}
#modal-shipping .diten-shipping-method-copy{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.25rem .45rem;
  min-width:0;
}
#modal-shipping .diten-shipping-method-name{
  font-weight:700;
  color:#0f172a;
}
#modal-shipping .diten-shipping-method-price{
  color:#334155;
}
#modal-shipping .diten-shipping-method-name::after{
  content:' -';
  color:#64748b;
  font-weight:500;
}
@media (max-width:575px){
  #modal-shipping .diten-shipping-method-option{padding:.85rem .85rem .85rem 2.7rem;min-height:86px;}
  #modal-shipping .diten-shipping-method-label{gap:.7rem;font-size:.96rem;align-items:flex-start;}
  #modal-shipping .diten-shipping-carrier-logo{flex-basis:82px;width:82px;height:34px;margin-top:.1rem;}
  #modal-shipping .diten-shipping-method-copy{display:block;}
  #modal-shipping .diten-shipping-method-name,#modal-shipping .diten-shipping-method-price{display:inline;}
}


/* DITEN checkout real carrier logo proportions 20260519 */
#modal-shipping .diten-shipping-method-option{
  display:grid!important;
  grid-template-columns:22px 170px minmax(0,1fr)!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1rem 1.15rem!important;
  min-height:112px!important;
}
#modal-shipping .diten-shipping-method-option .form-check-input{
  position:static!important;
  transform:none!important;
  margin:0!important;
  grid-column:1;
}
#modal-shipping .diten-shipping-method-label{
  display:contents!important;
}
#modal-shipping .diten-shipping-carrier-logo{
  grid-column:2;
  flex:none!important;
  width:170px!important;
  height:60px!important;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#modal-shipping .diten-shipping-carrier-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
#modal-shipping .diten-shipping-method-copy{
  grid-column:3;
  display:block!important;
  min-width:0;
}
#modal-shipping .diten-shipping-method-name{
  display:inline!important;
  font-size:1.08rem;
  line-height:1.28;
}
#modal-shipping .diten-shipping-method-price{
  display:block!important;
  margin-top:.25rem;
  font-size:1.02rem;
}
@media (max-width:575px){
  #modal-shipping .diten-shipping-method-option{
    grid-template-columns:20px 112px minmax(0,1fr)!important;
    gap:.7rem!important;
    padding:.85rem!important;
    min-height:94px!important;
  }
  #modal-shipping .diten-shipping-carrier-logo{width:112px!important;height:39px!important;}
  #modal-shipping .diten-shipping-method-name{font-size:.95rem;}
  #modal-shipping .diten-shipping-method-price{font-size:.94rem;}
}


/* DITEN checkout modal above sticky header/menu 20260519 */
#modal-shipping.modal{z-index:8200!important;}
.modal-backdrop{z-index:8100!important;}
body.modal-open .store-header,
body.modal-open #menu.diten-category-menu,
body.modal-open #menu.store-menu{z-index:3000!important;}


/* DITEN checkout compact shipping carrier logos 20260520 */
#modal-shipping .diten-shipping-method-option{
  grid-template-columns:20px 112px minmax(0,1fr)!important;
  gap:.75rem!important;
  padding:.78rem .95rem!important;
  min-height:82px!important;
  margin:.5rem 0!important;
  border-radius:16px!important;
}
#modal-shipping .diten-shipping-carrier-logo{
  width:112px!important;
  height:39px!important;
  border-radius:9px!important;
}
#modal-shipping .diten-shipping-carrier-logo img{border-radius:8px!important;}
#modal-shipping .diten-shipping-method-name{font-size:.98rem!important;line-height:1.25!important;}
#modal-shipping .diten-shipping-method-price{font-size:.95rem!important;margin-top:.15rem!important;}
@media (max-width:575px){
  #modal-shipping .diten-shipping-method-option{grid-template-columns:18px 86px minmax(0,1fr)!important;gap:.55rem!important;padding:.7rem!important;min-height:74px!important;}
  #modal-shipping .diten-shipping-carrier-logo{width:86px!important;height:30px!important;}
  #modal-shipping .diten-shipping-method-name{font-size:.9rem!important;}
  #modal-shipping .diten-shipping-method-price{font-size:.88rem!important;}
}


/* DITEN premium ThinkPad category landing 20260519 */
.diten-thinkpad-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(1rem,3vw,2rem);align-items:center;padding:clamp(1.25rem,4vw,2.2rem);border-radius:32px;background:radial-gradient(circle at 12% 12%,rgba(0,214,159,.22),transparent 30%),radial-gradient(circle at 88% 18%,rgba(59,130,246,.18),transparent 34%),linear-gradient(135deg,#050b14 0,#071827 52%,#042c2a 100%);color:#fff;box-shadow:0 28px 70px rgba(15,23,42,.18)}
.diten-thinkpad-hero:after{content:"";position:absolute;inset:auto -10% -45% 44%;height:74%;background:linear-gradient(135deg,rgba(0,214,159,.12),rgba(255,255,255,.035));transform:rotate(-9deg);border-radius:90px;pointer-events:none}.diten-thinkpad-hero-copy,.diten-thinkpad-visual{position:relative;z-index:1}.diten-thinkpad-kicker{display:inline-flex;margin-bottom:.8rem;padding:.38rem .7rem;border:1px solid rgba(0,214,159,.34);border-radius:999px;background:rgba(0,214,159,.1);color:#a7ffe9;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.diten-thinkpad-hero h2{max-width:780px;margin:0 0 .85rem;color:#fff;font-size:clamp(1.9rem,4.6vw,4.4rem);line-height:.98;letter-spacing:-.055em;font-weight:950}.diten-thinkpad-hero p{max-width:690px;color:#d8e9f1;font-size:clamp(.98rem,1.55vw,1.14rem);line-height:1.72}.diten-thinkpad-actions{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1.15rem}.diten-thinkpad-actions .btn{border-radius:16px;font-weight:900;padding:.74rem 1rem}.diten-thinkpad-actions .btn-primary{border:0;background:linear-gradient(135deg,#00d69f,#04a985);color:#031713}.diten-thinkpad-trust{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.15rem}.diten-thinkpad-trust span{display:inline-flex;flex-direction:column;min-width:132px;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.08);color:#cbe3ea;backdrop-filter:blur(12px)}.diten-thinkpad-trust strong{color:#fff;font-size:1.04rem}.diten-thinkpad-visual{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(150px,.88fr);gap:.8rem}.diten-thinkpad-device{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:174px;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,249,251,.92));color:#0f172a;text-decoration:none;box-shadow:0 22px 48px rgba(0,0,0,.18);transition:transform .18s,box-shadow .18s}.diten-thinkpad-device:hover{transform:translateY(-3px);color:#047968;box-shadow:0 28px 60px rgba(0,0,0,.24)}.diten-thinkpad-device img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(15,23,42,.18))}.diten-thinkpad-device span{display:block;margin-top:.5rem;text-align:center;font-size:.82rem;font-weight:950}.diten-thinkpad-device.is-main{min-height:360px}.diten-thinkpad-mini-grid{display:grid;gap:.8rem}.diten-thinkpad-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.diten-thinkpad-proof article{padding:1rem;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 14px 36px rgba(15,23,42,.07)}.diten-thinkpad-proof i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.75rem;border-radius:14px;background:#e8fff8;color:#07966f}.diten-thinkpad-proof h3{margin:0 0 .35rem;color:#0f172a;font-size:1rem;font-weight:950}.diten-thinkpad-proof p{margin:0;color:#536476;font-size:.9rem;line-height:1.55}.category-full-description .diten-thinkpad-guide{display:grid;gap:1rem}.category-full-description .diten-thinkpad-guide .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.category-full-description .diten-thinkpad-guide .guide-card{padding:1rem;border:1px solid #e8eef5;border-radius:20px;background:#fff}.category-full-description .diten-thinkpad-guide .guide-card h3{font-size:1rem;margin-bottom:.45rem}.category-full-description .diten-thinkpad-guide .guide-card p,.category-full-description .diten-thinkpad-guide li{color:#536476}.category-full-description .diten-thinkpad-guide .faq{padding:1rem;border-radius:22px;background:#f5fffc;border:1px solid rgba(0,168,132,.14)}@media (max-width:991.98px){.diten-thinkpad-hero,.diten-thinkpad-visual,.diten-thinkpad-proof,.category-full-description .diten-thinkpad-guide .guide-grid{grid-template-columns:1fr}.diten-thinkpad-device.is-main{min-height:250px}.diten-thinkpad-hero{border-radius:24px}.diten-thinkpad-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.diten-thinkpad-mini-grid{grid-template-columns:1fr}.diten-thinkpad-hero h2{font-size:2rem}.diten-thinkpad-trust span{min-width:100%}}
/* DITEN ThinkPad contrast fix 20260519 */
#product-category .diten-thinkpad-hero .diten-thinkpad-hero-copy h2{color:#fff!important;text-shadow:0 18px 42px rgba(0,0,0,.38)!important;}
#product-category .diten-thinkpad-hero .diten-thinkpad-hero-copy p{color:#d8e9f1!important;}

/* DITEN ThinkPad official brand assets 20260519 */
.diten-thinkpad-brand-row{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;flex-wrap:wrap}.diten-thinkpad-brand-row img{display:block;height:auto;object-fit:contain}.diten-thinkpad-lenovo-logo{width:112px;max-height:38px;padding:.26rem .36rem;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}.diten-thinkpad-wordmark{width:148px;max-height:54px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.3))}.diten-thinkpad-brand-divider{width:1px;height:34px;background:rgba(255,255,255,.28)}@media (max-width:575.98px){.diten-thinkpad-brand-row{gap:.55rem}.diten-thinkpad-lenovo-logo{width:96px}.diten-thinkpad-wordmark{width:124px;max-height:48px}.diten-thinkpad-brand-divider{display:none}}

/* DITEN ThinkPad X1 brand asset 20260519 */
.diten-thinkpad-x1-logo{width:118px;max-height:49px;border-radius:12px;object-fit:cover;object-position:center;background:#111827;box-shadow:0 12px 28px rgba(0,0,0,.22)}@media (max-width:575.98px){.diten-thinkpad-x1-logo{width:104px;max-height:43px}}

/* DITEN ThinkPad X1 official wordmark refinement 20260519 */
.diten-thinkpad-x1-logo{width:142px!important;max-height:48px!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.34))!important}@media (max-width:575.98px){.diten-thinkpad-x1-logo{width:122px!important;max-height:42px!important}}


/* DITEN product ThinkPad family logos after tech badges 20260519 */
.diten-product-family-logos{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.6rem;
  padding:.58rem .7rem;
  border:1px solid rgba(15,23,42,.07);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
.diten-product-family-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.42rem .72rem;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px rgba(15,23,42,.08);
}
.diten-product-family-chip img{display:block;width:auto;object-fit:contain;}
.diten-product-family-chip--thinkpad img{height:34px;max-width:118px;}
.diten-product-family-chip--x1{background:linear-gradient(135deg,#05070b,#172033);border-color:rgba(255,255,255,.10);}
.diten-product-family-chip--x1 img{height:32px;max-width:128px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25));}
@media (max-width:575px){
  .diten-product-family-logos{gap:.45rem;padding:.52rem;border-radius:14px;}
  .diten-product-family-chip{min-height:42px;padding:.34rem .55rem;border-radius:12px;}
  .diten-product-family-chip--thinkpad img{height:30px;max-width:104px;}
  .diten-product-family-chip--x1 img{height:28px;max-width:112px;}
}


/* DITEN optimized compact ThinkPad family badges on product page 20260519 */
#product-info .diten-product-family-logos{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  gap:.42rem!important;
  padding:.36rem .42rem!important;
  margin-top:-.2rem!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.07)!important;
}
#product-info .diten-product-family-chip{
  min-height:34px!important;
  height:34px!important;
  padding:.18rem .46rem!important;
  border-radius:10px!important;
  box-shadow:0 4px 10px rgba(15,23,42,.07)!important;
}
#product-info .diten-product-family-chip--thinkpad img{
  width:82px!important;
  height:auto!important;
  max-width:82px!important;
  max-height:26px!important;
}
#product-info .diten-product-family-chip--x1{
  background:linear-gradient(135deg,#070b12,#172033)!important;
}
#product-info .diten-product-family-chip--x1 img{
  width:98px!important;
  height:auto!important;
  max-width:98px!important;
  max-height:24px!important;
  filter:none!important;
}
@media (max-width:575px){
  #product-info .diten-product-family-logos{gap:.34rem!important;padding:.32rem .36rem!important;border-radius:12px!important;}
  #product-info .diten-product-family-chip{min-height:32px!important;height:32px!important;padding:.16rem .38rem!important;border-radius:9px!important;}
  #product-info .diten-product-family-chip--thinkpad img{width:74px!important;max-width:74px!important;max-height:23px!important;}
  #product-info .diten-product-family-chip--x1 img{width:88px!important;max-width:88px!important;max-height:22px!important;}
}


/* DITEN ASUS VivoBook landing */
#product-category .diten-vivobook-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center;padding:34px;border-radius:28px;background:#0b1020;color:#fff;box-shadow:0 22px 60px rgba(11,16,32,.22);isolation:isolate}
#product-category .diten-vivobook-bg{position:absolute;inset:0;z-index:-2;opacity:.28}#product-category .diten-vivobook-bg img{width:100%;height:100%;object-fit:cover}#product-category .diten-vivobook-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(8,12,28,.94) 0%,rgba(8,12,28,.82) 44%,rgba(8,12,28,.45) 100%)}
#product-category .diten-vivobook-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe}
#product-category .diten-vivobook-copy h2{max-width:760px;margin:0 0 14px;font-size:clamp(2rem,4vw,4.15rem);line-height:.98;color:#fff!important;font-weight:900;letter-spacing:-.055em}#product-category .diten-vivobook-copy p{max-width:720px;margin:0 0 20px;color:#e5e7eb;font-size:1.04rem;line-height:1.7}
#product-category .diten-vivobook-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}#product-category .diten-vivobook-actions .btn{border-radius:999px;padding:.82rem 1.2rem;font-weight:800}#product-category .diten-vivobook-actions .btn-primary{background:#2563eb;border-color:#2563eb}#product-category .diten-vivobook-actions .btn-outline-light{border-color:rgba(255,255,255,.62);color:#fff}
#product-category .diten-vivobook-trust{display:flex;flex-wrap:wrap;gap:10px}#product-category .diten-vivobook-trust span{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.1);color:#e0f2fe;font-size:.88rem}#product-category .diten-vivobook-trust strong{color:#fff}
#product-category .diten-vivobook-visual{display:grid;gap:14px}#product-category .diten-vivobook-device{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 18px 42px rgba(0,0,0,.22)}#product-category .diten-vivobook-device img{width:100%;height:auto;display:block;object-fit:cover;background:#f8fafc}#product-category .diten-vivobook-device span{display:block;padding:10px 12px;color:#fff;font-weight:800;font-size:.92rem}#product-category .diten-vivobook-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#product-category .diten-vivobook-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#product-category .diten-vivobook-proof article{padding:18px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);border:1px solid #e5e7eb}#product-category .diten-vivobook-proof i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef2ff;color:#2563eb;margin-bottom:10px}#product-category .diten-vivobook-proof h3{font-size:1rem;margin:0 0 6px;color:#111827!important;font-weight:900}#product-category .diten-vivobook-proof p{margin:0;color:#64748b;font-size:.92rem;line-height:1.55}
@media (max-width:991px){#product-category .diten-vivobook-hero{grid-template-columns:1fr;padding:24px;border-radius:22px}#product-category .diten-vivobook-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){#product-category .diten-vivobook-hero{padding:20px;margin-left:-4px;margin-right:-4px}#product-category .diten-vivobook-mini-grid,#product-category .diten-vivobook-proof{grid-template-columns:1fr}#product-category .diten-vivobook-copy h2{font-size:2rem}}


/* DITEN footer AMVO + payment contrast 20260520 */
.diten-footer .diten-amvo-badge img{max-width:210px;width:100%;height:auto;object-fit:contain;}
.diten-footer .diten-payment-card{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(11,31,58,.82));border-color:rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(2,8,23,.26),inset 0 1px 0 rgba(255,255,255,.08);}
.diten-footer .diten-payment-card .footer-heading{color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.diten-footer .diten-payment-card p{color:#dbeafe!important;}
.diten-footer .diten-payment-methods span{background:#ffffff;color:#0f172a;border-color:rgba(255,255,255,.75);box-shadow:0 8px 18px rgba(2,8,23,.18);}
.diten-footer .diten-payment-methods img{background:#ffffff;}


/* DITEN footer payment logo contrast 20260520 */
.diten-footer .diten-payment-methods span:has(img[src*="banregio"]),
.diten-footer .diten-payment-methods span:has(img[src*="spei"]){gap:.6rem;}
.diten-footer .diten-payment-methods img[src*="banregio"],
.diten-footer .diten-payment-methods img[src*="spei"]{width:42px!important;height:32px!important;padding:5px 7px;object-fit:contain;border-radius:10px;background:linear-gradient(135deg,#071326 0%,#0b1f3a 62%,#0f2f46 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 12px rgba(2,8,23,.22);}



#product-category .diten-amd-logo-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:16px}
#product-category .diten-amd-logo-row img{display:block;max-height:54px;width:auto;max-width:170px;object-fit:contain;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(0,0,0,.18)}
#product-category .diten-amd-logo-row img[alt="AMD Ryzen"]{max-height:62px;background:rgba(255,255,255,.98)}
#product-category .diten-amd-logo-row span{display:block;width:1px;height:42px;background:rgba(255,255,255,.22)}
@media (max-width:575px){#product-category .diten-amd-logo-row img{max-width:138px;max-height:50px}.diten-amd-logo-row span{display:none}}

/* DITEN Laptops AMD landing 20260521 */
#product-category .diten-amd-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center;padding:34px;border-radius:28px;background:linear-gradient(135deg,#06182a 0%,#0b2b44 48%,#123f56 100%);color:#fff;box-shadow:0 22px 60px rgba(6,24,42,.24);isolation:isolate}
#product-category .diten-amd-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 14%,rgba(34,154,200,.38),transparent 34%),radial-gradient(circle at 12% 88%,rgba(255,119,0,.20),transparent 32%)}#product-category .diten-amd-orbit{position:absolute;right:-110px;top:-110px;width:360px;height:360px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 86px rgba(34,154,200,.06);z-index:-1}
#product-category .diten-amd-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dff7ff}
#product-category .diten-amd-copy h2{max-width:780px;margin:0 0 14px;font-size:clamp(2rem,4vw,4.05rem);line-height:.98;color:#fff!important;font-weight:900;letter-spacing:-.055em}#product-category .diten-amd-copy p{max-width:740px;margin:0 0 20px;color:#e5f4ff;font-size:1.04rem;line-height:1.7}
#product-category .diten-amd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}#product-category .diten-amd-actions .btn{border-radius:999px;padding:.82rem 1.2rem;font-weight:800}#product-category .diten-amd-actions .btn-primary{background:#229ac8;border-color:#229ac8}#product-category .diten-amd-actions .btn-outline-light{border-color:rgba(255,255,255,.65);color:#fff}
#product-category .diten-amd-trust{display:flex;flex-wrap:wrap;gap:10px}#product-category .diten-amd-trust span{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.11);color:#e0f2fe;font-size:.88rem}#product-category .diten-amd-trust strong{color:#fff}
#product-category .diten-amd-visual{display:grid;gap:14px}#product-category .diten-amd-device{display:block;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);box-shadow:0 18px 42px rgba(0,0,0,.18)}#product-category .diten-amd-device h3{margin:8px 0 8px;color:#fff!important;font-weight:900}#product-category .diten-amd-device p{margin:0;color:#dbeafe;line-height:1.55}.diten-amd-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#ff7a18,#229ac8);color:#fff;font-weight:900;letter-spacing:.04em}#product-category .diten-amd-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#product-category .diten-amd-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#product-category .diten-amd-proof article{padding:18px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);border:1px solid #e5e7eb}#product-category .diten-amd-proof i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e0f2fe;color:#229ac8;margin-bottom:10px}#product-category .diten-amd-proof h3{font-size:1rem;margin:0 0 6px;color:#111827!important;font-weight:900}#product-category .diten-amd-proof p{margin:0;color:#64748b;font-size:.92rem;line-height:1.55}
@media (max-width:991px){#product-category .diten-amd-hero{grid-template-columns:1fr;padding:24px;border-radius:22px}#product-category .diten-amd-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){#product-category .diten-amd-hero{padding:20px;margin-left:-4px;margin-right:-4px}#product-category .diten-amd-mini-grid,#product-category .diten-amd-proof{grid-template-columns:1fr}#product-category .diten-amd-copy h2{font-size:2rem}}


/* DITEN Laptops AMD Ryzen hero image + red/orange gradient 20260521 */
#product-category .diten-amd-hero.diten-amd-hero-ryzen{background:linear-gradient(135deg,#4b0f0f 0%,#9a2414 42%,#f97316 100%);box-shadow:0 24px 64px rgba(154,36,20,.28)}
#product-category .diten-amd-hero.diten-amd-hero-ryzen:after{background:radial-gradient(circle at 80% 12%,rgba(255,237,213,.32),transparent 34%),radial-gradient(circle at 14% 86%,rgba(34,154,200,.22),transparent 34%)}
#product-category .diten-amd-hero.diten-amd-hero-ryzen .diten-amd-orbit{border-color:rgba(255,255,255,.18);box-shadow:0 0 0 42px rgba(255,255,255,.04),0 0 0 86px rgba(251,146,60,.12)}
#product-category .diten-amd-laptop-hero{overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,247,237,.88));border:1px solid rgba(255,255,255,.36);box-shadow:0 20px 48px rgba(67,20,7,.25);padding:12px}
#product-category .diten-amd-laptop-hero img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(67,20,7,.22))}
#product-category .diten-amd-hero.diten-amd-hero-ryzen .diten-amd-badge{background:linear-gradient(135deg,#fb923c,#229ac8)}
@media (max-width:575px){#product-category .diten-amd-laptop-hero{border-radius:20px;padding:8px}#product-category .diten-amd-laptop-hero img{max-height:220px}}


/* DITEN AMD Ryzen hero layout refinement 20260521 */
#product-category .diten-amd-hero.diten-amd-hero-ryzen{background:linear-gradient(135deg,#5b0f0f 0%,#b91c1c 42%,#f97316 100%)!important}
#product-category .diten-amd-hero.diten-amd-hero-ryzen .diten-amd-visual{min-width:0;overflow:visible}
#product-category .diten-amd-hero.diten-amd-hero-ryzen .diten-amd-mini-grid{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
#product-category .diten-amd-hero.diten-amd-hero-ryzen .diten-amd-device{min-width:0}


/* DITEN AMD Ryzen landing product-card alignment 20260521 */
#product-category:has(.diten-amd-hero-ryzen) .category-featured-products .row > .col,
#product-category:has(.diten-amd-hero-ryzen) #product-list .row > .col,
#product-category:has(.diten-amd-hero-ryzen) .row.row-cols-1 > .col{display:flex;}
#product-category:has(.diten-amd-hero-ryzen) .product-card{width:100%;display:flex!important;flex-direction:column;height:100%;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-image{min-height:205px;display:flex;flex-direction:column;justify-content:center;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-image > a{min-height:150px;display:flex!important;align-items:center;justify-content:center;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-image img.img-fluid{max-height:150px;width:auto;object-fit:contain;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-content{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-main{display:flex;flex-direction:column;flex:1 1 auto;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-title,
#product-category:has(.diten-amd-hero-ryzen) .product-card-title a{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:initial!important;max-height:none!important;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-title{min-height:6.75rem;line-height:1.35;margin-bottom:1rem!important;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-highlights{margin-top:auto;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-form{margin-top:auto;display:flex;flex-direction:column;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-buy-box{display:flex;flex-direction:column;min-height:205px;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-trust-row{min-height:54px;align-content:flex-start;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-price-wrap{min-height:58px;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:.55rem;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-primary-cta,
#product-category:has(.diten-amd-hero-ryzen) .product-card-details-link{width:100%;}
@media (max-width:575px){#product-category:has(.diten-amd-hero-ryzen) .product-card-title{min-height:0}#product-category:has(.diten-amd-hero-ryzen) .product-card-buy-box{min-height:0}}


/* DITEN AMD Ryzen model text untruncate 20260521 */
#product-category:has(.diten-amd-hero-ryzen) .product-card-brand-row{align-items:flex-start!important;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-brand{flex:0 0 auto;}
#product-category:has(.diten-amd-hero-ryzen) .product-card-model{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:48%;line-height:1.25;word-break:break-word;}

/* DITEN AMD Ryzen landing list-view fix 20260521
   The Ryzen landing card-equalization rules are only for grid/featured cards.
   Restore the standard premium horizontal list layout when #product-list is in list mode. */
@media (min-width: 992px) {
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .col {
    display: block;
    width: 100%;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card {
    display: grid !important;
    grid-template-columns: 178px minmax(0, 1fr);
    min-height: 218px;
    height: auto !important;
    flex-direction: initial !important;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-image {
    width: auto !important;
    min-height: 218px;
    border-bottom: 0;
    border-right: 1px solid #eef2f6;
    flex-direction: column;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-image > a {
    min-height: 158px;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-image img.img-fluid {
    max-height: 158px;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: stretch;
    flex: initial !important;
    width: auto !important;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-main {
    display: block;
    min-width: 0;
    flex: initial;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-title {
    min-height: auto;
    max-width: 720px;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-highlights {
    margin-top: 0;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-form {
    margin-top: 0;
    padding-top: 0;
    border-left: 1px solid #eef2f6;
    padding-left: 1rem;
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-buy-box {
    width: 100%;
    min-height: 0;
  }
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-trust-row,
  #product-category:has(.diten-amd-hero-ryzen) #product-list.product-list .product-card-price-wrap {
    min-height: 0;
  }
}


/* DITEN Intel laptops landing */
#product-category .diten-intel-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);gap:28px;align-items:center;padding:34px;border-radius:28px;background:linear-gradient(135deg,#00285a 0%,#005a9c 46%,#00a3e0 100%);color:#fff;box-shadow:0 24px 64px rgba(0,84,148,.26);isolation:isolate}
#product-category .diten-intel-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.30),transparent 30%),radial-gradient(circle at 12% 88%,rgba(0,188,212,.28),transparent 36%)}
#product-category .diten-intel-orbit{position:absolute;right:-120px;top:-120px;width:380px;height:380px;border:1px solid rgba(255,255,255,.20);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.045),0 0 0 88px rgba(255,255,255,.055);z-index:-1}
#product-category .diten-intel-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px}
#product-category .diten-intel-logo-row img{display:block;width:auto;max-width:150px;max-height:62px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
#product-category .diten-intel-logo-row span{width:1px;height:42px;background:rgba(255,255,255,.28)}
#product-category .diten-intel-logo-row strong{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#eaf8ff}
#product-category .diten-intel-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.10);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#eaf8ff}
#product-category .diten-intel-copy h2{max-width:800px;margin:0 0 14px;font-size:clamp(2rem,4vw,4.05rem);line-height:.98;color:#fff!important;font-weight:900;letter-spacing:-.055em}
#product-category .diten-intel-copy p{max-width:760px;margin:0 0 20px;color:#eaf8ff;font-size:1.04rem;line-height:1.7}
#product-category .diten-intel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
#product-category .diten-intel-actions .btn{border-radius:999px;padding:.82rem 1.2rem;font-weight:800}
#product-category .diten-intel-actions .btn-primary{background:#00a3e0;border-color:#00a3e0;color:#001f3f}
#product-category .diten-intel-actions .btn-outline-light{border-color:rgba(255,255,255,.70);color:#fff}
#product-category .diten-intel-trust{display:flex;flex-wrap:wrap;gap:10px}
#product-category .diten-intel-trust span{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.12);color:#eaf8ff;font-size:.88rem}
#product-category .diten-intel-trust strong{color:#fff}
#product-category .diten-intel-visual{display:grid;gap:14px;min-width:0}
#product-category .diten-intel-laptop-hero{overflow:hidden;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.42);box-shadow:0 20px 52px rgba(0,32,64,.28);padding:10px}
#product-category .diten-intel-laptop-hero img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:18px}
#product-category .diten-intel-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#product-category .diten-intel-device{padding:14px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
#product-category .diten-intel-device img{display:block;width:100%;height:92px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 10px 14px rgba(0,32,64,.25))}
#product-category .diten-intel-device h3{margin:0 0 5px;color:#fff!important;font-size:1rem;font-weight:900}
#product-category .diten-intel-device p{margin:0;color:#dff7ff;font-size:.86rem;line-height:1.45}
#product-category .diten-intel-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#product-category .diten-intel-proof article{padding:18px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);border:1px solid #e5e7eb}
#product-category .diten-intel-proof i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e0f2fe;color:#0068b5;margin-bottom:10px}
#product-category .diten-intel-proof h3{font-size:1rem;margin:0 0 6px;color:#111827!important;font-weight:900}
#product-category .diten-intel-proof p{margin:0;color:#64748b;font-size:.92rem;line-height:1.55}
#product-category:has(.diten-intel-hero) .category-featured-products .row > .col,#product-category:has(.diten-intel-hero) #product-list .row > .col,#product-category:has(.diten-intel-hero) .row.row-cols-1 > .col{display:flex}
#product-category:has(.diten-intel-hero) .product-card{width:100%;display:flex!important;flex-direction:column;height:100%}
#product-category:has(.diten-intel-hero) .product-card-image{min-height:205px;display:flex;flex-direction:column;justify-content:center}
#product-category:has(.diten-intel-hero) .product-card-image>a{min-height:150px;display:flex!important;align-items:center;justify-content:center}
#product-category:has(.diten-intel-hero) .product-card-image img.img-fluid{max-height:150px;width:auto;object-fit:contain}
#product-category:has(.diten-intel-hero) .product-card-content{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0}
#product-category:has(.diten-intel-hero) .product-card-main{display:flex;flex-direction:column;flex:1 1 auto}
#product-category:has(.diten-intel-hero) .product-card-title,#product-category:has(.diten-intel-hero) .product-card-title a{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:initial!important;max-height:none!important}
#product-category:has(.diten-intel-hero) .product-card-title{min-height:6.75rem;line-height:1.35;margin-bottom:1rem!important}
#product-category:has(.diten-intel-hero) .product-card-highlights,#product-category:has(.diten-intel-hero) .product-card-form{margin-top:auto}
@media (max-width:991px){#product-category .diten-intel-hero{grid-template-columns:1fr;padding:24px;border-radius:22px}#product-category .diten-intel-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){#product-category .diten-intel-mini-grid{grid-template-columns:1fr}}
@media (max-width:575px){#product-category .diten-intel-hero{padding:20px;margin-left:-4px;margin-right:-4px}#product-category .diten-intel-proof{grid-template-columns:1fr}#product-category .diten-intel-copy h2{font-size:2rem}#product-category .diten-intel-logo-row span{display:none}#product-category .diten-intel-laptop-hero img{max-height:220px}#product-category:has(.diten-intel-hero) .product-card-title{min-height:0}}

/* DITEN home badges inside product image container 20260522 */
.diten-home-pro .diten-product-image .diten-tech-badges-home{position:absolute;left:.65rem;right:.65rem;top:auto!important;bottom:.55rem;justify-content:center;z-index:4;pointer-events:none;}
.diten-home-pro .diten-product-image{position:relative;overflow:visible;}
.diten-home-pro .diten-product-body{position:relative;z-index:1;}
@media (max-width:575px){.diten-home-pro .diten-product-image .diten-tech-badges-home{left:.5rem;right:.5rem;bottom:.45rem;}}

/* DITEN product card title full display 20260522 */
.product-card-title,
.product-card-title a{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.product-card-content{overflow:visible!important;}
.product-card-main{overflow:visible!important;}

/* DITEN Nextep POS landing 20260522 */
#product-category .diten-nextep-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:26px;align-items:center;padding:32px;border-radius:28px;background:radial-gradient(circle at 84% 12%,rgba(0,202,167,.32),transparent 32%),linear-gradient(135deg,#07111f,#0d2738 58%,#063a36);color:#fff;overflow:hidden;position:relative;box-shadow:0 22px 54px rgba(15,23,42,.18)}#product-category .diten-nextep-hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:999px;background:rgba(0,202,167,.18);filter:blur(8px)}#product-category .diten-nextep-copy,#product-category .diten-nextep-visual{position:relative;z-index:1}#product-category .diten-nextep-brand-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}#product-category .diten-nextep-brand-row img{width:178px;height:auto;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 16px 36px rgba(0,0,0,.18)}#product-category .diten-nextep-brand-row span{font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#a8fff0}#product-category .diten-nextep-kicker{display:block;font-size:.8rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em;color:#5ff4d6;margin-bottom:10px}#product-category .diten-nextep-hero h2{font-size:clamp(2rem,4vw,3.75rem);line-height:.98;letter-spacing:-.055em;color:#fff!important;margin:0 0 16px;font-weight:950}#product-category .diten-nextep-hero p{font-size:1.05rem;color:#d8fff7;max-width:680px;margin:0 0 22px}#product-category .diten-nextep-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}#product-category .diten-nextep-actions .btn{border-radius:999px;padding:.78rem 1.15rem;font-weight:900}.diten-nextep-actions .btn-primary{background:#00caa7;border-color:#00caa7;color:#07111f}.diten-nextep-actions .btn-outline-light{border-color:rgba(255,255,255,.45)}#product-category .diten-nextep-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px}#product-category .diten-nextep-trust span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px;color:#c9fff5;font-weight:800}#product-category .diten-nextep-trust strong{display:block;color:#fff;font-size:1.25rem}#product-category .diten-nextep-visual{min-height:420px;display:flex;align-items:center;justify-content:center}.diten-nextep-orbit{max-width:72%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}#product-category .diten-nextep-product-stack{position:absolute;inset:22px 0 22px auto;width:210px;display:flex;flex-direction:column;gap:12px}.diten-nextep-product-stack article{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:10px;box-shadow:0 18px 38px rgba(0,0,0,.18);color:#0f172a;font-weight:900;font-size:.78rem}.diten-nextep-product-stack img{width:76px;height:76px;object-fit:contain;display:block;margin:auto auto 6px;filter:drop-shadow(0 8px 14px rgba(15,23,42,.16))}.diten-nextep-product-stack span{display:block;text-align:center}#product-category .diten-nextep-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.diten-nextep-proof article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.diten-nextep-proof i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e6fffb;color:#047e6d;margin-bottom:12px}.diten-nextep-proof h3{font-size:1rem;font-weight:950;margin:0 0 6px}.diten-nextep-proof p{font-size:.9rem;color:#475569;margin:0}#product-category:has(.diten-nextep-hero) .product-card-title,#product-category:has(.diten-nextep-hero) .product-card-title a{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important}@media(max-width:991px){#product-category .diten-nextep-hero{grid-template-columns:1fr;padding:24px}#product-category .diten-nextep-proof{grid-template-columns:repeat(2,minmax(0,1fr))}#product-category .diten-nextep-product-stack{position:static;width:auto;display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}.diten-nextep-orbit{max-width:320px}}@media(max-width:575px){#product-category .diten-nextep-trust,#product-category .diten-nextep-proof,#product-category .diten-nextep-product-stack{grid-template-columns:1fr}.diten-nextep-orbit{max-width:260px}#product-category .diten-nextep-hero h2{font-size:2rem}}

/* Nextep POS: hide generic imported spec chips that can be unrelated */
#product-category:has(.diten-nextep-hero) .product-card-highlights{display:none!important}


/* DITEN GPU RTX SEO landings 20260522 */
.diten-rtx-seo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:22px;align-items:stretch;margin:0 0 26px;padding:26px;border-radius:26px;background:radial-gradient(circle at 10% 0%,rgba(118,185,0,.20),transparent 32%),linear-gradient(135deg,#07120c,#111827 62%,#0b1f15);color:#fff;box-shadow:0 22px 60px rgba(15,23,42,.18);overflow:hidden}.diten-rtx-seo h2{color:#fff;font-size:clamp(24px,3vw,38px);line-height:1.05;margin:8px 0 12px}.diten-rtx-seo p{color:rgba(255,255,255,.86);font-size:15px;line-height:1.7}.diten-rtx-seo ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.diten-rtx-seo li{position:relative;padding-left:24px;color:rgba(255,255,255,.88);font-weight:600}.diten-rtx-seo li:before{content:'✓';position:absolute;left:0;color:#76b900;font-weight:900}.rtx-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(118,185,0,.16);border:1px solid rgba(118,185,0,.38);color:#9cff35;border-radius:999px;padding:7px 12px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.rtx-panel{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:22px;padding:22px;align-self:center}.rtx-panel strong{display:block;color:#fff;font-size:20px;margin-bottom:8px}.rtx-links{margin-top:18px!important}.rtx-links a{display:inline-flex;margin:4px 6px 4px 0;padding:8px 12px;border-radius:999px;background:#76b900;color:#08120a!important;font-weight:900;text-decoration:none}.rtx-links a:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:768px){.diten-rtx-seo{grid-template-columns:1fr;padding:20px;border-radius:20px}.rtx-links a{display:flex;justify-content:center;width:100%;margin-right:0}}

/* RTX contrast hardening */
.category-description .diten-rtx-seo h2,.diten-rtx-seo h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.category-description .diten-rtx-seo p,.diten-rtx-seo p{color:rgba(255,255,255,.88)!important}
.category-description .diten-rtx-seo li,.diten-rtx-seo li{color:rgba(255,255,255,.9)!important}

/* DITEN Monitores SEO landings */
.diten-monitor-seo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:22px;align-items:stretch;margin:0 0 26px;padding:28px;border-radius:28px;background:radial-gradient(circle at 8% 0%,rgba(0,210,255,.24),transparent 34%),radial-gradient(circle at 85% 20%,rgba(124,58,237,.22),transparent 30%),linear-gradient(135deg,#060917,#111827 58%,#0f172a);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.20);overflow:hidden}.diten-monitor-white{background:linear-gradient(135deg,#f8fafc,#eef2ff);color:#0f172a;border:1px solid #e2e8f0}.diten-monitor-seo h2{color:#fff!important;font-size:clamp(24px,3vw,38px);line-height:1.05;margin:8px 0 12px}.diten-monitor-white h2{color:#0f172a!important}.diten-monitor-seo p{color:rgba(255,255,255,.88)!important;font-size:15px;line-height:1.7}.diten-monitor-white p{color:#334155!important}.monitor-eyebrow{display:inline-flex;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.36);color:#67e8f9;border-radius:999px;padding:7px 12px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.diten-monitor-white .monitor-eyebrow{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.diten-monitor-seo ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.diten-monitor-seo li{position:relative;padding-left:24px;color:rgba(255,255,255,.9)!important;font-weight:700}.diten-monitor-white li{color:#334155!important}.diten-monitor-seo li:before{content:'✓';position:absolute;left:0;color:#22d3ee;font-weight:900}.monitor-panel{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:22px;padding:22px;align-self:center}.diten-monitor-white .monitor-panel{background:#fff;border-color:#e2e8f0}.monitor-panel strong{display:block;color:inherit;font-size:20px;margin-bottom:8px}.monitor-panel small{display:block;color:rgba(255,255,255,.66);line-height:1.55}.diten-monitor-white .monitor-panel small{color:#64748b}.monitor-links{margin-top:18px}.monitor-links a{display:inline-flex;margin:4px 6px 4px 0;padding:8px 12px;border-radius:999px;background:#22d3ee;color:#06121a!important;font-weight:900;text-decoration:none}.diten-monitor-white .monitor-links a{background:#0f172a;color:#fff!important}.monitor-links a:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:768px){.diten-monitor-seo{grid-template-columns:1fr;padding:20px;border-radius:20px}.monitor-links a{display:flex;justify-content:center;width:100%;margin-right:0}}

/* DITEN early laptop landing polish */
.diten-early-landing{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.7fr);gap:24px;align-items:center;margin:0 0 26px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#111827 58%,#1e293b);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18);overflow:hidden}.diten-early-hp{background:linear-gradient(135deg,#06233f,#0b4f9f 60%,#0ea5e9)}.diten-early-lenovo{background:linear-gradient(135deg,#16040a,#7f1d1d 58%,#111827)}.diten-early-intel{background:radial-gradient(circle at 85% 0%,rgba(56,189,248,.34),transparent 36%),linear-gradient(135deg,#031328,#0f3b72 58%,#111827)}.diten-early-landing h2{color:#fff!important;font-size:clamp(24px,3vw,38px);line-height:1.06;margin:8px 0 12px}.diten-early-landing p{color:rgba(255,255,255,.88)!important;font-size:15px;line-height:1.72}.early-eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 12px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.diten-early-landing ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.diten-early-landing li{position:relative;padding-left:24px;color:rgba(255,255,255,.9)!important;font-weight:700}.diten-early-landing li:before{content:'✓';position:absolute;left:0;color:#7dd3fc;font-weight:900}.early-links{margin-top:18px}.early-links a{display:inline-flex;margin:4px 6px 4px 0;padding:8px 12px;border-radius:999px;background:#fff;color:#0f172a!important;font-weight:900;text-decoration:none}.early-visual{border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.09);padding:18px;text-align:center}.early-visual img{max-width:100%;max-height:220px;object-fit:contain;border-radius:18px}.early-visual small{display:block;color:rgba(255,255,255,.72);line-height:1.5;margin-top:10px}@media(max-width:768px){.diten-early-landing{grid-template-columns:1fr;padding:20px;border-radius:20px}.early-links a{display:flex;justify-content:center;width:100%;margin-right:0}}

/* DITEN early laptop hero copy/visual refinement */
.diten-early-landing{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;align-items:center!important}.early-copy p{max-width:760px}.early-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.early-ctas a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;font-weight:900;text-decoration:none}.early-primary{background:#fff;color:#0f172a!important}.early-secondary{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.32)}.early-visual{min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.early-visual img{width:100%;max-width:430px;max-height:280px;object-fit:contain!important;object-position:center!important;border-radius:18px;filter:drop-shadow(0 28px 36px rgba(0,0,0,.28))}.diten-early-lenovo .early-visual{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.18),transparent 52%),rgba(255,255,255,.08)}.diten-early-hp .early-visual{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.22),transparent 52%),rgba(255,255,255,.10)}.diten-early-intel .early-visual{background:radial-gradient(circle at 50% 45%,rgba(125,211,252,.22),transparent 52%),rgba(255,255,255,.08)}@media(max-width:768px){.diten-early-landing{grid-template-columns:1fr!important}.early-visual{min-height:200px}.early-ctas a{width:100%}}


/* DITEN global product-card + footer polish 20260522 */
html{min-height:100%;height:auto!important;}
body{min-height:100vh;height:auto!important;}
#container{position:relative!important;min-height:100vh!important;height:auto!important;margin-bottom:0!important;display:flex!important;flex-direction:column!important;}
#container>main{flex:1 0 auto!important;display:block!important;padding-bottom:1.25rem!important;}
footer,footer.store-footer,.store-footer.diten-footer{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;flex:0 0 auto!important;clear:both!important;z-index:1!important;}
#product-category .pagination,#product-category .row:has(.pagination){position:relative!important;z-index:2!important;margin-bottom:.75rem!important;}
#product-category .category-full-description:empty{display:none!important;}
#product-category .category-seo-copy{margin-top:1rem!important;margin-bottom:1.25rem!important;}

/* Sharper, fuller product-card images without giant blank boxes */
#product-category .category-featured-products .row>.col,
#product-category #product-list>.col,
#product-search #product-list>.col,
#product-manufacturer #product-list>.col,
#product-special #product-list>.col{display:flex;}
.product-card{width:100%;height:100%!important;overflow:hidden!important;border-color:#e4ebf3!important;}
.product-card-image{min-height:168px!important;padding:.75rem .75rem .55rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:.35rem!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;}
.product-card-image>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:122px!important;}
.product-card-image img.img-fluid{width:auto!important;max-width:100%!important;max-height:158px!important;object-fit:contain!important;mix-blend-mode:normal!important;filter:drop-shadow(0 10px 18px rgba(15,23,42,.10));}
.category-featured-products .product-card-image{min-height:180px!important;}
.category-featured-products .product-card-image>a{min-height:132px!important;}
.category-featured-products .product-card-image img.img-fluid{max-height:168px!important;}
.product-card-image-placeholder{background:linear-gradient(180deg,#f8fafc,#eef5fb)!important;}
.product-card-image-placeholder img{width:48%!important;max-height:96px!important;opacity:.22!important;filter:grayscale(1)!important;}
.product-card-image-placeholder::after{bottom:.55rem!important;font-size:.68rem!important;}
.diten-tech-badges-card{position:static!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.25rem!important;margin-top:.2rem!important;max-width:100%!important;}
.diten-tech-badges-card .diten-tech-badge{height:24px!important;min-width:auto!important;padding:2px 4px!important;border-radius:8px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 4px 10px rgba(15,23,42,.08)!important;}
.diten-tech-badges-card .diten-tech-badge img{width:auto!important;max-width:58px!important;height:20px!important;max-height:20px!important;object-fit:contain!important;filter:none!important;}
.product-card-content{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;}
.product-card-main{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;}
.product-card-title{line-height:1.32!important;margin-bottom:.65rem!important;}
.product-card-form{margin-top:auto!important;}
.product-card-buy-box{display:flex!important;flex-direction:column!important;gap:.62rem!important;}
.product-card-price-wrap{min-height:48px!important;}
.product-card-trust-row{min-height:45px!important;align-content:flex-start!important;}
.product-card-actions{margin-top:auto!important;}
@media (min-width:992px){
  #product-category #product-list:not(.product-list) .product-card-title{min-height:7.05rem!important;}
  #product-category #product-list:not(.product-list) .product-card-highlights{margin-top:auto!important;}
}
#product-list.product-list>.col{display:block!important;width:100%!important;}
#product-list.product-list .product-card{height:auto!important;}
#product-list.product-list .product-card-image{min-height:218px!important;padding:1rem!important;}
#product-list.product-list .product-card-image>a{min-height:150px!important;}
#product-list.product-list .product-card-image img.img-fluid{max-height:172px!important;}
@media (max-width:575px){
  .product-card-image{min-height:158px!important;}
  .product-card-image>a{min-height:112px!important;}
  .product-card-image img.img-fluid{max-height:142px!important;}
  .product-card-title{min-height:0!important;}
  .product-card-price-wrap,.product-card-trust-row{min-height:0!important;}
}

/* Footer trust row: no empty mint block if AMVO asset fails or is too small */
.diten-footer .diten-footer-trust-row{align-items:stretch;margin-bottom:1.35rem;}
.diten-footer .diten-amvo-badge{min-height:0!important;padding:.85rem 1rem!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(2,8,23,.18)!important;}
.diten-footer .diten-amvo-badge img{display:block!important;max-width:168px!important;width:100%!important;height:auto!important;margin:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 16px rgba(2,8,23,.22));}
.diten-footer .diten-amvo-badge:has(img[src=""]),
.diten-footer .diten-amvo-badge:not(:has(img)){display:none!important;}
.diten-footer .store-footer-powered{text-align:center;}


/* DITEN footer gap + AMVO visibility final pass 20260522 */
#product-category #content,
#product-search #content,
#product-manufacturer #content,
#product-special #content,
#product-category #column-left,
#product-category #column-right,
#product-search #column-left,
#product-search #column-right,
#product-manufacturer #column-left,
#product-manufacturer #column-right,
#product-special #column-left,
#product-special #column-right{
  padding-bottom:1.25rem!important;
}
.diten-footer .diten-amvo-badge{
  background:linear-gradient(135deg,#ffffff 0%,#f2fff9 56%,#ffffff 100%)!important;
  border-color:rgba(125,211,180,.55)!important;
  min-height:118px!important;
}
.diten-footer .diten-amvo-badge img{
  max-width:188px!important;
  filter:none!important;
}


/* DITEN footer AMVO removed from footer to avoid blank-looking dark logo 20260522 */
.diten-footer .diten-footer-trust-row{grid-template-columns:1fr!important;}
.diten-footer .diten-amvo-badge{display:none!important;}


/* DITEN product stock badge overlay fix 20260522 */
.product-card-image{position:relative!important;overflow:hidden!important;padding-top:2.35rem!important;}
.product-card-image>a{position:relative!important;z-index:1!important;}
.product-card-image img.img-fluid{position:relative!important;z-index:1!important;}
.product-card-stock,
.product-card-special{
  position:absolute!important;
  z-index:20!important;
  pointer-events:none!important;
  line-height:1.1!important;
  box-shadow:0 8px 18px rgba(15,23,42,.16)!important;
}
.product-card-stock{top:.55rem!important;left:.55rem!important;right:auto!important;max-width:calc(100% - 1.1rem)!important;background:#048b65!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;}
.product-card-special{top:.55rem!important;right:.55rem!important;left:auto!important;}
.category-featured-products .product-card-image{padding-top:2.55rem!important;}
@media (max-width:575px){.product-card-image{padding-top:2.15rem!important}.product-card-stock{font-size:.64rem!important;}}


/* DITEN footer AMVO restore visible card 20260522 */
.diten-footer .diten-footer-trust-row{
  display:grid!important;
  grid-template-columns:minmax(170px,230px) minmax(0,1fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
  margin-bottom:1.35rem!important;
}
.diten-footer .diten-amvo-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:112px!important;
  padding:.85rem 1rem!important;
  border-radius:20px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 16px 34px rgba(2,8,23,.24), inset 0 1px 0 rgba(255,255,255,.95)!important;
  text-decoration:none!important;
}
.diten-footer .diten-amvo-badge img{
  display:block!important;
  width:100%!important;
  max-width:185px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
@media (max-width:767.98px){
  .diten-footer .diten-footer-trust-row{grid-template-columns:1fr!important;}
  .diten-footer .diten-amvo-badge{min-height:92px!important;}
  .diten-footer .diten-amvo-badge img{max-width:170px!important;}
}


/* DITEN footer AMVO readable label 20260522 */
.diten-footer .diten-amvo-badge{
  flex-direction:column!important;
  gap:.45rem!important;
  min-height:132px!important;
  padding:1rem!important;
}
.diten-footer .diten-amvo-badge img{
  max-width:205px!important;
  min-height:42px!important;
}
.diten-footer .diten-amvo-badge::after{
  content:'Afiliado AMVO';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.32rem .7rem;
  border-radius:999px;
  background:#e8fff6;
  color:#0f766e;
  border:1px solid rgba(20,184,166,.24);
  font-size:.82rem;
  font-weight:950;
  letter-spacing:.02em;
  line-height:1;
  white-space:nowrap;
}
.diten-footer .diten-amvo-badge::before{
  content:'Compra con confianza';
  order:3;
  color:#475569;
  font-size:.72rem;
  font-weight:750;
  line-height:1;
}
@media (max-width:767.98px){.diten-footer .diten-amvo-badge{min-height:118px!important}.diten-footer .diten-amvo-badge img{max-width:190px!important}}


/* DITEN home Intel/AMD processor blocks */
.diten-cpu-showcase {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 52%, #fff7f3 100%);
}
.diten-cpu-blocks {
  display: grid;
  gap: 1.15rem;
}
.diten-cpu-block {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  padding: clamp(.85rem, 2vw, 1.05rem);
  border-radius: 32px;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 24px 70px rgba(15,23,42,.08);
  overflow: hidden;
}
.diten-cpu-block--intel {
  background: radial-gradient(circle at 14% 12%, rgba(0,199,253,.30), transparent 32%), linear-gradient(135deg, #effaff, #ffffff 52%, #eef7ff);
}
.diten-cpu-block--amd {
  background: radial-gradient(circle at 14% 12%, rgba(237,28,36,.22), transparent 32%), linear-gradient(135deg, #fff3ef, #ffffff 52%, #fff8f1);
}
.diten-cpu-brand-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: clamp(1.2rem, 2.5vw, 1.8rem);
  border-radius: 26px;
  color: #fff;
  overflow: hidden;
}
.diten-cpu-block--intel .diten-cpu-brand-panel { background: linear-gradient(135deg, #0054ae, #00a6d6); }
.diten-cpu-block--amd .diten-cpu-brand-panel { background: linear-gradient(135deg, #111827, #ed1c24); }
.diten-cpu-brand-panel::after {
  content: "";
  position: absolute;
  inset: auto -48px -60px auto;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
}
.diten-cpu-brand-panel .diten-kicker { color: rgba(255,255,255,.86); }
.diten-cpu-brand-panel img {
  position: relative;
  z-index: 1;
  width: min(170px, 64%);
  max-height: 96px;
  object-fit: contain;
  align-self: flex-start;
  margin: .55rem 0 1rem;
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.22));
}
.diten-cpu-block--amd .diten-cpu-brand-panel img { width: min(210px, 82%); max-height: 112px; }
.diten-cpu-brand-panel h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  margin: 0 0 .65rem;
  font-size: clamp(1.25rem, 2.6vw, 1.85rem);
  line-height: 1.12;
}
.diten-cpu-brand-panel p {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.86);
  line-height: 1.65;
  margin-bottom: 1rem;
}
.diten-cpu-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #071827;
  background: #fff;
  width: fit-content;
  padding: .72rem .95rem;
  border-radius: 14px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}
.diten-cpu-products {
  grid-auto-columns: minmax(225px, 25%);
  padding: .1rem .1rem .75rem;
}
.diten-cpu-products .diten-product-image {
  position: relative;
  overflow: visible;
  padding-top: 2.6rem;
}
.diten-local-chip {
  position: absolute;
  top: .65rem;
  left: .75rem;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .34rem .58rem;
  border-radius: 999px;
  background: #00d69f;
  color: #042f2e;
  font-size: .72rem;
  line-height: 1;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(0,214,159,.25);
}
.diten-local-chip::before { content: "●"; font-size: .62rem; }
.diten-cpu-block--intel .diten-product-cta { background: #00c7fd; color: #001d33; }
.diten-cpu-block--amd .diten-product-cta { background: #ed1c24; color: #fff; }
@media (max-width: 991.98px) {
  .diten-cpu-block { grid-template-columns: minmax(0, 1fr); }
  .diten-cpu-brand-panel { min-height: 290px; }
  .diten-cpu-products.diten-product-rail { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; }
  .diten-cpu-products .diten-product-card { flex: 0 0 min(78vw, 320px); }
}


/* DITEN home Intel/AMD compact visual cards */
.diten-home-pro .diten-cpu-block {
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) !important;
  padding: .75rem !important;
  gap: .75rem !important;
}
.diten-home-pro .diten-cpu-brand-panel {
  border-radius: 24px !important;
  min-height: 360px !important;
  padding: clamp(1rem, 2vw, 1.45rem) !important;
}
.diten-home-pro .diten-cpu-brand-panel img {
  width: min(138px, 58%) !important;
  max-height: 82px !important;
  margin: .4rem 0 .85rem !important;
}
.diten-home-pro .diten-cpu-block--amd .diten-cpu-brand-panel img {
  width: min(170px, 76%) !important;
  max-height: 92px !important;
}
.diten-home-pro .diten-cpu-brand-panel h3 {
  font-size: clamp(1.15rem, 2.1vw, 1.55rem) !important;
  line-height: 1.08 !important;
  margin-bottom: .55rem !important;
}
.diten-home-pro .diten-cpu-brand-panel p {
  font-size: .88rem !important;
  line-height: 1.48 !important;
  margin-bottom: .85rem !important;
}
.diten-home-pro .diten-cpu-link {
  padding: .62rem .82rem !important;
  border-radius: 12px !important;
  font-size: .84rem !important;
}
.diten-home-pro .diten-cpu-products {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(178px, 1fr) !important;
  gap: .72rem !important;
  overflow-x: auto !important;
  padding: .05rem .05rem .55rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-card {
  border-radius: 20px !important;
  min-height: auto !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}
.diten-home-pro .diten-cpu-products .diten-product-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.13) !important;
}
.diten-home-pro .diten-cpu-products .diten-product-image {
  min-height: 150px !important;
  padding: .78rem .65rem .45rem !important;
  background: radial-gradient(circle at 50% 34%, rgba(0,214,159,.12), transparent 44%), linear-gradient(180deg,#fff,#f7fbff) !important;
}
.diten-home-pro .diten-cpu-products .diten-product-image > img {
  max-height: 106px !important;
  filter: drop-shadow(0 12px 16px rgba(15,23,42,.13)) !important;
}
.diten-home-pro .diten-cpu-products .diten-tech-badges-home {
  transform: scale(.82) !important;
  transform-origin: center top !important;
  margin-top: .18rem !important;
  gap: .16rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body {
  padding: .78rem .82rem .85rem !important;
  gap: .28rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-model {
  font-size: .72rem !important;
  letter-spacing: .035em !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body h3 {
  font-size: .82rem !important;
  line-height: 1.22 !important;
  min-height: 3.66em !important;
  max-height: 3.66em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
.diten-home-pro .diten-cpu-products .diten-product-price {
  font-size: 1.05rem !important;
  line-height: 1.12 !important;
  margin-top: .1rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body small {
  font-size: .68rem !important;
  min-height: 1.1em !important;
}
.diten-home-pro .diten-cpu-products .diten-product-cta {
  padding: .58rem .72rem !important;
  border-radius: 12px !important;
  font-size: .78rem !important;
  margin-top: .45rem !important;
}
.diten-home-pro .diten-cpu-products .diten-local-chip { display: none !important; }
@media (max-width: 991.98px) {
  .diten-home-pro .diten-cpu-block { grid-template-columns: minmax(0, 1fr) !important; }
  .diten-home-pro .diten-cpu-brand-panel { min-height: 250px !important; }
  .diten-home-pro .diten-cpu-products { display: flex !important; }
  .diten-home-pro .diten-cpu-products .diten-product-card { flex: 0 0 min(72vw, 250px) !important; }
}


/* DITEN home CPU cards legibility pass */
.diten-home-pro .diten-cpu-block {
  grid-template-columns: minmax(238px, 285px) minmax(0, 1fr) !important;
}
.diten-home-pro .diten-cpu-products {
  grid-auto-columns: minmax(205px, calc((100% - 1.44rem) / 3)) !important;
}
.diten-home-pro .diten-cpu-products .diten-product-card {
  background: rgba(255,255,255,.96) !important;
}
.diten-home-pro .diten-cpu-products .diten-product-image {
  min-height: 142px !important;
}
.diten-home-pro .diten-cpu-products .diten-product-image > img {
  max-height: 100px !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body h3 {
  font-size: .86rem !important;
  min-height: 3.15em !important;
  max-height: 3.15em !important;
  -webkit-line-clamp: 3 !important;
}
.diten-home-pro .diten-cpu-products .diten-product-price {
  white-space: normal !important;
  font-size: 1.08rem !important;
}
@media (max-width: 1199.98px) {
  .diten-home-pro .diten-cpu-products { grid-auto-columns: minmax(190px, calc((100% - .72rem) / 2)) !important; }
}


/* DITEN home CPU price one-line polish */
.diten-home-pro .diten-cpu-products .diten-product-price {
  white-space: nowrap !important;
  font-size: .98rem !important;
  letter-spacing: -.015em !important;
}


/* DITEN home CPU auto carousel polish */
.diten-home-pro .diten-cpu-products[data-cpu-carousel] {
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(15,23,42,.24) transparent;
}
.diten-home-pro .diten-cpu-products[data-cpu-carousel]:active { cursor: grabbing; }
.diten-home-pro .diten-cpu-products[data-cpu-carousel]::-webkit-scrollbar { height: 6px; }
.diten-home-pro .diten-cpu-products[data-cpu-carousel]::-webkit-scrollbar-thumb { background: rgba(15,23,42,.22); border-radius: 999px; }
.diten-home-pro .diten-cpu-block { position: relative; }
.diten-home-pro .diten-cpu-block::after {
  content: "";
  position: absolute;
  top: .75rem;
  right: .75rem;
  bottom: .75rem;
  width: 42px;
  pointer-events: none;
  border-radius: 0 26px 26px 0;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.82));
}
.diten-home-pro .diten-cpu-block--intel::after { background: linear-gradient(90deg, rgba(239,250,255,0), rgba(239,250,255,.92)); }
.diten-home-pro .diten-cpu-block--amd::after { background: linear-gradient(90deg, rgba(255,243,239,0), rgba(255,243,239,.92)); }
.diten-home-pro .diten-cpu-products .diten-product-card { scroll-snap-align: start; }
@media (prefers-reduced-motion: reduce) {
  .diten-home-pro .diten-cpu-products[data-cpu-carousel] { scroll-behavior: auto; }
}


/* DITEN home CPU force real carousel overflow */
.diten-home-pro .diten-cpu-products[data-cpu-carousel] {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 205px !important;
  grid-template-columns: none !important;
  justify-content: start !important;
  overflow-x: auto !important;
}
.diten-home-pro .diten-cpu-products[data-cpu-carousel] .diten-product-card {
  width: 205px !important;
}
@media (max-width: 1199.98px) {
  .diten-home-pro .diten-cpu-products[data-cpu-carousel] { grid-auto-columns: 196px !important; }
  .diten-home-pro .diten-cpu-products[data-cpu-carousel] .diten-product-card { width: 196px !important; }
}
@media (max-width: 991.98px) {
  .diten-home-pro .diten-cpu-products[data-cpu-carousel] { display: flex !important; }
  .diten-home-pro .diten-cpu-products[data-cpu-carousel] .diten-product-card { flex: 0 0 min(72vw, 250px) !important; width: auto !important; }
}

/* Diten P2 category guide card polish */
.diten-category-guide{clear:both;width:100%}.diten-category-guide__card{display:flex!important;flex-direction:column!important;gap:.35rem!important;text-decoration:none}.diten-category-guide__card strong{display:block!important;color:#0f172a;font-size:1rem;line-height:1.25}.diten-category-guide__card span{display:block!important;color:#475569;font-size:.92rem;line-height:1.45}.diten-seo-links{clear:both;display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.25rem}.diten-seo-links .diten-seo-chip{margin:0}


/* Diten P3 SEO landing heroes */
.diten-p3-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.5rem;align-items:center;margin:0 0 1.2rem;padding:1.4rem;border-radius:24px;background:linear-gradient(135deg,#06152d,#075e63);color:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.diten-p3-hero h2{color:#fff!important;font-size:clamp(1.65rem,2.2vw,2.55rem);line-height:1.08;margin:.35rem 0 .65rem}.diten-p3-hero p{color:rgba(255,255,255,.88);font-size:1rem;line-height:1.58;margin:0}.diten-p3-eyebrow{display:inline-flex;letter-spacing:.08em;text-transform:uppercase;font-weight:800;font-size:.76rem;color:#67e8f9;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.35rem .7rem}.diten-p3-media{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:1rem;min-height:240px;display:flex;align-items:center;justify-content:center}.diten-p3-media img{max-width:100%;max-height:300px;object-fit:contain;border-radius:16px}.diten-p3-ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.diten-p3-ctas a{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:999px;background:#14b8a6;color:#fff!important;font-weight:800;text-decoration:none}.diten-p3-ctas a+ a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}.diten-p3-links{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0 1.2rem}.diten-p3-links a{display:inline-flex;padding:.5rem .8rem;border-radius:999px;background:#ecfeff;color:#0f766e;font-weight:800;text-decoration:none}.diten-p3-parent-links{clear:both;margin:1rem 0 1.3rem;padding:1rem;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff)}.diten-p3-parent-links h2{font-size:1.2rem;margin:0 0 .75rem;color:#0f172a}.diten-p3-parent-links>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.diten-p3-parent-links a{display:flex!important;flex-direction:column;gap:.28rem;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.8rem}.diten-p3-parent-links strong{color:#0f172a}.diten-p3-parent-links span{color:#64748b;font-size:.9rem;line-height:1.35}
@media(max-width:768px){.diten-p3-hero{grid-template-columns:1fr;padding:1rem;border-radius:20px}.diten-p3-media{min-height:180px}.diten-p3-ctas a{width:100%}}
.diten-home-pro .diten-cpu-block--amd .diten-cpu-brand-panel img,.diten-cpu-block--amd .diten-cpu-brand-panel img{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;object-position:left center!important}


/* DITEN home conversion + SEO + performance pass 2026-05-29 */
.diten-home-pro .diten-pro-hero { padding-top: clamp(2rem, 4vw, 4rem); }
.diten-home-pro .diten-pro-hero-copy h1 { max-width: 780px; font-size: clamp(2.15rem, 4.9vw, 4.55rem); line-height: 1.02; letter-spacing: -.045em; }
.diten-home-pro .diten-pro-hero-copy p { max-width: 760px; }
.diten-home-pro .diten-pro-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.diten-home-pro .diten-pro-quick-grid a { min-height: 84px; }
.diten-home-pro .diten-product-card { background: #fff; }
.diten-home-pro .diten-product-image { min-height: 210px; padding: .85rem .85rem 2.15rem; overflow: hidden; background: radial-gradient(circle at 50% 34%, rgba(0,214,159,.12), transparent 45%), linear-gradient(180deg,#fff 0%,#f5fbfd 100%); }
.diten-home-pro .diten-product-image > img { max-width: 92%; max-height: 184px; filter: drop-shadow(0 14px 18px rgba(15,23,42,.13)); }
.diten-home-pro .diten-tech-badges-home { position: absolute; left: 50%; bottom: .55rem; transform: translateX(-50%); z-index: 3; display: flex; justify-content: center; flex-wrap: nowrap; gap: .28rem; max-width: calc(100% - 1.2rem); pointer-events: none; }
.diten-home-pro .diten-tech-badge { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: .12rem; border-radius: 10px; background: rgba(255,255,255,.96); border: 1px solid rgba(15,23,42,.08); box-shadow: 0 6px 15px rgba(15,23,42,.10); }
.diten-home-pro .diten-tech-badge img { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; object-fit: contain; filter: none; }
.diten-home-pro .diten-product-body { gap: .38rem; }
.diten-home-pro .diten-product-body h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.05em; }
.diten-home-pro .diten-product-price { display: flex; align-items: baseline; gap: .35rem; flex-wrap: wrap; line-height: 1.1; }
.diten-home-pro .diten-product-price span { font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; color: #047857; background: #eafff7; border: 1px solid rgba(0,168,132,.18); border-radius: 999px; padding: .16rem .38rem; font-weight: 900; white-space: nowrap; }
.diten-home-pro .diten-price-ex-tax { color: #475569; font-weight: 750; }
.diten-home-pro .diten-card-trust { margin-top: .08rem; color: #0f766e; font-size: .76rem; font-weight: 850; line-height: 1.25; }
.diten-home-pro .diten-product-cta { min-height: 42px; align-items: center; transition: transform .18s ease, box-shadow .18s ease; }
.diten-home-pro .diten-product-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(0,168,132,.18); }
.diten-home-pro .diten-cpu-products.diten-product-rail { position: relative; overflow-x: auto !important; padding-right: 2.1rem !important; scrollbar-width: thin; -webkit-mask-image: linear-gradient(90deg,#000 0,#000 92%,transparent 100%); mask-image: linear-gradient(90deg,#000 0,#000 92%,transparent 100%); }
.diten-advisor-band { padding-top: 0; }
.diten-advisor-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.25rem; align-items: center; padding: clamp(1.2rem,3vw,2rem); border-radius: 30px; background: linear-gradient(135deg,#061827 0%,#08312d 100%); color: #fff; box-shadow: 0 24px 60px rgba(15,23,42,.12); }
.diten-advisor-card h2 { margin: .35rem 0 .45rem; color:#fff; font-size: clamp(1.55rem,3vw,2.3rem); }
.diten-advisor-card p { margin: 0; max-width: 760px; color: #d9f4ee; line-height: 1.65; }
.diten-advisor-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; }
.diten-advisor-actions .btn-outline-dark { color:#fff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.diten-configurator-list { margin: .9rem 0 1rem; padding-left: 1.1rem; color: #40556a; line-height: 1.6; }
.diten-seo-copy-card h2 { font-size: clamp(1.55rem,2.8vw,2.25rem); }
@media (max-width: 1199.98px) { .diten-home-pro .diten-product-rail { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } }
@media (max-width: 991.98px) { .diten-home-pro .diten-product-rail,.diten-home-pro .diten-product-grid { display:flex !important; overflow-x:auto !important; } .diten-advisor-card { grid-template-columns: 1fr; } .diten-advisor-actions { justify-content:flex-start; } }
@media (max-width: 575.98px) { .diten-home-pro .diten-pro-hero-copy h1 { font-size: 2.12rem; } .diten-home-pro .diten-product-image { min-height: 188px; } .diten-home-pro .diten-product-price { font-size: 1.08rem; } .diten-home-pro .diten-card-trust { font-size: .72rem; } }


/* DITEN home CPU carousel containment fix 2026-05-29 */
.diten-home-pro .diten-cpu-block { display: grid; grid-template-columns: minmax(260px, .33fr) minmax(0, 1fr); gap: 1.25rem; align-items: stretch; overflow: hidden; }
.diten-home-pro .diten-cpu-products.diten-product-rail { display: flex !important; grid-template-columns: none !important; grid-auto-flow: initial !important; grid-auto-columns: initial !important; gap: 1rem !important; min-width: 0; overflow-x: auto !important; overflow-y: hidden !important; padding: .35rem 2.2rem .7rem .25rem !important; scroll-snap-type: x mandatory; }
.diten-home-pro .diten-cpu-products.diten-product-rail .diten-product-card { flex: 0 0 224px; max-width: 224px; min-width: 224px; scroll-snap-align: start; }
.diten-home-pro .diten-cpu-products .diten-product-price { display: block; }
.diten-home-pro .diten-cpu-products .diten-product-price span { display: inline-flex; margin-top: .22rem; vertical-align: middle; }
@media (max-width: 991.98px) { .diten-home-pro .diten-cpu-block { grid-template-columns: 1fr; } .diten-home-pro .diten-cpu-products.diten-product-rail .diten-product-card { flex-basis: min(78vw, 320px); max-width: min(78vw, 320px); min-width: min(78vw, 320px); } }


/* DITEN home badge alignment fix 2026-05-29 */
.diten-home-pro .diten-product-image {
  padding-bottom: 2.85rem !important;
}
.diten-home-pro .diten-tech-badges-home {
  left: .75rem !important;
  right: .75rem !important;
  bottom: .72rem !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .32rem !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}
.diten-home-pro .diten-tech-badge {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: .12rem !important;
  border-radius: 10px !important;
}
.diten-home-pro .diten-product-rail .diten-tech-badges-home,
.diten-home-pro .diten-cpu-products .diten-tech-badges-home {
  left: .6rem !important;
  right: .6rem !important;
  gap: .24rem !important;
}
.diten-home-pro .diten-product-rail .diten-tech-badge,
.diten-home-pro .diten-cpu-products .diten-tech-badge {
  flex-basis: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}
.diten-home-pro .diten-tech-badge img {
  width: 23px !important;
  height: 23px !important;
  max-width: 23px !important;
  max-height: 23px !important;
  object-fit: contain !important;
}
@media (max-width: 575.98px) {
  .diten-home-pro .diten-tech-badges-home { left: .55rem !important; right: .55rem !important; gap: .22rem !important; }
  .diten-home-pro .diten-tech-badge { flex-basis: 27px !important; width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; }
  .diten-home-pro .diten-tech-badge img { width: 22px !important; height: 22px !important; }
}


/* DITEN home CPU badge override after legacy compact rules 2026-05-29 */
.diten-home-pro .diten-cpu-products .diten-product-image {
  min-height: 172px !important;
  padding: .72rem .65rem 2.48rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-image > img {
  max-height: 118px !important;
}
.diten-home-pro .diten-cpu-products .diten-tech-badges-home {
  left: .58rem !important;
  right: .58rem !important;
  bottom: .6rem !important;
  transform: none !important;
  transform-origin: center center !important;
  margin-top: 0 !important;
  justify-content: center !important;
  gap: .22rem !important;
}
.diten-home-pro .diten-cpu-products .diten-tech-badge {
  flex: 0 0 27px !important;
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  min-height: 27px !important;
}
.diten-home-pro .diten-cpu-products .diten-tech-badge img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}


/* DITEN home Intel official asset + uncut product titles 2026-05-29 */
.diten-home-pro .diten-cpu-block--intel .diten-cpu-brand-panel {
  background: radial-gradient(circle at 30% 18%, rgba(0,199,253,.36), transparent 34%), linear-gradient(145deg,#071a36 0%,#003f78 58%,#061827 100%) !important;
}
.diten-home-pro .diten-cpu-block--intel .diten-cpu-brand-panel img {
  width: min(205px, 78%) !important;
  height: auto !important;
  max-height: 158px !important;
  margin: .25rem auto .85rem !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20)) !important;
}
.diten-home-pro .diten-product-body h3,
.diten-home-pro .diten-product-body h3 a,
.diten-home-pro .diten-cpu-products .diten-product-body h3,
.diten-home-pro .diten-cpu-products .diten-product-body h3 a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  max-height: none !important;
}
.diten-home-pro .diten-product-body h3 {
  min-height: 0 !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body h3 {
  min-height: 0 !important;
  font-size: .80rem !important;
  line-height: 1.24 !important;
}
.diten-home-pro .diten-product-card {
  height: auto !important;
}
.diten-home-pro .diten-product-body {
  min-height: 0 !important;
}
@media (min-width: 992px) {
  .diten-home-pro .diten-product-rail:not(.diten-cpu-products) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575.98px) {
  .diten-home-pro .diten-cpu-block--intel .diten-cpu-brand-panel img { width: min(185px, 76%) !important; max-height: 138px !important; }
}

/* DITEN home card alignment/no IVA pill 2026-05-29 */
.diten-home-pro .diten-product-price span {
  display: none !important;
}
.diten-home-pro .diten-product-price {
  display: block !important;
  white-space: normal !important;
  margin-top: .05rem !important;
}
.diten-home-pro .diten-product-card {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: auto !important;
}
.diten-home-pro .diten-product-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  gap: .34rem !important;
}
.diten-home-pro .diten-product-body h3 {
  margin: 0 !important;
}
.diten-home-pro .diten-price-ex-tax,
.diten-home-pro .diten-card-trust {
  display: block !important;
}
.diten-home-pro .diten-product-cta {
  margin-top: auto !important;
  width: 100% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 42px !important;
}
.diten-home-pro .diten-product-rail,
.diten-home-pro .diten-product-grid,
.diten-home-pro .diten-cpu-products.diten-product-rail {
  align-items: stretch !important;
}
.diten-home-pro .diten-cpu-products.diten-product-rail {
  padding-bottom: 1.1rem !important;
}
.diten-home-pro .diten-cpu-products .diten-product-card {
  min-height: 100% !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body {
  padding-bottom: .05rem !important;
}
.diten-home-pro .diten-cpu-products .diten-card-trust {
  min-height: 2.05em !important;
}
@media (min-width: 992px) {
  .diten-home-pro .diten-product-rail:not(.diten-cpu-products) .diten-product-card,
  .diten-home-pro .diten-product-grid .diten-product-card {
    height: 100% !important;
  }
}

/* DITEN home card CTA final alignment override 2026-05-29 */
.diten-home-pro .diten-cpu-products .diten-product-cta,
.diten-home-pro .diten-cpu-products.diten-product-rail .diten-product-card .diten-product-cta,
.diten-home-pro .diten-product-rail .diten-product-card .diten-product-cta,
.diten-home-pro .diten-product-grid .diten-product-card .diten-product-cta {
  margin-top: auto !important;
  align-self: stretch !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.diten-home-pro .diten-cpu-products .diten-product-body,
.diten-home-pro .diten-product-rail .diten-product-body,
.diten-home-pro .diten-product-grid .diten-product-body {
  height: auto !important;
}