/*
Theme Name: FlexiPets
Version: 1.0
*/


/* RESET */

* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

.wp-block-paragraph,
.entry-content p,
.fp-main-content p {

    font-size: 19px;

    line-height: 1.9;

    color: #555;

    margin-bottom: 40px;

    max-width: 850px;

}


/* BODY */

body {

    margin: 0;
    background: #fff8f0;
    color: #2b2b2b;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;

}


/* CONTAINER */

.fp-container {

    width: var(--fp-page-width, min(92%, 1320px));
    max-width: var(--fp-page-max-width, 1320px);
    margin: auto;

}


/* HEADER */

.fp-header {

    position: sticky;
    top: 0;
    z-index: 999;

    background: rgba(255,248,240,0.92);

    backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(0,0,0,0.04);

}


/* HEADER INNER */

.fp-header-inner {

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 18px 0;

}


/* LOGO */

.fp-logo {

    text-decoration: none;
    color: #2b2b2b;

    display: flex;
    flex-direction: column;

    line-height: 1;

}


/* LOGO MARK */

.fp-logo-mark {

    position: relative;

    width: 68px;
    height: 54px;

}


/* F */

.fp-f {

    position: absolute;

    left: 0;
    top: 0;

    font-family: 'Bebas Neue', sans-serif;

    font-size: 48px;
    font-weight: 730;

    line-height: 1;

    color: #2b2b2b;

    z-index: 2;

}


/* P */

.fp-p {

    position: absolute;

    left: 20px;
    top: 0;

    font-family: 'Bebas Neue', sans-serif;

    font-size: 48px;
    font-weight: 730;

    line-height: 1;

    color: #9b7cff;

}


/* LOGO SUB */

.fp-logo-sub {

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 3px;

    color: #777;

    margin-top: 8px;

}


/* NAVIGATION */

.fp-nav {

    display: flex;
    gap: 35px;

    align-items: center;

}

.fp-nav a {

    text-decoration: none;

    color: #2b2b2b;

    font-weight: 600;

    transition: 0.2s;

    position: relative;

}

.fp-nav a:hover {

    color: #9b7cff;

}


/* UNDERLINE EFFECT */

.fp-nav a::after {

    content: '';

    position: absolute;

    left: 0;
    bottom: -6px;

    width: 0%;
    height: 2px;

    background: #9b7cff;

    transition: 0.25s;

}

.fp-nav a:hover::after {

    width: 100%;

}


/* HEADER RIGHT */

.fp-header-right {

    display: flex;
    align-items: center;

    gap: 14px;

}


/* ICON BUTTON */

.fp-icon-btn,
.fp-cart-btn {

    width: 46px;
    height: 46px;

    border-radius: 16px;

    background: white;

    display: flex;
    justify-content: center;
    align-items: center;

    text-decoration: none;

    font-size: 20px;

    color: #2b2b2b;

    box-shadow: 0 6px 20px rgba(0,0,0,0.05);

    position: relative;

    transition: 0.25s;

}

.fp-icon-btn:hover,
.fp-cart-btn:hover {

    transform: translateY(-3px);

}


/* CART COUNT */

.fp-cart-count {

    position: absolute;

    top: -5px;
    right: -5px;

    width: 22px;
    height: 22px;

    border-radius: 999px;

    background: #9b7cff;

    color: white;

    font-size: 12px;
    font-weight: 700;

    display: flex;
    justify-content: center;
    align-items: center;

}


/* HERO */

.fp-hero {

    position: relative;

    overflow: hidden;

    padding: 5px 0 10px;

    background:
    radial-gradient(circle at top right, rgba(255,170,220,0.18), transparent 30%),
    radial-gradient(circle at bottom left, rgba(139,108,255,0.12), transparent 30%);

}


/* HERO GLOW */

.fp-hero-bg-glow {

    position: absolute;

    border-radius: 999px;

    filter: blur(100px);

    opacity: 0.35;

    z-index: 0;

}

.fp-glow-1 {

    width: 420px;
    height: 420px;

    background: #ff7cd6;

    top: -120px;
    right: -120px;

}

.fp-glow-2 {

    width: 320px;
    height: 320px;

    background: #8b6cff;

    bottom: -120px;
    left: -120px;

}


/* HERO GRID */

.fp-hero-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: 1fr 1.15fr;

    gap: 50px;

    align-items: center;

}


/* HERO LEFT */

.fp-left {

    position: relative;

    z-index: 2;

}


/* BADGE */

.fp-badge {

    display: inline-block;

    background: #efe8ff;

    color: #8b6cff;

    padding: 12px 20px;

    border-radius: 999px;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 25px;

}


/* HERO TITLE */

.fp-left h1 {

    font-size: 108px;

    line-height: 0.88;

    margin-bottom: 28px;

    font-family: 'Bebas Neue', sans-serif;

    letter-spacing: 3px;

}


/* HERO TEXT */

.fp-left p {

    font-size: 19px;

    line-height: 1.9;

    color: #555;

    max-width: 500px;

    margin-bottom: 42px;

}


/* BUTTONS */

.fp-buttons {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}


/* BUTTON */

.fp-btn {

    padding: 16px 30px;

    border-radius: 999px;

    text-decoration: none;

    font-weight: 700;

    transition: 0.25s;

    display: inline-block;
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);

}


/* PRIMARY BUTTON */

.fp-btn-primary {

    background: #9b7cff;

    color: white;

}

.fp-btn-primary:hover {

    background: #7d5fff;

    transform: translateY(-3px);

}


/* SECONDARY BUTTON */

.fp-btn-secondary {

    background: white;

    border: 2px solid #e5dcff;

    color: #2b2b2b;

}

.fp-btn-secondary:hover {

    background: #f6f2ff;

}


/* HERO RIGHT */

.fp-right {

    display: flex;

    justify-content: center;
    align-items: center;

}


/* HERO IMAGE */

.fp-main-hero-image {

    width: 118%;

    max-width: none;

    height: auto;

    display: block;

    margin-left: -40px;

    filter: drop-shadow(0 40px 60px rgba(0,0,0,0.18));

    animation: floatHero 7s ease-in-out infinite;

}


/* FLOAT */

@keyframes floatHero {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(0px);

    }

}


/* PRODUCTS */

.fp-products {

    padding: 80px 0;

}


/* TITLES */

.fp-title {

    text-align: center;

    margin-bottom: 60px;

}

.fp-title h2 {

    font-size: 70px;

    margin-bottom: 10px;

    font-family: 'Bebas Neue', sans-serif;

    letter-spacing: 2px;

}

.fp-title p {

    color: #666;

    font-size: 18px;

}


/* PRODUCT GRID */

.fp-product-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));

    gap: 35px;

}


/* PRODUCT CARD */

.fp-product-card {

    position: relative;

    background: rgba(255,255,255,0.75);

    backdrop-filter: blur(14px);

    border-radius: 38px;

    padding: 35px;

    text-align: center;

    border: 1px solid rgba(255,255,255,0.65);

    box-shadow:
    0 15px 40px rgba(0,0,0,0.05),
    inset 0 1px 0 rgba(255,255,255,0.7);

    transition: 0.35s;

    overflow: hidden;

}

.fp-product-card:hover {

    transform: translateY(-14px) scale(1.02);

    box-shadow:
    0 35px 70px rgba(0,0,0,0.12),
    0 0 40px rgba(155,124,255,0.15);

}

.fp-product-card::before {

    content: '';

    position: absolute;

    top: -80px;
    left: -80px;

    width: 180px;
    height: 180px;

    border-radius: 999px;

    background: rgba(155,124,255,0.12);

    filter: blur(30px);

}

/* PRODUCT IMAGE */

.fp-product-card img {

    width: 100%;

    max-width: 240px;

    margin: auto;

    display: block;

    filter: drop-shadow(0 20px 25px rgba(0,0,0,0.12));

    transition: 0.35s;

}

.fp-product-card:hover img {

    transform: scale(1.05);

}


/* PRODUCT TITLE */

.fp-product-card h3 {

    font-size: 34px;

    margin-top: 20px;
    margin-bottom: 10px;

    font-family: 'Bebas Neue', sans-serif;

}


/* POWER */

.fp-power {

    color: #777;

    margin-bottom: 15px;

    font-size: 15px;

}


/* PRICE */

.fp-price {

    font-size: 28px;

    font-weight: 700;

    margin-bottom: 25px;

    color: #9b7cff;

}


/* BADGES */

.fp-badge-common,
.fp-badge-special,
.fp-badge-legendary,
.fp-badge-dark {

    position: absolute;

    top: 20px;
    right: 20px;

    padding: 8px 14px;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 700;

    color: white;

}

.fp-badge-common {

    background: #bdbdbd;

}

.fp-badge-special {

    background: #8b6cff;

}

.fp-badge-legendary {

    background: linear-gradient(135deg,#ffcc4d,#ff9f1a);

}

.fp-badge-dark {

    background: linear-gradient(135deg,#111,#ff2a2a);

}


/* MOBILE */

@media(max-width: 980px){

    .fp-nav {

        display: none;

    }

    .fp-hero-grid {

        grid-template-columns: 1fr;

    }

    .fp-left {

        text-align: center;

    }

    .fp-buttons {

        justify-content: center;

    }

    .fp-left h1 {

        font-size: 72px;

    }

    .fp-title h2 {

        font-size: 58px;

    }

    .fp-main-hero-image {

        max-width: 100%;

        width: 100%;

        margin: auto;

    }

}


/* SMALL MOBILE */

@media(max-width: 640px){

    .fp-left h1 {

        font-size: 56px;

    }

    .fp-left p {

        font-size: 17px;

    }

    .fp-btn {

        width: 100%;

        text-align: center;

    }

}
/* =================================
FLEXIPETS TRUST BAR 2.0
================================= */

.fp-trust-grid {

    display: grid;

    grid-template-columns: repeat(4,minmax(0,1fr));

    gap: 28px;

    width: 100%;

    max-width: 1180px;

    margin: 40px auto 80px;

}

.fp-trust-card {

    background: rgba(255,255,255,0.75);

    backdrop-filter: blur(14px);

    border-radius: 38px;

    padding: 28px 18px;

    text-align: center;

    border: 1px solid rgba(255,255,255,0.8);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.7);

    transition: all .35s ease;

}

.fp-trust-card:hover {

    transform: translateY(-8px);

    box-shadow:
        0 30px 60px rgba(0,0,0,0.08),
        0 0 25px rgba(155,124,255,0.15);

}

.fp-trust-icon {


    width: 82px;
    height: 82px;
    border-radius: 24px;


   

    margin: 0 auto 24px;

  

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(
        135deg,
        #f4efff,
        #ebe3ff
    );

    box-shadow:
        0 12px 25px rgba(155,124,255,0.12),
        inset 0 1px 0 rgba(255,255,255,0.9);

}

.fp-trust-icon i {

    font-size: 34px;

    color: #9b7cff;

}

.fp-trust-card:nth-child(3) .fp-trust-icon i {

    color: #ffb323;

}

.fp-trust-card h3 {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 32px;

    line-height: 1;

    margin: 0 0 12px;

    color: #2b2b2b;

}

.fp-trust-card p {

    margin: 0;

    font-size: 16px;

    color: #666;

    font-weight: 500;

}

/* Tablet */

@media (max-width: 1000px){

    .fp-trust-grid {

        grid-template-columns: repeat(2,1fr);

    }

}

/* Mobile */

@media (max-width: 640px){

    .fp-trust-grid {

        grid-template-columns: 1fr;

    }

}

/* =================================
MOBILE MENU
================================= */

.fp-menu-toggle {

    display: none;

    background: #9b7cff;

    color: white;

    border: none;

    width: 52px;

    height: 52px;

    border-radius: 16px;

    font-size: 28px;

    cursor: pointer;

}


/* MOBILE */

@media(max-width: 900px){

    .fp-menu-toggle {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .fp-nav {

        display: none;

        position: absolute;

        top: 110px;

        left: 20px;

        right: 20px;

        background: white;

        border-radius: 28px;

        padding: 24px;

        box-shadow: 0 20px 50px rgba(0,0,0,0.12);

        flex-direction: column;

        gap: 18px;

        z-index: 999;

    }

    .fp-nav.active {

        display: flex;

    }

    .fp-nav a {

        font-size: 22px;

    }

}
/* =================================
CATEGORY SECTION
================================= */

.fp-categories {

    padding: 80px 0;

}


/* TITLE */

.fp-section-title {

    text-align: center;

    font-size: 68px;

    font-family: 'Bebas Neue', sans-serif;

    margin-bottom: 70px;

}


/* GRID */

.fp-category-grid {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 34px;

}


/* CARD */

.fp-category-card {

    position: relative;

    background: #f7f5f3;

    border-radius: 40px;

    padding: 40px;

    overflow: hidden;

    text-decoration: none;

    transition: 0.35s;

    min-height: 480px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


/* HOVER */

.fp-category-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 30px 60px rgba(0,0,0,0.08);

}


/* IMAGE */

.fp-category-card img {

    width: 115%;

    max-width: 340px;

    height: 300px;

    object-fit: contain;

    transition: 0.35s;

    margin: 0 auto;

    display: block;

}

.fp-category-card:hover img {

    transform: scale(1.06);

}


/* CONTENT */

.fp-category-content h3 {

    font-size: 42px;

    font-family: 'Bebas Neue', sans-serif;

    color: #2b2b2b;

    margin-bottom: 14px;

}


.fp-category-content p {

    font-size: 18px;

    color: #666;

    line-height: 1.5;

}


/* CATEGORY COLORS */

.fp-category-card.cats {

    background:
    linear-gradient(
        135deg,
        #fff0fb,
        #f7f5f3
    );

}


.fp-category-card.dragons {

    background:
    linear-gradient(
        135deg,
        #eef4ff,
        #f7f5f3
    );

}


.fp-category-card.mystery {

    background:
    linear-gradient(
        135deg,
        #fff7e8,
        #f7f5f3
    );

}


/* MOBILE */

@media(max-width: 768px){

    .fp-category-grid {

        grid-template-columns: 1fr;

    }

    .fp-section-title {

        font-size: 48px;

    }

}
/* Footer styles: css/footer.css */

/* =================================
CONTACT PAGE
================================= */

/* CONTACT FORM WRAPPER */

.wpcf7 {

    max-width: 850px;

    margin: 60px auto 0;

}

.fp-contact-card {

    max-width: 900px;

    margin: 80px auto;

    background: rgba(255,255,255,0.75);

    backdrop-filter: blur(14px);

    border-radius: 40px;

    padding: 50px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.05),
    inset 0 1px 0 rgba(255,255,255,0.7);

}

.fp-contact-title {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 72px;

    line-height: 1;

    margin-bottom: 15px;

    text-align: center;

}

.fp-contact-subtitle {

    text-align: center;

    color: #666;

    font-size: 18px;

    line-height: 1.8;

    max-width: 650px;

    margin: 0 auto 50px;

}

/* LABELS */

.wpcf7 label {

    display: block;

    margin-bottom: 22px;

    font-weight: 500;

    color: #555;

    font-size: 15px;

}

/* INPUTS */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {

    width: 100%;

    padding: 15px 22px;

    margin-top: 8px;

    border-radius: 20px;

    border: 2px solid #ece7ff;

    background: #f7f5ff;

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    transition: 0.25s;

}

/* FOCUS */

.wpcf7 input:focus,
.wpcf7 textarea:focus {

    outline: none;

    border-color: #9b7cff;

    box-shadow: 0 0 0 6px rgba(155,124,255,0.12);

}

/* TEXTAREA */

.wpcf7 textarea {

    min-height: 220px;

    resize: vertical;

}

/* BUTTON */

.wpcf7-submit {

    background: #9b7cff !important;

    color: white !important;

    border: none !important;

    padding: 18px 35px !important;

    border-radius: 999px !important;

    font-weight: 700 !important;

    font-size: 18px !important;

    min-width:180px;

    height:60px;

    cursor: pointer;

    transition: 0.25s;

}

.wpcf7-submit:hover {

    background: #7d5fff !important;

    transform: translateY(-3px);

}

/* MOBILE */

@media(max-width:768px){

    .fp-contact-card {

        padding: 30px;

        border-radius: 30px;

    }

    .fp-contact-title {

        font-size: 54px;

    }

}
.wpcf7 form p:last-child {

    text-align: right;

}

.fp-contact-header {

    text-align: center;

    max-width: 700px;

    margin: 70px auto 40px;

}

.fp-contact-header h1 {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 80px;

    line-height: 1;

    margin: 20px 0;

}

.fp-contact-header p {

    color: #666;

    font-size: 18px;

    line-height: 1.8;

}

.fp-contact-headline{

    font-family:'Bebas Neue',sans-serif;

    font-size:72px;

    line-height:1;

    margin-bottom:20px;

}

/* =================================
CONTACT INFO
================================= */

.fp-contact-info {

    margin-top: 35px;

}

.fp-contact-item {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 22px;

}

.fp-contact-icon {

    width: 64px;

    height: 64px;

    border-radius: 22px;

    background: linear-gradient(
        135deg,
        #f3edff,
        #ebe3ff
    );

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 28px;

    color: #9b7cff;

    box-shadow:
        0 10px 25px rgba(155,124,255,0.12),
        inset 0 1px 0 rgba(255,255,255,0.9);

    flex-shrink: 0;

    transition: 0.25s;

}

.fp-contact-item:hover .fp-contact-icon {

    transform: translateY(-3px);

    box-shadow:
        0 15px 35px rgba(155,124,255,0.18),
        inset 0 1px 0 rgba(255,255,255,0.9);

}

.fp-contact-item span:last-child {

    font-size: 20px;

    color: #2b2b2b;

    font-weight: 500;

}

/* TEXT */

.fp-contact-item a,
.fp-contact-item span:last-child {

    color: #2b2b2b;

    text-decoration: none;

    font-size: 20px;

    font-weight: 500;

    line-height: 1.6;

}

/* HOVER */

.fp-contact-item a:hover {

    color: #9b7cff;

}

.fp-contact-info{
    margin-top:35px;
}

.fp-contact-item{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
}

.fp-contact-icon{
    width:64px;
    height:64px;
    border-radius:22px;

    background:linear-gradient(
        135deg,
        #f3edff,
        #ebe3ff
    );

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:
        0 10px 25px rgba(155,124,255,.12),
        inset 0 1px 0 rgba(255,255,255,.9);

    flex-shrink:0;
}

.email .fp-contact-icon::before{
    content:"✉";
    font-size:28px;
    color:#9b7cff;
}

.phone .fp-contact-icon::before{
    content:"☎";
    font-size:28px;
    color:#9b7cff;
}

.location .fp-contact-icon::before{
    content:"⌖";
    font-size:30px;
    color:#9b7cff;
}

.wp-block-heading {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 52px;

    line-height: 1;

    margin-top: 80px;

    margin-bottom: 25px;

    letter-spacing: 1px;

}

.fp-logo {

    display: flex;

    align-items: center;

    text-decoration: none;

}

.fp-logo-image {

    width: 44px;

    height: 44px;

    object-fit: contain;

    transition: .25s ease;

}

.fp-logo-image-link:hover .fp-logo-image {

    transform: scale(1.04);

}

/* =================================
ULTIMATE MEMBER - FLEXIPETS
================================= */

.um {

    font-family: 'Poppins', sans-serif !important;

}

.um .um-button {

    background: linear-gradient(
        135deg,
        #a78bfa,
        #8b5cf6
    ) !important;

    border-radius: 18px !important;

    border: none !important;

    font-weight: 700 !important;

    padding: 16px 30px !important;

    box-shadow:
        0 10px 25px rgba(155,124,255,.15);

}

.um .um-button:hover {

    transform: translateY(-2px);

    background: #8b5cf6 !important;

}

.um input[type=text],
.um input[type=email],
.um input[type=password] {

    background: #f3f0ff !important;

    border: 2px solid #ece6ff !important;

    border-radius: 20px !important;

    padding: 16px 20px !important;

}

/* =================================
ULTIMATE MEMBER - FLEXIPETS PREMIUM
================================= */

/* Gesamte Box */
.um {
    font-family: 'Poppins', sans-serif !important;
}

.um-form {
    background: rgba(255,255,255,0.80) !important;
    backdrop-filter: blur(14px);
    border-radius: 40px !important;
    padding: 50px !important;
    border: 1px solid rgba(255,255,255,0.8) !important;
    box-shadow:
        0 15px 40px rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.7);
}

/* Labels */
.um-form label,
.um-field-label label {
    font-weight: 600 !important;
    color: #555 !important;
    font-size: 15px !important;
}

/* Mehr Abstand zwischen Feldern */
.um-field {
    margin-bottom: 30px !important;
}

/* Eingabefelder */
.um input[type=text],
.um input[type=email],
.um input[type=password],
.um input[type=tel],
.um textarea,
.um select {
    background: #f7f5ff !important;
    border: 2px solid #ece7ff !important;
    border-radius: 20px !important;
    padding: 16px 22px !important;
    min-height: 58px !important;
    font-size: 16px !important;
    transition: all .25s ease !important;
}

/* Focus */
.um input:focus,
.um textarea:focus,
.um select:focus {
    border-color: #9b7cff !important;
    box-shadow: 0 0 0 6px rgba(155,124,255,.12) !important;
    background: #fff !important;
}

/* Buttons */
.um .um-button,
.um input[type=submit].um-button {
    background: linear-gradient(
        135deg,
        #9b7cff,
        #7d5fff
    ) !important;

    border: none !important;

    border-radius: 999px !important;

    padding: 18px 35px !important;

    height: auto !important;

    font-weight: 700 !important;

    font-size: 17px !important;

    color: #fff !important;

    box-shadow:
        0 10px 25px rgba(155,124,255,.18);

    transition: all .25s ease !important;
}

.um .um-button:hover,
.um input[type=submit].um-button:hover {
    transform: translateY(-3px);
    background: #7d5fff !important;
}

/* Sekundärbutton */
.um .um-alt {
    background: #fff !important;
    border: 2px solid #ece7ff !important;
    color: #555 !important;
    border-radius: 999px !important;
}

/* Login/Register Links */
.um a {
    color: #9b7cff !important;
    font-weight: 600 !important;
}

.um a:hover {
    color: #7d5fff !important;
}

.um .fp-profile-actions a:hover,
.um .fp-collector-profile .fp-profile-actions a:hover {
    color: #fff !important;
}

/* Profilkarte */
.um-profile {
    background: rgba(255,255,255,.8);
    border-radius: 40px;
    padding: 40px;
    box-shadow:
        0 15px 40px rgba(0,0,0,.05);
}

/* Profilbild */
.um-profile-photo img {
    border-radius: 24px !important;
    border: 4px solid #fff !important;
    box-shadow:
        0 10px 30px rgba(0,0,0,.10);
}

/* Tabs */
.um-profile-nav {
    background: #f7f5ff !important;
    border-radius: 20px !important;
    padding: 10px !important;
}

.um-profile-nav-item.active a {
    background: #9b7cff !important;
    color: white !important;
    border-radius: 14px !important;
}

.um-profile-nav-item a:hover {
    color: #2f2850 !important;
    background: rgba(155, 124, 255, 0.14) !important;
}

.um-profile-nav-item.active a:hover {
    color: #fff !important;
    background: #9b7cff !important;
}

/* Fehlermeldungen */
.um-field-error {
    border-radius: 16px !important;
}

/* Mobile */
@media (max-width:768px){

    .um-form {
        padding: 30px !important;
        border-radius: 30px !important;
    }

    .um-profile {
        padding: 25px !important;
    }

}

/* FlexiPets Account Menü - Kompakt */

.um-account-side {
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.um-account-side ul li a {
    padding: 18px 22px !important;
    min-height: 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.um-account-side ul li i {
    font-size: 18px !important;
    width: 28px !important;
    color: #9b7cff !important;
}

/* Aktiver Menüpunkt */

.um-account-side li.current a,
.um-account-side li.is-active a {
    background: #f5f1ff !important;
    color: #8b6cff !important;
}

/* Eigene Pfeile entfernen */

.um-account-side li a:after {
    display: none !important;
}

/* Ultimate Member Pfeile */

.um-account-side li span.um-account-icon-right i {
    font-size: 18px !important;
    color: #b59cff !important;
}

/* Abstand Profil */

.um-account-profile-link {
    margin-bottom: 20px !important;
}

/* Benutzername */

.um-account-name {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #9b7cff !important;
}

/* Profil anzeigen */

.um-account-profile-link a {
    font-size: 15px !important;
}

/* Avatar */

.um-account-profile-link img {
    max-width: 120px !important;
    border-radius: 20px !important;
}

/* FlexiPets Album Menüpunkt */

.um-account-side li a {
    display: flex !important;
    align-items: center !important;
    min-height: 64px !important;
}

.um-account-side li .um-account-icon {
    width: 70px !important;
    text-align: center !important;
}

.um-account-side li .um-account-title {
    flex: 1 !important;
}

.um-account-side li .um-account-arrow {
    width: 40px !important;
    text-align: center !important;
}

/* ==================================================
   FLEXIPETS REDESIGN V1 - PASTEL APP STYLE
================================================== */
:root{
    --fp-purple:#9b7cff;
    --fp-purple-dark:#7448f1;
    --fp-pink:#ff72aa;
    --fp-yellow:#ffc233;
    --fp-blue:#55b7ff;
    --fp-green:#67c65f;
    --fp-cream:#fff4e8;
    --fp-panel:#ffffff;
    --fp-surface:#ffffff;
    --fp-surface-soft:#fff9f4;
    --fp-text:#202235;
    --fp-muted:#6f7285;
    --fp-border:rgba(88,68,130,.22);
    --fp-border-strong:rgba(88,68,130,.32);
    --fp-shadow:0 14px 36px rgba(72,42,128,.15), 0 2px 8px rgba(72,42,128,.06);
    --fp-soft-shadow:0 8px 22px rgba(72,42,128,.12), 0 1px 4px rgba(72,42,128,.05);
    --fp-page-max-width:1320px;
    --fp-page-gutter:clamp(16px, 4vw, 28px);
    --fp-page-width:min(var(--fp-page-max-width), calc(100vw - 2 * var(--fp-page-gutter)));
}

body{
    background:
        radial-gradient(circle at 15% 8%, rgba(255,114,170,.18), transparent 28%),
        radial-gradient(circle at 85% 12%, rgba(155,124,255,.18), transparent 30%),
        linear-gradient(180deg,#fff8f2 0%,#fff1f6 45%,#fff7ef 100%) !important;
    color:var(--fp-text);
}

.fp-main-content{
    padding-top:0;
}

.fp-header{
    background:rgba(255,250,245,.86) !important;
    box-shadow:0 8px 30px rgba(104,75,135,.08);
    border-bottom:1px solid rgba(155,124,255,.10) !important;
}

.fp-header-inner{
    padding:10px 0 !important;
}

.fp-logo-image{
    width:44px !important;
    height:44px !important;
    object-fit:contain;
    filter:drop-shadow(0 4px 10px rgba(118,82,180,.14));
}

.fp-nav{
    gap:28px !important;
}

.fp-nav a{
    padding:10px 15px;
    border-radius:999px;
    font-weight:700 !important;
}

.fp-nav a:hover,
.fp-nav a[aria-current="page"]{
    background:rgba(155,124,255,.12);
    color:var(--fp-purple-dark) !important;
}

.fp-nav a::after{
    display:none !important;
}

.fp-icon-btn,
.fp-cart-btn{
    background:#fff !important;
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    box-shadow:var(--fp-soft-shadow);
    display:flex !important;
    align-items:center;
    justify-content:center;
}

.fp-redesign-home{
    position:relative;
    overflow:hidden;
    padding:32px 0 60px;
}

.fp-home-container{
    width:min(1500px,94vw);
    margin:0 auto;
}

.fp-home-bg-deco{
    position:absolute;
    pointer-events:none;
    opacity:.75;
    z-index:0;
}
.fp-deco-star-1{top:110px;left:38%;color:#ffc233;font-size:42px;filter:drop-shadow(0 7px 10px rgba(255,194,51,.25));}
.fp-deco-star-2{top:250px;right:7%;color:#b79cff;font-size:32px;}
.fp-deco-ball-1{top:135px;right:27%;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff72aa,#ffd5e6);box-shadow:0 8px 20px rgba(255,114,170,.25);}
.fp-deco-ball-2{top:185px;left:44%;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#55b7ff,#d8f3ff);box-shadow:0 8px 20px rgba(85,183,255,.25);}

.fp-home-hero-card,
.fp-home-builder-card,
.fp-home-worlds,
.fp-home-feature-row,
.fp-home-mystery-banner{
    position:relative;
    z-index:1;
}

.fp-home-hero-card{
    min-height:530px;
    border-radius:42px;
    background:
        linear-gradient(90deg,rgba(255,250,245,.95) 0%,rgba(255,247,252,.82) 43%,rgba(255,237,246,.75) 100%);
    border:1px solid rgba(255,255,255,.9);
    box-shadow:var(--fp-shadow);
    padding:56px 58px;
    display:grid;
    grid-template-columns:minmax(360px, .85fr) minmax(520px,1.35fr);
    gap:42px;
    align-items:center;
}

.fp-home-kicker{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:rgba(155,124,255,.15);
    color:var(--fp-purple-dark);
    padding:10px 22px;
    font-size:15px;
    letter-spacing:.08em;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:24px;
}

.fp-home-hero-copy h1{
    font-family:'Bebas Neue','Baloo 2',sans-serif;
    font-size:clamp(58px,6.2vw,104px);
    line-height:.96;
    letter-spacing:.01em;
    color:#33343a;
    margin:0 0 22px;
    max-width:590px;
}

.fp-home-hero-copy h1 strong{
    display:block;
    color:var(--fp-purple);
    text-shadow:0 10px 24px rgba(155,124,255,.18);
}

.fp-home-hero-copy p{
    font-size:20px;
    line-height:1.7;
    color:#606272;
    max-width:560px;
    margin:0 0 30px;
}

.fp-home-hero-actions,
.fp-home-builder-controls{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.fp-home-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:58px;
    padding:0 30px;
    border-radius:21px;
    text-decoration:none !important;
    font-weight:900;
    font-size:18px;
    transition:.22s ease;
    border:0;
    box-shadow:var(--fp-soft-shadow);
}
.fp-home-btn:hover{transform:translateY(-3px);}
.fp-home-btn-primary{background:linear-gradient(135deg,var(--fp-purple),var(--fp-purple-dark));color:#fff !important;}
.fp-home-btn-soft{background:rgba(255,255,255,.9);color:#34364a !important;border:1px solid rgba(155,124,255,.18);}
.fp-home-btn-pink{background:linear-gradient(135deg,#ff72aa,#ff4f93);color:#fff !important;}

.fp-home-hero-stage{
    min-height:430px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.fp-home-album-preview{
    width:min(720px,100%);
    min-height:370px;
    border-radius:26px;
    background:
        linear-gradient(90deg,#f5dfbb 0%,#fff0d8 48%,#f4ddb9 50%,#fff1d9 100%);
    border:7px solid rgba(129,83,204,.45);
    box-shadow:0 26px 55px rgba(95,60,140,.20), inset 0 0 0 3px rgba(255,255,255,.35);
    position:relative;
    padding:80px 34px 34px;
    transform:rotate(1deg);
}

.fp-home-album-preview::after{
    content:'';
    position:absolute;
    top:52px;bottom:20px;left:50%;width:2px;
    background:linear-gradient(180deg,transparent,rgba(136,95,45,.28),transparent);
}

.fp-home-ribbon{
    position:absolute;
    top:-28px;
    left:50%;
    transform:translateX(-50%) rotate(-2deg);
    background:linear-gradient(135deg,#a875ff,#7b4fe8);
    color:#fff;
    padding:16px 34px;
    border-radius:18px 18px 24px 24px;
    font-size:24px;
    font-weight:900;
    box-shadow:0 16px 26px rgba(103,63,188,.28);
    white-space:nowrap;
}

.fp-home-album-pages{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    position:relative;
    z-index:2;
}

.fp-home-album-slot{
    min-height:190px;
    border-radius:18px;
    background:rgba(255,255,255,.58);
    border:2px dashed rgba(133,95,54,.22);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}

.fp-home-album-slot img{
    width:100%;
    height:120px;
    object-fit:contain;
    filter:drop-shadow(0 12px 12px rgba(88,61,42,.15));
}

.fp-home-album-slot span{
    font-weight:900;
    color:#292936;
    margin-top:6px;
}

.fp-card-filled{
    border-style:solid;
    border-color:rgba(155,124,255,.42);
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,251,241,.75));
}

.fp-card-locked span{
    width:84px;height:84px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(80,80,80,.18);color:#fff;font-size:56px;
}
.fp-card-locked small{font-size:13px;color:#8a8177;font-weight:700;margin-top:12px;}

.fp-home-cat-front{
    position:absolute;
    left:-20px;
    bottom:-60px;
    width:230px;
    max-width:38%;
    filter:drop-shadow(0 22px 20px rgba(130,79,41,.22));
    transform:rotate(-5deg);
}

.fp-home-collection-stats{
    position:absolute;
    top:0;
    right:20px;
    display:flex;
    gap:14px;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.85);
    box-shadow:var(--fp-soft-shadow);
    border-radius:24px;
    padding:18px 24px;
}
.fp-home-collection-stats div{display:flex;flex-direction:column;align-items:center;min-width:72px;}
.fp-home-collection-stats strong{font-size:30px;color:#2c2d3c;line-height:1;}
.fp-home-collection-stats span{font-size:13px;color:#6d6471;font-weight:800;margin-top:6px;}

.fp-home-builder-card{
    margin-top:34px;
    border-radius:34px;
    background:linear-gradient(135deg,rgba(255,245,251,.94),rgba(255,248,238,.94));
    border:4px solid rgba(176,126,255,.24);
    box-shadow:var(--fp-shadow);
    padding:36px;
    display:grid;
    grid-template-columns:310px 1fr 360px;
    gap:28px;
    align-items:center;
}

.fp-home-mini-label{
    font-weight:900;
    text-transform:uppercase;
    color:var(--fp-purple-dark);
    font-size:16px;
}
.fp-home-builder-card h2,
.fp-home-worlds h2,
.fp-home-mystery-banner h2{
    font-family:'Bebas Neue','Baloo 2',sans-serif;
    font-size:44px;
    color:#34343d;
    margin:8px 0 8px;
}
.fp-home-builder-card p{font-size:17px;color:#626577;line-height:1.55;}

.fp-home-builder-tabs{
    display:grid;
    gap:12px;
    margin-top:24px;
}
.fp-home-builder-tabs span{
    display:flex;align-items:center;gap:10px;
    min-height:52px;
    border-radius:18px;
    background:rgba(255,255,255,.75);
    border:1px solid rgba(155,124,255,.15);
    color:#4b4d62;
    font-weight:900;
    padding:0 18px;
}
.fp-home-builder-tabs span.active{background:linear-gradient(135deg,var(--fp-purple),var(--fp-purple-dark));color:#fff;}

.fp-home-builder-stage{text-align:center;position:relative;}
.fp-home-builder-stage img{width:min(420px,85%);filter:drop-shadow(0 24px 20px rgba(96,64,110,.18));}
.fp-home-name-pill{display:inline-flex;background:#fff;border-radius:999px;padding:10px 30px;font-weight:900;box-shadow:var(--fp-soft-shadow);margin-top:-6px;position:relative;z-index:1;}

.fp-home-builder-controls{justify-content:center;align-items:stretch;flex-direction:column;}
.fp-home-control-box{background:#fff;border-radius:24px;padding:22px;border:1px solid var(--fp-border-strong);box-shadow:var(--fp-soft-shadow), inset 0 1px 0 rgba(255,255,255,.96);}
.fp-home-control-box strong{display:block;margin-bottom:16px;color:#33374d;}
.fp-home-color-dots{display:flex;gap:12px;flex-wrap:wrap;}
.fp-home-color-dots span{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),0 8px 14px rgba(0,0,0,.08);}

.fp-home-worlds{margin-top:42px;text-align:center;}
.fp-home-worlds h2{font-size:42px;margin-bottom:22px;}
.fp-home-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left;}
.fp-home-world-card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;text-decoration:none!important;border-radius:28px;padding:20px;border:1px solid var(--fp-border-strong);box-shadow:var(--fp-soft-shadow), inset 0 1px 0 rgba(255,255,255,.96);background:#fff;transition:.22s ease;}
.fp-home-world-card:hover{transform:translateY(-5px);box-shadow:var(--fp-shadow);}
.fp-home-world-card img{width:120px;height:110px;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(80,50,40,.14));}
.fp-home-world-card h3{font-size:26px;margin:0 0 4px;font-weight:900;}
.fp-home-world-card p{font-size:15px;color:#5f6273;margin:0 0 10px;line-height:1.35;}
.fp-home-world-card strong{color:#fff;background:linear-gradient(135deg,var(--fp-purple),var(--fp-purple-dark));padding:10px 17px;border-radius:999px;display:inline-flex;}
.fp-world-cats{background:linear-gradient(135deg,#fff0f8,#fffdf6);}
.fp-world-dragons{background:linear-gradient(135deg,#efffe9,#fffdf4);}
.fp-world-duel{background:linear-gradient(135deg,#f1f8ff,#fffdf4);}
.fp-world-mystery{background:linear-gradient(135deg,#fff4e7,#fff2fb);}
.fp-world-cats h3{color:var(--fp-purple-dark);} .fp-world-dragons h3{color:#3d9b37;} .fp-world-duel h3{color:#208fd6;} .fp-world-mystery h3{color:#ff7a00;}
.fp-home-mini-progress{height:10px;background:rgba(0,0,0,.07);border-radius:999px;overflow:hidden;margin:8px 0 14px;}
.fp-home-mini-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--fp-purple),#ff72aa);}

.fp-home-feature-row{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:28px;background:#fff;border:1px solid var(--fp-border-strong);box-shadow:var(--fp-soft-shadow), inset 0 1px 0 rgba(255,255,255,.96);overflow:hidden;}
.fp-home-feature{padding:22px 26px;display:grid;grid-template-columns:54px 1fr;column-gap:14px;align-items:center;border-right:1px solid rgba(155,124,255,.12);}
.fp-home-feature:last-child{border-right:0;}
.fp-home-feature span{grid-row:1/3;width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#fff;box-shadow:var(--fp-soft-shadow);}
.fp-home-feature strong{font-size:18px;color:#34364a;}
.fp-home-feature p{font-size:14px;color:#77798a;line-height:1.35;margin:4px 0 0;}

.fp-home-mystery-banner{margin-top:30px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fff6fb 100%);border:1px solid var(--fp-border-strong);box-shadow:var(--fp-soft-shadow), inset 0 1px 0 rgba(255,255,255,.96);padding:26px 34px;display:grid;grid-template-columns:90px 1fr auto;gap:22px;align-items:center;}
.fp-home-gift-icon{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#c49cff,#7d51ed);display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 14px 24px rgba(125,81,237,.22);}
.fp-home-mystery-banner h2{font-size:36px;margin:0 0 5px;color:var(--fp-purple-dark);}
.fp-home-mystery-banner p{font-size:16px;color:#626577;margin:0;}

@media(max-width:1100px){
    .fp-home-hero-card,
    .fp-home-builder-card{grid-template-columns:1fr;}
    .fp-home-hero-copy{text-align:center;}
    .fp-home-hero-copy p{margin-left:auto;margin-right:auto;}
    .fp-home-hero-actions{justify-content:center;}
    .fp-home-world-grid{grid-template-columns:repeat(2,1fr);}
    .fp-home-feature-row{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:768px){
    .fp-redesign-home{padding:20px 0 42px;}
    .fp-home-container{width:min(94vw,650px);}
    .fp-home-hero-card{padding:30px 20px;border-radius:30px;min-height:auto;gap:24px;}
    .fp-home-hero-copy h1{font-size:56px;}
    .fp-home-hero-copy p{font-size:17px;}
    .fp-home-album-preview{min-height:290px;padding:70px 16px 24px;border-width:5px;}
    .fp-home-ribbon{font-size:18px;padding:13px 22px;}
    .fp-home-album-pages{grid-template-columns:repeat(3,1fr);gap:12px;}
    .fp-home-album-slot{min-height:140px;}
    .fp-home-album-slot img{height:78px;}
    .fp-home-cat-front{width:140px;bottom:-35px;}
    .fp-home-collection-stats{position:relative;right:auto;top:auto;margin:20px auto 0;width:max-content;}
    .fp-home-builder-card{padding:24px 18px;border-radius:28px;}
    .fp-home-world-grid{grid-template-columns:1fr;}
    .fp-home-feature-row{grid-template-columns:1fr;}
    .fp-home-feature{border-right:0;border-bottom:1px solid rgba(155,124,255,.12);}
    .fp-home-mystery-banner{grid-template-columns:1fr;text-align:center;justify-items:center;}
}

/* =====================================================
   FlexiPets Redesign V3.1 - Startseite mit Album-Asset
   ===================================================== */
.fp-redesign-home{
    overflow:hidden;
    background:linear-gradient(180deg,#fff3f5 0%,#fff8ef 55%,#fff6fb 100%);
}
.fp-home-container{
    width:min(1540px,94vw);
    max-width:1540px;
}
.fp-home-hero-card{
    min-height:620px;
    overflow:visible;
    grid-template-columns:minmax(390px,.78fr) minmax(720px,1.55fr);
    background:linear-gradient(100deg,#fff7f2 0%,#fff1f7 43%,#ffeef5 100%);
    border-radius:0;
    border:none;
    box-shadow:none;
    padding:54px 10px 42px 0;
}
.fp-home-hero-copy{
    padding-left:10px;
    position:relative;
    z-index:4;
}
.fp-home-hero-copy h1{
    font-size:clamp(64px,5.4vw,100px);
    max-width:470px;
}
.fp-home-hero-stage-image{
    min-height:560px;
    width:100%;
    max-width:980px;
    justify-self:end;
    overflow:visible;
    isolation:isolate;
}
.fp-home-album-asset{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    width:min(980px,100%);
    max-width:100%;
    height:auto;
    transform:translate(-50%,-50%);
    object-fit:contain;
    filter:drop-shadow(0 28px 26px rgba(112,69,145,.18));
    pointer-events:none;
}
.fp-home-album-card{
    position:absolute;
    z-index:3;
    width:118px;
    min-height:190px;
    border-radius:18px;
    background:linear-gradient(180deg,#fffaf7,#fff3ef);
    border:2px solid rgba(165,128,255,.5);
    box-shadow:0 16px 22px rgba(78,49,82,.14);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:14px 10px 12px;
    text-align:center;
    transform-origin:center;
}
.fp-home-album-card-1{left:18%;top:30%;transform:rotate(-4deg);}
.fp-home-album-card-2{left:36%;top:27%;transform:rotate(2deg);border-color:rgba(255,114,170,.65);}
.fp-home-album-card-3{left:54%;top:30%;transform:rotate(5deg);border-color:rgba(83,183,255,.72);}
.fp-home-album-card img{
    width:100%;
    height:82px;
    object-fit:contain;
    filter:drop-shadow(0 9px 10px rgba(70,44,48,.12));
}
.fp-home-album-card strong{
    font-size:15px;
    line-height:1.05;
    margin-top:7px;
    color:#202231;
    font-weight:900;
}
.fp-home-album-card em{
    font-style:normal;
    color:#ffb51e;
    font-size:17px;
    letter-spacing:-2px;
    margin:5px 0 7px;
    text-shadow:0 1px 0 rgba(120,76,0,.12);
}
.fp-home-album-card small{
    display:inline-flex;
    background:linear-gradient(135deg,#9b7cff,#7f52f0);
    color:#fff;
    font-size:12px;
    font-weight:900;
    padding:5px 11px;
    border-radius:999px;
}
.fp-card-no{
    position:absolute;
    right:-2px;
    top:-2px;
    border-radius:0 16px 0 13px;
    background:#9b7cff;
    color:#fff;
    font-size:12px;
    font-weight:900;
    padding:5px 8px;
}
.fp-card-no-pink{background:#ff5f9f;}
.fp-card-no-blue{background:#53b7ff;}
.fp-home-cat-front{
    z-index:4;
    width:210px;
    left:9%;
    bottom:46px;
    filter:drop-shadow(0 18px 16px rgba(74,45,28,.18));
}
.fp-home-page-pill{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:flex;
    gap:9px;
    align-items:center;
    background:rgba(255,250,244,.92);
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    box-shadow:0 14px 22px rgba(83,53,69,.12);
    padding:12px 22px;
    font-size:14px;
    font-weight:900;
    color:#282b39;
    white-space:nowrap;
}
.fp-home-page-pill span{
    width:9px;
    height:9px;
    display:block;
    border-radius:50%;
    background:#d7c2a9;
}
.fp-home-page-pill span:first-of-type{background:#9b7cff;}
.fp-home-collection-stats{
    z-index:6;
    right:0;
    top:55px;
    background:rgba(255,250,244,.92);
    border-radius:24px;
    padding:18px 26px;
    max-width:320px;
    box-shadow:0 14px 25px rgba(83,53,69,.11);
}
.fp-home-collection-stats strong{font-size:34px;}

@media(max-width:1200px){
    .fp-home-hero-card{grid-template-columns:1fr; padding:42px 0;}
    .fp-home-hero-copy{text-align:center;padding-left:0;}
    .fp-home-hero-copy h1,.fp-home-hero-copy p{margin-left:auto;margin-right:auto;}
    .fp-home-hero-actions{justify-content:center;}
    .fp-home-hero-stage-image{justify-self:center;max-width:980px;width:100%;}
}
@media(max-width:768px){
    .fp-home-hero-stage-image{min-height:360px;}
    .fp-home-album-card{width:76px;min-height:128px;border-radius:13px;padding:8px 6px;}
    .fp-home-album-card img{height:52px;}
    .fp-home-album-card strong{font-size:10px;}
    .fp-home-album-card em{font-size:12px;margin:3px 0;}
    .fp-home-album-card small{font-size:8px;padding:3px 6px;}
    .fp-card-no{font-size:8px;padding:3px 5px;}
    .fp-home-cat-front{width:112px;bottom:44px;left:7%;}
    .fp-home-page-pill{bottom:10px;font-size:11px;padding:8px 14px;}
    .fp-home-collection-stats{display:none;}
}


/* =================================
FLEXIPETS NAVIGATION POLISH + MOBILE FIX
================================= */

.fp-header{
    background:rgba(255,250,246,.86);
    box-shadow:0 10px 34px rgba(139,92,246,.07);
}

.fp-header-inner{
    gap:26px;
}

.fp-word-logo{
    transition:transform .2s ease, filter .2s ease;
}

.fp-word-logo:hover{
    transform:translateY(-1px);
    filter:drop-shadow(0 8px 16px rgba(139,92,246,.12));
}

.fp-nav{
    gap:10px;
    background:rgba(255,255,255,.35);
    padding:7px;
    border-radius:999px;
}

.fp-nav a{
    padding:10px 18px;
    border-radius:999px;
    font-size:15px;
    color:#222436;
}

.fp-nav a::after{
    display:none;
}

.fp-nav a:hover,
.fp-nav a:focus{
    color:#7c3aed;
    background:rgba(139,92,246,.11);
}

.fp-nav a[aria-current="page"],
.fp-nav a.current-menu-item,
body.home .fp-nav a[href="/"]{
    color:#7c3aed;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.58));
    box-shadow:0 8px 22px rgba(139,92,246,.12), inset 0 -3px 0 rgba(139,92,246,.45);
}

.fp-nav a i{
    margin-right:6px;
    opacity:.88;
    font-size:.92em;
}

.fp-icon-btn,
.fp-cart-btn,
.fp-menu-toggle{
    background:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.9);
    box-shadow:0 10px 25px rgba(139,92,246,.12);
}

.fp-menu-toggle{
    color:#8b5cf6;
    font-weight:900;
}

@media(max-width:900px){
    .fp-header{
        overflow:visible;
    }

    .fp-header-inner{
        position:relative;
    }

    .fp-nav{
        display:none;
        position:absolute;
        top:calc(100% + 14px);
        left:0;
        right:0;
        background:rgba(255,255,255,.96);
        backdrop-filter:blur(14px);
        border:1px solid rgba(139,92,246,.12);
        border-radius:26px;
        padding:16px;
        box-shadow:0 20px 55px rgba(43,35,70,.16);
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        z-index:1000;
    }

    .fp-nav.active,
    .fp-nav.is-open{
        display:flex !important;
    }

    .fp-nav a{
        font-size:18px;
        padding:14px 18px;
        text-align:left;
        background:rgba(139,92,246,.06);
    }

    .fp-menu-toggle.is-open{
        background:#8b5cf6;
        color:white;
    }
}