/* Zovelo v5 — inner commerce and content pages */

.inner-main {
    min-height: 62vh;
}

.inner-hero {
    padding: 42px 0 28px;
}

.inner-hero-shell {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    padding: 64px;
    border-radius: 38px;
    background: var(--ink);
    color: #fff;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
}

.inner-hero-shell:before {
    content: "";
    position: absolute;
    width: 420px;
    aspect-ratio: 1;
    border-radius: 50%;
    right: -110px;
    top: -180px;
    background: radial-gradient(circle,rgba(217,255,87,.45),rgba(217,255,87,0) 68%);
    z-index: -1;
    animation: innerGlow 7s ease-in-out infinite;
}

.inner-hero-shell:after {
    content: "";
    position: absolute;
    width: 220px;
    aspect-ratio: 1;
    border: 1px dashed rgba(255,255,255,.24);
    border-radius: 50%;
    right: 9%;
    bottom: -90px;
    z-index: -1;
    animation: spin 18s linear infinite;
}

@keyframes innerGlow {
    50% {
        transform: translate(-24px,28px) scale(1.12);
    }
}

.inner-hero-content {
    max-width: 790px;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: rgba(255,255,255,.62);
    font-size: .8rem;
    font-weight: 700;
}

.breadcrumbs a:hover {
    color: var(--lime);
}

.inner-hero h1 {
    margin: 10px 0 14px;
    font: 800 clamp(3rem,6vw,6.7rem)/.9 Manrope;
    letter-spacing: -.07em;
}

.inner-hero p {
    max-width: 660px;
    margin: 0;
    color: rgba(255,255,255,.7);
    font-size: 1.04rem;
    line-height: 1.7;
}

.inner-section {
    padding: 66px 0 100px;
}

.panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 30px;
    padding: 28px;
}

.panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
}

.panel-title h2,.panel-title h3 {
    margin: 0;
    font: 800 1.45rem Manrope;
    letter-spacing: -.035em;
}

.panel-title p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .86rem;
}

.soft-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--sage);
    font-size: .72rem;
    font-weight: 900;
}

.form-field {
    display: grid;
    gap: 8px;
}

.form-field>span {
    font-size: .8rem;
    font-weight: 800;
}

.form-field input,.form-field select,.form-field textarea {
    width: 100%;
    min-height: 51px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--paper);
    padding: 13px 15px;
    outline: 0;
    color: var(--ink);
}

.form-field textarea {
    min-height: 140px;
    resize: vertical;
}

.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
    border-color: rgba(21,23,20,.48);
    box-shadow: 0 0 0 3px rgba(21,23,20,.08);
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-row.three {
    grid-template-columns: repeat(3,1fr);
}

.checkbox-line {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--muted);
    font-size: .83rem;
}

.checkbox-line input {
    margin-top: 3px;
}

.notice {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 18px;
    background: var(--sage);
    color: #40503e;
    font-size: .85rem;
}

.notice i {
    margin-top: 3px;
}

.service-strip {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    margin-top: 28px;
}

.service-mini {
    padding: 24px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid var(--line);
    transition: .35s;
}

.service-mini:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}

.service-mini i {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background: var(--lime);
    display: grid;
    place-items: center;
    margin-bottom: 20px;
}

.service-mini strong {
    display: block;
    font-family: Manrope;
    margin-bottom: 6px;
}

.service-mini span {
    color: var(--muted);
    font-size: .83rem;
    line-height: 1.55;
}

/* Cart */

.cart-page-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 380px;
    gap: 26px;
    align-items: start;
}

.cart-table-head {
    display: grid;
    grid-template-columns: 1fr 130px 120px 36px;
    gap: 18px;
    padding: 0 0 14px;
    color: var(--muted);
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    border-bottom: 1px solid var(--line);
}

.cart-page-item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 130px 120px 36px;
    gap: 18px;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
}

.cart-product {
    display: grid;
    grid-template-columns: 106px 1fr;
    gap: 16px;
    align-items: center;
}

.cart-product img {
    width: 106px;
    height: 118px;
    object-fit: cover;
    border-radius: 21px;
}

.cart-product strong {
    display: block;
    font: 800 1rem/1.3 Manrope;
    margin-bottom: 6px;
}

.cart-product span {
    color: var(--muted);
    font-size: .8rem;
}

.inline-qty {
    width: 116px;
    height: 44px;
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    border: 1px solid var(--line);
    border-radius: 999px;
    overflow: hidden;
}

.inline-qty button,.inline-qty input {
    border: 0;
    background: transparent;
    text-align: center;
    width: 100%;
}

.remove-line {
    border: 0;
    background: transparent;
    color: var(--muted);
}

.cart-coupon {
    display: flex;
    gap: 10px;
    margin-top: 24px;
}

.cart-coupon input {
    flex: 1;
    min-width: 0;
    height: 51px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    padding: 0 18px;
}

.order-summary {
    position: sticky;
    top: 112px;
    background: var(--ink);
    color: #fff;
    border-radius: 30px 30px 82px 30px;
    padding: 30px;
    overflow: hidden;
}

.order-summary:after {
    content: "";
    position: absolute;
    width: 190px;
    aspect-ratio: 1;
    border-radius: 50%;
    right: -90px;
    bottom: -100px;
    background: rgba(217,255,87,.18);
}

.order-summary h2 {
    margin: 0 0 22px;
    font: 800 1.55rem Manrope;
}

.summary-lines {
    display: grid;
    gap: 14px;
}

.summary-line {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: rgba(255,255,255,.68);
    font-size: .88rem;
}

.summary-line strong {
    color: #fff;
}

.summary-total {
    margin: 22px 0;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.16);
    font-size: 1.1rem;
}

.delivery-meter {
    margin: 20px 0;
}

.delivery-meter span {
    font-size: .76rem;
    color: rgba(255,255,255,.66);
}

.delivery-meter div {
    height: 7px;
    margin-top: 9px;
    border-radius: 99px;
    background: rgba(255,255,255,.12);
    overflow: hidden;
}

.delivery-meter i {
    display: block;
    width: 78%;
    height: 100%;
    background: var(--lime);
    border-radius: inherit;
}

/* Checkout */

.checkout-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    margin-bottom: 22px;
}

.checkout-step {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--line);
    font-weight: 800;
    font-size: .82rem;
}

.checkout-step b {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--paper);
}

.checkout-step.active {
    background: var(--lime);
}

.checkout-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 390px;
    gap: 26px;
    align-items: start;
}

.checkout-stack {
    display: grid;
    gap: 18px;
}

.shipping-options,.payment-options {
    display: grid;
    gap: 11px;
}

.choice-card {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 13px;
    align-items: center;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--paper);
    cursor: pointer;
}

.choice-card:has(input:checked) {
    border-color: var(--ink);
    box-shadow: 0 0 0 3px rgba(217,255,87,.5);
}

.choice-card input {
    accent-color: var(--ink);
}

.choice-card strong {
    display: block;
    font-size: .88rem;
}

.choice-card span {
    display: block;
    color: var(--muted);
    font-size: .76rem;
    margin-top: 3px;
}

.checkout-products {
    display: grid;
    gap: 14px;
    margin-bottom: 20px;
}

.checkout-product {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    gap: 13px;
    align-items: center;
}

.checkout-product img {
    width: 70px;
    height: 76px;
    object-fit: cover;
    border-radius: 16px;
}

.checkout-product strong {
    font-size: .84rem;
}

.checkout-product span {
    display: block;
    color: var(--muted);
    font-size: .73rem;
    margin-top: 4px;
}

/* Wishlist */

.wishlist-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.wishlist-card {
    position: relative;
}

.wishlist-remove {
    position: absolute;
    right: 13px;
    top: 13px;
    z-index: 3;
}

.wishlist-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 13px;
}

/* Account */

.account-layout {
    display: grid;
    grid-template-columns: 270px minmax(0,1fr);
    gap: 24px;
    align-items: start;
}

.account-nav {
    position: sticky;
    top: 112px;
    padding: 16px;
    border-radius: 27px;
    background: var(--ink);
    color: #fff;
}

.account-user {
    padding: 16px 14px 22px;
    border-bottom: 1px solid rgba(255,255,255,.13);
    margin-bottom: 8px;
}

.account-avatar {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: var(--lime);
    color: var(--ink);
    display: grid;
    place-items: center;
    font: 900 1.2rem Manrope;
    margin-bottom: 12px;
}

.account-user strong {
    display: block;
}

.account-user span {
    font-size: .76rem;
    color: rgba(255,255,255,.56);
}

.account-nav button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: rgba(255,255,255,.68);
    text-align: left;
    font-weight: 800;
}

.account-nav button.active,.account-nav button:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.account-panel {
    display: none;
}

.account-panel.active {
    display: block;
}

.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
    margin-bottom: 18px;
}

.dashboard-stat {
    padding: 24px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid var(--line);
}

.dashboard-stat i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: var(--sage);
    display: grid;
    place-items: center;
    margin-bottom: 22px;
}

.dashboard-stat strong {
    display: block;
    font: 900 2rem Manrope;
}

.dashboard-stat span {
    color: var(--muted);
    font-size: .8rem;
}

.order-row {
    display: grid;
    grid-template-columns: 1fr .8fr .8fr .7fr auto;
    gap: 14px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--line);
    font-size: .84rem;
}

.status-pill {
    display: inline-flex;
    width: max-content;
    padding: 7px 9px;
    border-radius: 999px;
    background: var(--sage);
    color: #40603f;
    font-weight: 900;
    font-size: .68rem;
}

/* Tracking */

.tracking-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 24px;
}

.tracking-form-card {
    background: var(--lime);
    border-radius: 32px 32px 92px 32px;
    padding: 34px;
}

.tracking-form-card h2 {
    font: 800 2.4rem/1 Manrope;
    letter-spacing: -.05em;
    margin: 10px 0 15px;
}

.tracking-timeline {
    padding: 34px;
}

.timeline {
    display: grid;
    gap: 0;
    margin-top: 18px;
}

.timeline-step {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 14px;
    position: relative;
    padding-bottom: 28px;
}

.timeline-step:not(:last-child):before {
    content: "";
    position: absolute;
    left: 18px;
    top: 31px;
    bottom: 0;
    width: 2px;
    background: var(--line);
}

.timeline-dot {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--paper);
    border: 1px solid var(--line);
    z-index: 1;
}

.timeline-step.done .timeline-dot {
    background: var(--ink);
    color: #fff;
}

.timeline-step.current .timeline-dot {
    background: var(--lime);
    box-shadow: 0 0 0 7px rgba(217,255,87,.28);
}

.timeline-step strong {
    display: block;
    margin: 5px 0 3px;
}

.timeline-step span {
    color: var(--muted);
    font-size: .78rem;
}

/* About / editorial */

.story-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: stretch;
}

.story-copy {
    padding: 48px;
    border-radius: 35px;
    background: var(--sage);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.story-copy h2 {
    font: 800 clamp(2.6rem,5vw,5.2rem)/.92 Manrope;
    letter-spacing: -.065em;
    margin: 12px 0 20px;
}

.story-copy p {
    color: var(--muted);
    line-height: 1.8;
}

.story-image {
    border-radius: 35px 35px 115px 35px;
    overflow: hidden;
    min-height: 600px;
}

.story-image img {
    height: 100%;
    object-fit: cover;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-top: 24px;
}

.value-card {
    min-height: 310px;
    padding: 30px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    transition: .4s;
}

.value-card:nth-child(2) {
    background: var(--peach);
}

.value-card:nth-child(3) {
    background: var(--blue);
}

.value-card:hover {
    transform: translateY(-8px) rotate(-.5deg);
    box-shadow: var(--shadow);
}

.value-card>span {
    font: 900 2.8rem Manrope;
    color: rgba(21,23,20,.13);
}

.value-card h3 {
    margin: auto 0 10px;
    font: 800 1.4rem Manrope;
}

.value-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

/* Contact */

.contact-layout {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 22px;
}

.contact-info {
    padding: 38px;
    border-radius: 34px 34px 96px 34px;
    background: var(--ink);
    color: #fff;
}

.contact-info h2 {
    font: 800 2.9rem/1 Manrope;
    letter-spacing: -.05em;
}

.contact-info>p {
    color: rgba(255,255,255,.65);
    line-height: 1.7;
}

.contact-methods {
    display: grid;
    gap: 12px;
    margin-top: 30px;
}

.contact-method {
    display: grid;
    grid-template-columns: 47px 1fr;
    gap: 13px;
    align-items: center;
    padding: 15px;
    border-radius: 18px;
    background: rgba(255,255,255,.08);
}

.contact-method i {
    width: 47px;
    height: 47px;
    border-radius: 15px;
    background: var(--lime);
    color: var(--ink);
    display: grid;
    place-items: center;
}

.contact-method strong {
    display: block;
}

.contact-method span {
    font-size: .77rem;
    color: rgba(255,255,255,.57);
}

.contact-form {
    padding: 38px;
}

.contact-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.contact-form-grid .full {
    grid-column: 1/3;
}

/* FAQ */

.faq-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 24px;
    align-items: start;
}

.faq-nav {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid var(--line);
}

.faq-nav a {
    padding: 12px 13px;
    border-radius: 13px;
    font-weight: 800;
    font-size: .83rem;
}

.faq-nav a:hover {
    background: var(--sage);
}

.faq-groups {
    display: grid;
    gap: 26px;
}

.faq-group h2 {
    font: 800 2rem Manrope;
    margin: 0 0 13px;
}

.faq-item {
    border-bottom: 1px solid var(--line);
}

.faq-question {
    width: 100%;
    padding: 19px 0;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
    font-weight: 900;
}

.faq-answer {
    display: none;
    padding: 0 44px 20px 0;
    color: var(--muted);
    line-height: 1.7;
}

.faq-item.open .faq-answer {
    display: block;
}

/* Blog */

.blog-feature {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    overflow: hidden;
    border-radius: 36px 36px 110px 36px;
    background: var(--ink);
    color: #fff;
    margin-bottom: 28px;
}

.blog-feature img {
    height: 100%;
    min-height: 520px;
    object-fit: cover;
}

.blog-feature-copy {
    padding: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-feature-copy h2 {
    font: 800 clamp(2.4rem,4.5vw,4.7rem)/.93 Manrope;
    letter-spacing: -.06em;
    margin: 15px 0;
}

.blog-feature-copy p {
    color: rgba(255,255,255,.65);
    line-height: 1.7;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.blog-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 28px;
    overflow: hidden;
    transition: .4s;
}

.blog-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--shadow);
}

.blog-card img {
    aspect-ratio: 1.28/1;
    object-fit: cover;
}

.blog-card-content {
    padding: 23px;
}

.blog-meta {
    display: flex;
    gap: 10px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
}

.blog-card h3 {
    font: 800 1.32rem/1.22 Manrope;
    margin: 12px 0;
}

.blog-card p {
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.65;
}

.article-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 280px;
    gap: 42px;
    align-items: start;
}

.article-body {
    font-size: 1.03rem;
    line-height: 1.85;
    color: #454941;
}

.article-body>p:first-child {
    font-size: 1.26rem;
    color: var(--ink);
}

.article-body h2 {
    font: 800 clamp(2rem,4vw,3.5rem)/1 Manrope;
    letter-spacing: -.05em;
    color: var(--ink);
    margin: 48px 0 18px;
}

.article-body img {
    border-radius: 32px;
    margin: 35px 0;
}

.article-quote {
    padding: 34px;
    border-radius: 26px;
    background: var(--lime);
    font: 800 1.55rem/1.35 Manrope;
    color: var(--ink);
    margin: 36px 0;
}

.article-sidebar {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 14px;
}

.article-aside-card {
    padding: 22px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid var(--line);
}

.article-aside-card h3 {
    font: 800 1rem Manrope;
    margin: 0 0 13px;
}

.article-aside-card a {
    display: block;
    padding: 7px 0;
    color: var(--muted);
    font-size: .82rem;
}

/* Legal */

.legal-layout {
    display: grid;
    grid-template-columns: 250px minmax(0,1fr);
    gap: 34px;
    align-items: start;
}

.legal-nav {
    position: sticky;
    top: 112px;
    padding: 17px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid var(--line);
}

.legal-nav a {
    display: block;
    padding: 10px 11px;
    border-radius: 12px;
    font-size: .82rem;
    font-weight: 800;
}

.legal-nav a:hover {
    background: var(--sage);
}

.legal-content {
    padding: 38px;
    border-radius: 32px;
    background: #fff;
    border: 1px solid var(--line);
}

.legal-content section+section {
    margin-top: 44px;
    padding-top: 34px;
    border-top: 1px solid var(--line);
}

.legal-content h2 {
    font: 800 2rem Manrope;
    letter-spacing: -.04em;
}

.legal-content h3 {
    font: 800 1.1rem Manrope;
    margin-top: 26px;
}

.legal-content p,.legal-content li {
    color: var(--muted);
    line-height: 1.75;
}

/* 404 */

.error-page {
    min-height: calc(100vh - 124px);
    display: grid;
    place-items: center;
    padding: 70px 20px;
}

.error-shell {
    width: min(1050px,100%);
    min-height: 600px;
    border-radius: 44px 44px 140px 44px;
    background: var(--ink);
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    position: relative;
}

.error-copy {
    padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.error-code {
    font: 900 clamp(5rem,13vw,11rem)/.75 Manrope;
    color: var(--lime);
    letter-spacing: -.1em;
}

.error-copy h1 {
    font: 800 clamp(2.4rem,5vw,5rem)/.92 Manrope;
    letter-spacing: -.06em;
    margin: 28px 0 17px;
}

.error-copy p {
    color: rgba(255,255,255,.65);
    line-height: 1.7;
}

.error-art {
    position: relative;
    background: var(--sage);
}

.error-art img {
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
    opacity: .86;
}

.error-orbit {
    position: absolute;
    inset: 18%;
    border: 2px dashed rgba(21,23,20,.3);
    border-radius: 50%;
    animation: spin 15s linear infinite;
}

/* Generic response */

@media (max-width:1100px) {
    .wishlist-grid {
        grid-template-columns: repeat(3,1fr);
    }

    .cart-page-grid,.checkout-grid {
        grid-template-columns: minmax(0,1fr) 340px;
    }

    .values-grid,.blog-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width:880px) {
    .inner-hero-shell {
        padding: 48px 34px;
    }

    .cart-page-grid,.checkout-grid,.tracking-layout,.story-intro,.contact-layout,.blog-feature,.article-layout {
        grid-template-columns: 1fr;
    }

    .order-summary,.account-nav,.faq-nav,.article-sidebar,.legal-nav {
        position: static;
    }

    .account-layout,.faq-layout,.legal-layout {
        grid-template-columns: 1fr;
    }

    .account-nav {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    .account-user {
        grid-column: 1/4;
    }

    .account-nav button {
        justify-content: center;
    }

    .story-image {
        min-height: 460px;
    }

    .blog-feature img {
        min-height: 390px;
    }

    .wishlist-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .dashboard-cards,.service-strip {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:680px) {
    .inner-hero {
        padding-top: 20px;
    }

    .inner-hero-shell {
        min-height: 300px;
        padding: 38px 24px;
        border-radius: 28px 28px 78px 28px;
    }

    .inner-hero h1 {
        font-size: clamp(3rem,15vw,5rem);
    }

    .inner-section {
        padding: 45px 0 75px;
    }

    .panel {
        padding: 21px;
        border-radius: 24px;
    }

    .form-row,.form-row.three,.contact-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-form-grid .full {
        grid-column: auto;
    }

    .cart-table-head {
        display: none;
    }

    .cart-page-item {
        grid-template-columns: 1fr auto;
        padding: 18px 0;
    }

    .cart-product {
        grid-column: 1/3;
    }

    .cart-page-item>.inline-qty {
        grid-column: 1;
    }

    .cart-page-item>.price {
        justify-self: end;
    }

    .cart-page-item>.remove-line {
        position: absolute;
        right: 25px;
        margin-top: -118px;
    }

    .cart-coupon {
        flex-direction: column;
    }

    .checkout-steps {
        grid-template-columns: 1fr;
    }

    .checkout-step {
        display: none;
    }

    .checkout-step.active {
        display: flex;
    }

    .wishlist-grid {
        grid-template-columns: 1fr;
    }

    .account-nav {
        grid-template-columns: 1fr 1fr;
    }

    .account-user {
        grid-column: 1/3;
    }

    .dashboard-cards,.service-strip,.values-grid,.blog-grid {
        grid-template-columns: 1fr;
    }

    .order-row {
        grid-template-columns: 1fr 1fr;
    }

    .order-row>*:nth-child(3),.order-row>*:nth-child(4) {
        display: none;
    }

    .tracking-form-card {
        padding: 27px;
    }

    .story-copy,.blog-feature-copy,.contact-info,.contact-form {
        padding: 28px;
    }

    .story-image {
        min-height: 360px;
    }

    .faq-answer {
        padding-right: 0;
    }

    .article-body {
        font-size: .96rem;
    }

    .article-body>p:first-child {
        font-size: 1.1rem;
    }

    .legal-content {
        padding: 25px;
    }

    .error-shell {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .error-copy {
        padding: 48px 28px;
    }

    .error-art {
        height: 320px;
    }
}

/* v6 categories */

.category-overview-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr;
    grid-auto-rows: 330px;
    gap: 18px;
}

.category-overview-card {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    isolation: isolate;
    background: #ddd;
    transition: transform .45s ease,box-shadow .45s ease;
}

.category-overview-card:first-child {
    grid-row: span 2;
}

.category-overview-card:nth-child(4) {
    grid-column: span 2;
}

.category-overview-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.category-overview-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--shadow);
}

.category-overview-card:hover img {
    transform: scale(1.065);
}

.category-overview-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(10,12,10,.02),rgba(10,12,10,.72));
    z-index: 1;
}

.category-overview-content {
    position: absolute;
    left: 27px;
    right: 27px;
    bottom: 25px;
    z-index: 2;
    color: #fff;
}

.category-overview-content span {
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .09em;
    color: rgba(255,255,255,.67);
}

.category-overview-content h2 {
    margin: 5px 0 0;
    font: 800 clamp(1.6rem,3vw,2.7rem)/1 Manrope;
    letter-spacing: -.05em;
}

.category-overview-content i {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(10px);
}

.category-shape-1 {
    border-radius: 34px 34px 110px 34px;
}

.category-shape-2 {
    border-radius: 85px 34px 34px 34px;
}

.category-shape-3 {
    border-radius: 34px 90px 34px 34px;
}

.category-feature-row {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 20px;
    margin-top: 70px;
}

.category-feature-copy {
    padding: 50px;
    border-radius: 34px 34px 110px 34px;
    background: var(--lime);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.category-feature-copy h2 {
    font: 800 clamp(2.7rem,5vw,5.1rem)/.91 Manrope;
    letter-spacing: -.065em;
    margin: 13px 0 18px;
}

.category-feature-copy p {
    color: rgba(21,23,20,.67);
    line-height: 1.75;
}

.category-feature-copy .btn {
    width: max-content;
    margin-top: 18px;
}

.category-feature-image {
    min-height: 560px;
    border-radius: 34px 110px 34px 34px;
    overflow: hidden;
}

.category-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* v6 collections */

.collections-story-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    grid-auto-rows: 470px;
    gap: 20px;
}

.collection-story-card {
    position: relative;
    overflow: hidden;
    border-radius: 38px;
    color: #fff;
    isolation: isolate;
    transition: transform .45s ease,box-shadow .45s ease;
}

.collection-story-card:nth-child(2),.collection-story-card:nth-child(3) {
    border-radius: 95px 38px 38px 38px;
}

.collection-story-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .9s cubic-bezier(.2,.7,.2,1);
}

.collection-story-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow);
}

.collection-story-card:hover img {
    transform: scale(1.07);
}

.collection-story-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(8,10,8,.05),rgba(8,10,8,.78));
    z-index: 1;
}

.collection-story-content {
    position: absolute;
    z-index: 2;
    left: 34px;
    right: 34px;
    bottom: 32px;
}

.collection-story-content span {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 900;
    color: rgba(255,255,255,.66);
}

.collection-story-content h2 {
    font: 800 clamp(2rem,4vw,4rem)/.94 Manrope;
    letter-spacing: -.055em;
    margin: 8px 0 12px;
}

.collection-story-content p {
    max-width: 520px;
    color: rgba(255,255,255,.7);
}

.collection-story-content b {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
}

.collections-page .new-products-grid .product-card {
    border-radius: 28px;
}

/* Alternate homepage header and footer */

.alt-header {
    background: rgba(247,246,240,.94);
}

.alt-header-top {
    height: 82px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.alt-category-trigger {
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    font-weight: 900;
}

.alt-brand {
    font-size: 1.5rem;
}

.alt-header-top .header-actions {
    justify-self: end;
}

.alt-header-nav {
    border-top: 1px solid rgba(21,23,20,.08);
}

.alt-header-nav nav {
    min-height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.alt-header-nav a {
    font-size: .79rem;
    font-weight: 900;
    color: var(--muted);
}

.alt-header-nav a.active,.alt-header-nav a:hover {
    color: var(--ink);
}

.home-alt-page .hero {
    padding-top: 24px;
}

.home-alt-page .hero-shell {
    border-radius: 44px 44px 145px 44px;
}

.alt-footer {
    background: var(--ink);
    color: #fff;
    padding-top: 0;
}

.alt-footer-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    padding: 72px 0 52px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.alt-footer-intro h2 {
    font: 800 clamp(3rem,6vw,6rem)/.88 Manrope;
    letter-spacing: -.075em;
    margin: 10px 0 0;
}

.alt-footer-form {
    display: flex;
    gap: 9px;
    padding: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

.alt-footer-form input {
    min-width: 0;
    flex: 1;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0 15px;
    outline: 0;
}

.alt-footer-grid {
    display: grid;
    grid-template-columns: 1.3fr repeat(3,.7fr);
    gap: 45px;
    padding: 52px 0;
}

.alt-footer-grid .brand {
    color: #fff;
}

.alt-footer-grid p {
    max-width: 360px;
    color: rgba(255,255,255,.55);
    line-height: 1.7;
}

.alt-footer-grid h4 {
    margin: 0 0 14px;
    font-family: Manrope;
}

.alt-footer-grid a {
    display: block;
    padding: 5px 0;
    color: rgba(255,255,255,.58);
}

.alt-footer-grid a:hover {
    color: var(--lime);
}

.alt-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.5);
    font-size: .8rem;
}

/* Enhanced About */

.about-team-section {
    margin-top: 95px;
}

.about-team-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.about-team-grid article {
    padding: 30px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--line);
    transition: .4s;
}

.about-team-grid article:nth-child(2) {
    border-radius: 80px 30px 30px 30px;
}

.about-team-grid article:nth-child(3) {
    border-radius: 30px 30px 90px 30px;
}

.about-team-grid article:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow);
}

.about-avatar {
    width: 84px;
    height: 84px;
    border-radius: 27px;
    display: grid;
    place-items: center;
    font: 900 1.45rem Manrope;
    margin-bottom: 28px;
}

.about-avatar-one {
    background: var(--lime);
}

.about-avatar-two {
    background: var(--peach);
}

.about-avatar-three {
    background: var(--blue);
}

.about-team-grid h3 {
    margin: 0 0 6px;
    font: 800 1.28rem Manrope;
}

.about-team-grid span {
    color: var(--muted);
    font-size: .77rem;
    font-weight: 800;
}

.about-team-grid p {
    color: var(--muted);
    line-height: 1.65;
}

.about-timeline-section {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 35px;
    margin-top: 95px;
    padding: 48px;
    border-radius: 36px 36px 115px 36px;
    background: var(--ink);
    color: #fff;
}

.about-timeline-copy h2 {
    font: 800 clamp(2.8rem,5vw,5rem)/.91 Manrope;
    letter-spacing: -.065em;
    margin: 14px 0;
}

.about-timeline-copy p {
    color: rgba(255,255,255,.62);
    line-height: 1.75;
}

.about-timeline {
    display: grid;
}

.about-timeline article {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.about-timeline b {
    color: var(--lime);
    font: 900 1.25rem Manrope;
}

.about-timeline h3 {
    margin: 0 0 5px;
    font: 800 1rem Manrope;
}

.about-timeline p {
    margin: 0;
    color: rgba(255,255,255,.55);
    font-size: .82rem;
    line-height: 1.6;
}

.about-closing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    margin-top: 95px;
    padding: 52px;
    border-radius: 38px 110px 38px 38px;
    background: var(--sage);
}

.about-closing h2 {
    font: 800 clamp(3rem,6vw,6rem)/.88 Manrope;
    letter-spacing: -.075em;
    margin: 10px 0 0;
}

.about-closing p {
    color: var(--muted);
    line-height: 1.7;
}

.about-closing-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

@media (max-width:980px) {
    .category-overview-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 360px;
    }

    .category-overview-card:first-child {
        grid-row: auto;
        grid-column: span 2;
    }

    .category-overview-card:nth-child(4) {
        grid-column: span 2;
    }

    .category-feature-row,.about-timeline-section {
        grid-template-columns: 1fr;
    }

    .collections-story-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 480px;
    }

    .alt-footer-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
    }

    .alt-footer-grid>div:last-child {
        grid-column: 2/4;
    }
}

@media (max-width:760px) {
    .category-overview-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
    }

    .category-overview-card {
        min-width: 86%;
        height: 430px;
        scroll-snap-align: start;
    }

    .category-feature-row {
        margin-top: 48px;
    }

    .category-feature-copy {
        padding: 34px 25px;
    }

    .category-feature-image {
        min-height: 420px;
    }

    .collections-story-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
    }

    .collection-story-card {
        min-width: 88%;
        height: 520px;
        scroll-snap-align: start;
    }

    .alt-header-top {
        grid-template-columns: auto 1fr auto;
    }

    .alt-header-nav {
        display: none;
    }

    .alt-brand {
        justify-self: center;
    }

    .alt-category-trigger span {
        display: none;
    }

    .alt-footer-intro,.about-closing {
        grid-template-columns: 1fr;
    }

    .alt-footer-form {
        flex-direction: column;
        border-radius: 22px;
        background: transparent;
        padding: 0;
    }

    .alt-footer-form input {
        min-height: 54px;
        border-radius: 999px;
        background: rgba(255,255,255,.08);
        padding: 0 17px;
    }

    .alt-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .alt-footer-grid>div:first-child,.alt-footer-grid>div:last-child {
        grid-column: 1/3;
    }

    .about-team-grid {
        grid-template-columns: 1fr;
    }

    .about-timeline-section,.about-closing {
        padding: 31px 24px;
    }
}

/* Zovelo v6.1 — repaired Editorial Store header and footer */

.home-alt-page .alt-header {
    position: sticky;
    top: 0;
    z-index: 80;
    padding: 0;
    background: rgba(249,248,243,.94);
    border-bottom: 1px solid rgba(21,23,20,.08);
    box-shadow: 0 10px 34px rgba(21,23,20,.045);
    backdrop-filter: blur(20px);
}

.home-alt-page .alt-header.scrolled {
    background: rgba(249,248,243,.98);
    border-color: rgba(21,23,20,.12);
    box-shadow: 0 18px 44px rgba(21,23,20,.085);
}

.home-alt-page .alt-header-note {
    background: var(--ink);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.home-alt-page .alt-header-note .container {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.home-alt-page .alt-header-note span,
.home-alt-page .alt-header-note a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.home-alt-page .alt-header-note a {
    color: var(--lime);
}

.home-alt-page .alt-header-top {
    min-height: 82px;
    height: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    padding-block: 12px;
}

.home-alt-page .alt-category-trigger {
    justify-self: start;
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 17px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--ink);
    font-weight: 900;
    transition: transform .3s ease,background .3s ease,border-color .3s ease;
}

.home-alt-page .alt-category-trigger:hover {
    transform: translateY(-2px);
    background: var(--lime);
    border-color: var(--lime);
}

.home-alt-page .alt-brand {
    justify-self: center;
    position: relative;
    padding-right: 84px;
    font-size: 1.42rem;
}

.home-alt-page .alt-brand small {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px 8px;
    border-radius: 999px;
    background: var(--sage);
    color: var(--muted);
    font: 800 .56rem/1 Inter,sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.home-alt-page .alt-header-top .header-actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-alt-page .alt-header-top .icon-btn {
    background: #fff;
    border-color: rgba(21,23,20,.1);
}

.home-alt-page .alt-header-top .icon-btn:hover {
    background: var(--lime);
}

.home-alt-page .alt-header-nav {
    border-top: 1px solid rgba(21,23,20,.07);
    background: rgba(255,255,255,.5);
}

.home-alt-page .alt-header-nav nav {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.home-alt-page .alt-header-nav a {
    position: relative;
    padding: 10px 15px;
    border-radius: 999px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    transition: color .25s ease,background .25s ease;
}

.home-alt-page .alt-header-nav a:hover {
    color: var(--ink);
    background: #fff;
}

.home-alt-page .alt-header-nav a.active {
    color: var(--ink);
    background: var(--lime);
}

/* Footer */

.home-alt-page .alt-footer {
    position: relative;
    overflow: hidden;
    padding: 0;
    background: radial-gradient(circle at 12% 0%,rgba(217,255,87,.12),transparent 25%),
    radial-gradient(circle at 92% 16%,rgba(153,194,255,.11),transparent 22%),
    var(--ink);
    color: #fff;
}

.home-alt-page .alt-footer:before {
    content: "";
    position: absolute;
    width: 340px;
    aspect-ratio: 1;
    right: -170px;
    top: 130px;
    border: 1px dashed rgba(255,255,255,.14);
    border-radius: 50%;
    animation: spin 28s linear infinite;
}

.home-alt-page .alt-footer .kicker {
    color: rgba(255,255,255,.72);
}

.home-alt-page .alt-footer .kicker:before {
    background: var(--lime);
}

.home-alt-page .alt-footer-intro {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr .88fr;
    gap: 65px;
    align-items: end;
    padding: 78px 0 58px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.home-alt-page .alt-footer-heading h2 {
    margin: 12px 0 18px;
    color: #fff;
    font: 800 clamp(3.4rem,6.7vw,6.8rem)/.84 Manrope,sans-serif;
    letter-spacing: -.08em;
}

.home-alt-page .alt-footer-heading p {
    max-width: 560px;
    margin: 0;
    color: rgba(255,255,255,.58);
    line-height: 1.7;
}

.home-alt-page .alt-footer-form {
    display: grid;
    gap: 10px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.home-alt-page .alt-footer-form label {
    color: rgba(255,255,255,.72);
    font-size: .73rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-alt-page .alt-footer-form>div {
    display: flex;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.075);
    backdrop-filter: blur(12px);
}

.home-alt-page .alt-footer-form input {
    flex: 1;
    min-width: 0;
    min-height: 50px;
    padding: 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
}

.home-alt-page .alt-footer-form input::placeholder {
    color: rgba(255,255,255,.38);
}

.home-alt-page .alt-footer-form small {
    color: rgba(255,255,255,.4);
}

.home-alt-page .alt-footer-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.35fr repeat(3,.65fr);
    gap: 52px;
    padding: 56px 0 50px;
}

.home-alt-page .alt-footer-brand p {
    max-width: 390px;
    color: rgba(255,255,255,.56);
    line-height: 1.7;
}

.home-alt-page .alt-footer .brand {
    color: #fff;
}

.home-alt-page .alt-footer .brand-mark {
    background: var(--lime);
    color: var(--ink);
}

.home-alt-page .alt-footer-grid h4 {
    margin: 0 0 16px;
    color: #fff;
    font: 800 .9rem Manrope,sans-serif;
}

.home-alt-page .alt-footer-grid a:not(.brand):not(.icon-btn) {
    display: block;
    width: max-content;
    max-width: 100%;
    padding: 5px 0;
    color: rgba(255,255,255,.57);
    transition: color .25s ease,transform .25s ease;
}

.home-alt-page .alt-footer-grid a:not(.brand):not(.icon-btn):hover {
    color: var(--lime);
    transform: translateX(3px);
}

.home-alt-page .alt-footer .socials .icon-btn {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
    color: #fff;
}

.home-alt-page .alt-footer-bottom {
    position: relative;
    z-index: 1;
    min-height: 76px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    padding: 18px 0 24px;
    border-top: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.46);
    font-size: .78rem;
}

.home-alt-page .alt-footer-bottom>span:last-child {
    justify-self: end;
}

.home-alt-page .alt-footer-payments {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.home-alt-page .alt-footer-payments span {
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 8px;
    color: rgba(255,255,255,.68);
    font-size: .62rem;
    font-weight: 900;
}

/* Editorial page spacing after the taller custom header */

.home-alt-page .hero {
    padding-top: 24px;
}

@media (max-width:1050px) {
    .home-alt-page .alt-brand {
        padding-right: 0;
    }

    .home-alt-page .alt-brand small {
        display: none;
    }

    .home-alt-page .alt-header-nav nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .home-alt-page .alt-header-nav nav::-webkit-scrollbar {
        display: none;
    }

    .home-alt-page .alt-header-nav a {
        white-space: nowrap;
    }

    .home-alt-page .alt-footer-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
    }

    .home-alt-page .alt-footer-grid>div:last-child {
        grid-column: 2/4;
    }
}

@media (max-width:760px) {
    .home-alt-page .alt-header-note .container {
        justify-content: center;
    }

    .home-alt-page .alt-header-note a {
        display: none;
    }

    .home-alt-page .alt-header-top {
        min-height: 72px;
        grid-template-columns: auto 1fr auto;
        padding-block: 8px;
    }

    .home-alt-page .alt-category-trigger {
        width: 46px;
        min-height: 46px;
        padding: 0;
        justify-content: center;
    }

    .home-alt-page .alt-category-trigger span {
        display: none;
    }

    .home-alt-page .alt-brand {
        justify-self: center;
        font-size: 1.16rem;
    }

    .home-alt-page .alt-brand .brand-mark {
        width: 35px;
        height: 35px;
    }

    .home-alt-page .alt-header-nav {
        display: none;
    }

    .home-alt-page .alt-footer-intro {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 58px 0 42px;
    }

    .home-alt-page .alt-footer-heading h2 {
        font-size: clamp(3.2rem,16vw,5.1rem);
    }

    .home-alt-page .alt-footer-form>div {
        flex-direction: column;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .home-alt-page .alt-footer-form input {
        min-height: 54px;
        padding: 0 17px;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 999px;
        background: rgba(255,255,255,.075);
    }

    .home-alt-page .alt-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 34px 26px;
        padding: 44px 0;
    }

    .home-alt-page .alt-footer-brand {
        grid-column: 1/3;
    }

    .home-alt-page .alt-footer-grid>div:last-child {
        grid-column: auto;
    }

    .home-alt-page .alt-footer-bottom {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .home-alt-page .alt-footer-bottom>span:last-child {
        justify-self: start;
    }

    .home-alt-page .alt-footer-payments {
        justify-content: flex-start;
    }
}

@media (max-width:480px) {
    .home-alt-page .alt-footer-grid {
        grid-template-columns: 1fr;
    }

    .home-alt-page .alt-footer-brand {
        grid-column: auto;
    }
}

/* v6.1 final logo badge spacing refinement */

.home-alt-page .alt-brand {
    padding-right: 0;
}

.home-alt-page .alt-brand small {
    position: static;
    transform: none;
    margin-left: 2px;
    flex: 0 0 auto;
}

@media (max-width:1050px) {
    .home-alt-page .alt-brand small {
        display: none;
    }
}