@media(max-width:1050px){.frg-choice-grid,.frg-result-grid,.frg-info-grid{grid-template-columns:repeat(2,1fr)}.frg-result-grid{grid-template-columns:1fr 1fr}.frg-main-result{grid-column:1/-1}.frg-facts,.frg-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.frg-stage,.frg-learning,.frg-faq{padding:8px;margin:18px auto}.frg-welcome{min-height:var(--frg-mobile-hero-height);border-radius:24px}.frg-welcome-card{padding:24px 16px}.frg-stage h1{font-size:42px}.frg-stage h2,.frg-learning h2,.frg-faq h2{font-size:32px}.frg-subtitle{font-size:18px}.frg-intro,.frg-section-head p:last-child{font-size:15.5px;line-height:1.55}.frg-brand-mark{width:66px;height:66px;border-radius:22px;font-size:34px}.frg-wizard-shell,.frg-result-shell{padding:18px;border-radius:24px}.frg-wizard-top{align-items:center}.frg-progress-ring{width:58px;height:58px}.frg-progress-ring span{font-size:22px}.frg-question h3{font-size:26px}.frg-choice-grid,.frg-result-grid,.frg-info-grid,.frg-stat-strip,.frg-facts,.frg-timeline{grid-template-columns:1fr}.frg-choice-grid{gap:10px}.frg-choice-grid button{min-height:82px;border-radius:20px;padding:16px;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center}.frg-choice-grid button span{font-size:30px;margin:0;grid-row:1/3}.frg-choice-grid button strong{font-size:17px}.frg-choice-grid button small{margin-top:3px}.frg-result-hero h2{font-size:36px}.frg-result-hero p:last-child{font-size:17px}.frg-result-card,.frg-ritual-timeline,.frg-learn-card,.frg-info-grid article{padding:18px;border-radius:22px;min-height:0}.frg-product-actions{display:grid;grid-template-columns:1fr}.frg-link-button{width:100%;text-align:center}.frg-stat-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.frg-accordion button{font-size:15.5px;padding:18px}.frg-accordion div{padding:0 18px 18px}} 
@media(max-width:1050px){
    .frg-product-spotlight{
        grid-template-columns:1fr 1fr;
    }
    .frg-spotlight-facts{
        grid-column:1/-1;
        border-left:0;
        padding-left:0;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:12px;
    }
    .frg-spotlight-facts div{
        border:1px solid rgba(255,255,255,.16);
        border-radius:18px;
        padding:16px;
    }
    .frg-result-grid-secondary{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .frg-product-spotlight{
        grid-template-columns:1fr;
        padding:18px;
        border-radius:24px;
        gap:18px;
    }
    .frg-spotlight-image{
        min-height:230px;
        border-radius:20px;
    }
    .frg-spotlight-image img{
        max-height:220px;
    }
    .frg-spotlight-main h3{
        font-size:30px;
    }
    .frg-spotlight-aroma{
        font-size:18px!important;
    }
    .frg-spotlight-description{
        font-size:15px!important;
    }
    .frg-spotlight-facts{
        grid-template-columns:1fr;
    }
    .frg-product-spotlight .frg-product-actions{
        display:grid;
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .frg-product-spotlight{
        min-height:0;
        padding:20px;
    }
    .frg-spotlight-image{
        min-height:260px;
    }
    .frg-spotlight-image img{
        max-height:250px;
    }
}

@media(max-width:760px){
    .frg-product-spotlight .frg-product-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }
    .frg-product-spotlight .frg-link-button{
        width:100%;
        min-width:0;
        height:52px;
        min-height:52px;
        font-size:16px;
    }
}

@media(min-width:761px){
    .frg-product-spotlight .frg-product-actions{
        display:flex!important;
        grid-template-columns:none!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
    }
}

@media(max-width:900px){
    .frg-alt-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .frg-alt-section{
        padding:18px;
        border-radius:22px;
    }
    .frg-alt-head h3{
        font-size:26px;
    }
    .frg-timeline{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .frg-match-badge{
        font-size:13px;
        padding:8px 14px;
    }
    .frg-timeline span{
        min-height:96px;
        padding:18px!important;
    }
    .frg-alt-top{
        display:block;
    }
    .frg-alt-top small{
        display:block;
        text-align:left;
        max-width:none;
        margin-top:4px;
    }
    .frg-completion-message{
        padding:20px;
        border-radius:22px;
    }
    .frg-completion-message span{
        font-size:23px;
    }
}

@media(max-width:760px){
    .frg-image-hero,
    .frg-hero-image-button{
        border-radius:22px;
    }
    .frg-hero-image-button img{
        min-height:var(--frg-mobile-hero-height);
        object-fit:cover;
        object-position:center;
    }
}

@media(max-width:760px){
    .frg-processing-shell{
        min-height:520px;
        padding:36px 18px;
        border-radius:24px;
    }
    .frg-processing h2{
        font-size:32px;
    }
    .frg-processing-copy{
        font-size:15.5px;
    }
    .frg-thinking-steps div{
        padding:13px 14px;
        font-size:14px;
    }
    .frg-product-spotlight .frg-ritual-cart{
        width:100%!important;
        max-width:none!important;
        flex-basis:auto!important;
    }
}

@media(max-width:760px){
    .frg-product-spotlight .frg-primary-cart{
        width:100%!important;
        max-width:none!important;
        flex-basis:auto!important;
    }
    .frg-blend-cart-button{
        min-height:50px;
        font-size:14px;
    }
}

@media(max-width:760px){
    .frg-email-card{
        grid-template-columns:1fr;
        padding:22px;
        border-radius:24px;
    }
    .frg-email-fields{
        grid-template-columns:1fr;
    }
    .frg-email-copy h3{
        font-size:30px;
    }
}


/* v3.9.0 Primary Oil hero mobile/tablet collapse fix */
.frg-result-shell{
    container-type:inline-size;
}

@media(max-width:1050px){
    .frg-product-spotlight{
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        padding:24px!important;
        gap:22px!important;
        border-radius:28px!important;
        align-items:stretch!important;
        overflow:hidden!important;
    }

    .frg-product-spotlight .frg-spotlight-image{
        width:100%!important;
        min-height:250px!important;
        border-radius:22px!important;
    }

    .frg-product-spotlight .frg-spotlight-image img{
        max-height:240px!important;
        max-width:76%!important;
        width:auto!important;
    }

    .frg-product-spotlight .frg-spotlight-main{
        width:100%!important;
        padding-top:0!important;
    }

    .frg-product-spotlight .frg-spotlight-main h3{
        font-size:clamp(32px,8vw,46px)!important;
        line-height:1.04!important;
        letter-spacing:-.7px!important;
    }

    .frg-product-spotlight .frg-spotlight-aroma{
        font-size:20px!important;
    }

    .frg-product-spotlight .frg-spotlight-description{
        max-width:none!important;
        font-size:16px!important;
        line-height:1.6!important;
    }

    .frg-product-spotlight .frg-spotlight-facts{
        grid-column:auto!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        border-left:0!important;
        padding-left:0!important;
        gap:12px!important;
        width:100%!important;
    }

    .frg-product-spotlight .frg-spotlight-facts div{
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:18px!important;
        padding:16px!important;
        background:rgba(255,255,255,.035)!important;
    }

    .frg-product-spotlight .frg-product-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        width:100%!important;
    }

    .frg-product-spotlight .frg-product-actions .frg-link-button{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        flex-basis:auto!important;
    }
}

@media(max-width:620px){
    .frg-product-spotlight{
        padding:18px!important;
        gap:18px!important;
        border-radius:24px!important;
    }

    .frg-product-spotlight .frg-spotlight-image{
        min-height:220px!important;
    }

    .frg-product-spotlight .frg-spotlight-image img{
        max-height:210px!important;
        max-width:82%!important;
    }

    .frg-product-spotlight .frg-spotlight-main h3{
        font-size:34px!important;
    }

    .frg-product-spotlight .frg-spotlight-facts,
    .frg-product-spotlight .frg-product-actions{
        grid-template-columns:1fr!important;
    }

    .frg-product-spotlight .frg-spotlight-facts div{
        padding:14px!important;
    }
}

/* Container based fallback, catches mobile previews inside page builders */
@container (max-width:900px){
    .frg-product-spotlight{
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        padding:24px!important;
        gap:22px!important;
        border-radius:28px!important;
        align-items:stretch!important;
        overflow:hidden!important;
    }

    .frg-product-spotlight .frg-spotlight-facts{
        grid-column:auto!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        border-left:0!important;
        padding-left:0!important;
        gap:12px!important;
        width:100%!important;
    }

    .frg-product-spotlight .frg-product-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        width:100%!important;
    }

    .frg-product-spotlight .frg-product-actions .frg-link-button{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        flex-basis:auto!important;
    }
}

@container (max-width:620px){
    .frg-product-spotlight{
        padding:18px!important;
        border-radius:24px!important;
    }

    .frg-product-spotlight .frg-spotlight-image{
        min-height:220px!important;
    }

    .frg-product-spotlight .frg-spotlight-image img{
        max-height:210px!important;
        max-width:82%!important;
    }

    .frg-product-spotlight .frg-spotlight-main h3{
        font-size:34px!important;
    }

    .frg-product-spotlight .frg-spotlight-facts,
    .frg-product-spotlight .frg-product-actions{
        grid-template-columns:1fr!important;
    }
}


/* v3.9.0 Hard mobile fix for Primary Oil hero.
   This deliberately comes last and removes the desktop grid completely on phones. */
@media screen and (max-width: 820px){

    .frg-stage,
    .frg-results,
    .frg-result-shell{
        max-width:100%!important;
        overflow-x:hidden!important;
        box-sizing:border-box!important;
    }

    .frg-product-spotlight,
    .frg-results .frg-product-spotlight,
    .frg-result-shell .frg-product-spotlight{
        display:block!important;
        grid-template-columns:none!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
        padding:18px!important;
        margin:0 0 18px 0!important;
        border-radius:26px!important;
        overflow:hidden!important;
    }

    .frg-product-spotlight *,
    .frg-product-spotlight *:before,
    .frg-product-spotlight *:after{
        box-sizing:border-box!important;
        min-width:0!important;
    }

    .frg-product-spotlight .frg-spotlight-image{
        width:100%!important;
        max-width:100%!important;
        min-height:210px!important;
        height:auto!important;
        margin:0 0 20px 0!important;
        padding:14px!important;
        border-radius:22px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    .frg-product-spotlight .frg-spotlight-image img{
        display:block!important;
        width:auto!important;
        max-width:82%!important;
        height:auto!important;
        max-height:205px!important;
        object-fit:contain!important;
        margin:0 auto!important;
    }

    .frg-product-spotlight .frg-spotlight-main{
        width:100%!important;
        max-width:100%!important;
        padding:0!important;
        margin:0!important;
        display:block!important;
        overflow:hidden!important;
    }

    .frg-product-spotlight .frg-pill{
        margin-bottom:12px!important;
    }

    .frg-product-spotlight .frg-spotlight-main h3{
        width:100%!important;
        max-width:100%!important;
        font-size:clamp(30px, 9vw, 40px)!important;
        line-height:1.06!important;
        letter-spacing:-.6px!important;
        white-space:normal!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
        margin:0 0 10px!important;
    }

    .frg-product-spotlight .frg-spotlight-aroma{
        font-size:20px!important;
        line-height:1.25!important;
        margin:0 0 12px!important;
        white-space:normal!important;
    }

    .frg-product-spotlight .frg-spotlight-description{
        width:100%!important;
        max-width:100%!important;
        font-size:16px!important;
        line-height:1.58!important;
        margin:0!important;
        white-space:normal!important;
        overflow-wrap:break-word!important;
    }

    .frg-product-spotlight .frg-product-actions,
    .frg-product-spotlight .frg-spotlight-main .frg-product-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        max-width:100%!important;
        margin:22px 0 0!important;
        padding:0!important;
    }

    .frg-product-spotlight .frg-product-actions .frg-link-button,
    .frg-product-spotlight .frg-primary-cart,
    .frg-product-spotlight .frg-outline{
        display:flex!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        flex:0 1 auto!important;
        flex-basis:auto!important;
        height:54px!important;
        min-height:54px!important;
        padding:0 18px!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        font-size:16px!important;
        white-space:nowrap!important;
    }

    .frg-product-spotlight .frg-spotlight-facts{
        width:100%!important;
        max-width:100%!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        border-left:0!important;
        padding:0!important;
        margin:20px 0 0!important;
    }

    .frg-product-spotlight .frg-spotlight-facts div{
        width:100%!important;
        max-width:100%!important;
        padding:15px!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.035)!important;
    }

    .frg-product-spotlight .frg-spotlight-facts strong{
        font-size:18px!important;
        line-height:1.25!important;
        white-space:normal!important;
        overflow-wrap:break-word!important;
    }
}

@media screen and (max-width: 420px){
    .frg-result-shell{
        padding-left:14px!important;
        padding-right:14px!important;
    }

    .frg-product-spotlight,
    .frg-results .frg-product-spotlight,
    .frg-result-shell .frg-product-spotlight{
        padding:16px!important;
        border-radius:24px!important;
    }

    .frg-product-spotlight .frg-spotlight-main h3{
        font-size:30px!important;
    }

    .frg-product-spotlight .frg-spotlight-image{
        min-height:190px!important;
    }

    .frg-product-spotlight .frg-spotlight-image img{
        max-height:185px!important;
    }
}


/* v3.9.0 ritual intention mobile */
@media(max-width:760px){
    .frg-intention-card{
        padding:22px;
        border-radius:24px;
    }
    .frg-intention-card h3{
        font-size:30px;
    }
    .frg-intention-card blockquote{
        padding:20px;
        border-radius:20px;
        font-size:24px;
    }
}


/* v3.9.0 affirmation generator mobile */
@media(max-width:760px){
    .frg-affirmation-app .frg-stage h1{
        font-size:38px;
    }
    .frg-affirmation-app .frg-subtitle{
        font-size:17px;
        line-height:1.45;
    }
    .frg-affirmation-app .frg-affirmation-quote-card blockquote{
        font-size:24px;
    }
}


/* v3.9.0 affirmation image hero mobile */
@media(max-width:760px){
    .frg-aff-image-welcome{
        padding:0!important;
    }
    .frg-aff-image-welcome .frg-aff-hero-image-button{
        border-radius:22px;
        box-shadow:0 16px 42px rgba(31,58,45,.12);
    }
    .frg-aff-image-welcome .frg-aff-hero-image-button img{
        border-radius:22px;
    }
}


/* v3.9.0 no touch hover jump */
@media(max-width:760px){
    .frg-aff-image-welcome .frg-aff-hero-image-button:hover{
        transform:none!important;
        filter:none!important;
    }
}


/* v3.9.0 calmer affirmation quote mobile */
@media(max-width:760px){
    .frg-affirmation-quote-card blockquote,
    .frg-intention-card.frg-affirmation-quote-card blockquote{
        font-size:24px!important;
        font-weight:700!important;
        line-height:1.42!important;
        padding:22px!important;
    }
    .frg-affirmation-quote-card h3{
        font-size:30px!important;
    }
    .frg-affirmation-quote-card .frg-intention-instruction{
        font-size:16px!important;
    }
}

@media(max-width:420px){
    .frg-affirmation-quote-card blockquote,
    .frg-intention-card.frg-affirmation-quote-card blockquote{
        font-size:22px!important;
        line-height:1.45!important;
    }
}


/* v3.9.0 calmer ritual intention quote mobile */
@media(max-width:760px){
    .frg-intention-card:not(.frg-affirmation-quote-card) blockquote,
    .frg-results .frg-intention-card:not(.frg-affirmation-quote-card) blockquote{
        font-size:24px!important;
        font-weight:700!important;
        line-height:1.42!important;
        padding:22px!important;
    }
}

@media(max-width:420px){
    .frg-intention-card:not(.frg-affirmation-quote-card) blockquote,
    .frg-results .frg-intention-card:not(.frg-affirmation-quote-card) blockquote{
        font-size:22px!important;
        line-height:1.45!important;
    }
}


/* v3.9.0 intention affirmation mobile palette */
@media(max-width:760px){
    .frg-affirmation-app .frg-aff-product-spotlight{
        background:
            radial-gradient(circle at 15% 15%, rgba(255,250,244,.10), transparent 32%),
            linear-gradient(145deg,#8f5f54,#b98272 58%,#8f9f82)!important;
    }
    .frg-affirmation-app .frg-start,
    .frg-affirmation-app .frg-email-submit,
    .frg-affirmation-app .frg-primary-cart{
        box-shadow:0 12px 26px rgba(185,130,114,.20)!important;
    }
}


/* v3.9.0 clean intention outer background mobile */
@media(max-width:760px){
    .frg-affirmation-app .frg-stage,
    .frg-affirmation-app .frg-wizard,
    .frg-affirmation-app .frg-results,
    .frg-affirmation-app .frg-learning,
    .frg-affirmation-app .frg-faq{
        background:transparent!important;
    }

    .frg-affirmation-app .frg-wizard{
        padding-top:0!important;
        padding-bottom:0!important;
    }
}


/* v3.9.0 intention loading screen mobile */
@media(max-width:760px){
    .frg-affirmation-app .frg-aff-processing{
        padding:0 0 30px!important;
        margin-bottom:24px!important;
    }

    .frg-affirmation-app .frg-aff-processing .frg-processing-shell{
        min-height:540px!important;
        padding:38px 18px 42px!important;
        margin-bottom:18px!important;
        border-radius:24px!important;
    }

    .frg-affirmation-app .frg-aff-processing .frg-thinking-steps{
        margin-bottom:30px!important;
    }
}


/* v3.9.0 intention mobile hero matches ritual */
@media(max-width:760px){
    .frg-affirmation-app .frg-aff-image-welcome,
    .frg-aff-image-welcome{
        min-height:0!important;
        height:auto!important;
        padding:0!important;
        margin:0 0 28px!important;
        background:transparent!important;
        display:block!important;
    }

    .frg-affirmation-app .frg-aff-image-welcome .frg-aff-hero-image-button,
    .frg-aff-image-welcome .frg-aff-hero-image-button{
        width:100%!important;
        height:min(82vh, 760px)!important;
        min-height:640px!important;
        max-height:780px!important;
        margin:0 auto!important;
        padding:0!important;
        border-radius:26px!important;
        overflow:hidden!important;
        display:block!important;
        line-height:0!important;
        background:#fffaf4!important;
        box-shadow:0 18px 48px rgba(31,58,45,.12)!important;
    }

    .frg-affirmation-app .frg-aff-image-welcome .frg-aff-hero-image-button img,
    .frg-aff-image-welcome .frg-aff-hero-image-button img{
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
        display:block!important;
        border-radius:26px!important;
    }
}

@media(max-width:420px){
    .frg-affirmation-app .frg-aff-image-welcome .frg-aff-hero-image-button,
    .frg-aff-image-welcome .frg-aff-hero-image-button{
        height:78vh!important;
        min-height:620px!important;
        border-radius:24px!important;
    }

    .frg-affirmation-app .frg-aff-image-welcome .frg-aff-hero-image-button img,
    .frg-aff-image-welcome .frg-aff-hero-image-button img{
        border-radius:24px!important;
    }
}