.local-service-placeholder,
.local-form-note {
  margin: 24px auto;
  padding: 24px;
  border: 2px dashed #b8b8b8;
  border-radius: 12px;
  background: #f7f7f7;
  color: #333;
  text-align: center;
}
.local-config-form {
  display: grid;
  gap: 16px;
  max-width: 620px;
  margin: 24px auto;
}
.local-config-form label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}
.local-config-form input,
.local-config-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #aaa;
  border-radius: 8px;
  background: #fff;
}
.local-config-form .local-form-note {
  margin: 0;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #667070;
  font-size: 12px;
}
.local-status-message {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  max-width: min(360px, calc(100vw - 40px));
  padding: 14px 18px;
  border-radius: 10px;
  background: #1d1c1c;
  color: #fff;
  box-shadow: 0 10px 30px #0004;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.local-status-message.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.bundle-card__heart.is-active {
  color: #e43862;
  fill: #e43862;
}
.overlap_popup_mn.is-open {
  z-index: 20;
}
.product-block img[src$="placeholder.svg"] {
  object-fit: contain;
  background: #f2f2f2;
}
.supports-cookies .supports-no-cookies {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Local storefront foundation
   The exported theme expected its Shopify runtime to reveal animated content
   and hydrate media.  The local build intentionally has no such dependency.
   -------------------------------------------------------------------------- */
:root {
  --local-ink: #111111;
  --local-muted: #f4f6f7;
  --local-aqua: #a4d9d5;
  --local-yellow: #fff02a;
  --local-green: #007f4f;
  --local-radius: 18px;
  --local-page: 1290px;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  min-width: 320px;
  color: var(--local-ink);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

body.mobile-menu-open,
body.search-bar-open,
body.local-modal-open {
  overflow: hidden;
}

/* Content must remain visible without the removed theme animation runtime. */
.cc-animate-enabled [data-cc-animate],
.cc-animate-enabled [data-cc-animate] > *,
.fade-in,
.lazyload,
.lazyloaded {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.page-width {
  width: 100%;
  max-width: var(--local-page);
  margin-inline: auto;
}

a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button,
.btn,
[role="button"] {
  touch-action: manipulation;
}

:focus-visible {
  outline: 3px solid #087fc5;
  outline-offset: 3px;
}

/* Header and navigation */
.header-group {
  position: relative;
  z-index: 40;
  background: #fff;
}

.page-header .utils {
  min-height: 122px;
}

.site-header__logo-image img {
  width: auto;
  height: auto;
  max-width: 260px;
  max-height: 76px;
  object-fit: contain;
}

.header-navigation {
  background: #f4f6f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.site-nav__link,
.mobile-site-nav__link {
  font-weight: 800;
}

.site-nav__dropdown {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0 0 14px 14px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}

.site-nav__dropdown-link:hover,
.site-nav__dropdown-link:focus-visible {
  background: #eff9f8;
}

.header-cart__count {
  min-width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  line-height: 1;
}

.search-bar__results.local-search-results {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(430px, calc(100vw - 32px));
  max-height: 360px;
  overflow: auto;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  z-index: 80;
}

.search-bar__results.local-search-results[hidden] {
  display: none !important;
}

.local-search-result {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 10px;
  color: #111;
  text-decoration: none;
}

.local-search-result:hover {
  background: #f2f7f7;
}

.local-search-result img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  border-radius: 9px;
  background: #f6f6f6;
}

/* Home */
.template-index .section-template--local-id-002__hero_video .video-container__cover .rimage-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #111 !important;
}

.template-index .section-template--local-id-002__hero_video .video-container__overlay-image {
  display: block;
  z-index: 2;
}

.template-index .panda-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.template-index .section-template--local-id-002__hero_video .video-container__player {
  aspect-ratio: 2000 / 869;
  min-height: 0;
  background: #bce6e2;
}

.template-index .section-series-cards-grid {
  background: #fff;
}

.sop-grid-card {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.sop-grid-item:hover .sop-grid-card {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.wave-banner__btn,
.local-product-add,
.local-checkout-button {
  border-radius: 999px;
  font-weight: 800;
  transition: transform 150ms ease, box-shadow 150ms ease;
}

.wave-banner__btn:hover,
.local-product-add:hover,
.local-checkout-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.local-home-social {
  padding: clamp(54px, 7vw, 92px) 24px;
  background: #fff;
  text-align: center;
}

.local-home-social h2 {
  margin: 0 0 8px;
  font-size: clamp(30px, 4vw, 48px);
}

.local-home-social__handle {
  display: inline-block;
  margin-bottom: 28px;
  color: #111;
  font-weight: 800;
}

.local-home-social__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  max-width: 1040px;
  margin: 0 auto;
}

.local-home-social__grid img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 20px;
}

/* Collection / product cards */
.template-collection .product-block__image,
.template-list-collections .product-block__image,
.featured-collection .product-block__image {
  background: #f6f6f6;
}

.product-block__image img {
  transition: transform 220ms ease;
}

.product-block:hover .product-block__image img {
  transform: scale(1.035);
}

.cc-filters-container.is-open {
  display: block;
}

/* Standalone local product detail, hydrated from the existing query-string. */
.local-product-page {
  padding: 38px 24px 90px;
}

.local-product-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap: clamp(36px, 6vw, 86px);
  max-width: var(--local-page);
  margin: 0 auto;
}

.local-product-media {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 18px;
}

.local-product-thumbs {
  display: grid;
  align-content: start;
  gap: 12px;
}

.local-product-thumb {
  padding: 4px;
  border: 2px solid transparent;
  border-radius: 14px;
  background: #f5f5f5;
  cursor: pointer;
}

.local-product-thumb.is-active {
  border-color: #111;
}

.local-product-thumb img,
.local-product-main-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.local-product-main-image {
  border-radius: 24px;
  background: #f5f5f5;
  overflow: hidden;
}

.local-product-info {
  align-self: start;
  position: sticky;
  top: 24px;
}

.local-product-kicker {
  margin: 0 0 8px;
  color: #667;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.local-product-title {
  margin: 0 0 12px;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.02;
}

.local-product-rating {
  margin-bottom: 16px;
  color: #f5b400;
  font-size: 17px;
}

.local-product-rating span {
  color: #555;
  font-size: 14px;
}

.local-product-price {
  margin: 0 0 24px;
  font-size: 26px;
  font-weight: 800;
}

.local-variant-label {
  display: block;
  margin: 20px 0 9px;
  font-weight: 800;
}

.local-variant-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.local-variant-option {
  min-height: 44px;
  padding: 9px 16px;
  border: 1.5px solid #111;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-weight: 700;
}

.local-variant-option.is-active {
  background: #111;
  color: #fff;
}

.local-product-buyrow {
  display: grid;
  grid-template-columns: 116px 1fr;
  gap: 12px;
  margin-top: 24px;
}

.local-quantity {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  min-height: 52px;
  border: 1.5px solid #111;
  border-radius: 999px;
  overflow: hidden;
}

.local-quantity button,
.local-quantity input {
  min-width: 0;
  padding: 0;
  border: 0;
  background: #fff;
  text-align: center;
  font: inherit;
  font-weight: 800;
}

.local-product-add,
.local-checkout-button {
  min-height: 52px;
  padding: 12px 24px;
  border: 0;
  background: #111;
  color: #fff;
}

.local-product-description {
  margin: 24px 0;
  color: #3f3f3f;
  line-height: 1.65;
}

.local-accordion {
  border-top: 1px solid #ddd;
}

.local-accordion details {
  border-bottom: 1px solid #ddd;
}

.local-accordion summary {
  padding: 17px 0;
  cursor: pointer;
  font-weight: 800;
}

.local-accordion details > div {
  padding: 0 0 18px;
  color: #555;
}

/* Cart hydrated from the server API. */
.local-cart {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 24px 96px;
}

.local-cart h1 {
  margin: 0 0 34px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.08;
}

.local-cart-items {
  border-bottom: 1px solid #dcdcdc;
}

.local-cart-row {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) 132px 120px;
  grid-template-rows: auto 1fr;
  align-items: start;
  column-gap: clamp(18px, 3vw, 38px);
  row-gap: 12px;
  padding: 30px 0;
  border-top: 1px solid #dcdcdc;
}

.local-cart-image {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.local-cart-image img {
  display: block;
  width: 124px;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 18px;
  background: #f5f5f5;
}

.local-cart-image--bundle img {
  background: #f7f8f8;
}

.local-cart-content {
  min-width: 0;
  grid-column: 2;
  grid-row: 1 / span 2;
}

.local-cart-title {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.local-cart-variant {
  margin: 5px 0 0;
  color: #555f5f;
  font-size: 14px;
}

.local-cart-unavailable {
  margin: 7px 0 0;
  color: #a30d20;
  font-size: 13px;
  font-weight: 800;
}

.local-cart-bundle-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 44px;
  margin: 13px 0 0;
  padding: 7px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #111;
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.local-cart-bundle-toggle__icon {
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(225deg) translate(-1px, -1px);
  transition: transform 160ms ease;
}

.local-cart-bundle-toggle[aria-expanded="false"] .local-cart-bundle-toggle__icon {
  transform: rotate(45deg) translate(-2px, -2px);
}

.local-cart-bundle-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 28px;
  max-width: 590px;
  padding: 2px 0 2px 22px;
}

.local-cart-bundle-items[hidden] {
  display: none;
}

.local-cart-bundle-item {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #333b3b;
  font-size: 14px;
  line-height: 1.4;
}

.local-cart-quantity,
.local-cart-fixed-quantity {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
}

.local-cart-quantity {
  min-height: 46px;
}

.local-cart-quantity button {
  min-width: 0;
  margin: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #111;
  font-size: 20px;
  cursor: pointer;
}

.local-cart-quantity button:disabled {
  color: #8b9292;
  cursor: not-allowed;
}

.local-cart-fixed-quantity {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 15px;
  border: 1.5px solid #c7cccc;
  border-radius: 999px;
  background: #f7f8f8;
}

.local-cart-fixed-quantity span {
  color: #596363;
  font-size: 12px;
}

.local-cart-fixed-quantity strong {
  font-size: 16px;
}

.local-cart-price {
  grid-column: 4;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}

.local-cart-remove {
  display: inline-flex;
  grid-column: 3;
  grid-row: 2;
  align-items: center;
  justify-self: center;
  gap: 5px;
  min-height: 38px;
  min-width: 0;
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #4d5656;
  font: inherit;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}

.local-cart-remove [aria-hidden="true"] {
  font-size: 21px;
  line-height: 1;
  text-decoration: none;
}

.local-cart-summary {
  max-width: 420px;
  margin: 34px 0 0 auto;
  padding: 28px;
  border-radius: 20px;
  background: #f2f7f6;
}

.local-cart-total {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
  font-size: 21px;
  font-weight: 800;
}

.local-cart-summary p {
  margin: 0 0 20px;
  color: #596363;
  font-size: 14px;
}

.local-checkout-button {
  width: 100%;
}

.local-checkout-button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.local-cart-continue {
  display: block;
  min-height: 44px;
  margin-top: 10px;
  padding: 12px 18px;
  color: #111;
  font-weight: 800;
  text-align: center;
}

.local-empty-cart {
  padding: 70px 20px;
  border-radius: 20px;
  background: #f5f8f8;
  text-align: center;
}

.local-empty-cart a {
  display: inline-block;
  margin-top: 18px;
  padding: 13px 24px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}

/* Secondary content pages */
#about-minitododia3d .about-story {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  overflow: hidden;
}

#about-minitododia3d .about-story__media {
  min-width: 0;
  padding: clamp(16px, 2vw, 32px);
}

#about-minitododia3d .about-story__image {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}

#about-minitododia3d .about-story .image-with-text__content {
  width: 100%;
  min-width: 0;
  padding: clamp(24px, 4vw, 60px);
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  #about-minitododia3d .about-story {
    grid-template-columns: minmax(0, 1fr);
  }

  #about-minitododia3d .about-story__media {
    padding-bottom: 0;
  }
}

.template-page .image-with-text,
.template-page .reading-width,
.template-customers-login .reading-width,
.template-customers-register .reading-width {
  border-radius: var(--local-radius);
}

.local-locator {
  display: grid;
  gap: 16px;
  max-width: 760px;
  margin: 12px auto 30px;
  padding: clamp(22px, 5vw, 42px);
  border: 0;
  border-radius: 22px;
  background: #e8f7f5;
  text-align: left;
}

.local-locator__form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.local-locator__form input {
  min-width: 0;
  min-height: 50px;
  padding: 12px 16px;
  border: 1px solid #aaa;
  border-radius: 999px;
  background: #fff;
  font: inherit;
}

.local-locator__form button {
  min-height: 50px;
  padding: 12px 24px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-weight: 800;
}

.local-store-result {
  padding: 14px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}

.local-store-result strong {
  display: block;
}

.local-mock-note {
  color: #596363;
  font-size: 12px;
}

.template-customers-login #CustomerLoginForm,
.template-customers-login #RecoverPasswordForm,
.template-customers-register #MainContent .reading-width,
body[id*="account"] #MainContent .reading-width {
  max-width: 520px;
  margin-inline: auto;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid #e5e5e5;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.07);
}

/* Local form validation */
input.is-invalid,
textarea.is-invalid,
select.is-invalid {
  border-color: #bf1b2c !important;
  box-shadow: 0 0 0 2px rgba(191, 27, 44, 0.12);
}

.local-field-error {
  display: block;
  margin-top: 5px;
  color: #a30d20;
  font-size: 12px;
}

/* Customer authentication and account */
.header-account-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
}

.header-account-label {
  max-width: 108px;
  overflow: hidden;
  color: #111;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-card {
  max-width: 520px;
  margin: clamp(34px, 6vw, 68px) auto;
  padding: clamp(24px, 5vw, 46px);
  border: 1px solid #e4e8e8;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.07);
}

.auth-card__intro {
  max-width: 390px;
  margin: -2px auto 24px;
  color: #566066;
  line-height: 1.55;
}

.auth-card .input-wrapper {
  text-align: left;
}

.auth-card__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
}

.auth-password-field input {
  padding-right: 88px;
}

button.auth-password-toggle {
  position: absolute;
  top: 50%;
  right: 14px;
  z-index: 1;
  min-width: 0;
  padding: 4px 2px;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  color: #133240;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-decoration: underline;
  transform: translateY(-50%);
  box-shadow: none !important;
  cursor: pointer;
}

button.auth-password-toggle:hover,
button.auth-password-toggle:active {
  background: transparent;
  color: #133240;
  filter: none;
  transform: translateY(-50%);
  box-shadow: none !important;
}

.auth-field-help {
  display: block;
  padding-top: 2px;
  color: #60686c;
  font-size: 12px;
}

.auth-feedback {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #eef4f5;
  color: #25343a;
  text-align: left;
}

.auth-feedback[hidden] {
  display: none;
}

.auth-feedback--error {
  border: 1px solid #efc5ca;
  background: #fff0f2;
  color: #8e1727;
}

.auth-feedback--success {
  border: 1px solid #b9dfce;
  background: #edf9f4;
  color: #176143;
}

.account-dashboard {
  width: min(1120px, calc(100% - 48px));
  min-height: 360px;
  margin: 0 auto;
  padding: clamp(42px, 6vw, 82px) 0 90px;
}

.account-dashboard__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 280px;
  color: #576268;
  font-weight: 700;
}

.account-dashboard__loading[hidden] {
  display: none;
}

.account-spinner {
  width: 22px;
  height: 22px;
  border: 3px solid #c7dddc;
  border-top-color: #133240;
  border-radius: 50%;
  animation: account-spin 800ms linear infinite;
}

@keyframes account-spin {
  to { transform: rotate(360deg); }
}

.account-dashboard__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.account-dashboard__header h1 {
  margin: 2px 0 5px;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1;
}

.account-dashboard__eyebrow {
  margin: 0;
  color: #087c70;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.account-dashboard__welcome {
  margin: 0;
  color: #596368;
  font-size: 17px;
}

.account-dashboard__feedback {
  margin-bottom: 22px;
}

.account-logout-button,
.account-secondary-button,
.account-text-button {
  border: 0;
  background: transparent;
  color: #133240;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.account-logout-button,
.account-secondary-button {
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid #133240;
  border-radius: 999px;
  box-shadow: none;
}

.account-logout-button:hover,
.account-secondary-button:hover {
  background: #133240;
  color: #fff;
}

.account-shortcuts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}

.account-shortcuts a,
.account-shortcuts button {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  min-height: 92px;
  padding: 18px;
  border: 1px solid #dfe6e6;
  border-radius: 18px;
  background: #f5f8f8;
  color: #111;
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition: transform 150ms ease, box-shadow 150ms ease;
  cursor: pointer;
  box-shadow: none;
}

.account-shortcuts a:hover,
.account-shortcuts button:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.08);
}

.account-shortcuts strong,
.account-shortcuts small {
  display: block;
}

.account-shortcuts small {
  margin-top: 3px;
  color: #667176;
  font-size: 12px;
}

.account-shortcut__icon {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: #a4d9d5;
  font-size: 22px;
  font-weight: 800;
}

.account-panel {
  margin-top: 18px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #e1e6e6;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.045);
  scroll-margin-top: 22px;
}

.account-panel__heading,
.account-address-form__heading,
.account-address__heading,
.account-order__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-panel__heading {
  margin-bottom: 22px;
}

.account-panel__heading h2,
.account-address-form__heading h3 {
  margin: 3px 0 0;
}

.account-profile__data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 0;
}

.account-profile__data div {
  padding: 17px 18px;
  border-radius: 14px;
  background: #f5f8f8;
}

.account-profile__data dt,
.account-order__details dt {
  color: #647075;
  font-size: 12px;
  font-weight: 700;
}

.account-profile__data dd,
.account-order__details dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}

.account-inline-status {
  padding: 20px;
  border-radius: 14px;
  background: #f5f8f8;
  color: #5c666a;
  text-align: center;
}

.account-inline-status[hidden] {
  display: none;
}

.account-inline-status--error {
  background: #fff0f2;
  color: #8e1727;
}

.account-orders,
.account-addresses {
  display: grid;
  gap: 13px;
}

.account-order,
.account-address {
  padding: 20px;
  border: 1px solid #e0e5e5;
  border-radius: 16px;
}

.account-order__label {
  display: block;
  color: #697377;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.account-order__status,
.account-address__default {
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8f5f3;
  color: #176457;
  font-size: 12px;
  font-weight: 800;
}

.account-order__status--cancelled {
  background: #fff0f2;
  color: #8e1727;
}

.account-order__details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 18px 0 0;
}

.account-order__details div {
  padding-top: 13px;
  border-top: 1px solid #e5e8e8;
}

.account-address p {
  margin: 3px 0;
  color: #505b60;
}

.account-address__actions {
  display: flex;
  gap: 18px;
  margin-top: 14px;
}

.account-text-button {
  min-width: 0;
  padding: 3px 0;
  text-decoration: underline;
}

.account-text-button--danger {
  color: #a30d20;
}

.account-address-form {
  margin-top: 22px;
  padding: clamp(20px, 4vw, 30px);
  border-radius: 18px;
  background: #f5f8f8;
}

.account-address-form[hidden] {
  display: none;
}

.account-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

.account-form-grid__wide {
  grid-column: span 1;
}

.account-form-grid .input-wrapper {
  background: #fff;
}

.account-form-grid label span {
  font-weight: 400;
}

.account-checkbox {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 8px 0 20px;
  font-weight: 700;
  cursor: pointer;
}

.account-checkbox input {
  width: 20px;
  height: 20px;
  margin: 0;
}

.account-address-form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.account-address-form__actions .btn {
  margin: 0;
}

.account-empty-state {
  padding: 48px 20px;
  border-radius: 16px;
  background: #f5f8f8;
  text-align: center;
}

.account-empty-state--compact {
  padding-block: 34px;
}

.account-empty-state h3,
.account-empty-state p {
  margin: 0 0 8px;
}

.account-primary-link,
.account-dashboard__shop-link a {
  display: inline-block;
  margin-top: 13px;
  padding: 11px 20px;
  border: 0;
  border-radius: 999px;
  background: #133240;
  color: #fff;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.account-dashboard__shop-link {
  margin-top: 28px;
  text-align: center;
}

@media (max-width: 1023px) {
  .page-header .utils {
    min-height: 100px;
  }

  .local-product-shell {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.85fr);
    gap: 34px;
  }
}

@media (max-width: 767px) {
  .local-status-message {
    right: 12px;
    bottom: 12px;
  }
  .local-service-placeholder {
    margin: 16px auto;
    padding: 18px;
  }

  .page-header .utils {
    min-height: 101px;
    padding-inline: 20px;
  }

  .header-account-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .auth-card {
    margin: 22px 16px 52px;
    padding: 22px 18px 28px;
    border-radius: 18px;
  }

  .account-dashboard {
    width: min(100% - 32px, 1120px);
    padding: 34px 0 62px;
  }

  .account-dashboard__header {
    align-items: flex-start;
  }

  .account-dashboard__header .account-logout-button {
    display: none;
  }

  .account-shortcuts {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .account-shortcuts a,
  .account-shortcuts button {
    min-height: 78px;
  }

  .account-panel {
    padding: 20px 16px;
    border-radius: 18px;
  }

  .account-panel__heading {
    align-items: flex-start;
  }

  .account-panel__heading .account-secondary-button {
    padding-inline: 13px;
    font-size: 12px;
  }

  .account-profile__data,
  .account-form-grid {
    grid-template-columns: 1fr;
  }

  .account-order__details {
    grid-template-columns: 1fr 1fr;
  }

  .account-address-form {
    padding: 18px 14px;
  }

  .site-header__logo-image img {
    width: auto;
    max-width: min(220px, 52vw);
    max-height: 58px;
  }

  .header-navigation {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(88vw, 390px);
    height: 100dvh;
    overflow-y: auto;
    transform: translateX(-105%);
    transition: transform 220ms ease;
    background: #fff;
    box-shadow: 18px 0 50px rgba(0, 0, 0, 0.2);
  }

  .header-navigation.header-navigation--open {
    transform: translateX(0);
  }

  body.mobile-menu-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 35;
    background: rgba(0, 0, 0, 0.45);
  }

  .template-index .section-template--local-id-002__hero_video .video-container__player {
    aspect-ratio: 390 / 250;
  }

  .section-template--local-id-002__series_cards_grid_KpXwZ2 {
    padding-top: 54px !important;
  }

  .series-cards-grid__heading,
  .sop-heading .biggest-title,
  .rich-text-section__title {
    font-size: 26px !important;
    line-height: 1.15;
  }

  .local-home-social__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .local-home-social__grid img {
    border-radius: 14px;
  }

  .local-product-page {
    padding: 22px 16px 65px;
  }

  .local-product-shell {
    display: block;
  }

  .local-product-media {
    grid-template-columns: 1fr;
  }

  .local-product-thumbs {
    order: 2;
    display: flex;
    overflow-x: auto;
    padding: 10px 0 20px;
  }

  .local-product-thumb {
    flex: 0 0 68px;
  }

  .local-product-info {
    position: static;
    margin-top: 20px;
  }

  .local-product-title {
    font-size: 34px;
  }

  .local-product-buyrow {
    grid-template-columns: 108px 1fr;
  }

  .local-cart {
    padding: 28px 16px 70px;
  }

  .local-cart-row {
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 14px;
    row-gap: 13px;
    padding: 24px 0;
  }

  .local-cart-image {
    grid-column: 1;
    grid-row: 1;
  }

  .local-cart-image img {
    width: 88px;
    border-radius: 14px;
  }

  .local-cart-content {
    grid-column: 2;
    grid-row: 1;
  }

  .local-cart-title {
    font-size: 18px;
  }

  .local-cart-bundle-toggle {
    width: 100%;
    margin-top: 10px;
  }

  .local-cart-bundle-items {
    gap: 7px 16px;
    padding-left: 18px;
  }

  .local-cart-quantity,
  .local-cart-fixed-quantity {
    grid-column: 2;
    grid-row: 2;
    width: min(132px, 100%);
  }

  .local-cart-price {
    grid-column: 2;
    grid-row: 3;
    align-self: auto;
    justify-self: start;
  }

  .local-cart-remove {
    grid-column: 2;
    grid-row: 4;
    justify-self: start;
    padding-left: 0;
  }

  .local-cart-summary {
    max-width: none;
    margin-top: 24px;
    padding: 22px 18px;
  }

  .local-locator__form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 479px) {
  .local-cart h1 {
    margin-bottom: 25px;
  }

  .local-cart-row {
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 12px;
  }

  .local-cart-image img {
    width: 76px;
  }

  .local-cart-bundle-items {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .local-cart-bundle-toggle__icon {
    transition: none;
  }
}

/* --------------------------------------------------------------------------
   Bundle builder: fluid catalog, consistent media and contained controls.
   These route-scoped rules replace the exported theme's competing percentage,
   fixed-width and mobile drawer layouts without changing bundle behavior.
   -------------------------------------------------------------------------- */
#create-your-bundle .cstm-bundle-main,
#create-your-bundle .cstm-bundle-product-grid_mn,
#create-your-bundle .cstm-bundle-product-grid,
#create-your-bundle .bundle-collection-group,
#create-your-bundle .bundle-collection-grid,
#create-your-bundle .product-block.col_bundle_sec,
#create-your-bundle .cstm-bundle-content,
#create-your-bundle .cst_bndl_search_mn,
#create-your-bundle .cst_bndl_search_mn * {
  box-sizing: border-box;
}

#create-your-bundle .cstm-bundle-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-areas: "catalog summary";
  align-items: start;
  gap: 24px;
  width: min(100%, 1280px) !important;
  max-width: 1280px;
  margin-inline: auto !important;
  padding: 20px 0 0;
}

#create-your-bundle .cstm-bundle-product-grid_mn {
  grid-area: catalog;
  min-width: 0;
  width: auto !important;
}

#create-your-bundle .cstm-bundle-content,
#create-your-bundle .cstm-bundle-main .cstm-bundle-content {
  grid-area: summary;
  position: sticky;
  top: 24px;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 300px !important;
  max-height: calc(100vh - 48px);
  overflow: auto;
}

/* Kit progress shares one scale across desktop and mobile. */
#create-your-bundle .bundle-progress {
  --kit-progress-accent: #14b8a6;
  --kit-progress-ink: #0f6e56;
  box-sizing: border-box;
  width: 100%;
  margin: 12px 0 0;
  padding: 18px 14px 16px;
  border: 1px solid #bfe6df;
  border-radius: 14px;
  background: #eaf6f4;
  color: var(--kit-progress-ink);
  font-family: Nunito, sans-serif;
}

#create-your-bundle .bundle-progress__meter {
  position: relative;
  height: 26px;
  margin: 0 14px 14px;
}

#create-your-bundle .bundle-progress__track {
  position: absolute;
  inset: 9px 0;
  overflow: hidden;
  border-radius: 999px;
  background: #cce7e1;
}

#create-your-bundle .bundle-progress__fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--kit-progress-accent);
  transition: width 300ms ease;
}

#create-your-bundle .bundle-progress__step {
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 5px;
  transform: translateX(-50%);
  border: 1px solid #cce7e1;
  border-radius: 999px;
  background: #deeeea;
  color: #526e66;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

#create-your-bundle .bundle-progress__step.is-reached {
  border-color: var(--kit-progress-ink);
  background: var(--kit-progress-ink);
  color: #fff;
}

#create-your-bundle .bundle-progress__step.is-next {
  border: 2px solid var(--kit-progress-accent);
  background: #fff;
  color: var(--kit-progress-ink);
}

#create-your-bundle .bundle-progress__message {
  margin: 0;
  padding: 0;
  color: var(--kit-progress-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}

#create-your-bundle .bundle-progress__guide {
  margin: 10px 0 0;
  padding: 0;
  color: #456e63;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

#create-your-bundle .bundle-progress.is-complete {
  border-color: var(--kit-progress-accent);
  background: #dff3ee;
}

@media (max-width: 1199px) {
  #create-your-bundle .bundle-progress {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #create-your-bundle .bundle-progress__fill,
  #create-your-bundle .bundle-progress__step {
    transition: none;
  }
}

#create-your-bundle .cst_bndl_search_mn {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 24px !important;
  padding: 12px 16px !important;
}

#create-your-bundle .bundle-left-heading {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

#create-your-bundle .cst_bndl_search_mn .searc_bar_inpt {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: stretch;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#create-your-bundle .cst_bndl_search_mn .search_bar,
#create-your-bundle .cst_bndl_search_mn .searc_bar_filter {
  width: 100% !important;
  min-width: 0;
}

#create-your-bundle .cst_bndl_search_mn .search_bar {
  grid-column: 1 / -1;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #aeb7b5;
  border-radius: 999px;
  background: #fff;
}

#create-your-bundle .cst_bndl_search_mn .search_bar[hidden] {
  display: none !important;
}

#create-your-bundle .bundle-catalog__search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 0;
  padding: 0;
  border: 2px solid #131313;
  border-radius: 50%;
  background: #fff;
  color: #131313;
  cursor: pointer;
}

#create-your-bundle .bundle-catalog__search-toggle svg {
  width: 20px;
  height: 20px;
}

#create-your-bundle .bundle-catalog__search-toggle:focus-visible,
#create-your-bundle .bb-chip:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

#create-your-bundle .bundle-catalog__controls .bb-chipbar {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}

#create-your-bundle .bundle-catalog__controls .bb-chiptrack {
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  overflow-x: auto;
  scroll-snap-type: none;
  scroll-behavior: auto;
  touch-action: pan-x pan-y;
  cursor: grab;
}

#create-your-bundle .bundle-catalog__controls .bb-chip {
  cursor: inherit;
}

#create-your-bundle .bundle-catalog__controls .bb-chiptrack.is-dragging {
  cursor: grabbing;
}

#create-your-bundle .cst_bndl_search_mn .search_bar::after {
  display: none;
}

#create-your-bundle .cst_bndl_search_mn input#B_open-search-bar {
  width: 100%;
  min-width: 0;
  color: #131313;
}

#create-your-bundle .cst_bndl_search_mn input#B_open-search-bar::placeholder {
  color: #596363;
}

#create-your-bundle .cst_bndl_search_mn .src_filter_tag_flx {
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid #aeb7b5;
}

#create-your-bundle .cst_bndl_search_mn .src_filter_tag_flx span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#create-your-bundle .cst_bndl_search_mn .searc_bar_filter_tg {
  right: 0;
  width: min(260px, 100%);
  max-width: calc(100vw - 32px);
}

#create-your-bundle .bb-collhead {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

#create-your-bundle .cstm-bundle-product-grid {
  display: block !important;
  width: 100% !important;
  min-width: 0;
}

#create-your-bundle .bundle-collection-group {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0 !important;
}

#create-your-bundle .bundle-collection-header {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

#create-your-bundle .bundle-collection-grid,
#create-your-bundle.bbf-3across .bundle-collection-grid,
#create-your-bundle.bbf-4across .bundle-collection-grid,
#create-your-bundle.bbf-5across .bundle-collection-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  min-width: 0;
  padding: 0;
}

#create-your-bundle .bundle-collection-grid .product-block.col_bundle_sec,
#create-your-bundle.bbf-3across .bundle-collection-grid .product-block.col_bundle_sec,
#create-your-bundle.bbf-4across .bundle-collection-grid .product-block.col_bundle_sec,
#create-your-bundle.bbf-5across .bundle-collection-grid .product-block.col_bundle_sec {
  display: flex;
  flex: none !important;
  flex-direction: column;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

#create-your-bundle .product-block__image-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #f5f8f8 !important;
}

#create-your-bundle .product-block__image-container .global-border-radius,
#create-your-bundle .product-block__image-container .product-block__image,
#create-your-bundle .product-block__image-container .image-one,
#create-your-bundle .product-block__image-container .rimage-outer-wrapper,
#create-your-bundle .product-block__image-container .rimage-wrapper {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

#create-your-bundle .product-block__image-container .rimage__image,
#create-your-bundle .product-block__image-container img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: clamp(6px, 5%, 14px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

#create-your-bundle .col_bundle_sec .product-block__title,
#create-your-bundle.bbf-3across .col_bundle_sec .product-block__title,
#create-your-bundle.bbf-4across .col_bundle_sec .product-block__title {
  min-width: 0;
  margin: 10px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

#create-your-bundle .col_bundle_sec .product-block__title-link,
#create-your-bundle .col_bundle_sec .product-block__title a {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

#create-your-bundle .ITG_Product_description {
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  align-self: stretch;
  margin-top: auto !important;
}

#create-your-bundle .cstm-addtocart-btn,
#create-your-bundle.bbf-3across .cstm-addtocart-btn,
#create-your-bundle.bbf-4across .cstm-addtocart-btn,
#create-your-bundle.bbf-5across .cstm-addtocart-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

#create-your-bundle label.cstm-addtocart,
#create-your-bundle .cs-line-item-property__field label.cstm-addtocart,
#create-your-bundle.bbf-3across .cs-line-item-property__field label.cstm-addtocart,
#create-your-bundle.bbf-4across .cs-line-item-property__field label.cstm-addtocart,
#create-your-bundle.bbf-5across .cs-line-item-property__field label.cstm-addtocart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box;
  font-size: 15px !important;
  white-space: normal;
}

#create-your-bundle .col_bundle_sec .qtybox {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

#create-your-bundle .bundle_cart_main_sec .ITGItemSelected img,
#create-your-bundle .cstm-bundle-content .product-info img {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
  object-position: center;
}

#create-your-bundle .bundle_cart_main_sec {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-block: 12px;
  padding: 0;
}

#create-your-bundle .bundle-preview-item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #e0e5e3;
  border-radius: 10px;
  background: #fff;
}

#create-your-bundle .bundle-preview-item img {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
  object-position: center;
}

#create-your-bundle .bundle-preview-item span,
#create-your-bundle .bundle-preview-item strong,
#create-your-bundle .bundle-preview-item small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

#create-your-bundle .bundle-preview-item strong {
  font-size: 13px;
  line-height: 1.25;
}

#create-your-bundle .bundle-preview-item small {
  margin-top: 3px;
  color: #53605c;
  font-size: 12px;
}

#create-your-bundle .bundle_cart_main_sec:empty {
  height: 0 !important;
  min-height: 0 !important;
  margin-block: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 1199px) {
  #create-your-bundle .cstm-bundle-main {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "summary"
      "catalog";
    gap: 24px;
  }

  #create-your-bundle .cstm-bundle-content,
  #create-your-bundle .cstm-bundle-main .cstm-bundle-content,
  #create-your-bundle .cstm-bundle-content.open-popupBar,
  body#create-your-bundle .cstm-bundle-main .cstm-bundle-content,
  body#create-your-bundle .cstm-bundle-main .cstm-bundle-content.open-popupBar {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    visibility: visible !important;
    z-index: auto !important;
  }

  body#create-your-bundle
    .cstm-bundle-main
    .cstm-bundle-content:not(.open-popupBar) {
    visibility: visible !important;
  }

  #create-your-bundle .cstm-bundle-content .cstm-bundle-text,
  #create-your-bundle .cstm-bundle-content .selection_imformation_mn,
  #create-your-bundle .cstm-bundle-content .itg_remove {
    display: flex !important;
  }

  #create-your-bundle .cstm-bundle-content .cstm-bundle-text {
    flex-direction: column;
  }

  #create-your-bundle .cstm-bundle-content .selection_imformation_mn,
  #create-your-bundle .cstm-bundle-content .itg_remove {
    flex-direction: column;
  }

  #create-your-bundle .cstm-bundle-content .random-quantity-button {
    display: flex !important;
  }

  #create-your-bundle .cstm-bundle-content .bb-desk-checkout {
    display: block !important;
  }

  #create-your-bundle .cstm-bundle-content .bundle_cart_main_sec {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    height: auto !important;
    max-height: 260px !important;
    overflow-y: auto !important;
  }

  #create-your-bundle .cstm-bundle-content .mobile_sc_arrow,
  #bb-stickybar {
    display: none !important;
  }

  #create-your-bundle .cst_bndl_search_mn {
    grid-template-columns: minmax(0, 1fr);
  }

  #create-your-bundle .bundle-left-heading {
    display: block !important;
  }

  #create-your-bundle .bundle-collection-grid,
  #create-your-bundle.bbf-3across .bundle-collection-grid,
  #create-your-bundle.bbf-4across .bundle-collection-grid,
  #create-your-bundle.bbf-5across .bundle-collection-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 899px) {
  #create-your-bundle .bundle-collection-grid,
  #create-your-bundle.bbf-3across .bundle-collection-grid,
  #create-your-bundle.bbf-4across .bundle-collection-grid,
  #create-your-bundle.bbf-5across .bundle-collection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 599px) {
  #create-your-bundle .cstm-bundle-main {
    gap: 18px;
    padding-top: 12px;
  }

  #create-your-bundle .cstm-bundle-content,
  #create-your-bundle .cstm-bundle-main .cstm-bundle-content,
  #create-your-bundle .cstm-bundle-content.open-popupBar {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  #create-your-bundle .cst_bndl_search_mn {
    gap: 12px;
    margin-bottom: 16px !important;
    padding: 14px 12px !important;
    border: 1px solid #d6dcda !important;
    border-radius: 14px !important;
  }

  #create-your-bundle .cst_bndl_search_mn .searc_bar_inpt {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  #create-your-bundle .bundle-left-heading {
    font-size: 22px;
  }

  #create-your-bundle .bb-collhead {
    font-size: 19px !important;
    white-space: normal;
    text-align: center;
  }

  #create-your-bundle .bundle-collection-group {
    padding-inline: 12px;
  }

  #create-your-bundle .bundle-collection-grid,
  #create-your-bundle.bbf-3across .bundle-collection-grid,
  #create-your-bundle.bbf-4across .bundle-collection-grid,
  #create-your-bundle.bbf-5across .bundle-collection-grid {
    gap: 14px 12px;
  }

  #create-your-bundle .product-block__image-container {
    border-radius: 14px !important;
  }

  #create-your-bundle .col_bundle_sec .product-block__title,
  #create-your-bundle.bbf-3across .col_bundle_sec .product-block__title,
  #create-your-bundle.bbf-4across .col_bundle_sec .product-block__title {
    font-size: 14px !important;
  }

  #create-your-bundle label.cstm-addtocart,
  #create-your-bundle .cs-line-item-property__field label.cstm-addtocart {
    min-height: 44px !important;
    padding: 9px 8px !important;
    font-size: 14px !important;
  }

  #create-your-bundle .bundle_cart_main_sec .ITGItemSelected img,
  #create-your-bundle .cstm-bundle-content .product-info img {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  #create-your-bundle .cstm-bundle-content .bundle_cart_main_sec {
    grid-template-columns: minmax(0, 1fr);
  }
}
:is(#products, #real-time-collectibles) .shop-kit-image,
:is(#products, #real-time-collectibles) .shop-coming-soon {
  aspect-ratio: 1;
  border: 1px solid #d6dcda;
  border-radius: 14px;
  overflow: hidden;
}

:is(#products, #real-time-collectibles) .shop-kit-image {
  display: block;
  background: #dff3ee;
}

:is(#products, #real-time-collectibles) .shop-product-image {
  width: 100%;
  aspect-ratio: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

:is(#products, #real-time-collectibles) .shop-product-image .rimage-background__image {
  display: block;
  width: 100%;
  height: auto;
}

:is(#products, #real-time-collectibles) .shop-kit-action {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 18px;
  border: 2px solid #131313;
  border-radius: 999px;
  background: #a4d9d5;
  color: #131313;
  font-weight: 800;
  text-decoration: none;
}

:is(#products, #real-time-collectibles) .shop-kit-action:hover {
  background: #8bcac5;
}

:is(#products, #real-time-collectibles) .shop-coming-soon {
  position: relative;
  border: 0;
  border-radius: 20px;
  background: #aaa;
}

:is(#products, #real-time-collectibles) .shop-coming-soon .shop-product-image {
  filter: blur(9px) saturate(0.35);
  opacity: 0.55 !important;
}

:is(#products, #real-time-collectibles) .shop-coming-soon__label {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px;
  background: #20202080;
  color: #fff;
  font-size: clamp(12px, 1.2vw, 15px);
  text-align: center;
}

:is(#products, #real-time-collectibles) .shop-coming-soon__lock {
  font-size: 28px;
  line-height: 1.2;
}

:is(#products, #real-time-collectibles) .shop-coming-soon__label strong {
  color: inherit;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

:is(#products, #real-time-collectibles) .shop-coming-soon__notice {
  font-size: 12px;
}

:is(#products, #real-time-collectibles) .shop-locked-card {
  padding: 4px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 12px #00000014;
}

:is(#products, #real-time-collectibles) .shop-product--soon .product-block__title {
  margin: 0;
  padding: 12px 8px;
  line-height: 1.4;
}

:is(#products, #real-time-collectibles) .shop-product--soon .product-block__title-link {
  color: #131313;
  font-weight: 800;
}

:is(#products, #real-time-collectibles) .product-block[hidden] {
  display: none !important;
}