/* --- FIX: Link Copied Tooltip for Mobile --- */

/* 1. Ensure the parent of the share button allows the tooltip to center */
.product-information_share__container, 
.share-button-wrapper { /* Replace with your actual parent class if known */
    position: relative !important;
    display: inline-block;
}

/* 2. Fix the Black Tooltip Box */
/* Look for the class that contains "Link copied" in your HTML */
.link-copied-popup, 
.tooltip-inner,
[role="tooltip"] { 
    position: absolute !important;
    bottom: 110% !important; /* Positions it above the green arrow */
    left: 50% !important;
    transform: translateX(-50%) !important; /* This centers it perfectly */
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    white-space: nowrap !important; /* Keeps "Link copied" on one line */
    z-index: 9999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 3. Fix the little triangle/arrow below the box */
.link-copied-popup::after,
.tooltip-arrow {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

/* 4. Mobile specific "Stay on Screen" safety */
@media (max-width: 480px) {
    .link-copied-popup {
        /* If the button is too close to the edge, 
           this prevents the box from being wider than the screen */
        max-width: 80vw; 
    }
}

/* begin: accordian css*/
.accordion_accordion-container__Iqkca {
    border: 1px solid #E7E7E7; /* Light uniform outer box frame line */
    border-radius: 8px;        /* Soft corner curves */
    margin-top: 24px;
    overflow: hidden;          /* Keeps inner panel content clipped beautifully */
    background-color: #FFFFFF;
}

/* Individual Stack Row Segments */
.accordion_accordion__YkH3w {
    border-bottom: 1px solid #E7E7E7;
}

/* Removes the redundant double bottom line on the final element */
.accordion_accordion__YkH3w:last-child {
    border-bottom: none;
}

/* Tab Button Layout Padding adjustments */
.accordion_info__FmGDN {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px; /* Indented text spacing from the box edge */
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.accordion_accordion-title__EMoCq {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #444444; /* Premium muted dark text color */
}

/* Nested padding alignment for opened fields */
.accordion_content__CHHFY {
    padding: 0 20px 20px 20px;
    font-size: 13px;
    line-height: 1.6;
    color: #555555;
}

/* ── CRITICAL MISSING RULES: Hides panels by default ── */
.accordion_panel__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── CRITICAL MISSING RULES: Unhides ONLY the active panel ── */
.accordion_accordion__YkH3w.active .accordion_panel__content {
    max-height: 1000px; /* High safe boundary value for content expansion flow */
}
/* end: accordian css*/


@media (max-width: 768px) {
  /* Target the active listing wrapper containing the product list items */
  .default_content-container__b0JRK ul.carousel_carousel__mgqi_,
  [data-testid*="-carousel-list"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Force exactly two columns */
    grid-auto-flow: row !important;                  /* Force overflow items to break onto a new row */
    white-space: normal !important;                 /* Prevent text/items from forcing a single line */
    overflow-x: visible !important;                  /* Disable horizontal scroll tracking */
    gap: 16px 12px !important;                      /* Spacing: 16px vertical row gap, 12px horizontal column gap */
    padding: 0 12px !important;                     /* Screen edge padding */
    width: 100% !important;
  }

  /* Reset the layout mechanics of individual product list items */
  .default_content-container__b0JRK ul.carousel_carousel__mgqi_ li,
  [data-testid*="-carousel-list"] li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: unset !important;                          /* Clear any flex-shrink rules compressing the width */
    display: block !important;
  }

  /* Completely remove the empty buffer blocks breaking line alignments */
  .carousel_buffer__OxxsC {
    display: none !important;
  }
}