/* Motorium compact desktop v1
   Applies only to desktop screens; mobile remains unchanged. */

@media (min-width: 981px) {
    body {
        font-size: 14px;
    }

    .container {
        width: 91%;
        max-width: 1120px;
    }

    /* Header */
    .motorium-header {
        padding: 6px 0;
    }

    .motorium-header .container {
        min-height: 46px;
    }

    .logo-mark {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .logo-copy strong {
        font-size: 18px;
    }

    .logo-copy small {
        margin-top: 4px;
        font-size: 8px;
    }

    .motorium-header .navigation a {
        padding: 7px 9px;
        font-size: 13px;
    }

    .motorium-header .language-switcher {
        padding-left: 11px;
    }

    .motorium-header .language-switcher a {
        min-width: 31px;
        padding: 6px;
    }

    .header-login,
    .header-cart {
        min-height: 36px;
        padding: 7px 9px;
        font-size: 12px;
    }

    /* Homepage */
    .motorium-hero {
        padding-top: 34px;
    }

    .motorium-hero-grid {
        gap: 26px;
    }

    .motorium-hero-copy {
        padding-bottom: 27px;
    }

    .motorium-hero h1 {
        max-width: 570px;
        margin: 11px 0 13px;
        font-size: clamp(34px, 3.25vw, 45px);
    }

    .motorium-hero-copy > p {
        max-width: 560px;
        font-size: 14px;
        line-height: 1.55;
    }

    .motorium-search {
        max-width: 650px;
        margin-top: 18px;
        padding: 5px;
        border-radius: 12px;
    }

    .motorium-search input {
        font-size: 14px;
    }

    .motorium-search button {
        padding: 12px 20px;
    }

    .hero-actions {
        margin-top: 15px;
    }

    .primary-cta,
    .secondary-cta {
        min-height: 40px;
        padding: 10px 15px;
    }

    .motorium-hero-visual {
        min-height: 292px;
    }

    .hero-product-stage {
        width: min(100%, 278px);
        padding: 13px;
    }

    .hero-orbit-one {
        width: 320px;
        height: 320px;
    }

    .hero-orbit-two {
        width: 240px;
        height: 240px;
    }

    .hero-floating-card {
        padding: 9px 12px;
    }

    .hero-stats div {
        padding: 11px 0;
    }

    .home-section {
        padding: 56px 0;
    }

    .section-heading {
        margin-bottom: 22px;
    }

    .section-heading h2,
    .why-intro h2 {
        font-size: clamp(27px, 2.6vw, 34px);
    }

    .vehicle-selector-section {
        padding-top: 42px;
    }

    .vehicle-selector-premium,
    .vehicle-selector-card {
        padding: 22px;
    }

    .vehicle-selector-heading {
        margin-bottom: 20px;
    }

    .vehicle-selector-heading h2 {
        font-size: 25px;
    }

    .vehicle-selector-grid {
        gap: 11px;
    }

    .vehicle-selector-field select {
        padding: 10px 11px;
    }

    .vehicle-selector-submit {
        padding: 12px 18px;
    }

    .why-grid {
        gap: 38px;
    }

    .why-cards article {
        min-height: 175px;
        padding: 19px;
    }

    .why-cards h3 {
        margin-top: 30px;
    }

    .home-category-card {
        min-height: 94px;
        padding: 16px;
    }

    .featured-product-content {
        padding: 15px;
    }

    .featured-product-content h3 {
        min-height: 38px;
        font-size: 15px;
    }

    .brand-cloud a {
        padding: 12px 16px;
    }

    .b2b-card {
        padding: 34px;
    }

    .b2b-card h2 {
        font-size: clamp(26px, 2.7vw, 34px);
    }

    /* Product catalogue */
    .catalog-page {
        padding-top: 30px;
        padding-bottom: 64px;
    }

    .catalog-title {
        margin-bottom: 16px;
    }

    .catalog-title h1 {
        font-size: clamp(29px, 3vw, 37px);
    }

    .catalog-filters {
        gap: 10px;
        padding: 15px;
        border-radius: 13px;
    }

    .catalog-filters .catalog-filter-field input,
    .catalog-filters .catalog-filter-field select {
        min-height: 40px;
    }

    .catalog-filter-actions button,
    .catalog-filter-actions a {
        min-height: 38px;
    }

    .product-results {
        gap: 9px;
    }

    .product-result-card {
        gap: 17px;
        min-height: 128px;
        padding: 14px;
        border-radius: 13px;
    }

    .result-image {
        flex-basis: 112px;
        width: 112px;
        height: 98px;
    }

    .product-result-card h2 {
        margin: 5px 0;
        font-size: 16px;
    }

    .product-code,
    .details-link {
        font-size: 12px;
    }

    .product-result-meta {
        min-width: 170px;
        padding-left: 16px;
    }

    .product-result-meta strong {
        font-size: 19px;
    }

    .catalog-cart-form button,
    .catalog-cart-disabled {
        min-height: 36px;
    }

    .catalog-pagination {
        padding: 14px 18px;
    }

    /* Product detail */
    .product-page {
        padding: 25px 0 56px;
    }

    .product-detail {
        grid-template-columns: minmax(260px, .88fr) minmax(310px, 1.08fr) minmax(220px, .72fr);
        gap: 16px;
    }

    .product-gallery,
    .product-info,
    .purchase-card {
        padding: 18px;
        border-radius: 14px;
    }

    .product-info h1 {
        font-size: clamp(24px, 2.5vw, 31px);
    }

    .product-data div {
        padding: 9px 0;
    }

    .product-code-chips span {
        padding: 5px 7px;
    }

    .product-price {
        font-size: 25px;
    }

    .product-total-stock {
        padding: 10px;
    }

    .warehouse-stock div {
        padding: 8px 0;
    }

    .technical-section,
    .compatible-vehicles-section {
        padding: 20px;
    }

    .product-section-heading h2 {
        font-size: 22px;
    }

    .technical-table div {
        padding: 9px 0;
    }

    .compatible-vehicle-card {
        padding: 13px;
    }

    /* Cart and checkout */
    .cart-page {
        padding: 42px 0 70px;
    }

    .cart-page-heading h1 {
        font-size: 30px;
    }

    .cart-layout,
    .checkout-layout {
        gap: 19px;
    }

    .cart-items-card,
    .cart-summary-card,
    .checkout-card,
    .checkout-summary {
        padding: 21px;
        border-radius: 14px;
    }

    .cart-row {
        padding: 14px 0;
    }

    .cart-product > a {
        width: 76px;
        height: 70px;
    }

    .cart-summary-card h2,
    .checkout-card h2,
    .checkout-summary h2 {
        font-size: 21px;
    }

    .cart-summary-card > div {
        padding: 15px 0;
    }

    .checkout-page,
    .order-success-page {
        padding: 34px 0 62px;
    }

    .checkout-heading h1 {
        font-size: 30px;
    }

    .checkout-form-column {
        gap: 16px;
    }

    .choice-grid span,
    .checkout-card input,
    .checkout-card select,
    .checkout-card textarea {
        padding: 11px 12px;
    }

    .checkout-products,
    .checkout-summary dl > div {
        gap: 11px;
    }

    .success-card {
        max-width: 590px;
        padding: 34px;
    }

    /* Login, registration and account */
    .customer-account-page {
        padding: 39px 0 68px;
    }

    .customer-auth-card {
        max-width: 470px;
        padding: 27px;
    }

    .customer-register-card {
        max-width: 650px;
    }

    .customer-auth-card h1,
    .account-heading h1 {
        font-size: 30px;
    }

    .customer-auth-card form {
        gap: 14px;
    }

    .customer-auth-card input {
        padding: 11px 12px;
    }

    .account-layout {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 18px;
    }

    .account-profile-card,
    .account-orders-card {
        padding: 21px;
    }

    .account-avatar {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }

    .account-order-row {
        padding: 12px 0;
    }

    .order-detail-layout {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 18px;
    }

    /* Footer */
    .site-footer {
        padding: 48px 0 20px;
    }

    .footer-grid {
        gap: 36px;
    }

    .footer-brand p,
    .footer-grid > div > p {
        margin-top: 14px;
        line-height: 1.55;
    }

    .footer-grid h3 {
        margin-bottom: 15px;
    }

    .footer-grid > div > a:not(.motorium-logo) {
        margin: 9px 0;
    }

    .footer-bottom {
        margin-top: 38px;
        padding-top: 18px;
        font-size: 12px;
    }
}