/* /Components/AppErrorBoundary.razor.rz.scp.css */
.pp-error-boundary[b-my710u828f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}
/* /Components/FloristDirectoryRow.razor.rz.scp.css */
.pp-admin-row-actions[b-pxscw7thfc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.pp-admin-active-toggle[b-pxscw7thfc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--pp-text-xs);
    color: var(--pp-text-muted);
    white-space: nowrap;
}
/* /Components/SiteFooter.razor.rz.scp.css */
/* Moved from Home.razor.css when the footer became shared. Band/gutter classes (pp-band-bleed)
   live in petal-posse-layout.css. */

.pp-footer-bleed-last[b-1k91w6bzl9] {
    padding-bottom: 1.25rem;
}

.pp-wildflower-banner[b-1k91w6bzl9] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin: 1.75rem 0;
}

.pp-site-footer[b-1k91w6bzl9] {
    background: var(--pp-primary);
    color: var(--pp-bg-white);
    border-radius: 8px;
    padding: 2.5rem 1.25rem;
    text-align: center;
    margin-top: 0.5rem;
}

.pp-site-footer-question[b-1k91w6bzl9] {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--pp-text-sm);
    font-weight: 700;
    color: var(--pp-bg-white);
    margin: 0 0 0.5rem;
}

.pp-site-footer-link[b-1k91w6bzl9] {
    background: none;
    border: none;
    color: var(--pp-bg-white);
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--pp-text-sm);
    font-weight: 700;
    font-family: var(--pp-font-body);
    cursor: pointer;
    padding: 0;
}

.pp-site-footer-contact[b-1k91w6bzl9] {
    margin-top: 1.9rem;
}

.pp-site-footer-contact-text[b-1k91w6bzl9] {
    margin: 0;
    font-size: var(--pp-text-sm);
    color: var(--pp-bg-white);
}

/* Unlike .pp-site-footer-link, an email address stays lowercase. */
.pp-site-footer-email[b-1k91w6bzl9] {
    color: var(--pp-bg-white);
    text-decoration: underline;
    font-weight: 700;
}

.pp-site-footer-legal-links[b-1k91w6bzl9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 1.5rem;
    margin-top: 1.9rem;
}

.pp-site-footer-legal[b-1k91w6bzl9] {
    margin-top: 1.9rem;
    font-size: var(--pp-text-sm);
    color: rgba(255, 255, 255, 0.85);
}

@media (min-width: 768px) {
    .pp-wildflower-banner[b-1k91w6bzl9] {
        height: 560px;
        border-radius: 0;
        margin: 0;
    }

    .pp-footer-bleed-last[b-1k91w6bzl9] {
        padding-bottom: 2rem;
    }

    .pp-site-footer[b-1k91w6bzl9] {
        border-radius: 0;
        margin: 0;
        padding: 6rem 2rem 5rem;
    }

    .pp-site-footer-question[b-1k91w6bzl9],
    .pp-site-footer > .pp-site-footer-link[b-1k91w6bzl9],
    .pp-site-footer-contact-text[b-1k91w6bzl9] {
        font-size: var(--pp-text-base);
    }
}
/* /Components/StatePicker.razor.rz.scp.css */
.pp-state-picker[b-567908w9je] {
    position: relative;
    width: 100%;
}

.pp-state-options[b-567908w9je] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    margin: 0;
    padding: 0.25rem;
    list-style: none;
    max-height: 240px;
    overflow-y: auto;
    background: var(--pp-bg-white);
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.pp-state-option[b-567908w9je] {
    padding: 0.6rem 0.75rem;
    border-radius: 4px;
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
    cursor: pointer;
}

.pp-state-option.highlighted[b-567908w9je] {
    background: var(--pp-bg-offwhite);
    color: var(--pp-primary);
}

.pp-state-no-match[b-567908w9je] {
    color: var(--pp-text-muted);
    cursor: default;
}
/* /Components/ZipCodeChipInput.razor.rz.scp.css */
.pp-zip-input-row[b-l0fjj18fx0] {
    display: flex;
    gap: 0.5rem;
}

.pp-zip-input-row .pp-input[b-l0fjj18fx0] {
    flex: 1;
}

.pp-zip-chips[b-l0fjj18fx0] {
    margin-top: 0.6rem;
    max-height: 260px;
    overflow-y: auto;
}

.pp-zip-chip[b-l0fjj18fx0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid var(--pp-primary);
    border-radius: 9999px;
    padding: 0.25rem 0.4rem 0.25rem 0.7rem;
    font-size: var(--pp-text-sm);
    margin: 0 0.4rem 0.4rem 0;
}

.pp-zip-chip button[b-l0fjj18fx0] {
    border: none;
    background: none;
    color: var(--pp-text-muted);
    cursor: pointer;
    font-size: var(--pp-text-lg);
    line-height: 1;
    padding: 0 0.35rem;
}

.pp-zip-chip button:hover[b-l0fjj18fx0] {
    color: var(--pp-text);
}
/* /Components/ZipCodeSummaryPicker.razor.rz.scp.css */
.pp-zip-summary[b-zezd1rjflq] {
    position: relative;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.55rem 2.5rem 0.55rem 1rem;
    border-radius: 6px;
    border: 1px solid var(--pp-border);
    background: var(--pp-bg-offwhite);
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.pp-zip-edit-btn[b-zezd1rjflq] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pp-border);
    border-radius: 4px;
    background: var(--pp-bg-white);
    color: var(--pp-text-muted);
    cursor: pointer;
    padding: 0;
}

.pp-zip-edit-btn:hover[b-zezd1rjflq] {
    color: var(--pp-primary);
    border-color: var(--pp-primary);
}

.pp-zip-edit-btn svg[b-zezd1rjflq] {
    width: 14px;
    height: 14px;
}

.pp-zip-popup-backdrop[b-zezd1rjflq] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 20;
}

.pp-zip-popup[b-zezd1rjflq] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--pp-bg-white);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    padding: 1.5rem;
    width: min(90vw, 480px);
    max-height: 80vh;
    overflow-y: auto;
    z-index: 21;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pp-zip-popup-actions[b-zezd1rjflq] {
    display: flex;
    justify-content: flex-end;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.pp-app-shell[b-oqq88k7j39] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.pp-topbar[b-oqq88k7j39] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 0.5rem;
    column-gap: 1rem;
    padding: 0.85rem 1.1rem;
    background: var(--pp-bg-white);
}

.pp-topbar-brand[b-oqq88k7j39] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.pp-topbar-logo[b-oqq88k7j39] {
    height: 20px;
    width: auto;
    display: block;
}

.pp-topbar-right[b-oqq88k7j39] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.pp-topbar-links[b-oqq88k7j39] {
    display: flex;
    gap: 0.75rem;
}

.pp-topbar-links a[b-oqq88k7j39] {
    font-size: var(--pp-text-sm);
    font-weight: 400;
    color: var(--pp-text);
    text-decoration: none;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
}

.pp-topbar-links a:hover[b-oqq88k7j39] {
    color: var(--pp-primary);
}

.pp-topbar-links a.pp-topbar-nav-active[b-oqq88k7j39] {
    color: var(--pp-primary-700);
    font-weight: 500;
    border-bottom-color: var(--pp-primary);
}

.pp-topbar-actions[b-oqq88k7j39] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.pp-topbar-link[b-oqq88k7j39] {
    font-size: var(--pp-text-sm);
    font-weight: 400;
    color: var(--pp-text);
    text-decoration: none;
}

.pp-topbar-link:hover[b-oqq88k7j39] {
    color: var(--pp-primary);
}

/* Purple fill/hover come from the shared .pp-btn-primary; this only adjusts shape and weight. */
.pp-topbar-cta[b-oqq88k7j39] {
    border-radius: 4px;
    font-weight: 700;
}

.pp-avatar-wrap[b-oqq88k7j39] {
    position: relative;
}

.pp-avatar-btn[b-oqq88k7j39] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--pp-primary);
    color: var(--pp-bg-white);
    border: none;
    font-family: var(--pp-font-heading);
    font-weight: 700;
    font-size: var(--pp-text-sm);
    cursor: pointer;
}

.pp-avatar-btn:hover[b-oqq88k7j39] {
    background: var(--pp-primary-700);
}

.pp-avatar-backdrop[b-oqq88k7j39] {
    position: fixed;
    inset: 0;
    z-index: 15;
}

.pp-avatar-menu[b-oqq88k7j39] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--pp-bg-white);
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    min-width: 170px;
    z-index: 16;
}

.pp-avatar-menu-item[b-oqq88k7j39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    padding: 0.6rem 0.85rem;
    border: none;
    background: var(--pp-bg-white);
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
    text-decoration: none;
    cursor: pointer;
}

.pp-avatar-menu-item:hover[b-oqq88k7j39] {
    background: var(--pp-surface);
}

.pp-topbar-icon[b-oqq88k7j39] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    color: var(--pp-text-muted);
    text-decoration: none;
}

.pp-topbar-icon svg[b-oqq88k7j39] {
    width: 1.15rem;
    height: 1.15rem;
}

.pp-topbar-icon:hover[b-oqq88k7j39] {
    background: var(--pp-surface);
    color: var(--pp-primary);
}

.pp-body-row[b-oqq88k7j39] {
    display: flex;
    flex: 1;
    width: 100%;
}

.pp-admin-sidebar[b-oqq88k7j39] {
    flex-direction: column;
    flex-shrink: 0;
    width: 160px;
    padding: 1.5rem 1rem;
    background: var(--pp-bg-white);
    border-right: 1px solid var(--pp-border);
}

.pp-admin-nav[b-oqq88k7j39] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.pp-admin-nav a[b-oqq88k7j39] {
    font-size: var(--pp-text-sm);
    font-weight: 600;
    color: var(--pp-text-muted);
    text-decoration: none;
}

.pp-admin-nav a:hover[b-oqq88k7j39] {
    color: var(--pp-primary);
}

.pp-app-content[b-oqq88k7j39] {
    flex: 1;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 1.25rem;
}

@media (min-width: 768px) {
    .pp-topbar[b-oqq88k7j39] {
        padding: 1.1rem 2rem;
    }

    .pp-topbar-logo[b-oqq88k7j39] {
        height: 28px;
    }

    .pp-topbar-right[b-oqq88k7j39] {
        gap: 1.75rem;
    }

    .pp-topbar-links[b-oqq88k7j39] {
        gap: 1.75rem;
    }

    .pp-topbar-links a[b-oqq88k7j39],
    .pp-topbar-link[b-oqq88k7j39] {
        font-size: var(--pp-text-base);
    }

    .pp-topbar-actions[b-oqq88k7j39] {
        gap: 1.75rem;
    }

    .pp-topbar-cta[b-oqq88k7j39] {
        margin-left: 0.6rem;
        padding: 0.5rem 1.25rem;
        font-size: var(--pp-text-md);
    }

    .pp-app-content[b-oqq88k7j39] {
        max-width: 560px;
        padding: 2rem;
    }
}

/* Must come after the media query above — equal specificity with .pp-app-content means
   whichever rule is declared last in the cascade wins at any given viewport width. */
.pp-app-content-full[b-oqq88k7j39] {
    max-width: none;
}

.pp-app-content-edge[b-oqq88k7j39] {
    max-width: none;
    padding: 0;
}

.pp-report-modal-backdrop[b-oqq88k7j39] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 20;
}

.pp-report-modal[b-oqq88k7j39] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--pp-bg-white);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    padding: 1.5rem;
    width: min(90vw, 420px);
    z-index: 21;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pp-report-modal textarea[b-oqq88k7j39] {
    width: 100%;
    resize: vertical;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--pp-border);
    background: var(--pp-bg-offwhite);
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
}

.pp-report-modal-actions[b-oqq88k7j39] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ax7uq99i2e] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ax7uq99i2e] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ax7uq99i2e] {
    font-size: 1.1rem;
}

.bi[b-ax7uq99i2e] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ax7uq99i2e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ax7uq99i2e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ax7uq99i2e] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ax7uq99i2e] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ax7uq99i2e] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ax7uq99i2e]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ax7uq99i2e]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ax7uq99i2e]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ax7uq99i2e] {
        display: none;
    }

    .collapse[b-ax7uq99i2e] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-ax7uq99i2e] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/About.razor.rz.scp.css */
/* Band/gutter classes (pp-band, pp-band-inner, pp-band-bleed) live in petal-posse-layout.css.
   Layout follows Suzie's About mockup: photo banner, centered story, alternating photo/text pairs,
   then a sage call-to-action card. Phones: stacked, photo first. */

/* Banner */
.pp-about-banner-wrap[b-7s0ozrihz0] {
    padding-top: 1.25rem;
}

.pp-about-banner[b-7s0ozrihz0] {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center 25%;
    border-radius: 8px;
}

/* Story */
.pp-about-story[b-7s0ozrihz0] {
    text-align: center;
}

.pp-about-title[b-7s0ozrihz0] {
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-5xl);
    line-height: 1.2;
    color: var(--pp-secondary);
    text-align: center;
    margin: 0 0 1.25rem;
}

.pp-about-story p[b-7s0ozrihz0],
.pp-about-text p[b-7s0ozrihz0] {
    font-size: var(--pp-text-md);
    line-height: 1.7;
    color: var(--pp-text);
    margin: 0 0 1rem;
}

.pp-about-story p:last-child[b-7s0ozrihz0],
.pp-about-text p:last-child[b-7s0ozrihz0] {
    margin-bottom: 0;
}

/* Photo + text pairs */
.pp-about-pair[b-7s0ozrihz0] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.pp-about-photo[b-7s0ozrihz0] {
    display: block;
    width: min(100%, 360px);
    align-self: center;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center top;
    border-radius: 8px;
}

.pp-about-heading[b-7s0ozrihz0] {
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-4xl);
    line-height: 1.2;
    color: var(--pp-secondary);
    margin: 0 0 1rem;
}

/* Call-to-action card */
.pp-about-cta-card[b-7s0ozrihz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: var(--pp-secondary);
    color: var(--pp-bg-white);
    border-radius: 8px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.pp-about-cta-title[b-7s0ozrihz0] {
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-4xl);
    line-height: 1.2;
    color: var(--pp-bg-white);
    margin: 0;
}

.pp-about-cta-card p[b-7s0ozrihz0] {
    max-width: 46ch;
    font-size: var(--pp-text-base); /* 16px minimum for white text on the sage card */
    color: var(--pp-bg-white);
    margin: 0;
}

/* White button on the sage card. */
.pp-about-cta-btn[b-7s0ozrihz0] {
    background: var(--pp-bg-white);
    border-color: var(--pp-bg-white);
    color: var(--pp-secondary-700);
    border-radius: 4px;
}

.pp-about-cta-btn:hover[b-7s0ozrihz0] {
    background: var(--pp-bg-offwhite);
    border-color: var(--pp-bg-offwhite);
    color: var(--pp-secondary-700);
}

/* Discreet "Report a problem" line — same look as the small notes on the Claim / florist forms. */
.pp-about-report[b-7s0ozrihz0] {
    margin: 1.25rem 0 0;
    text-align: center;
    font-size: var(--pp-text-sm);
    font-style: italic;
    color: var(--pp-text-muted);
}

.pp-about-report-link[b-7s0ozrihz0] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.pp-about-report-link:hover[b-7s0ozrihz0] {
    color: var(--pp-primary);
}

/* Phones: bands carry no padding of their own, so space the sections here. */
@media (max-width: 767.98px) {
    .pp-band[b-7s0ozrihz0] {
        padding: 1.25rem 0;
    }
}

@media (min-width: 768px) {
    .pp-about-banner-wrap[b-7s0ozrihz0] {
        margin-top: 2rem;
        padding-top: 0;
    }

    .pp-about-banner[b-7s0ozrihz0] {
        height: clamp(220px, 33vw, 560px);
        border-radius: 0;
    }

    .pp-about-story[b-7s0ozrihz0] {
        max-width: 660px;
    }

    .pp-about-title[b-7s0ozrihz0] {
        font-size: var(--pp-text-7xl);
        margin-bottom: 1.75rem;
    }

    .pp-about-story p[b-7s0ozrihz0] {
        font-size: var(--pp-text-lg);
    }

    .pp-about-text p[b-7s0ozrihz0] {
        font-size: var(--pp-text-base);
    }

    .pp-about-pair[b-7s0ozrihz0] {
        display: grid;
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        gap: 4rem;
        align-items: center;
    }

    /* Photo on the right: swap the column widths and move the photo after the text. */
    .pp-about-pair-flip[b-7s0ozrihz0] {
        grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    }

    .pp-about-pair-flip > .pp-about-photo[b-7s0ozrihz0] {
        order: 2;
    }

    .pp-about-photo[b-7s0ozrihz0] {
        width: 100%;
    }

    .pp-about-heading[b-7s0ozrihz0] {
        font-size: var(--pp-text-5xl);
    }

    .pp-about-cta-card[b-7s0ozrihz0] {
        gap: 1.25rem;
        padding: 3.5rem;
    }

    .pp-about-cta-title[b-7s0ozrihz0] {
        font-size: var(--pp-text-5xl);
    }

    .pp-about-cta-card p[b-7s0ozrihz0] {
        font-size: var(--pp-text-base);
    }
}
/* /Pages/Account/ChangePassword.razor.rz.scp.css */
/* /Pages/Account/EditProfile.razor.rz.scp.css */
.pp-reminders-heading[b-tt8i4le70h] {
    font-size: var(--pp-text-md);
    margin-bottom: 0.75rem;
}
/* /Pages/Admin/FloristAdd.razor.rz.scp.css */
/* /Pages/Admin/FloristEdit.razor.rz.scp.css */
/* /Pages/Admin/Florists.razor.rz.scp.css */
/* /Pages/Admin/Logs.razor.rz.scp.css */
/* Settings list/row styles (used by the Runtime tab) are shared — see "Admin settings lists" in petal-posse-components.css. */

.pp-logs-filters[b-0rx5v89by8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pp-admin-paging[b-0rx5v89by8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.pp-logs-clear[b-0rx5v89by8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.pp-logs-clear input[b-0rx5v89by8] {
    width: 140px;
    padding: 0.55rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--pp-border);
    background: var(--pp-bg-offwhite);
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
}

.pp-logs-clear-confirm[b-0rx5v89by8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
/* /Pages/Admin/Notifications.razor.rz.scp.css */
/* Settings list/row styles are shared — see "Admin settings lists" in petal-posse-components.css. */
/* /Pages/Admin/PosseDetails.razor.rz.scp.css */
/* /Pages/Admin/Posses.razor.rz.scp.css */
/* /Pages/Admin/Settings.razor.rz.scp.css */
/* Settings list/row styles are shared — see "Admin settings lists" in petal-posse-components.css. */

.pp-settings-group-title[b-b370br4n1l] {
    font-family: var(--pp-font-heading);
    font-size: var(--pp-text-lg);
    font-weight: 600;
    color: var(--pp-text);
    margin: 1rem 0 0.5rem;
}

.pp-settings-group-spaced[b-b370br4n1l] {
    margin-top: 2rem;
}
/* /Pages/Admin/Test.razor.rz.scp.css */
/* /Pages/Admin/UserEdit.razor.rz.scp.css */
/* /Pages/Admin/Users.razor.rz.scp.css */
/* /Pages/Auth/ForgotPassword.razor.rz.scp.css */
.pp-confirmation-card[b-8vddlm7sf3] {
    text-align: center;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.pp-forgot-link[b-gerypehdjx] {
    display: block;
    margin-top: 0.6rem;
}
/* /Pages/Auth/Register.razor.rz.scp.css */
#registerPhone[b-uy5wc8bglu] {
    margin-bottom: 0.25rem;
}

.pp-reminders-heading[b-uy5wc8bglu] {
    font-size: var(--pp-text-md);
    text-align: center;
}

.pp-reminders-subheading[b-uy5wc8bglu] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.pp-reminders-cap[b-uy5wc8bglu] {
    display: block;
    margin-top: 0.4rem;
    color: var(--pp-primary);
    font-style: italic;
}
/* /Pages/Auth/ResetPassword.razor.rz.scp.css */
.pp-confirmation-card[b-icwf9hclww] {
    text-align: center;
}
/* /Pages/Brand.razor.rz.scp.css */
.pp-eyebrow[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--pp-secondary);
    margin: 0 0 0.6rem;
}

.pp-wordmark[b-bugc0odi1s] {
    font-family: var(--pp-font-heading);
    font-weight: 600;
    font-size: var(--pp-text-8xl);
    color: var(--pp-primary-700);
    margin: 0;
    line-height: 1.05;
}

.pp-wordmark sup[b-bugc0odi1s] {
    font-size: 0.32em;
    font-weight: 500;
    top: -1.6em;
}

.pp-lede[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-lg);
    color: var(--pp-text-muted);
    max-width: 46ch;
    margin: 0.9rem 0 0;
    line-height: 1.6;
}

.pp-brand-section[b-bugc0odi1s] {
    margin-top: 2.6rem;
}

.pp-brand-heading[b-bugc0odi1s] {
    font-family: var(--pp-font-heading);
    font-weight: 600;
    font-size: var(--pp-text-sm);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pp-secondary);
    margin: 0 0 1.1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--pp-border);
}

.pp-swatch-row[b-bugc0odi1s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
}

.pp-swatch[b-bugc0odi1s] {
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--pp-bg-white);
}

.pp-swatch-fill[b-bugc0odi1s] {
    height: 76px;
}

.pp-swatch-fill-bordered[b-bugc0odi1s] {
    border-bottom: 1px solid var(--pp-border);
}

.pp-swatch-body[b-bugc0odi1s] {
    padding: 0.65rem 0.8rem 0.85rem;
}

.pp-swatch-name[b-bugc0odi1s] {
    font-size: var(--pp-text-md);
    font-weight: 600;
    color: var(--pp-text);
    margin: 0 0 0.15rem;
}

.pp-swatch-hex[b-bugc0odi1s] {
    font-family: monospace;
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    margin: 0 0 0.35rem;
}

.pp-swatch-role[b-bugc0odi1s] {
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    line-height: 1.45;
    margin: 0;
}

.pp-ramp-group[b-bugc0odi1s] {
    margin-bottom: 1.2rem;
}

.pp-ramp-group:last-child[b-bugc0odi1s] {
    margin-bottom: 0;
}

.pp-ramp-title[b-bugc0odi1s] {
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    margin: 0 0 0.55rem;
}

.pp-shade-strip[b-bugc0odi1s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    gap: 8px;
}

.pp-shade[b-bugc0odi1s] {
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--pp-bg-white);
}

.pp-shade-fill[b-bugc0odi1s] {
    height: 44px;
}

.pp-shade-fill-bordered[b-bugc0odi1s] {
    border-bottom: 1px solid var(--pp-border);
}

.pp-shade-body[b-bugc0odi1s] {
    padding: 0.4rem 0.5rem 0.5rem;
}

.pp-shade-step[b-bugc0odi1s] {
    font-size: var(--pp-text-xs);
    font-weight: 600;
    color: var(--pp-text);
    margin: 0;
}

.pp-shade-hex[b-bugc0odi1s] {
    font-family: monospace;
    font-size: 10px;
    color: var(--pp-text-muted);
    margin: 0.1rem 0 0;
}

.pp-type-specimen[b-bugc0odi1s] {
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    background: var(--pp-bg-white);
    padding: 1.2rem 1.3rem;
    margin-bottom: 12px;
}

.pp-type-meta[b-bugc0odi1s] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.pp-type-label[b-bugc0odi1s] {
    font-size: var(--pp-text-sm);
    font-weight: 700;
    color: var(--pp-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pp-type-spec[b-bugc0odi1s] {
    font-family: monospace;
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
}

.pp-sample-headline[b-bugc0odi1s] {
    font-family: var(--pp-font-heading);
    font-weight: 600;
    font-size: var(--pp-text-6xl);
    line-height: 1.25;
    color: var(--pp-text);
    margin: 0;
}

.pp-sample-subhead[b-bugc0odi1s] {
    font-family: var(--pp-font-subheading);
    font-style: italic;
    font-weight: 600;
    font-size: var(--pp-text-5xl);
    color: var(--pp-secondary);
    margin: 0;
}

.pp-sample-paragraph[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-lg);
    line-height: 1.7;
    color: var(--pp-text);
    margin: 0;
    max-width: 60ch;
}

.pp-sample-testimonial[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-style: italic;
    font-size: var(--pp-text-md);
    line-height: 1.6;
    color: var(--pp-text-muted);
    margin: 0;
    max-width: 60ch;
}

.pp-font-card[b-bugc0odi1s] {
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    background: var(--pp-bg-white);
    padding: 1.2rem 1.3rem;
    margin-bottom: 12px;
}

.pp-font-card:last-child[b-bugc0odi1s] {
    margin-bottom: 0;
}

.pp-font-specimen[b-bugc0odi1s] {
    font-size: var(--pp-text-7xl);
    line-height: 1.1;
    color: var(--pp-text);
    margin: 0 0 1rem;
}

.pp-font-meta[b-bugc0odi1s] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.3rem 1.1rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--pp-border);
    margin: 0;
}

.pp-font-meta dt[b-bugc0odi1s] {
    font-size: var(--pp-text-sm);
    font-weight: 700;
    color: var(--pp-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.pp-font-meta dd[b-bugc0odi1s] {
    font-size: var(--pp-text-md);
    color: var(--pp-text);
    margin: 0;
    line-height: 1.5;
}

.pp-applied-hero[b-bugc0odi1s] {
    background: var(--pp-primary-300);
    border-radius: 10px;
    padding: 1.6rem 1.3rem;
    text-align: center;
    margin-bottom: 1rem;
}

.pp-applied-hero-heading[b-bugc0odi1s] {
    font-family: var(--pp-font-heading);
    font-weight: 600;
    font-size: var(--pp-text-4xl);
    line-height: 1.35;
    color: var(--pp-secondary);
    margin: 0 0 0.5rem;
}

.pp-applied-hero-sub[b-bugc0odi1s] {
    font-family: var(--pp-font-subheading);
    font-style: italic;
    font-weight: 600;
    color: var(--pp-secondary);
    margin: 0;
}

.pp-applied-cta-row[b-bugc0odi1s] {
    text-align: center;
    margin-bottom: 1.3rem;
}

.pp-applied-how[b-bugc0odi1s] {
    background: var(--pp-secondary);
    border-radius: 8px;
    padding: 1.3rem 1.4rem;
    margin-bottom: 1rem;
}

.pp-applied-how-title[b-bugc0odi1s] {
    font-family: var(--pp-font-heading);
    font-size: var(--pp-text-lg);
    color: var(--pp-bg-white);
    margin: 0 0 0.65rem;
}

.pp-applied-how-list[b-bugc0odi1s] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--pp-bg-white);
    font-size: var(--pp-text-md);
    line-height: 1.55;
}

.pp-applied-testimonial[b-bugc0odi1s] {
    background: var(--pp-bg-offwhite);
    border-left: 3px solid var(--pp-secondary);
    border-radius: 0 8px 8px 0;
    padding: 0.85rem 1rem;
}

.pp-applied-testimonial p[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-style: italic;
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    margin: 0 0 0.45rem;
    line-height: 1.55;
}

.pp-applied-testimonial-author[b-bugc0odi1s] {
    font-family: var(--pp-font-body);
    font-weight: 600;
    font-size: var(--pp-text-sm);
    color: var(--pp-text);
}

.pp-brand-footer[b-bugc0odi1s] {
    margin-top: 3rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--pp-border);
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .pp-type-specimen[b-bugc0odi1s],
    .pp-font-card[b-bugc0odi1s] {
        padding: 1.5rem 1.6rem;
    }
}
/* /Pages/FloristApply.razor.rz.scp.css */
.pp-fa-hint[b-nrt05aowns] {
    margin: 0 0 0.5rem;
}

/* Explanation under a checkbox — same look as the Claim page's reminder note, indented to line
   up with the checkbox's text (checkbox ≈ 13px + the 0.5rem gap from .pp-fa-checkbox-label). */
.pp-fa-explain[b-nrt05aowns] {
    margin: 0.5rem 0 0;
    padding-left: calc(13px + 0.5rem);
    font-size: var(--pp-text-sm);
    font-style: italic;
    line-height: 1.5;
    color: var(--pp-text-muted);
}
/* /Pages/Home.razor.rz.scp.css */
/* Band/gutter classes (pp-band, pp-band-inner, pp-band-bleed) live in petal-posse-layout.css.
   Phones: stacked; 768px and up: multi-column sections, per Suzie's design. */

.pp-home-hero[b-lx7n23bcs6] {
    padding-top: 1.25rem;
}

.pp-hero-heading[b-lx7n23bcs6] {
    text-align: left;
    font-weight: 400;
    font-size: var(--pp-text-4xl);
    line-height: 1.35;
    margin: 1rem 0 0.75rem;
    color: var(--pp-secondary);
}

.pp-hero-heading em[b-lx7n23bcs6] {
    font-style: italic;
    color: var(--pp-secondary);
}

.pp-hero-sub[b-lx7n23bcs6] {
    text-align: left;
    font-family: var(--pp-font-subheading);
    font-style: italic;
    color: var(--pp-secondary);
    margin: 0 0 1.5rem;
}

.pp-home-photo[b-lx7n23bcs6] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin-bottom: 1.75rem;
}

.pp-home-photo-florist[b-lx7n23bcs6] {
    height: 180px;
    margin: 0.85rem 0 0;
}

.pp-home-about[b-lx7n23bcs6],
.pp-how-it-works-band[b-lx7n23bcs6] {
    scroll-margin-top: 5.5rem;
}

.pp-home-copy[b-lx7n23bcs6] {
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

.pp-how-it-works[b-lx7n23bcs6] {
    background: var(--pp-secondary);
    border-radius: 8px;
    padding: 1.75rem 1.6rem;
    margin-bottom: 1.75rem;
}

.pp-how-it-works-title[b-lx7n23bcs6] {
    font-family: var(--pp-font-heading);
    font-size: var(--pp-text-lg);
    color: var(--pp-bg-white);
    margin: 0 0 0.85rem;
}

.pp-how-it-works-list[b-lx7n23bcs6] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: var(--pp-text-base); /* 16px minimum for white text on the sage box */
    color: var(--pp-bg-white);
    line-height: 1.5;
}

.pp-how-it-works-list li[b-lx7n23bcs6] {
    margin-bottom: 0.75rem;
}

.pp-how-it-works-list li:last-child[b-lx7n23bcs6] {
    margin-bottom: 0;
}

.pp-testimonials-label[b-lx7n23bcs6] {
    text-align: center;
    font-family: var(--pp-font-subheading);
    font-weight: 600;
    color: var(--pp-secondary);
    font-size: var(--pp-text-xl);
    margin-bottom: 0.9rem;
}

.pp-testimonial-card[b-lx7n23bcs6] {
    background: var(--pp-primary-100);
    border-radius: 8px;
    padding: 1.25rem 1.1rem 1.1rem;
    margin-bottom: 0.85rem;
}

.pp-testimonial-quote[b-lx7n23bcs6] {
    display: block;
    font-family: var(--pp-font-subheading);
    font-size: var(--pp-text-6xl);
    font-weight: 700;
    color: var(--pp-primary);
    line-height: 1;
    margin-bottom: 0.4rem;
}

.pp-testimonial-card p[b-lx7n23bcs6] {
    margin: 0;
    font-size: var(--pp-text-sm);
    font-style: normal;
    color: var(--pp-text);
}

.pp-testimonial-author[b-lx7n23bcs6] {
    margin-top: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--pp-text);
}

.pp-testimonial-role[b-lx7n23bcs6] {
    font-weight: 400;
}

.pp-florist-card[b-lx7n23bcs6] {
    margin-top: 1.75rem;
}

.pp-florist-card-title[b-lx7n23bcs6] {
    font-family: var(--pp-font-subheading);
    font-weight: 600;
    font-size: var(--pp-text-xl);
    color: var(--pp-secondary);
    margin: 0 0 0.5rem;
}

@media (min-width: 768px) {
    /* Hero */
    .pp-home-hero[b-lx7n23bcs6] {
        margin-top: 2rem;
        padding: 6rem 0 5rem;
    }

    .pp-hero-heading[b-lx7n23bcs6] {
        font-size: var(--pp-text-6xl);
        line-height: 1.25;
        max-width: 820px;
        margin: 0 0 1.5rem;
    }

    .pp-hero-sub[b-lx7n23bcs6] {
        font-family: var(--pp-font-body);
        font-size: var(--pp-text-4xl);
        margin: 0;
    }

    .pp-home-photo-hero[b-lx7n23bcs6] {
        height: 540px;
        border-radius: 0;
        margin: 0;
    }

    /* About */
    .pp-home-about[b-lx7n23bcs6] {
        text-align: center;
    }

    .pp-home-copy[b-lx7n23bcs6] {
        font-size: var(--pp-text-xl);
        line-height: 1.8;
        max-width: 780px;
        margin: 0 auto 1.75rem;
    }

    .pp-home-copy:last-child[b-lx7n23bcs6] {
        margin-bottom: 0;
    }

    /* How it works: heading left, sage box right */
    .pp-how-it-works[b-lx7n23bcs6] {
        display: grid;
        grid-template-columns: 1fr 2.4fr;
        gap: 3rem;
        align-items: center;
        background: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }

    .pp-how-it-works-title[b-lx7n23bcs6] {
        font-family: var(--pp-font-subheading);
        font-size: var(--pp-text-6xl);
        font-weight: 400;
        line-height: 1.1;
        color: var(--pp-secondary);
        max-width: 5em;
        margin: 0;
    }

    .pp-how-it-works-list[b-lx7n23bcs6] {
        background: var(--pp-secondary);
        padding: 3.5rem 3.5rem 3.5rem 5.5rem;
        font-size: var(--pp-text-xl);
    }

    .pp-how-it-works-list li[b-lx7n23bcs6] {
        margin-bottom: 1.1rem;
    }

    /* Testimonials: 3 across */
    .pp-testimonials-label[b-lx7n23bcs6] {
        text-align: left;
        font-size: var(--pp-text-6xl);
        font-weight: 400;
        line-height: 1.15;
        max-width: 12em;
        margin-bottom: 3rem;
    }

    .pp-testimonials-grid[b-lx7n23bcs6] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }

    .pp-testimonial-card[b-lx7n23bcs6] {
        display: flex;
        flex-direction: column;
        background: var(--pp-bg-offwhite);
        border-radius: 0;
        padding: 2rem 2.25rem 2.25rem;
        margin: 0;
    }

    .pp-testimonial-card p[b-lx7n23bcs6] {
        font-size: var(--pp-text-md);
        line-height: 1.5;
        color: var(--pp-text-muted);
    }

    .pp-testimonial-author[b-lx7n23bcs6] {
        margin-top: auto;
        padding-top: 2rem;
        font-size: var(--pp-text-xs);
    }

    .pp-testimonial-role[b-lx7n23bcs6] {
        display: block;
    }

    /* Florist partners: photo left, text right */
    .pp-florist-grid[b-lx7n23bcs6] {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 4rem;
        align-items: center;
    }

    .pp-home-photo-florist[b-lx7n23bcs6] {
        order: -1;
        height: 460px;
        border-radius: 0;
        margin: 0;
    }

    .pp-florist-card[b-lx7n23bcs6] {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }

    .pp-florist-card-title[b-lx7n23bcs6] {
        font-size: var(--pp-text-6xl);
        font-weight: 400;
        line-height: 1.1;
        margin-bottom: 2rem;
    }

    .pp-florist-card-copy[b-lx7n23bcs6] {
        font-size: var(--pp-text-xl);
        line-height: 1.4;
        margin: 0;
    }
}
/* /Pages/HowItWorks.razor.rz.scp.css */
/* Band/gutter classes (pp-band, pp-band-inner, pp-band-bleed) live in petal-posse-layout.css.
   Layout follows Suzie's How it works mockup: photo banner, centered title, sage steps band,
   "Why early matters." week-strip demo, then grouped collapsible Q&A cards. Phones: stacked. */

/* Banner */
.pp-hiw-banner-wrap[b-ck3tcugkk6] {
    padding-top: 1.25rem;
}

.pp-hiw-banner[b-ck3tcugkk6] {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center 12%;
    border-radius: 8px;
}

/* Title */
.pp-hiw-heading[b-ck3tcugkk6] {
    text-align: center;
}

.pp-hiw-title[b-ck3tcugkk6] {
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-5xl);
    line-height: 1.2;
    color: var(--pp-secondary);
    text-align: center;
    margin: 0 0 0.5rem;
}

.pp-hiw-sub[b-ck3tcugkk6] {
    font-style: italic;
    font-size: var(--pp-text-base);
    color: var(--pp-secondary);
    margin: 0;
}

.pp-hiw-section-title[b-ck3tcugkk6],
.pp-hiw-group-title[b-ck3tcugkk6] {
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-4xl);
    line-height: 1.2;
    color: var(--pp-secondary);
    margin: 0;
}

/* Sage steps band */
.pp-hiw-steps-band[b-ck3tcugkk6] {
    background: var(--pp-secondary);
    color: var(--pp-bg-white);
    margin: 0 1.25rem;
    border-radius: 8px;
}

/* Phones: each step is one compact row — icon on the left, "1. Title" + description on the right,
   steps separated by a faint line. Desktop (below) restores the big numerals, 3 across. */
.pp-hiw-steps[b-ck3tcugkk6] {
    list-style: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.pp-hiw-step[b-ck3tcugkk6] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 0.9rem;
    row-gap: 0.3rem;
    align-items: start;
}

.pp-hiw-step + .pp-hiw-step[b-ck3tcugkk6] {
    padding-top: 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.pp-hiw-step-num[b-ck3tcugkk6] {
    display: none;
    font-family: var(--pp-font-subheading);
    font-size: var(--pp-text-6xl);
    line-height: 1;
    color: rgba(255, 255, 255, 0.55);
}

.pp-hiw-step-icon[b-ck3tcugkk6] {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 30px;
    height: 30px;
    margin-top: 0.1rem;
    stroke: var(--pp-bg-white);
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pp-hiw-step-title[b-ck3tcugkk6] {
    grid-column: 2;
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-lg);
    font-weight: 500;
    line-height: 1.3;
    color: var(--pp-bg-white);
    margin: 0;
}

/* "1." in front of the title — phones only, where the big numeral is hidden. */
.pp-hiw-step-inline-num[b-ck3tcugkk6] {
    margin-right: 0.25rem;
}

/* Solid white at 16px — faded white on the sage band fell short of readable contrast. */
.pp-hiw-step p[b-ck3tcugkk6] {
    grid-column: 2;
    font-size: var(--pp-text-base);
    line-height: 1.6;
    color: var(--pp-bg-white);
    margin: 0;
}

/* Why early matters — week strip */
.pp-hiw-strip[b-ck3tcugkk6] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.pp-hiw-strip-intro[b-ck3tcugkk6] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-width: 640px;
}

.pp-hiw-strip-intro p[b-ck3tcugkk6] {
    font-size: var(--pp-text-md);
    line-height: 1.7;
    color: var(--pp-text);
    margin: 0;
}

.pp-hiw-eyebrow[b-ck3tcugkk6] {
    font-size: var(--pp-text-sm);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pp-text-muted);
}

.pp-hiw-weeks[b-ck3tcugkk6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.pp-hiw-week[b-ck3tcugkk6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.85rem 0.25rem 0.75rem;
    border: 1.5px dashed var(--pp-primary-300);
    border-radius: 8px;
    background: var(--pp-bg-white);
    color: var(--pp-text-muted);
    font-family: var(--pp-font-body);
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.pp-hiw-week svg[b-ck3tcugkk6] {
    width: 30px;
    height: 30px;
    opacity: 0.35;
    transition: opacity 0.2s;
}

.pp-hiw-petal[b-ck3tcugkk6] {
    fill: var(--pp-primary);
}

.pp-hiw-center[b-ck3tcugkk6] {
    fill: var(--pp-secondary);
}

.pp-hiw-week-label[b-ck3tcugkk6] {
    font-size: var(--pp-text-sm);
    font-weight: 600;
}

.pp-hiw-week-status[b-ck3tcugkk6] {
    font-size: var(--pp-text-xs);
}

.pp-hiw-week[aria-pressed="true"][b-ck3tcugkk6] {
    background: var(--pp-primary-100);
    border: 1.5px solid var(--pp-primary);
    color: var(--pp-primary-700);
}

.pp-hiw-week[aria-pressed="true"] svg[b-ck3tcugkk6] {
    opacity: 1;
}

.pp-hiw-week:focus-visible[b-ck3tcugkk6] {
    outline: 2px solid var(--pp-primary);
    outline-offset: 2px;
}

.pp-hiw-strip-note[b-ck3tcugkk6] {
    max-width: 640px;
    min-height: 3.4em;
    font-size: var(--pp-text-md);
    line-height: 1.6;
    color: var(--pp-text);
    margin: 0;
}

.pp-hiw-strip-note strong[b-ck3tcugkk6] {
    color: var(--pp-primary-700);
}

/* Q&A groups */
.pp-hiw-group[b-ck3tcugkk6] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--pp-border);
}

.pp-hiw-group:first-child[b-ck3tcugkk6] {
    padding-top: 0;
    border-top: none;
}

.pp-hiw-group:last-child[b-ck3tcugkk6] {
    padding-bottom: 0;
}

.pp-hiw-questions[b-ck3tcugkk6] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-width: 0;
}

.pp-hiw-faq[b-ck3tcugkk6] {
    background: var(--pp-bg-white);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
}

.pp-hiw-faq summary[b-ck3tcugkk6] {
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 0.9rem 2.75rem 0.9rem 1rem;
    font-family: var(--pp-font-subheading);
    font-weight: 500;
    font-size: var(--pp-text-base);
    line-height: 1.4;
    color: var(--pp-text);
}

.pp-hiw-faq summary[b-ck3tcugkk6]::-webkit-details-marker {
    display: none;
}

/* Chevron: points down when closed, up when open. */
.pp-hiw-faq summary[b-ck3tcugkk6]::after {
    content: "";
    position: absolute;
    right: 1.1rem;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-right: 2px solid var(--pp-primary);
    border-bottom: 2px solid var(--pp-primary);
    transform: rotate(45deg);
    transition: transform 0.2s;
}

.pp-hiw-faq[open] > summary[b-ck3tcugkk6]::after {
    transform: rotate(225deg);
    margin-top: -3px;
}

.pp-hiw-faq[open] > summary[b-ck3tcugkk6] {
    color: var(--pp-primary-700);
}

.pp-hiw-faq summary:focus-visible[b-ck3tcugkk6] {
    outline: 2px solid var(--pp-primary);
    outline-offset: 2px;
    border-radius: 8px;
}

.pp-hiw-answer[b-ck3tcugkk6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 1rem 1rem;
}

.pp-hiw-answer p[b-ck3tcugkk6] {
    font-size: var(--pp-text-md);
    line-height: 1.7;
    color: var(--pp-text);
    margin: 0;
}

/* "Start here" featured question */
.pp-hiw-faq-featured[b-ck3tcugkk6] {
    background: var(--pp-bg-offwhite);
    border: 1.5px solid var(--pp-primary);
}

.pp-hiw-faq-tag[b-ck3tcugkk6] {
    display: block;
    margin-bottom: 0.15rem;
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pp-primary);
}

@media (prefers-reduced-motion: reduce) {
    .pp-hiw-week[b-ck3tcugkk6],
    .pp-hiw-week svg[b-ck3tcugkk6],
    .pp-hiw-faq summary[b-ck3tcugkk6]::after {
        transition: none;
    }
}

/* Phones: bands carry no padding of their own, so space the sections here. */
@media (max-width: 767.98px) {
    .pp-band[b-ck3tcugkk6] {
        padding: 1.25rem 0;
    }

    .pp-hiw-steps-band[b-ck3tcugkk6] {
        padding: 1.75rem 0;
    }
}

@media (min-width: 768px) {
    .pp-hiw-banner-wrap[b-ck3tcugkk6] {
        margin-top: 2rem;
        padding-top: 0;
    }

    .pp-hiw-banner[b-ck3tcugkk6] {
        height: clamp(220px, 33vw, 560px);
        border-radius: 0;
    }

    .pp-hiw-title[b-ck3tcugkk6] {
        font-size: var(--pp-text-7xl);
    }

    .pp-hiw-sub[b-ck3tcugkk6] {
        font-size: var(--pp-text-lg);
    }

    .pp-hiw-section-title[b-ck3tcugkk6],
    .pp-hiw-group-title[b-ck3tcugkk6] {
        font-size: var(--pp-text-5xl);
    }

    .pp-hiw-steps-band[b-ck3tcugkk6] {
        margin: 0 2rem;
        border-radius: 0;
        padding: 4.5rem 0;
    }

    .pp-hiw-steps[b-ck3tcugkk6] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 3rem;
    }

    .pp-hiw-step[b-ck3tcugkk6] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
    }

    .pp-hiw-step + .pp-hiw-step[b-ck3tcugkk6] {
        padding-top: 0;
        border-top: none;
    }

    .pp-hiw-step-num[b-ck3tcugkk6] {
        display: block;
    }

    .pp-hiw-step-inline-num[b-ck3tcugkk6] {
        display: none;
    }

    .pp-hiw-step-icon[b-ck3tcugkk6] {
        width: 38px;
        height: 38px;
        margin-top: 0;
    }

    .pp-hiw-step-title[b-ck3tcugkk6] {
        font-size: var(--pp-text-2xl);
    }

    .pp-hiw-step p[b-ck3tcugkk6] {
        font-size: var(--pp-text-base);
    }

    .pp-hiw-strip[b-ck3tcugkk6] {
        gap: 1.5rem;
    }

    .pp-hiw-strip-intro p[b-ck3tcugkk6],
    .pp-hiw-strip-note[b-ck3tcugkk6] {
        font-size: var(--pp-text-base);
    }

    .pp-hiw-weeks[b-ck3tcugkk6] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .pp-hiw-group[b-ck3tcugkk6] {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 8fr);
        gap: 4rem;
        padding: 2.5rem 0;
    }

    .pp-hiw-group-title[b-ck3tcugkk6] {
        font-size: var(--pp-text-4xl);
    }

    .pp-hiw-faq summary[b-ck3tcugkk6] {
        font-size: var(--pp-text-lg);
        padding: 1rem 3.25rem 1rem 1.25rem;
    }

    .pp-hiw-answer[b-ck3tcugkk6] {
        padding: 0 1.25rem 1.25rem;
    }

    .pp-hiw-answer p[b-ck3tcugkk6] {
        font-size: var(--pp-text-base);
    }
}
/* /Pages/Posse/Claim.razor.rz.scp.css */
.pp-claim-broken[b-nmma4m3tqz] {
    text-align: center;
    padding: 2rem 1.25rem;
}

.pp-claim-highlight[b-nmma4m3tqz] {
    border: 2px solid var(--pp-primary);
    padding: calc(1.25rem - 1px) calc(1.1rem - 1px);
}

.pp-claim-order-btn[b-nmma4m3tqz] {
    margin-top: 0.6rem;
}

.pp-claim-inline[b-nmma4m3tqz] {
    width: 100%;
    margin-top: 0.4rem;
}

.pp-claim-inline .pp-input[b-nmma4m3tqz] {
    width: 100%;
}

.pp-claim-reminder-note[b-nmma4m3tqz] {
    width: 100%;
    margin: 0.5rem 0 0;
    font-size: var(--pp-text-sm);
    font-style: italic;
    line-height: 1.5;
    color: var(--pp-text-muted);
}

.pp-claim-confirm-row[b-nmma4m3tqz] {
    margin-top: 0.6rem;
}

.pp-claim-error[b-nmma4m3tqz] {
    width: 100%;
}

.pp-claim-florist-hint[b-nmma4m3tqz] {
    font-style: italic;
    margin-top: 0.5rem;
}

.pp-claim-footnote[b-nmma4m3tqz] {
    text-align: center;
    margin-top: 1.3rem;
}

.pp-muted a[b-nmma4m3tqz] {
    color: var(--pp-primary-600);
    text-decoration: underline;
}
/* /Pages/Wrangler/Phases/PendingFlorist.razor.rz.scp.css */
.pp-share-list[b-pxwjjco0ay] {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
    color: var(--pp-text-muted);
    font-size: var(--pp-text-md);
    line-height: 1.6;
}

.pp-pending-actions[b-pxwjjco0ay] {
    text-align: center;
}

.pp-pending-actions .pp-btn[b-pxwjjco0ay] {
    margin: 0 0.3rem 0.6rem;
}

.pp-pending-code[b-pxwjjco0ay] {
    text-align: center;
}

.pp-code-display[b-pxwjjco0ay] {
    font-size: var(--pp-text-xl);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0.75rem;
    border: 1px dashed var(--pp-primary);
    border-radius: 6px;
    margin: 0.2rem 0 0.75rem;
}

.pp-pending-footnote[b-pxwjjco0ay] {
    text-align: center;
    margin-top: 1.1rem;
}
/* /Pages/Wrangler/Phases/PosseList.razor.rz.scp.css */
.pp-draft-list[b-szi2mk40ft] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1rem 0;
}

.pp-draft-card[b-szi2mk40ft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.pp-draft-info[b-szi2mk40ft] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pp-draft-name[b-szi2mk40ft] {
    font-weight: 600;
}
/* /Pages/Wrangler/Phases/WranglerDashboard.razor.rz.scp.css */
.pp-dashboard-share-row[b-2o8iqjmfmw] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.pp-view-toggle[b-2o8iqjmfmw] {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin: 1rem 0;
}

.pp-view-toggle-btn[b-2o8iqjmfmw] {
    border: 1px solid var(--pp-border);
    background: var(--pp-bg-white);
    border-radius: 6px;
    padding: 0.5rem 1.1rem;
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-sm);
    font-weight: 600;
    color: var(--pp-text);
    cursor: pointer;
}

.pp-view-toggle-btn.active[b-2o8iqjmfmw] {
    background: var(--pp-primary);
    border-color: var(--pp-primary);
    color: var(--pp-bg-white);
}

.pp-schedule-header[b-2o8iqjmfmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.pp-progress-bar[b-2o8iqjmfmw] {
    height: 8px;
    background: var(--pp-surface);
    border-radius: 6px;
    overflow: hidden;
    margin: 0.5rem 0 0.3rem;
}

.pp-progress-fill[b-2o8iqjmfmw] {
    height: 100%;
    background: var(--pp-primary);
}

.pp-slot-contact[b-2o8iqjmfmw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0 0.9rem;
    border-bottom: 1px solid var(--pp-border);
}

.pp-slot-contact-row[b-2o8iqjmfmw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pp-slot-contact-meta[b-2o8iqjmfmw] {
    display: flex;
    gap: 1rem;
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    flex-wrap: wrap;
}

.pp-slot-claimed-ago[b-2o8iqjmfmw] {
    font-size: 11px;
    color: var(--pp-text-muted);
    margin-top: 0.15rem;
}

.pp-slot-contact-value[b-2o8iqjmfmw] {
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
    margin-right: 0.25rem;
}

.pp-muted a[b-2o8iqjmfmw] {
    color: var(--pp-primary-600);
    text-decoration: underline;
}
/* /Pages/Wrangler/PosseDashboardPage.razor.rz.scp.css */
/* /Pages/Wrangler/StepsV17/AddressStep.razor.rz.scp.css */
.pp-address-field[b-gxfuvt9j3w] {
    min-height: 110px;
}
/* /Pages/Wrangler/StepsV17/DeliveryDayStep.razor.rz.scp.css */
.pp-day-grid[b-yemoxrz3wz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.pp-day-btn[b-yemoxrz3wz] {
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    padding: 1rem 0.6rem;
    background: var(--pp-bg-white);
    font-family: var(--pp-font-body);
    font-size: var(--pp-text-md);
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    color: var(--pp-text);
}

.pp-day-btn:hover[b-yemoxrz3wz] {
    border-color: var(--pp-text-muted);
}

.pp-day-btn.selected[b-yemoxrz3wz] {
    border: 2px solid var(--pp-primary);
    background: var(--pp-primary-100);
    color: var(--pp-primary-700);
    padding: calc(1rem - 1px) calc(0.6rem - 1px);
}
/* /Pages/Wrangler/StepsV17/DeliveryTimeStep.razor.rz.scp.css */
.pp-choice-card[b-4yh0thauf0] {
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    padding: 1.1rem 1.25rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    background: var(--pp-bg-white);
}

.pp-choice-card:hover[b-4yh0thauf0] {
    border-color: var(--pp-text-muted);
}

.pp-choice-card.selected[b-4yh0thauf0] {
    border: 2px solid var(--pp-primary);
    background: var(--pp-primary-100);
    padding: calc(1.1rem - 1px) calc(1.25rem - 1px);
}

.pp-choice-title[b-4yh0thauf0] {
    font-weight: 600;
    font-size: var(--pp-text-md);
    color: var(--pp-text);
}
/* /Pages/Wrangler/StepsV17/FloristStep.razor.rz.scp.css */
.pp-florist-filter[b-qnphgwh0d0] {
    margin-bottom: 0.25rem;
}

.pp-florist-option[b-qnphgwh0d0] {
    align-items: flex-start;
}

.pp-florist-perks[b-qnphgwh0d0] {
    margin-top: 0.15rem;
}

.pp-florist-distance[b-qnphgwh0d0] {
    color: var(--pp-primary-600);
    font-weight: 600;
}

.pp-florist-option a.pp-florist-reviews-link[b-qnphgwh0d0] {
    color: var(--pp-primary-600);
}

.pp-florist-discount[b-qnphgwh0d0] {
    color: var(--pp-primary);
    font-weight: 600;
}

.pp-florist-option a[b-qnphgwh0d0] {
    color: var(--pp-primary);
}
/* /Pages/Wrangler/StepsV17/PreferencesStep.razor.rz.scp.css */
.pp-preferences-field[b-av71t18jbs] {
    min-height: 140px;
}
/* /Pages/Wrangler/StepsV17/RecipientNameStep.razor.rz.scp.css */
/* /Pages/Wrangler/StepsV17/ReviewStep.razor.rz.scp.css */
/* /Pages/Wrangler/StepsV17/StartDateStep.razor.rz.scp.css */
.pp-schedule-preview[b-jbpz993q1c] {
    margin-top: 0.5rem;
    font-style: italic;
}
/* /Pages/Wrangler/StepsV17/WeekCountStep.razor.rz.scp.css */
.pp-stepper[b-elfddkl2gi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin: 1.5rem 0 0.4rem;
}

.pp-stepper-btn[b-elfddkl2gi] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--pp-border);
    background: var(--pp-bg-white);
    font-size: 20px;
    font-weight: 600;
    color: var(--pp-primary);
    cursor: pointer;
}

.pp-stepper-btn:hover[b-elfddkl2gi] {
    border-color: var(--pp-primary);
}

.pp-stepper-count[b-elfddkl2gi] {
    font-family: var(--pp-font-heading);
    font-size: 30px;
    font-weight: 700;
    min-width: 56px;
    text-align: center;
    color: var(--pp-text);
}

.pp-stepper-label[b-elfddkl2gi] {
    text-align: center;
    font-size: var(--pp-text-sm);
    color: var(--pp-text-muted);
}
/* /Pages/Wrangler/WranglerSetupV17.razor.rz.scp.css */
/* /Tests/Styles.razor.rz.scp.css */
.swatch-row[b-lqlr44xhdi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.swatch-card[b-lqlr44xhdi] {
    width: 140px;
}

.swatch-card-wide[b-lqlr44xhdi] {
    width: 320px;
}

.swatch-box[b-lqlr44xhdi] {
    height: 80px;
    border-radius: 6px;
    border: 1px solid var(--pp-neutral-300);
}

.swatch-label[b-lqlr44xhdi] {
    margin-top: 0.35rem;
    font-family: monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.type-sample[b-lqlr44xhdi] {
    margin-bottom: 0.5rem;
}

.context-row[b-lqlr44xhdi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.pp-btn[b-lqlr44xhdi] {
    border: none;
    border-radius: 6px;
    padding: 0.5rem 1.25rem;
    font-family: var(--pp-font-body);
}

.pp-badge[b-lqlr44xhdi] {
    border-radius: 9999px;
    padding: 0.3rem 0.9rem;
    font-family: var(--pp-font-body);
    font-size: 0.85rem;
}