/*==================================================
 LILYEE FAQ
 Premium Athleta / Lululemon Style
==================================================*/

:root{

    --faq-bg:#FAF8FF;
    --faq-content-bg:#FAFAF8;

    --faq-card:#FFFFFF;

    --faq-text:#3F3A37;
    --faq-muted:#7D7772;

    --faq-border:#ECE7E2;

    --faq-accent:#B99CCB;
    --faq-accent-hover:#A987C0;

    --faq-shadow:
        0 8px 26px rgba(20,20,20,.05);

    --faq-radius:18px;

}

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

.page-id-973{

    background:var(--faq-bg);

}

.page-id-973 .site-main,
.page-id-973 .entry-content,
.page-id-973 .ct-container-full,
.page-id-973 .ct-container{

    background:var(--faq-bg);

}

/*==================================================
MAIN WRAPPER
==================================================*/

.page-id-973{

    --theme-container-edge-spacing:10px;

}

.page-id-973 .lilyee-faq{

    max-width:900px;

    margin:auto;

    padding:

        90px
        28px
        120px;

}

/*==================================================
HERO
==================================================*/

.page-id-973 .faq-overline{

    margin:0;

    text-align:center;

    font-size:13px;

    font-weight:600;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--faq-accent);

}

.page-id-973 .faq-title{

    margin:

        18px
        0
        0;

    text-align:center;

    font-size:58px;

    line-height:1.05;

    letter-spacing:-2px;

    color:var(--faq-text);

    font-weight:600;

}

.page-id-973 .faq-subtitle{

    max-width:620px;

    margin:

        26px auto
        54px;

    text-align:center;

    font-size:18px;

    line-height:1.85;

    color:var(--faq-muted);

}

/*==================================================
SEARCH
==================================================*/

.page-id-973 .faq-search{

    max-width:560px;

    margin:

        0 auto
        75px;

}

.page-id-973 .wp-block-search__label{

    display:none;

}

.page-id-973 .wp-block-search__inside-wrapper{

    background:#FFF;

    border:1px solid var(--faq-border);

    border-radius:999px;

    padding:6px;

    box-shadow:var(--faq-shadow);

    transition:.25s;

}

.page-id-973 .wp-block-search__inside-wrapper:hover{

    box-shadow:

        0 14px 36px rgba(20,20,20,.07);

}

.page-id-973 .wp-block-search__inside-wrapper:focus-within{

    border-color:var(--faq-accent);

    box-shadow:

        0 0 0 5px rgba(185,156,203,.12);

}

.page-id-973 .wp-block-search__input{

    border:none !important;

    background:transparent;

    box-shadow:none !important;

    padding:

        14px
        18px;

    color:var(--faq-text);

    font-size:15px;

}

.page-id-973 .wp-block-search__input::placeholder{

    color:#AAA39F;

}

.page-id-973 .wp-block-search__button{

    background:var(--faq-accent);

    color:#FFF;

    border:none;

    border-radius:999px;

    font-weight:600;

    padding:

        0
        24px;

    transition:.25s;

}

.page-id-973 .wp-block-search__button:hover{

    background:var(--faq-accent-hover);

}

/*==================================================
SECTION TITLES
==================================================*/

.page-id-973 .faq-section-title{

    margin:

        22px
        0
        22px;

    color:var(--faq-text);

    font-size:30px;

    font-weight:600;

    letter-spacing:-.6px;

}
/*==================================================
PART 2 — FAQ ACCORDION
==================================================*/

.page-id-973 details.faq-item{

    margin:0 0 5px;

    background:var(--faq-card);

    border:1px solid var(--faq-border);

    border-radius:var(--faq-radius);

    overflow:hidden;

    box-shadow:0 4px 16px rgba(20,20,20,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

}

.page-id-973 details.faq-item:hover{

    transform:translateY(-2px);

    border-color:#DDD2E7;

    box-shadow:
        0 14px 38px rgba(20,20,20,.08);

}

/*------------------------------------------------*/

.page-id-973 details.faq-item summary{

    list-style:none;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    cursor:pointer;

    padding:20px 18px;

    font-size:17px;

    font-weight:600;

    line-height:1.2;

    color:var(--faq-text);

    transition:.25s;

}

.page-id-973 details.faq-item summary:hover{

    color:#1F1F1F;

}

.page-id-973 details.faq-item summary::-webkit-details-marker{

    display:none;

}

/*------------------------------------------------*/

.page-id-973 details.faq-item summary::after{

    content:"+";

    width:30px;

    height:30px;

    min-width:30px;

    border-radius:50%;

    background:var(--faq-accent-light);

    color:var(--faq-accent);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    font-weight:300;

    transition:.3s;

}

.page-id-973 details.faq-item[open] summary::after{

    content:"−";

    background:var(--faq-accent);

    color:#fff;

    transform:rotate(180deg);

}

/*------------------------------------------------*/

.page-id-973 details.faq-item > *:not(summary){

    padding:0 26px 24px;

}

.page-id-973 details.faq-item p{

    margin:0;

    color:var(--faq-muted);

    font-size:15px;

    line-height:1.9;

}

/*------------------------------------------------*/

.page-id-973 details.faq-item[open]{

    animation:faqReveal .28s ease;

}

@keyframes faqReveal{

    from{

        opacity:.75;

        transform:translateY(5px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

/*------------------------------------------------*/

.page-id-973 details.faq-item summary:focus{

    outline:none;

}

.page-id-973 details.faq-item:focus-within{

    border-color:var(--faq-accent);

    box-shadow:

        0 0 0 4px rgba(185,156,203,.10);

}
/*==================================================
PART 3 — FEATURES & SUPPORT
==================================================*/

/*----------------------------------
FEATURES
----------------------------------*/

.page-id-973 .faq-features{

    margin:90px 0 80px;

}

.page-id-973 .faq-features .wp-block-columns{

    gap:22px;

}

.page-id-973 .faq-features .wp-block-column{

    background:#fff;

    border:1px solid var(--faq-border);

    border-radius:18px;

    padding:34px 24px;

    text-align:center;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;

    box-shadow:
        0 8px 24px rgba(20,20,20,.04);

}

.page-id-973 .faq-features .wp-block-column:hover{

    transform:translateY(-6px);

    border-color:#DDD2E7;

    box-shadow:
        0 20px 45px rgba(20,20,20,.08);

}

/*----------------------------------
FEATURE ICON
----------------------------------*/

.page-id-973 .faq-features figure{

    margin:0 0 18px;

}

.page-id-973 .faq-features img{

    width:46px;

    height:46px;

}

/*----------------------------------
FEATURE TITLE
----------------------------------*/

.page-id-973 .faq-features h3{

    margin:0 0 10px;

    color:var(--faq-text);

    font-size:18px;

    font-weight:600;

}

/*----------------------------------
FEATURE TEXT
----------------------------------*/

.page-id-973 .faq-features p{

    margin:0;

    color:var(--faq-muted);

    font-size:15px;

    line-height:1.8;

}

/*==================================================
SUPPORT CARD
==================================================*/

.page-id-973 .faq-contact{

    margin-top:90px;

    background:#fff;

    border:1px solid var(--faq-border);

    border-radius:24px;

    padding:70px 60px;

    text-align:center;

    box-shadow:
        0 18px 46px rgba(20,20,20,.05);

}

/*----------------------------------*/

.page-id-973 .faq-contact h2{

    margin:0;

    color:var(--faq-text);

    font-size:38px;

    line-height:1.15;

    letter-spacing:-1px;

    font-weight:600;

}

/*----------------------------------*/

.page-id-973 .faq-contact p{

    max-width:600px;

    margin:24px auto 38px;

    color:var(--faq-muted);

    font-size:17px;

    line-height:1.9;

}

/*==================================================
BUTTONS
==================================================*/

.page-id-973 .faq-contact .wp-block-buttons{

    justify-content:center;

    gap:16px;

}

.page-id-973 .faq-contact .wp-element-button{

    border-radius:999px;

    padding:16px 34px;

    font-size:15px;

    font-weight:600;

    transition:.28s;

}

.page-id-973 .faq-contact .wp-element-button:hover{

    transform:translateY(-2px);

}

/* Primary */

.page-id-973 .faq-contact .wp-block-button:first-child .wp-element-button{

    background:var(--faq-accent);

    color:#fff;

}

.page-id-973 .faq-contact .wp-block-button:first-child .wp-element-button:hover{

    background:#A986C0;

}

/* Secondary */

.page-id-973 .faq-contact .wp-block-button:last-child .wp-element-button{

    background:#fff;

    color:var(--faq-text);

    border:1px solid var(--faq-border);

}

.page-id-973 .faq-contact .wp-block-button:last-child .wp-element-button:hover{

    border-color:var(--faq-accent);

}
/*==================================================
PART 4 — PREMIUM POLISH
==================================================*/

/* Smooth scrolling */

html{

    scroll-behavior:smooth;

}

/* Selection */

.page-id-973 ::selection{

    background:#E8DBF2;

}

/* Better transitions */

.page-id-973 *{

    transition:

        background-color .25s,

        border-color .25s,

        color .25s,

        box-shadow .25s;

}

/* Better paragraph spacing */

.page-id-973 p{

    margin-top:0;

}

/* Headings */

.page-id-973 h1,
.page-id-973 h2,
.page-id-973 h3{

    font-family:inherit;

}

/*==================================================
TABLET
==================================================*/

@media (max-width:1024px){

.page-id-973 .lilyee-faq{

padding:70px 30px 90px;

}

.page-id-973 .faq-title{

font-size:46px;

}

.page-id-973 .faq-subtitle{

font-size:17px;

}

.page-id-973 .faq-contact{

padding:55px 40px;

}

}

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

@media (max-width:768px){

.page-id-973 .lilyee-faq{

padding:50px 18px 70px;

}

/* Hero */

.page-id-973 .faq-title{

font-size:34px;

line-height:1.15;

letter-spacing:-1px;

}

.page-id-973 .faq-overline{

font-size:12px;

}

.page-id-973 .faq-subtitle{

font-size:15px;

line-height:1.75;

margin-bottom:38px;

}

/* Search */

.page-id-973 .faq-search{

margin-bottom:45px;

}

.page-id-973 .wp-block-search__inside-wrapper{

padding:4px;

}

.page-id-973 .wp-block-search__button{

padding:0 18px;

}

/* Section */

.page-id-973 .faq-section-title{

font-size:24px;

margin:48px 0 18px;

}

/* Accordion */

.page-id-973 details.faq-item summary{

padding:18px;

font-size:16px;

}

.page-id-973 details.faq-item > *:not(summary){

padding:0 18px 18px;

}

.page-id-973 details.faq-item p{

font-size:14px;

line-height:1.8;

}

/* Features */

.page-id-973 .faq-features{

margin:60px 0;

}

.page-id-973 .faq-features .wp-block-columns{

display:flex;

flex-direction:column;

gap:18px;

}

.page-id-973 .faq-features .wp-block-column{

padding:28px 20px;

}

/* Contact */

.page-id-973 .faq-contact{

padding:40px 24px;

margin-top:60px;

}

.page-id-973 .faq-contact h2{

font-size:30px;

}

.page-id-973 .faq-contact p{

font-size:15px;

margin-bottom:28px;

}

.page-id-973 .faq-contact .wp-block-buttons{

flex-direction:column;

align-items:center;

}

.page-id-973 .faq-contact .wp-block-button{

width:100%;

}

.page-id-973 .faq-contact .wp-element-button{

width:100%;

justify-content:center;

}

}

/*==================================================
SMALL PHONES
==================================================*/

@media (max-width:480px){

.page-id-973 .faq-title{

font-size:30px;

}

.page-id-973 .faq-section-title{

font-size:22px;

}

.page-id-973 details.faq-item summary{

font-size:15px;

}

.page-id-973 .wp-block-search__input{

font-size:14px;

}

}