/** Shopify CDN: Minification failed

Line 123:10 Unexpected "{"
Line 123:18 Expected ":"
Line 123:22 Unexpected "{"
Line 130:12 Unexpected "{"
Line 130:20 Expected ":"
Line 130:24 Unexpected "{"
Line 172:10 Unexpected "{"
Line 172:18 Expected ":"
Line 173:10 Unexpected "{"
Line 173:18 Expected ":"

**/
/** Shopify CDN: Minification failed

Line 109:10 Unexpected "{"
Line 109:18 Expected ":"
Line 109:22 Unexpected "{"
Line 116:12 Unexpected "{"
Line 116:20 Expected ":"
Line 116:24 Unexpected "{"
Line 158:10 Unexpected "{"
Line 158:18 Expected ":"
Line 159:10 Unexpected "{"
Line 159:18 Expected ":"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
/* HOVER STYLE: bigger + bold */
/* Hover: text bigger + bold, no movement */
/* Base size */
/* Base link styles */
/* ==== GLOBAL: hover turns medium-bold, no underline ==== */
/* Sidebar navigation links */
/* === SIDEBAR: base link === */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action {
  font-size: 12px !important;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none !important;
  display: inline-block;
  transition: font-weight .15s ease, color .15s ease;
}

/* Ella often underlines the inner span.text — kill it */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action .text {
  text-decoration: none !important;
  background-image: none !important;   /* disables gradient underlines */
  border-bottom: 0 !important;         /* disables border underlines */
  box-shadow: none !important;         /* some versions use inset shadows */
}

/* Remove any underline helpers attached to the link class */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action.link-underline,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action.link-underline:hover,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action.link-underline:focus {
  text-decoration: none !important;
  background-image: none !important;
}

/* Nuke pseudo-element underlines used by some Ella builds */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action::before,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action::after,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action .text::before,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action .text::after {
  content: none !important;
  display: none !important;
}

/* Hover / focus: "normal bold" (medium), no underline, no shift */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action:hover,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action:focus-visible {
  font-weight: 400 !important;         /* subtle bold */
  text-decoration: none !important;
  background-image: none !important;
  font-size: 12px !important;          /* lock size to avoid reflow */
}

/* If theme targets the span on hover, override that too */
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action:hover .text,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action:focus-visible .text {
  font-weight: 400 !important;
  text-decoration: none !important;
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Safety: remove any left padding/margins used for animated arrows */
.sidebarBlock-content .all-categories-list .navPages-item,
.sidebarBlock-content .all-categories-list .navPages-item > a.navPages-action {
  padding-left: 0 !important;
  margin-left: 0 !important;
  background: none !important;
}


@media screen and (min-width: 768px) {
  .product-form__input[data-product-attribute="set-rectangle"] {
    padding-left: 16px; /* adjust value as needed */
  }
}
/* Prevent footer from being overlapped/cut off on devices with bottom bars */

.form__label {
  margin: 0;              /* removes default margin */
  padding: 2px 0;         /* adjust top/bottom padding as needed */
  font-weight: 600;       /* keep style consistent */
  display: inline-block;  /* prevents weird spacing in some browsers */
}
/* Add spacing above the section */
#marquee-{{ _secid }} {
  margin-top: 40px;   /* pushes the section down */
  /* OR use padding-top if you want inner spacing */
  /* padding-top: 40px; */
}

@media (min-width: 1024px) {
  #marquee-{{ _secid }} {
    margin-top: 60px; /* more space on desktop */
  }
}
/* Move the whole tabs block (border + content) to the right */
product-tab.halo-product-tab{
  display:block;                 /* make the custom element block-level */
  --tab-offset: 15px;            /* ← adjust this value */
  margin-left: var(--tab-offset);
  width: calc(100% - var(--tab-offset));
}

/* Mobile: a bit less offset */
@media (max-width: 600px){
  product-tab.halo-product-tab{ --tab-offset: 18px; }
}

/* If you previously added left padding on titles/content, neutralize it
   so you don't get a double indent. Remove if you still want extra inner padding. */
.halo-product-tab .toggle-title .toggleLink,
.halo-product-tab .toggle-content{ padding-left: 0 !important; }


/* same gap + speed (leftward) */
#insta-feed .instafeed-new-layout-wrapper {
  gap: var(--cmq-gap, 24px) !important;
  transition-duration: var(--cmq-speed, 30s) !important; /* lower = faster */
  transition-timing-function: linear !important;
}
#insta-feed .instafeed-new-layout-wrapper {
  gap: var(--cmq-gap, 24px) !important;
  transition: none !important;                    /* stop app’s transition */
  animation: insta-marquee var(--cmq-speed, 30s) linear infinite !important;
}

/* leftward (same direction as your Collection Marquee) */
@keyframes insta-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }           /* duplicate items once in DOM */
}
#insta-feed .instafeed-new-layout-wrapper > * { flex: 0 0 auto; }

#marquee-{{ _secid }} .cmq__title { text-align:left !important; }
#marquee-{{ _secid }} .cmq__price { text-align:right !important; }
/* Remove underline from all links */
a {
  text-decoration: none !important;
}

/* Remove underline on hover, too */
a:hover {
  text-decoration: none !important;
}

/* Optional: Keep color or add custom hover style */
a:hover {
  color:rgb(0, 0, 0); /* example: brand color on hover */
}

/* === Disable product image hover zoom (all grids/cards) === */
.media--hover-effect,
.media--hover-effect img,
.media--hover-effect picture img {
  transform: none !important;
  transition: none !important;
}

/* In case the theme applies zoom from parent hovers */
.card-product:hover .card-media img,
.card:hover .card-media img,
.card-media:hover img {
  transform: none !important;
  transition: none !important;
}

/* Some Ella builds animate the wrapper, not the img */
.card-media,
.card-media--adapt {
  transform: none !important;
  transition: none !important;
}
#lp-title-price .ttl {
  font-size: 12px;
}
.sidebarBlock-headingWrapper {
  display: none !important;
}
/* === PRODUCT CARD CLEAN LAYOUT === */
/* === PRODUCT CARD TEXT ALIGNMENT FIX (images stay visible) === */

/* Keep images in place — don't change .card flex rules */
.card {
  display: block !important;
}

/* Align title and price properly under image */
.card-information__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 6px 4px 0;
  border: none !important;
  width: 100%;
  text-align: left;
  background: transparent;
}

/* Title styling */
.card__heading {
  margin: 0;
  flex: 1;
}

.card__heading .card-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  text-decoration: none !important;
  color: #000;
  transition: font-weight 0.15s ease;
}

.card__heading .card-title:hover {
  font-weight: 500; /* subtle bold */
}
/* 🔥 Hover effect — make it bold and smooth */
.card__heading .card-title:hover,
.card__heading .card-title:focus-visible {
  font-weight: 700; /* fully bold on hover */
  color: #000; /* stays same color */
  text-decoration: none !important;
}
/* Price styling */
.card-price {
  margin: 0;
  flex-shrink: 0;
  text-align: right;
}

.card-price .price-item {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
}

/* Hide compare/crossed prices */
.price__compare,
.price__regular s {
  display: none !important;
}

/* Remove extra spacing or hidden wrappers */
.card-summary,
.unit-price {
  display: none !important;
}
.productView-tab .halo-text-format, .productView-tab .halo-text-format ul li, .productView-tab .halo-text-format ol li {
    color: #000;
}
.ttl {
  
  text-transform: uppercase;
  font-weight: 600;
}
#lp-title-price .ttl {
  font-size: 12px;
  
}
.sidebarBlock-headingWrapper {
  display: none !important;
}
.page-title {
  text-transform: uppercase;
}