/* Fashionbymilox — product-page extras: payment cards, trust icon row, shipping/returns accordions.
   Hand-authored and self-contained (not part of the Framer component tree) so it can be
   safely injected without risking hydration conflicts with the existing PDP components. */

.fbm-pdp-extras {
  font-family: Inter, "Inter Placeholder", sans-serif;
  color: #000;
  max-width: 480px;
  margin: 28px 0 0;
}

/* payment method cards */
.fbm-pdp-payment {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.fbm-pdp-payment span {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* trust icon row */
.fbm-pdp-trust {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 8px;
}
.fbm-pdp-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}
.fbm-pdp-trust-item svg { flex-shrink: 0; color: #000; }

/* shipping / returns accordion, styled to sit naturally after the existing
   Details / Description / Quality Guarantee rows */
.fbm-pdp-accordion-item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.fbm-pdp-accordion-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
}
.fbm-pdp-accordion-item summary::-webkit-details-marker { display: none; }
.fbm-pdp-accordion-item summary .fbm-pdp-toggle-icon { position: relative; width: 14px; height: 14px; flex-shrink: 0; }
.fbm-pdp-accordion-item summary .fbm-pdp-toggle-icon::before,
.fbm-pdp-accordion-item summary .fbm-pdp-toggle-icon::after {
  content: ""; position: absolute; background: #000; transition: transform 0.15s ease;
}
.fbm-pdp-accordion-item summary .fbm-pdp-toggle-icon::before { top: 6px; left: 0; width: 14px; height: 1.5px; }
.fbm-pdp-accordion-item summary .fbm-pdp-toggle-icon::after { top: 0; left: 6px; width: 1.5px; height: 14px; }
.fbm-pdp-accordion-item[open] summary .fbm-pdp-toggle-icon::after { transform: rotate(90deg); opacity: 0; }
.fbm-pdp-accordion-item .fbm-pdp-accordion-body {
  padding: 0 0 18px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.7);
}
.fbm-pdp-accordion-item .fbm-pdp-accordion-body ul { margin: 8px 0 0; padding-left: 18px; }