/** Shopify CDN: Minification failed

Line 249:13 Unexpected "{"
Line 249:22 Expected ":"

**/



.card {
  border: 0.05em solid #d0c5c6;
  padding: 17px 17px;
}
.complementary-products__container {
  border: 2px dotted #2d8fe6;
}
.summary_title {
  padding: 15px;
  margin: 13 0 0 13;
}
.card_media {
  background-color: #bd34ee;
}
.product_tags a.link {
  color: #a32312;
}
nav.ed_breadcrumbs {
  padding: 0.5rem 13rem;
  color: #949494;
  font-size: 14px;
  z-index: 0;
}
nav.ed_breadcrumbs a {
  color: #c30000;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 0;
}
h1.collection-hero__title {
  font-size: 1.2em;
  color: #0017cb;
}
div.collection-hero__text-wrapper {
  padding-bottom: 0;
  margin-bottom: 0;
}
ul.icon-with-text {
  padding: 12px 5px 1px 5px;
  border: #e9e9e9 solid 1px;
  background-color: #f9f9fa;
}
p.product__text inline-richtext caption-with-letter-spacing {
  font-size: 20rem;
}
div.complementary-products__container {
  border: #e9e9e9 solid 1px;
}
div.complementary-products__container,
div.summary__title,
h2.h3 accordion__title {
  padding: 5px 0 0 5px;
  text-align: center;
}
.header__submenu .header__menu-item {
  white-space: nowrap;
}
.header__submenu.list-menu {
  /* You can adjust this value according to your preference */
  width: auto;
}

.estimated-delivery{
  font-size: 1.4rem;
  color: red;
  margin-top: 10px;
  background-color: none;
  padding: 0 5px;
  width: 90%;
}
.warning-colors{
  color: red; 
  /*text-transform: uppercase; */
  font-size: 1.2em;
}
div.price .product-price {
  font-size: 1.4em;
}
span.price-item price-item--regular{
  font-size: 1.4em;
}
.product-description-heighlight {
    color: #bbb8b8;
    text-transform: none;
    font-style: italic;
}
.bold-color {
    color: #1976D2; /* Matches rgb(25, 118, 210) */
    font-weight: bold; /* Keeps emphasis */
}
.bold{
  font-weight: bold;
}
.cat-title-desc, .cat-desc{
  margin: 0 100px;
  padding: 0 10px;
  text-align: center;
  width: auto%;
}
.cat-title-desc h1{
  font-size: 1.6em;
}

/* General Breadcrumb Styles for Mobile */
@media screen and (max-width: 749px) {
    /* Breadcrumb Container Styles */
    .ed_breadcrumbs {
        display: flex !important; /* Use Flexbox for alignment */
        flex-wrap: wrap !important; /* Allow items to wrap onto the next line */
        justify-content: flex-start !important; /* Align breadcrumbs to the left */
        align-items: flex-start; /* Align items vertically */
        white-space: normal !important; /* Allow text wrapping */
        overflow: visible !important; /* Ensure no content is hidden */
        text-align: left !important; /* Align text to the left */
        padding: 0 !important; /* Remove extra padding */
        margin: 0 !important; /* Remove extra margins */
        z-index: 100;
    }

    /* Breadcrumb Link Styles */
    .ed_breadcrumbs a {
        display: inline-block; /* Ensure links stay inline */
        white-space: nowrap; /* Prevent wrapping for each link */
        text-overflow: ellipsis; /* Add ellipses (...) for truncated text */
        overflow: hidden; /* Hide overflowing content */
        max-width: 100px; /* Adjust width for link truncation */
        margin-right: 5px; /* Add spacing between breadcrumb items */
        font-size: 12px; /* Adjust font size for smaller screens */
        text-decoration: none; /* Remove underline for cleaner design */
        color: inherit; /* Maintain inherited text color */
    }

    /* Breadcrumb Separator Styles */
    .ed_breadcrumbs span {
        display: inline-block;
        margin: 0 5px; /* Space between breadcrumb text and separators */
    }

    /* Last Breadcrumb (Product Title) */
    .ed_breadcrumbs a:last-child {
        display: inline-block;
        white-space: nowrap; /* Prevent wrapping for the product title */
        text-overflow: ellipsis; /* Add ellipses (...) for long text */
        overflow: hidden; /* Hide overflowing content */
        max-width: 200px; /* Limit width to truncate product title */
        font-size: 12px; /* Adjust font size for smaller screens */
    }

    /* Set Character Length for Product Title Using Width */
    .ed_breadcrumbs a:last-child {
        max-width: calc(35ich + 10px); /* 35 characters visible with padding */
    }
}

/* TABS*/
/* All tabs share a border,
   but remove the left border to avoid double lines */
.wbs-pck__tab-button-wrapper .wbs-pck__tab-title {
  border: 1 1 0 1;
  border: 1px solid #4DAAE0;
  border-left: 1px solid #4DAAE0;
background-color: #FFFFFF;    /* or border-right: none, your choice */
  margin: 0;            /* remove gap-causing margin */
}

/* Restore the left border on just the first tab */
.wbs-pck__tab-button-wrapper .wbs-pck__tab-title:first-child
.wbs-pck__tab-title:last-child {
  border-left: 0px solid #ccc;
  
margin: 0 !important;
}

.wbs-pck__tab-panel {
  border: 1px solid #4DAAE0; /* or your desired color & thickness */
  padding: 1em;          /* optional padding so the text isn't against the border */
  border-radius: 0px;    /* optional, if you want rounded corners */
}

/* All tabs share a border,
   but remove the left border to avoid double lines */
.wbs-pck__tab-button-wrapper .wbs-pck__tab-title {
  border: 1 1 0 1;
  border: 1px solid #4DAAE0;
  border-left: 1px solid #4DAAE0;
background-color: #FFFFFF;    /* or border-right: none, your choice */
  margin: 0;            /* remove gap-causing margin */
}

/* Restore the left border on just the first tab */
.wbs-pck__tab-button-wrapper .wbs-pck__tab-title:first-child
.wbs-pck__tab-title:last-child {
  border-left: 0px solid #ccc;
margin: 0 !important;
}

.wbs-pck__tab-panel {
  border: 1px solid #4DAAE0; /* or your desired color & thickness */
  padding: 1em;          /* optional padding so the text isn't against the border */
  border-radius: 0px;    /* optional, if you want rounded corners */
}

/* KONIEC TABS */

/* Mobile Accordion Styles */
@media (max-width: 767px) {
  .wbs-pck__tab-title {
    display: block;
    width: 100%;
    text-align: left;
    border: 1px solid #ddd;
    padding: 1rem;
    background: #f9f9f9;
    cursor: pointer;
  }
  .wbs-pck__tab-title[aria-expanded="true"] {
    background: #fca311; /* Highlight open tab */
    color: #ffffff;
  }

  .wbs-pck__tab-panel {
    display: none;
    padding: 1rem;
    border: 1px solid #ddd;
    border-top: none;
  }
  .wbs-pck__tab-title[aria-expanded="true"] + .wbs-pck__tab-panel {
    display: block; /* Show the open panel */
    
  }
}
  
/*.image-with-text__media, .image-with-text__text-item grid__item, .image-with-text__media image-with-text__media--small  {
    border: none !important;
}
*/
.image-with-text__media, .image-with-text__text-item  {
    border: none !important;
}
circle-item-{{ section.id }} a {
    pointer-events: auto !important;  /* ✅ Ensure clicks work */
    z-index: 10;  /* ✅ Ensure link is on top */
    
}
.circle-link {
  text-decoration: none !important;  /* ✅ Removes underline */
  color: inherit; /* ✅ Ensures it uses normal text color */
}

.circle-text {
  text-decoration: none !important;  /* ✅ Ensures text itself isn't underlined */
}

.circle-link:hover {
  text-decoration: none !important;  /* ✅ Ensures no underline on hover */
}

.predictive-search predictive-search--header{
  z-index: 1000;
}
.predictive-search__search-for-button {
  position: absolute;
  top: 100%; /* Ensures it appears below the input field */
  left: 0;
  width: 100%;
  background: white; /* Prevents transparency issues */
  z-index: 1000; /* Ensures it’s above other elements but below important headers */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a slight shadow for clarity */
}
.card {
  border: 0.05em solid #d0c5c6;
  padding: 0 17px;
}

/* ---------- Horizontal submenu (desktop only) ---------- */
/* Works with Dawn/Horizon-style menus. Safe on mobile. */
@media screen and (min-width: 990px) {
  /* The dropdown container */
  .header__submenu,
  .mega-menu__content .list-menu,
  .mega-menu__list,
  .list-menu--disclosure {
    display: flex !important;
    flex-wrap: wrap;                /* wrap to next line if needed */
    gap: 10px 22px;                 /* row gap / column gap */
    padding: 12px 16px !important;
    list-style: none;
    min-width: 560px;               /* prevents super narrow dropdowns */
    text-align: center;
  }

  /* Each menu item */
  .header__submenu > li,
  .mega-menu__content .list-menu > li,
  .mega-menu__list > li,
  .list-menu--disclosure > li {
    display: inline-flex !important;
    align-items: center;
    margin: 0;                      /* remove theme column spacing */
  }

  /* Links */
  .header__submenu a,
  .mega-menu__content .list-menu a,
  .mega-menu__list a,
  .list-menu--disclosure a {
    white-space: nowrap;            /* keep items on one line */
    padding: 6px 8px;
    text-decoration: none;
    border-radius: 6px;
  }

  /* Hover/active polish */
  .header__submenu a:hover,
  .mega-menu__content .list-menu a:hover,
  .mega-menu__list a:hover,
  .list-menu--disclosure a:hover {
    background: rgba(0,0,0,0.06);
  }
}

/* =========================
   Kidlic Submenu – Polished Brand Style
   ========================= */

/* 1) Brand tokens – tweak these to match your palette */
:root {
  --kidlic-accent: #ff5a5f;         /* warm playful accent */
  --kidlic-accent-2: #4cc9f0;       /* secondary pop (optional) */
  --kidlic-text: #1f2937;           /* gray-900-ish */
  --kidlic-muted: rgba(0,0,0,0.06); /* soft hover bg */
  --kidlic-ring: 0 0 0 3px rgba(76,201,240,0.35);
}

/* 2) Base link styling */
@media (min-width: 990px) {
  .header__submenu a,
  .mega-menu__content .list-menu a,
  .mega-menu__list a,
  .list-menu--disclosure a {
    position: relative;
    font-weight: 600;
    letter-spacing: .2px;
    color: var(--kidlic-text);
    padding: 8px 12px;
    border-radius: 999px;           /* friendly pill */
    transition: background .2s ease, transform .12s ease;
    outline: none;
  }

  /* 3) Hover: subtle pill + tiny lift */
  .header__submenu a:hover,
  .mega-menu__content .list-menu a:hover,
  .mega-menu__list a:hover,
  .list-menu--disclosure a:hover {
    background: var(--kidlic-muted);
    transform: translateY(-1px);
  }

  /* 4) Active/Current (aria-current or is-active) */
  .header__submenu a[aria-current="page"],
  .header__submenu a.is-active,
  .mega-menu__list a[aria-current="page"] {
    background: linear-gradient(90deg, var(--kidlic-accent), var(--kidlic-accent-2));
    color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
  }

  /* 5) Underline sprinkle on hover (playful) */
  .header__submenu a::after,
  .mega-menu__list a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    background: linear-gradient(90deg, var(--kidlic-accent), var(--kidlic-accent-2));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease;
    opacity: .9;
  }
  .header__submenu a:hover::after,
  .mega-menu__list a:hover::after { transform: scaleX(1); }

  /* 6) Item separators (very light, optional) */
  .header__submenu > li + li::before,
  .mega-menu__list > li + li::before {
    content: "";
    align-self: center;
    width: 1px; height: 14px;
    background: rgba(0,0,0,.08);
    margin: 0 0px;
    border-radius: 1px;
  }

  /* 7) Focus ring for keyboard users (accessibility) */
  .header__submenu a:focus-visible,
  .mega-menu__list a:focus-visible {
    box-shadow: var(--kidlic-ring);
    background: rgba(76,201,240,.08);
  }

  /* 8) Compact density option (uncomment if you want tighter menu)*/
  .header__submenu a,
  .mega-menu__list a { padding: 6px 10px; }
  .header__submenu,
  .mega-menu__list { gap: 8px 16px; }
  
}

/* 9) Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .header__submenu a,
  .mega-menu__list a { transition: none; }
}



/* Center divider line evenly on both sides of text */
.centered-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem; /* equal space between text and lines */
}

.centered-divider::before,
.centered-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2); /* divider color */
}
/* Center the submenu items */
nav ul li ul {
  display: flex;
  justify-content: center; /* centers menu items horizontally */
  gap: 0px; /* space between items */
  padding: 10px 0; /* vertical padding */
}

/* Optional: remove left alignment from child <li> */
nav ul li ul li {
  text-align: center;
}