/* Desktop composition — deliberately isolated from tablet and mobile. */
@media (min-width: 1001px) {
    body.home-page {
        background:
            radial-gradient(circle at 12% 28%, #ef65070b, transparent 30%),
            #0b0d0f;
    }

    .topbar {
        border-bottom-color: #ffffff14;
        box-shadow: 0 12px 35px #0003;
    }

    .topbar-inner {
        width: min(100%, 1380px);
        padding-inline: 38px;
        gap: 34px;
    }

    .desktop-nav {
        gap: 8px;
        padding: 0 12px;
        border: 1px solid #ffffff0d;
        border-radius: 15px;
        background: #ffffff05;
        height: 48px;
    }

    .desktop-nav a {
        height: 100%;
        padding-inline: 14px;
        border-bottom-width: 0;
        border-radius: 10px;
        transition: color 180ms ease, background 180ms ease;
    }

    .desktop-nav a:hover,
    .desktop-nav a.active {
        color: #fff;
        border-color: transparent;
        background: #ffffff0a;
    }

    .desktop-nav a.active {
        color: #ff9a43;
    }

    .location-pill {
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid #ffffff10;
        border-radius: 12px;
        background: #ffffff05;
    }

    .header-actions > a {
        transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
    }

    .header-actions > a:hover {
        transform: translateY(-2px);
        border-color: #ef650780;
        background: #ef650715;
    }

    .home-hero {
        height: 590px;
        background-position: center 58%;
        border-bottom: 1px solid #ffffff10;
    }

    .hero-overlay {
        background:
            radial-gradient(circle at 73% 46%, #ef65070d, transparent 28%),
            linear-gradient(90deg, #08090918, #08090958 42%, #080909e8 78%, #080909 100%),
            linear-gradient(0deg, #0b0d0f 0, transparent 32%);
    }

    .hero-content {
        width: min(1320px, calc(100% - 72px));
        padding-right: 24px;
    }

    .eyebrow {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 0 13px;
        border: 1px solid #ff9b4138;
        border-radius: 99px;
        background: #0d0f10b8;
        color: #ffac62;
        backdrop-filter: blur(12px);
    }

    .hero-content h1 {
        max-width: 650px;
        margin: 18px 0 15px;
        font-size: clamp(58px, 5vw, 74px);
        letter-spacing: -4px;
        text-wrap: balance;
    }

    .hero-status {
        padding-right: 4px;
        font-size: 14px;
    }

    .hero-search {
        width: min(660px, 100%);
        height: 66px;
        margin-top: 34px;
        padding-inline: 23px;
        border: 1px solid #ffffffa8;
        border-radius: 20px;
        box-shadow: 0 24px 65px #0008, 0 0 0 6px #ffffff08;
        transition: transform 180ms ease, box-shadow 180ms ease;
    }

    .hero-search:focus-within {
        transform: translateY(-2px);
        box-shadow: 0 28px 75px #0009, 0 0 0 6px #ef65071c;
    }

    .storefront {
        max-width: 1320px;
        margin-top: -54px;
        padding-inline: 20px;
    }

    .category-nav-shell {
        margin-inline: -2px;
        padding: 8px 10px 10px;
        border: 1px solid #ffffff12;
        border-radius: 24px;
        background: linear-gradient(180deg, #17191bf2, #0e1012ed);
        box-shadow: 0 22px 60px #0007;
    }

    .category-nav-shell.is-stuck {
        border-radius: 0 0 22px 22px;
        border-top-color: transparent;
    }

    .category-strip {
        gap: 8px;
        padding: 0;
    }

    .category-card {
        flex: 0 0 82px;
        min-width: 82px;
        height: 68px;
        gap: 5px;
        border-radius: 13px;
        background: linear-gradient(155deg, #292c2f, #191b1d);
        box-shadow: inset 0 1px #ffffff0a;
    }

    .category-card i {
        font-size: 21px;
        transition: transform 180ms ease;
    }

    .category-card:hover i,
    .category-card.active i {
        transform: translateY(-1px) scale(1.04);
    }

    .menu-section {
        min-height: 0;
        padding: 62px 0 58px;
    }

    .category-menu-section + .category-menu-section {
        border-top-color: #ffffff17;
    }

    .section-heading {
        align-items: center;
        margin-bottom: 24px;
    }

    .section-heading h2 {
        margin: 5px 0 0;
        font-size: 31px;
        letter-spacing: -1px;
    }

    .section-heading > a,
    .section-heading > small {
        min-height: 36px;
        display: inline-flex;
        align-items: center;
        padding: 0 13px;
        border: 1px solid #ffffff12;
        border-radius: 10px;
        background: #ffffff05;
    }

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

    .product-grid:has(> .product-card:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-grid:has(> .product-card:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-card {
        border-color: #ffffff18;
        background: linear-gradient(155deg, #222527, #141618);
        box-shadow: 0 12px 35px #0002;
    }

    .product-image {
        height: 225px;
    }

    .product-body {
        padding: 18px;
    }

    .product-body h3 {
        margin-top: 9px;
        font-size: 18px;
    }

    .product-body p {
        height: 60px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #b0aba4;
    }

    .product-body footer {
        padding-top: 14px;
        border-top: 1px solid #ffffff0d;
    }

    .price strong {
        font-size: 17px;
    }

    .product-grid:has(> .product-card:only-child) {
        grid-template-columns: 1fr;
    }

    .product-grid > .product-card:only-child {
        min-height: 360px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(440px, .95fr);
        border-radius: 26px;
    }

    .product-grid > .product-card:only-child .product-image {
        grid-column: 2;
        grid-row: 1;
        height: 100%;
        min-height: 360px;
    }

    .product-grid > .product-card:only-child .product-body {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 44px;
    }

    .product-grid > .product-card:only-child .product-body h3 {
        margin: 12px 0;
        font-size: 30px;
    }

    .product-grid > .product-card:only-child .product-body p {
        height: auto;
        display: block;
        max-width: 560px;
        font-size: 13px;
        line-height: 2;
    }

    .product-grid > .product-card:only-child .product-body footer {
        margin-top: 34px;
    }

    .promise-strip {
        padding-block: 28px;
        background: linear-gradient(135deg, #1c1f21, #121416);
    }

    .promise-strip > div {
        min-height: 60px;
    }

    .service-area-showcase {
        border-radius: 28px;
        box-shadow: 0 20px 60px #0003;
    }
}

@media (min-width: 1001px) and (max-width: 1180px) {
    .topbar-inner {
        gap: 16px;
        padding-inline: 20px;
    }

    .desktop-nav a {
        padding-inline: 9px;
    }

    .category-card {
        flex-basis: 74px;
        min-width: 74px;
        height: 66px;
    }

    .product-grid {
        gap: 13px;
    }

    .product-grid > .product-card:only-child {
        grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);
    }
}