[data-axus-flip-wrap], .axus-flip-wrap { position: relative; width: 100%; }
.axus-divi-flip-card-module { width: 100%; }
.axus-divi-flip-card-module-preview .axus-flip-toggle,
.axus-divi-flip-card-module-preview .axus-flip-btn { pointer-events: none; }
.axus-divi-flip-card-preview-note { margin-top: 0.9rem; font-size: 0.82rem; line-height: 1.3; color: rgba(34,34,34,0.72); text-align: center; }
.axus-divi-flip-card-preview-meta { display: none; }
.axus-flip-stage { position: relative; width: 100%; perspective: 100rem; }
.axus-flip-card { position: relative; width: 100%; aspect-ratio: 0.82 / 1; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: transform 1.5s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.axus-flip-wrap.is-flipped .axus-flip-card { transform: rotateX(180deg); }
.axus-flip-face { position: absolute; inset: 0; border-radius: 2.4rem; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; background: rgba(255,255,255,0.12); border: 0.0625rem solid rgba(255,255,255,0.34); box-shadow: 0 1.8rem 3.8rem rgba(31,38,60,0.10), 0 0.35rem 1rem rgba(31,38,60,0.06), inset 0 0.0625rem 0 rgba(255,255,255,0.65), inset 0 -0.0625rem 0 rgba(255,255,255,0.10), inset 0 0 0 0.0625rem rgba(255,255,255,0.08); will-change: transform, opacity; }
.axus-flip-back::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,0.06); z-index: 1; pointer-events: none; }
.axus-flip-front, .axus-flip-back { transition: opacity 0.35s ease; }
.axus-flip-front { z-index: 2; transform: rotateX(0deg) translateZ(0.0625rem); opacity: 1; }
.axus-flip-back { transform: rotateX(180deg) translateZ(0.0625rem); opacity: 0; }
.axus-flip-wrap.is-flipped .axus-flip-front { opacity: 0; }
.axus-flip-wrap.is-flipped .axus-flip-back { opacity: 1; }
.axus-flip-glass, .axus-flip-overlay, .axus-flip-shine { position: absolute; inset: 0; pointer-events: none; }
.axus-flip-glass { background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%); backdrop-filter: blur(1px) saturate(115%); -webkit-backdrop-filter: blur(5px) saturate(115%); }
.axus-flip-overlay-front { background: radial-gradient(circle at 18% 12%, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.08) 24%, rgba(255,255,255,0) 46%), linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 55%, rgba(255,255,255,0.12) 100%); }
.axus-flip-overlay-back { background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%); }
.axus-flip-shine { background: radial-gradient(120% 75% at 50% -10%, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.12) 38%, rgba(255,255,255,0) 62%), linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.12) 70%, rgba(255,255,255,0) 100%); mix-blend-mode: screen; }
.axus-flip-front-inner, .axus-flip-back-inner { position: relative; z-index: 2; width: 100%; height: 100%; }
.axus-flip-front-inner { display: grid; grid-template-rows: 1fr auto 1fr; align-items: center; justify-items: center; width: 100%; height: 100%; padding: 5% 6% 6%; text-align: center; }
.axus-flip-front-top { grid-row: 2; display: flex; align-items: center; justify-content: center; width: 100%; }
.axus-flip-front-bottom { position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.9rem; width: min(86%, 28rem); z-index: 4; }
.axus-flip-garment-image { display: block; width: 100%; max-width: 80%; max-height: 58vh; height: auto; object-fit: contain; margin: 0 auto; filter: drop-shadow(0 1rem 1.8rem rgba(0,0,0,0.10)); }
.axus-flip-title { margin: 0; width: 100%; padding: 0.85rem 1.25rem; border-radius: 999rem; background: rgba(255,255,255,0.30); border: 0.0625rem solid rgba(255,255,255,0.34); box-shadow: 0 0.55rem 1rem rgba(31,38,60,0.06), inset 0 0.0625rem 0 rgba(255,255,255,0.42); backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); font-size: clamp(1.45rem, 2vw, 2.3rem); line-height: 1.08; font-weight: 700; letter-spacing: -0.03em; color: rgba(26,26,26,0.88); text-wrap: balance; text-shadow: 0 0.04rem 0 rgba(255,255,255,0.22); }
.axus-flip-toggle { width: 4.15rem; height: 4.15rem; min-width: 4.15rem; min-height: 4.15rem; border-radius: 50%; border: 0.0625rem solid rgba(255,255,255,0.42); background: linear-gradient(180deg, rgba(126,224,213,0.62) 0%, rgba(93,202,192,0.48) 100%); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; box-shadow: 0 1rem 2rem rgba(35,52,70,0.12), inset 0 0.08rem 0 rgba(255,255,255,0.55), inset 0 -0.08rem 0 rgba(255,255,255,0.10); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; transform: translateZ(0); -webkit-transform: translateZ(0); }
.axus-flip-toggle:not(.axus-flip-toggle-back):hover { transform: translateZ(0) scale(1.04); box-shadow: 0 1.2rem 2.2rem rgba(35,52,70,0.14), inset 0 0.08rem 0 rgba(255,255,255,0.6), inset 0 -0.08rem 0 rgba(255,255,255,0.12); background: linear-gradient(180deg, rgba(126,224,213,0.70) 0%, rgba(93,202,192,0.56) 100%); }
.axus-flip-toggle-back:hover { transform: translateX(-50%) scale(1.04); box-shadow: 0 1.2rem 2.2rem rgba(35,52,70,0.14), inset 0 0.08rem 0 rgba(255,255,255,0.6), inset 0 -0.08rem 0 rgba(255,255,255,0.12); background: linear-gradient(180deg, rgba(126,224,213,0.70) 0%, rgba(93,202,192,0.56) 100%); }
.axus-flip-back .axus-flip-toggle:not(.axus-flip-toggle-back) { transform: rotateX(180deg) translateZ(0); }
.axus-flip-back .axus-flip-toggle:not(.axus-flip-toggle-back):hover { transform: rotateX(180deg) translateZ(0) scale(1.04); }
.axus-info-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; border: 0.11rem solid currentColor; border-radius: 50%; font-size: 0.9rem; font-weight: 700; line-height: 1; font-family: Arial, sans-serif; }
.axus-flip-back-inner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 6% 6% 6%; text-align: center; }
.axus-flip-back-panel { width: 100%; max-width: 86%; padding: 1.15rem 0.9rem 1rem; border-radius: 1.7rem; background: rgba(255,255,255,0.26); border: 0.0625rem solid rgba(255,255,255,0.34); box-shadow: 0 0.75rem 1.6rem rgba(31,38,60,0.08), inset 0 0.0625rem 0 rgba(255,255,255,0.42); backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); transform: translateZ(3.4rem); }
.axus-flip-back-content { width: 100%; max-width: 100%; margin-top: 0; padding: 0; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; }
.axus-flip-copy { margin: 0 0 1rem; font-size: clamp(0.92rem, 0.92vw, 1.08rem); line-height: 1.3; letter-spacing: -0.012em; color: rgba(24,24,24,0.94); text-wrap: balance; text-shadow: 0 0.03rem 0 rgba(255,255,255,0.12); }
.axus-flip-copy strong { font-weight: 700; color: rgba(20,20,20,0.90); }
.axus-flip-buttons { display: flex; flex-direction: column; align-items: center; gap: 0.7rem; width: 100%; margin-top: 0.15rem; }
.axus-flip-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; width: min(100%, 22rem); min-width: 0; max-width: 100%; padding: 0.82rem 1.05rem; border-radius: 999rem; text-decoration: none; font-size: clamp(0.92rem, 0.92vw, 1.02rem); font-weight: 600; line-height: 1.1; backdrop-filter: blur(12px) saturate(135%); -webkit-backdrop-filter: blur(12px) saturate(135%); box-shadow: 0 0.55rem 1rem rgba(35,52,70,0.08), inset 0 0.06rem 0 rgba(255,255,255,0.38), inset 0 -0.06rem 0 rgba(255,255,255,0.06); transform: translateZ(3.6rem); }
.axus-flip-btn-label { cursor: pointer; }
.axus-flip-btn:hover { transform: translateY(-0.08rem); }
.axus-flip-btn-primary { background: linear-gradient(180deg, rgba(126,224,213,0.58) 0%, rgba(93,202,192,0.44) 100%); color: rgba(255,255,255,0.96) !important; border: 0.0625rem solid rgba(255,255,255,0.36); }
.axus-flip-btn-primary:hover { background: linear-gradient(180deg, rgba(126,224,213,0.66) 0%, rgba(93,202,192,0.52) 100%); box-shadow: 0 1rem 1.6rem rgba(35,52,70,0.10), inset 0 0.08rem 0 rgba(255,255,255,0.5), inset 0 -0.08rem 0 rgba(255,255,255,0.10); }
.axus-flip-btn-secondary { background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.14) 100%); color: rgba(34,34,34,0.84) !important; border: 0.0625rem solid rgba(255,255,255,0.42); }
.axus-flip-btn-secondary:hover { background: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.18) 100%); box-shadow: 0 1rem 1.6rem rgba(35,52,70,0.08), inset 0 0.08rem 0 rgba(255,255,255,0.52), inset 0 -0.08rem 0 rgba(255,255,255,0.12); }
.axus-btn-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1; }
.axus-btn-icon-info { width: 1.1rem; height: 1.1rem; border: 0.09rem solid currentColor; border-radius: 50%; font-size: 0.68em; font-weight: 700; font-family: Arial, sans-serif; }
.axus-btn-icon-arrow { font-size: 1em; font-weight: 700; }
.axus-flip-toggle-back { position: absolute; left: 50%; bottom: 6%; margin-top: 0; align-self: center; transform: translateX(-50%); }
.axus-flip-toggle-close { width: 4.15rem; height: 4.15rem; min-width: 4.15rem; min-height: 4.15rem; background: linear-gradient(180deg, rgba(126,224,213,0.62) 0%, rgba(93,202,192,0.48) 100%); color: #ffffff; border: 0.0625rem solid rgba(255,255,255,0.42); box-shadow: 0 1rem 2rem rgba(35,52,70,0.12), inset 0 0.08rem 0 rgba(255,255,255,0.55), inset 0 -0.08rem 0 rgba(255,255,255,0.10); }
.axus-close-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 1.3rem; line-height: 1; font-weight: 700; color: #ffffff; }
.axus-modal { position: fixed; inset: 0; z-index: 2147483647 !important; display: grid; place-items: center; padding: 2rem; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; }
.axus-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.axus-modal-backdrop { position: fixed; inset: 0; z-index: 2147483646; background: rgba(15,23,42,0.28); backdrop-filter: none; -webkit-backdrop-filter: none; cursor: pointer; }
.axus-modal-backdrop, .axus-modal-close, .axus-flip-toggle, .axus-flip-btn-label { appearance: none; -webkit-appearance: none; font: inherit; }
.axus-modal-panel { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2147483647 !important; width: min(92vw, 62rem); max-width: 62rem; height: min(82vh, 48rem); border-radius: 1.75rem; overflow: hidden; background: rgba(255,255,255,0.16); border: 0.0625rem solid rgba(255,255,255,0.38); box-shadow: 0 2rem 4rem rgba(15,23,42,0.22), inset 0 0.0625rem 0 rgba(255,255,255,0.55); }
body.axus-modal-open { overflow: hidden; }
.axus-modal, .axus-modal * { box-sizing: border-box; }
.axus-modal-glass { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.14) 100%); backdrop-filter: blur(1.5rem) saturate(150%); -webkit-backdrop-filter: blur(1.5rem) saturate(150%); }
.axus-modal-shine { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 70% at 50% -5%, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.10) 38%, rgba(255,255,255,0) 62%); }
.axus-modal-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1rem 0.75rem 1.25rem; border-bottom: 0.0625rem solid rgba(255,255,255,0.28); }
.axus-modal-title { margin: 0; font-size: 1.1rem; font-weight: 700; color: rgba(20,20,20,0.88); }
.axus-modal-actions { display: flex; align-items: center; gap: 0.75rem; }
.axus-modal-open-new { color: rgba(20,20,20,0.82); text-decoration: none; font-size: 0.92rem; font-weight: 600; }
.axus-modal-close { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; color: #ffffff; background: linear-gradient(180deg, rgba(104,211,198,0.96) 0%, rgba(79,191,179,0.92) 100%); border: 0.0625rem solid rgba(255,255,255,0.28); box-shadow: 0 0.75rem 1.25rem rgba(35,52,70,0.14), inset 0 0.0625rem 0 rgba(255,255,255,0.34); }
.axus-modal-close span { font-size: 1.5rem; line-height: 1; color: #ffffff; }
.axus-modal-body { position: relative; z-index: 2; height: calc(100% - 4.75rem); padding: 0; background: #fff; }
.axus-modal-iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
@media only screen and (max-width: 767px) {
  .axus-flip-card { aspect-ratio: 0.9 / 1.16; }
  .axus-flip-face { border-radius: 1.6rem; }
  .axus-flip-glass { backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); }
  .axus-flip-front-inner, .axus-flip-back-inner { padding: 6% 5% 5%; }
  .axus-flip-back-inner { gap: 0.7rem; padding: 6% 5% 5%; }
  .axus-flip-back-panel { max-width: 94%; padding: 0.95rem 0.75rem 0.85rem; border-radius: 1.25rem; }
  .axus-flip-back-content { max-width: 100%; }
  .axus-flip-copy { margin-bottom: 0.8rem; font-size: 0.82rem; line-height: 1.28; }
  .axus-flip-buttons { gap: 0.75rem; }
  .axus-flip-btn { width: 100%; padding: 0.72rem 0.95rem; font-size: 0.88rem; border-radius: 999rem; }
  .axus-flip-toggle { width: 3.5rem; height: 3.5rem; min-width: 3.5rem; min-height: 3.5rem; }
  .axus-info-icon { width: 1.2rem; height: 1.2rem; font-size: 0.8rem; }
  .axus-flip-toggle-close { width: 3.5rem; height: 3.5rem; min-width: 3.5rem; min-height: 3.5rem; }
  .axus-close-icon { font-size: 1.1rem; }
  .axus-flip-toggle-back { position: absolute; left: 50%; bottom: 5%; margin-top: 0; transform: translateX(-50%); }
  .axus-flip-toggle-back:hover { transform: translateX(-50%) scale(1.04); }
  .axus-modal { padding: 1rem; }
  .axus-modal-panel { width: 100%; max-width: 100%; height: min(86vh, 42rem); border-radius: 1.25rem; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .axus-modal-header { padding: 0.85rem 0.85rem 0.7rem 1rem; }
  .axus-modal-open-new { font-size: 0.85rem; }
  .axus-modal-close { width: 2.4rem; height: 2.4rem; min-width: 2.4rem; min-height: 2.4rem; }
}