/*
 * PETWILD final refinement layer.
 *
 * Ownership remains native:
 * - Blocksy: Header, Footer, Product Archive, Single Product
 * - Elementor: Home, About, FAQ, Contact page content
 * - WooCommerce/YITH: commerce and wishlist data/behaviour
 *
 * This file only resolves presentation and responsive composition gaps.
 */

:root {
    --petwild-ink: #4a4a4a;
    --petwild-muted: #77736b;
    --petwild-gold: #a0845c;
    --petwild-green: #84a98c;
    --petwild-canvas: #f8f6f0;
    --petwild-paper: #ffffff;
    --petwild-line: rgba(74, 74, 74, 0.14);
    --petwild-radius: 8px;
    --petwild-content: 1280px;
}

html,
body.petwild-site {
    max-width: 100%;
    overflow-x: clip;
}

body.petwild-site,
body.petwild-site button,
body.petwild-site input,
body.petwild-site select,
body.petwild-site textarea {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.petwild-site :focus-visible {
    outline: 2px solid var(--petwild-gold);
    outline-offset: 3px;
}

body.petwild-site img {
    height: auto;
}

/* Header, mobile drawer, and search are all native Blocksy components. */
body.petwild-site #header [data-device="mobile"] {
    min-height: 70px;
}

body.petwild-site #header [data-device="mobile"] .site-logo-container {
    display: inline-flex;
    width: auto;
    min-width: 76px;
    align-items: center;
}

body.petwild-site #header [data-device="mobile"] .site-logo-container img {
    display: block;
    width: 76px !important;
    max-width: 76px !important;
    max-height: 52px !important;
    object-fit: contain;
}

body.petwild-site #header [data-device="mobile"] [data-id="search"],
body.petwild-site #header [data-device="mobile"] [data-id="cart"],
body.petwild-site #header [data-device="mobile"] [data-id="trigger"],
body.petwild-site #header [data-device="mobile"] .ct-header-search,
body.petwild-site #header [data-device="mobile"] .ct-header-cart,
body.petwild-site #header [data-device="mobile"] .ct-header-trigger {
    min-width: 44px;
    min-height: 44px;
}

body.petwild-site #offcanvas {
    --theme-link-initial-color: var(--petwild-ink);
    --theme-link-hover-color: var(--petwild-gold);
}

body.petwild-site #offcanvas .ct-panel-inner {
    right: 0 !important;
    left: auto !important;
    width: min(88vw, 360px) !important;
    max-width: calc(100vw - 32px) !important;
    background: var(--petwild-paper) !important;
    box-shadow: -18px 0 48px rgba(34, 36, 30, 0.14);
}

body.petwild-site #offcanvas.active .ct-panel-inner {
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
}

body.petwild-site #offcanvas .ct-panel-actions {
    padding: 16px;
}

body.petwild-site #offcanvas .ct-toggle-close,
body.petwild-site #search-modal .ct-toggle-close {
    display: inline-flex;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    color: var(--petwild-ink) !important;
}

body.petwild-site #offcanvas .ct-toggle-close svg,
body.petwild-site #search-modal .ct-toggle-close svg {
    width: 16px;
    height: 16px;
}

body.petwild-site #offcanvas .ct-panel-content {
    padding: 22px 24px 36px;
    overflow-y: auto;
}

body.petwild-site #offcanvas .mobile-menu {
    width: 100%;
}

body.petwild-site #offcanvas .mobile-menu li,
body.petwild-site #offcanvas .mobile-menu a {
    width: 100%;
}

body.petwild-site #offcanvas .mobile-menu a {
    display: flex;
    min-height: 52px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid var(--petwild-line);
    color: var(--petwild-ink) !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}

body.petwild-site #offcanvas .mobile-menu .current-menu-item > a,
body.petwild-site #offcanvas .mobile-menu .current_page_item > a {
    color: var(--petwild-gold) !important;
}

body.petwild-site #offcanvas [data-id="button"],
body.petwild-site #offcanvas [data-id="socials"] {
    display: none !important;
}

body.petwild-site #search-modal {
    background: rgba(248, 246, 240, 0.98) !important;
    color: var(--petwild-ink);
}

body.petwild-site #search-modal .ct-panel-actions {
    top: 10px;
    right: 14px;
}

body.petwild-site #search-modal .ct-panel-content {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    padding: 76px 16px 32px;
    color: var(--petwild-ink);
    transform: none !important;
}

body.petwild-site #search-modal .ct-search-form {
    width: min(100%, 680px);
    height: auto;
    margin: 0;
}

body.petwild-site #search-modal .ct-search-form-inner {
    min-height: 60px;
    border: 1px solid rgba(160, 132, 92, 0.45);
    border-radius: var(--petwild-radius);
    background: var(--petwild-paper);
    box-shadow: 0 14px 40px rgba(74, 74, 74, 0.08);
}

body.petwild-site #search-modal input.modal-field {
    min-width: 0;
    min-height: 58px;
    padding: 0 18px;
    color: var(--petwild-ink) !important;
    font-size: 16px;
}

body.petwild-site #search-modal input.modal-field::placeholder {
    color: rgba(74, 74, 74, 0.54);
    opacity: 1;
}

body.petwild-site #search-modal .ct-search-form button[type="submit"] {
    width: 56px;
    min-width: 56px;
    min-height: 58px;
    color: var(--petwild-ink);
}

/* Footer remains native Blocksy widget content. */
body.petwild-site #footer .petwild-payment-icons {
    display: none !important;
}

body.petwild-site #footer .petwild-footer-contact li:empty {
    display: none;
}

body.petwild-site #footer .petwild-footer-socials.wp-block-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
}

body.petwild-site #footer .petwild-footer-socials.wp-block-social-links .wp-social-link {
    display: inline-flex;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(160, 132, 92, 0.28);
    border-radius: 50%;
    background: var(--petwild-paper) !important;
    color: var(--petwild-ink) !important;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

body.petwild-site #footer .petwild-footer-socials.wp-block-social-links .wp-social-link:hover {
    border-color: var(--petwild-gold);
    background: var(--petwild-gold) !important;
    color: #fff !important;
    transform: none;
}

body.petwild-site #footer .petwild-footer-socials .wp-block-social-link-anchor {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    color: inherit !important;
}

body.petwild-site #footer .petwild-footer-socials svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
    stroke: none !important;
    transform: none !important;
}

body.petwild-site #footer .petwild-footer-socials svg path {
    fill: currentColor !important;
    stroke: none !important;
}

/* Shared Elementor content refinements. */
body.petwild-site .petwild-section > .elementor-container,
body.petwild-site .petwild-section > .e-con-inner {
    width: min(100%, var(--petwild-content));
    max-width: var(--petwild-content);
}

body.petwild-site .petwild-accordion .elementor-tab-title {
    position: relative;
    min-height: 56px;
    padding-right: 64px !important;
}

body.petwild-site .petwild-accordion .elementor-accordion-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

body.petwild-site .petwild-contact-info-panel .elementor-icon-box-wrapper {
    align-items: center;
}

body.petwild-site .petwild-contact-info-panel .elementor-icon-box-icon {
    flex: 0 0 44px;
    margin: 0 14px 0 0 !important;
}

body.petwild-site .petwild-contact-info-panel .elementor-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
}

body.petwild-site .petwild-contact-info-panel .elementor-icon-box-content {
    min-width: 0;
}

body.petwild-site .petwild-contact-info-panel .elementor-widget-icon-box a {
    color: inherit;
}

/* Native WooCommerce archive cards. */
body.petwild-site ul.products {
    align-items: stretch;
}

body.petwild-site ul.products li.product {
    min-width: 0;
}

body.petwild-site ul.products li.product .ct-media-container,
body.petwild-site ul.products li.product .woocommerce-loop-product__link img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

body.petwild-site ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    min-height: 2.8em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.petwild-site ul.products li.product .price {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 2px 5px;
    white-space: normal !important;
    overflow: visible !important;
}

body.petwild-site ul.products li.product .button {
    min-height: 44px;
    align-items: center;
    justify-content: center;
}

/* Native WooCommerce single-product presentation. */
body.petwild-site.single-product select.petwild-native-variation-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
}

body.petwild-site.single-product .petwild-variation-swatches {
    width: 100%;
}

body.petwild-site.single-product .petwild-variation-swatch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--petwild-line);
    border-radius: 6px;
    background: transparent;
    color: var(--petwild-ink);
}

body.petwild-site.single-product .petwild-variation-swatch.is-selected {
    border-color: var(--petwild-gold);
    box-shadow: inset 0 0 0 1px var(--petwild-gold);
    color: var(--petwild-gold);
}

body.petwild-site.single-product .petwild-product-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.petwild-site.single-product .petwild-product-features li {
    position: relative;
    min-height: 28px;
    padding: 3px 0 3px 34px;
}

body.petwild-site.single-product .petwild-product-features li::before {
    content: "✓";
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--petwild-green);
    border-radius: 50%;
    color: var(--petwild-green);
    font-size: 13px;
    font-weight: 700;
}

body.petwild-site.single-product .woocommerce-variation-price {
    margin: 12px 0 0;
}

body.petwild-site.single-product .woocommerce-variation-price:empty {
    display: none;
}

body.petwild-site.single-product .entry-summary .posted_in {
    font-size: 0 !important;
}

body.petwild-site.single-product .entry-summary .posted_in a {
    font-size: 12px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.petwild-site.single-product .reset_variations {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    margin-top: 8px;
    color: var(--petwild-muted);
    font-size: 13px;
}

body.petwild-site.single-product .woocommerce-tabs ul.tabs li a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* WooCommerce utility pages. */
body.petwild-site .woocommerce form .form-row {
    min-width: 0;
}

body.petwild-site .woocommerce form input.input-text,
body.petwild-site .woocommerce form textarea,
body.petwild-site .woocommerce form select,
body.petwild-site .woocommerce .select2-selection {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
}

body.petwild-site.woocommerce-cart dl.variation {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 6px 0 0;
    color: var(--petwild-muted);
    font-size: 14px;
}

body.petwild-site.woocommerce-cart dl.variation dt,
body.petwild-site.woocommerce-cart dl.variation dd,
body.petwild-site.woocommerce-cart dl.variation p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.petwild-site.woocommerce-cart dl.variation dt {
    font-weight: 600;
}

body.petwild-site.woocommerce-checkout .blockUI.blockOverlay,
body.petwild-site.woocommerce-checkout .blockUI.blockMsg {
    border-radius: var(--petwild-radius);
}

body.petwild-site.woocommerce-checkout .blockUI.blockOverlay:not([style*="display: block"]),
body.petwild-site.woocommerce-checkout .blockUI.blockMsg:not([style*="display: block"]),
body.petwild-site.woocommerce-checkout .woocommerce-checkout-review-order .ct-ajax-loader:not(.active),
body.petwild-site.woocommerce-checkout .woocommerce-checkout-review-order .loader:not(.active) {
    display: none !important;
}

body.petwild-site.woocommerce-account .woocommerce-form-login,
body.petwild-site.woocommerce-account .woocommerce-form-register {
    width: min(100%, 520px);
    max-width: 520px;
    margin-inline: auto;
}

body.petwild-site.woocommerce-account .woocommerce-form-row,
body.petwild-site.woocommerce-account .woocommerce-form-row input {
    width: 100%;
}

body.petwild-site.woocommerce-account .password-input {
    position: relative;
    display: block;
    width: 100%;
}

body.petwild-site.woocommerce-account .password-input > .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%) !important;
}

body.petwild-site.woocommerce-account .password-input > .show-password-input ~ .show-password-input,
body.petwild-site.woocommerce-account .password-input > button:not(.show-password-input),
body.petwild-site.woocommerce-account .password-input > span:not(.show-password-input) {
    display: none !important;
}

body.petwild-site.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 8px;
}

body.petwild-site.woocommerce-account .woocommerce-form-login__rememberme input {
    width: 20px;
    height: 20px;
}

body.petwild-site .yith-wcwl-form .wishlist-title h2 {
    color: var(--petwild-ink);
}

body.petwild-site.page-id-2345 .wishlist-title-container {
    display: none !important;
}

body.petwild-site .petwild-wishlist-shop-link {
    margin-top: 28px;
}

body.petwild-site .petwild-wishlist-shop-link .wp-block-button__link {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--petwild-gold);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

body.petwild-site .track_order .button {
    min-height: 48px;
}

@media (min-width: 1024px) {
    body.petwild-site.woocommerce-checkout .ct-order-review {
        position: sticky;
        top: 104px;
        align-self: start;
    }
}

/* Tablet is a real composition, not a compressed desktop layout. */
@media (min-width: 768px) and (max-width: 1023px) {
    body.petwild-site .petwild-section {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }

    body.petwild-site .petwild-section > .elementor-container,
    body.petwild-site .petwild-section > .e-con-inner {
        width: 100% !important;
        max-width: var(--petwild-content) !important;
    }

    body.petwild-site .petwild-categories > .elementor-container,
    body.petwild-site .petwild-values > .elementor-container,
    body.petwild-site .petwild-trust > .elementor-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    body.petwild-site .petwild-featured ul.products,
    body.petwild-site.post-type-archive-product ul.products,
    body.petwild-site.tax-product_cat ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.petwild-site .petwild-story > .elementor-container,
    body.petwild-site .petwild-about-story > .elementor-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 40px !important;
    }

    body.petwild-site .petwild-about-values > .elementor-container {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    body.petwild-site .petwild-about-values .elementor-column {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.petwild-site .petwild-contact-main > .elementor-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr) !important;
        gap: 32px !important;
    }

    body.petwild-site .petwild-contact-main .elementor-column {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.petwild-site.single-product .product-entry-wrapper {
        grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr) !important;
        gap: 36px !important;
        padding-inline: 32px !important;
    }

    body.petwild-site.single-product .petwild-variation-swatches {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.petwild-site.single-product .woocommerce-tabs ul.tabs {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0 !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px !important;
        padding: 54px 32px 42px !important;
    }

    body.petwild-site.woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 32px !important;
    }

    body.petwild-site.woocommerce-checkout .ct-customer-details,
    body.petwild-site.woocommerce-checkout .ct-order-review,
    body.petwild-site.woocommerce-checkout #customer_details,
    body.petwild-site.woocommerce-checkout #order_review {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }
}

/* Mobile rebuild. */
@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site {
        --theme-content-vertical-spacing: 48px;
        font-size: 15px;
        line-height: 1.6;
    }

    body.petwild-site .petwild-section {
        padding: 48px 16px !important;
    }

    body.petwild-site .petwild-inner-hero,
    body.petwild-site .petwild-woo-hero {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    body.petwild-site h1,
    body.petwild-site .petwild-inner-hero h1,
    body.petwild-site .hero-section h1 {
        font-size: clamp(28px, 8vw, 34px) !important;
        line-height: 1.18 !important;
    }

    body.petwild-site h2 {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    body.petwild-site h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    body.petwild-site p,
    body.petwild-site li,
    body.petwild-site label {
        font-size: 15px;
        line-height: 1.6;
    }

    body.petwild-site .elementor-button,
    body.petwild-site .button,
    body.petwild-site button {
        font-size: 14px;
    }

    body.petwild-site .petwild-hero {
        min-height: 0 !important;
        padding: 0 !important;
    }

    body.petwild-site .petwild-hero .petwild-hero-copy {
        padding: 42px 16px 18px !important;
    }

    body.petwild-site .petwild-hero .petwild-hero-copy .elementor-widget {
        margin-bottom: 14px !important;
    }

    body.petwild-site .petwild-hero .petwild-hero-copy .elementor-button {
        min-height: 50px;
        padding: 12px 28px;
    }

    body.petwild-site .petwild-categories > .elementor-container,
    body.petwild-site .petwild-values > .elementor-container,
    body.petwild-site .petwild-story > .elementor-container,
    body.petwild-site .petwild-trust > .elementor-container,
    body.petwild-site .petwild-about-story > .elementor-container,
    body.petwild-site .petwild-materials > .elementor-container,
    body.petwild-site .petwild-about-values > .elementor-container,
    body.petwild-site .petwild-contact-main > .elementor-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
    }

    body.petwild-site .petwild-category-card {
        min-height: 420px !important;
        overflow: hidden;
        border-radius: var(--petwild-radius) !important;
    }

    body.petwild-site .petwild-category-card > .elementor-widget-wrap {
        justify-content: flex-end !important;
        padding: 28px 24px !important;
        background: linear-gradient(180deg, rgba(18, 21, 18, 0) 46%, rgba(18, 21, 18, 0.66) 100%);
    }

    body.petwild-site .petwild-category-card .elementor-widget-text-editor {
        max-width: 28em;
    }

    body.petwild-site .petwild-values > .elementor-container {
        gap: 20px !important;
    }

    body.petwild-site .petwild-values .elementor-widget-icon-box {
        margin: 0 !important;
    }

    body.petwild-site .petwild-story .petwild-story-copy {
        order: 2;
    }

    body.petwild-site .petwild-story .petwild-story-image {
        order: 1;
    }

    body.petwild-site .petwild-contact-main .elementor-column {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.petwild-site .petwild-contact-info-panel > .elementor-widget-wrap {
        padding: 26px 20px !important;
    }

    body.petwild-site .petwild-contact-info-panel .elementor-widget-icon-box {
        margin-bottom: 12px !important;
    }

    body.petwild-site .petwild-contact-info-panel .elementor-icon-box-wrapper {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: center !important;
        text-align: left !important;
    }

    body.petwild-site .petwild-contact-info-panel .elementor-icon-box-icon {
        margin: 0 !important;
    }

    body.petwild-site .petwild-contact-form .elementor-form-fields-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    body.petwild-site .petwild-contact-form .elementor-field-group,
    body.petwild-site .petwild-contact-form .elementor-field-type-submit {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.petwild-site .petwild-contact-form .elementor-field,
    body.petwild-site .petwild-contact-form .elementor-button {
        width: 100% !important;
        min-height: 50px !important;
    }

    body.petwild-site .petwild-contact-form textarea.elementor-field {
        min-height: 144px !important;
    }

    body.petwild-site .petwild-accordion .elementor-tab-title {
        padding: 17px 58px 17px 0 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    body.petwild-site .petwild-accordion .elementor-tab-content {
        padding: 2px 0 20px !important;
    }

    body.petwild-site .petwild-shop-categories {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: calc(100vw - 32px) !important;
        max-width: 100% !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 0 4px !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    body.petwild-site .petwild-shop-categories::-webkit-scrollbar {
        display: none;
    }

    body.petwild-site .petwild-shop-categories a {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        min-height: 46px !important;
        padding: 10px 16px !important;
        scroll-snap-align: start;
        font-size: 13px !important;
        white-space: nowrap;
    }

    body.petwild-site.post-type-archive-product .woo-listing-top,
    body.petwild-site.tax-product_cat .woo-listing-top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.petwild-site .petwild-ordering-label {
        margin: 0 !important;
        font-size: 13px;
    }

    body.petwild-site .woocommerce-ordering,
    body.petwild-site .woocommerce-ordering select {
        width: 100% !important;
        max-width: none !important;
        min-height: 48px !important;
    }

    body.petwild-site.post-type-archive-product ul.products,
    body.petwild-site.tax-product_cat ul.products,
    body.petwild-site .petwild-featured ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 10px !important;
    }

    body.petwild-site ul.products li.product {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.petwild-site ul.products li.product .woocommerce-loop-product__title {
        min-height: 2.7em;
        margin-top: 12px !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    body.petwild-site ul.products li.product .price {
        min-height: 2.5em;
        font-size: 14px !important;
        line-height: 1.35 !important;
        word-break: normal;
    }

    body.petwild-site ul.products li.product .button {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 44px !important;
        margin-top: 10px !important;
        padding: 9px 8px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        text-align: center;
    }

    body.petwild-site.single-product .ct-breadcrumbs {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.petwild-site.single-product .product-entry-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        width: 100% !important;
        padding: 24px 16px 0 !important;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-view {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: var(--petwild-radius) !important;
        background: #f4f1e9 !important;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-view figure,
    body.petwild-site.single-product .woocommerce-product-gallery .flexy-view img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-pills {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-pills::-webkit-scrollbar {
        display: none;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-pills ol {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
        gap: 8px !important;
        transform: none !important;
    }

    body.petwild-site.single-product .woocommerce-product-gallery .flexy-pills li,
    body.petwild-site.single-product .woocommerce-product-gallery .flexy-pills li:nth-child(n + 5) {
        display: block !important;
        flex: 0 0 72px !important;
        width: 72px !important;
        height: 72px !important;
    }

    body.petwild-site.single-product .entry-summary .product_title {
        font-size: 28px !important;
        line-height: 1.18 !important;
    }

    body.petwild-site.single-product .entry-summary > .price {
        font-size: 24px !important;
        line-height: 1.35 !important;
    }

    body.petwild-site.single-product .petwild-variation-swatches {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.petwild-site.single-product .petwild-variation-swatch {
        min-height: 48px !important;
        padding: 8px 4px;
        font-size: 14px !important;
    }

    body.petwild-site.single-product .entry-summary form.cart .ct-cart-actions {
        display: grid !important;
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 50px !important;
    }

    body.petwild-site.single-product .entry-summary form.cart .quantity,
    body.petwild-site.single-product .entry-summary form.cart .quantity .qty {
        width: 68px !important;
        min-width: 68px !important;
        height: 50px !important;
        min-height: 50px !important;
    }

    body.petwild-site.single-product .entry-summary form.cart .single_add_to_cart_button {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
    }

    body.petwild-site.single-product .woocommerce-tabs {
        margin-top: 52px !important;
    }

    body.petwild-site.single-product .woocommerce-tabs ul.tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        overflow: visible !important;
        padding: 0 16px !important;
    }

    body.petwild-site.single-product .woocommerce-tabs ul.tabs li,
    body.petwild-site.single-product .woocommerce-tabs ul.tabs li a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    body.petwild-site.single-product .woocommerce-Tabs-panel,
    body.petwild-site.single-product .related {
        width: calc(100% - 32px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.petwild-site.woocommerce-cart .ct-woocommerce-cart-form,
    body.petwild-site.woocommerce-checkout form.checkout,
    body.petwild-site.woocommerce-account .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        width: 100% !important;
    }

    body.petwild-site .petwild-woo-page > .elementor-container,
    body.petwild-site .petwild-woo-page > .e-con-inner {
        width: 100% !important;
        max-width: none !important;
    }

    body.petwild-site .petwild-woo-page > .elementor-container > .elementor-column,
    body.petwild-site .petwild-woo-page > .elementor-container > .elementor-column > .elementor-widget-wrap {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.petwild-site .petwild-woo-page .petwild-woo-surface,
    body.petwild-site .petwild-woo-page .petwild-woo-surface > .elementor-widget-container,
    body.petwild-site .petwild-woo-page .petwild-woo-surface .elementor-shortcode,
    body.petwild-site .petwild-woo-page .petwild-woo-surface .woocommerce {
        width: 100% !important;
        max-width: none !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) 44px !important;
        gap: 8px 14px !important;
        align-items: start !important;
        padding: 18px 0 !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail {
        grid-column: 1;
        grid-row: 1 / span 4;
        width: 88px !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 88px !important;
        height: 88px !important;
        object-fit: cover;
        border-radius: 6px;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-name,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-price,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-quantity,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal {
        grid-column: 2;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-remove {
        grid-column: 3;
        grid-row: 1;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-remove .remove,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form__cart-item .product-mobile-actions .remove {
        display: inline-flex !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form .actions,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body.petwild-site.woocommerce-cart .woocommerce-cart-form .actions > *,
    body.petwild-site.woocommerce-cart .woocommerce-cart-form .coupon > *,
    body.petwild-site.woocommerce-cart .cart_totals .checkout-button {
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
    }

    body.petwild-site.woocommerce-checkout .ct-customer-details,
    body.petwild-site.woocommerce-checkout .ct-order-review,
    body.petwild-site.woocommerce-checkout #customer_details,
    body.petwild-site.woocommerce-checkout #order_review,
    body.petwild-site.woocommerce-checkout #payment {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.petwild-site.woocommerce-checkout .ct-order-review,
    body.petwild-site.woocommerce-checkout #order_review {
        margin-top: 8px !important;
    }

    body.petwild-site.woocommerce-checkout #place_order {
        width: 100% !important;
        min-height: 50px !important;
    }

    body.petwild-site.woocommerce-account .woocommerce-form-login,
    body.petwild-site.woocommerce-account .woocommerce-form-register,
    body.petwild-site.woocommerce-account .woocommerce-MyAccount-navigation,
    body.petwild-site.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.petwild-site .wishlist_table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    body.petwild-site .petwild-wishlist-shop-link .wp-block-button,
    body.petwild-site .petwild-wishlist-shop-link .wp-block-button__link,
    body.petwild-site .track_order .button {
        width: 100%;
    }

    body.petwild-site.error404 .hero-section,
    body.petwild-site.error404 .entry-content {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        width: 100% !important;
        padding: 36px 16px 28px !important;
        text-align: left !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column] {
        height: auto !important;
        min-height: 0 !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column="widget-area-1"] {
        max-width: 300px;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column="widget-area-2"] .widget-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 18px !important;
        margin: 0 !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column="widget-area-2"] .widget-menu li:nth-child(n + 4),
    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column="widget-area-3"] .petwild-footer-contact li:nth-child(n + 2) {
        display: none !important;
    }

    body.petwild-site #footer [data-row="top"] > .ct-container > [data-column="widget-area-4"] {
        display: none !important;
    }

    body.petwild-site #footer [data-row="bottom"] .ct-container {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
}

@media (max-width: 359px) {
    body.petwild-site #header [data-device="mobile"] .site-logo-container {
        min-width: 68px;
    }

    body.petwild-site #header [data-device="mobile"] .site-logo-container img {
        width: 68px !important;
        max-width: 68px !important;
    }

    body.petwild-site.post-type-archive-product ul.products,
    body.petwild-site.tax-product_cat ul.products,
    body.petwild-site .petwild-featured ul.products {
        gap: 20px 8px !important;
    }

    body.petwild-site.single-product .entry-summary form.cart .ct-cart-actions {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        gap: 8px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site .ct-cart-content {
        right: 12px !important;
        left: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: 360px !important;
    }

    body.petwild-site .ct-cart-content,
    body.petwild-site .ct-cart-content * {
        max-width: 100% !important;
    }

    body.petwild-site .petwild-category-card {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        margin: 0 !important;
        border-radius: 8px !important;
    }

    body.petwild-site .petwild-category-card > .elementor-widget-wrap {
        min-height: 260px !important;
        padding: 20px !important;
        justify-content: flex-end !important;
        background:
            linear-gradient(180deg, rgba(18, 21, 18, 0) 34%, rgba(18, 21, 18, 0.72) 100%) !important;
    }

    body.petwild-site .petwild-category-card .elementor-heading-title {
        margin: 0 !important;
        color: #fff !important;
        font-size: 23px !important;
        line-height: 1.18 !important;
    }

    body.petwild-site .petwild-category-card .elementor-widget-text-editor {
        display: none !important;
    }

    body.petwild-site .petwild-category-card .elementor-button {
        min-height: 42px !important;
        padding: 8px 0 !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        text-align: left !important;
        box-shadow: none !important;
    }

    body.petwild-site .petwild-shop-categories {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
    }

    body.petwild-site .petwild-shop-categories a {
        display: flex !important;
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 8px 10px !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    body.petwild-site .petwild-shop-categories a:nth-child(3) {
        grid-column: 1 / -1;
    }

    body.petwild-site.post-type-archive-product .woo-listing-top,
    body.petwild-site.tax-product_cat .woo-listing-top {
        gap: 14px !important;
    }

    body.petwild-site.post-type-archive-product ul.products,
    body.petwild-site.tax-product_cat ul.products,
    body.petwild-site .petwild-featured ul.products,
    body.petwild-site.single-product .related ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
        align-items: start !important;
    }

    body.petwild-site ul.products li.product {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 14px !important;
        overflow: hidden !important;
    }

    body.petwild-site ul.products li.product figure,
    body.petwild-site ul.products li.product .ct-media-container {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        margin-bottom: 12px !important;
        border-radius: 8px !important;
    }

    body.petwild-site ul.products li.product .woocommerce-loop-product__title {
        min-height: 2.7em !important;
        margin: 0 !important;
        padding: 0 10px !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    body.petwild-site ul.products li.product .price {
        display: block !important;
        min-height: 0 !important;
        margin: 6px 0 0 !important;
        padding: 0 10px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.petwild-site ul.products li.product .price .screen-reader-text,
    body.petwild-site ul.products li.product .button .screen-reader-text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    body.petwild-site.post-type-archive-product ul.products li.product .button,
    body.petwild-site.tax-product_cat ul.products li.product .button,
    body.petwild-site .petwild-featured ul.products li.product .button,
    body.petwild-site.single-product .related ul.products li.product .button {
        display: none !important;
    }
}

@media (min-width: 768px) {
    body.petwild-site.page-id-2345 .hero-section .page-title {
        font-size: 44px !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site.post-type-archive-product .woo-listing-top,
    body.petwild-site.tax-product_cat .woo-listing-top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        margin: 0 0 24px !important;
        padding: 0 0 18px !important;
        border-bottom: 1px solid rgba(74, 74, 74, 0.10) !important;
    }

    body.petwild-site .petwild-shop-categories {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.petwild-site .petwild-shop-categories a {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 8px 10px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(74, 74, 74, 0.12) !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #4a4a4a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        box-shadow: none !important;
    }

    body.petwild-site .petwild-shop-categories a:nth-child(3) {
        grid-column: 1 / -1 !important;
    }

    body.petwild-site .petwild-shop-categories a[aria-current="page"] {
        border-color: var(--petwild-wood) !important;
        background: var(--petwild-wood) !important;
        color: #fff !important;
    }

    body.petwild-site .petwild-shop-categories a[aria-current="page"]::after {
        display: none !important;
        content: none !important;
    }

    body.petwild-site .petwild-ordering-label {
        grid-column: 1 / -1 !important;
        margin: 2px 0 -6px !important;
        color: rgba(74, 74, 74, 0.62) !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    body.petwild-site.post-type-archive-product .woocommerce-ordering,
    body.petwild-site.tax-product_cat .woocommerce-ordering {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    body.petwild-site.post-type-archive-product .woocommerce-ordering select,
    body.petwild-site.tax-product_cat .woocommerce-ordering select {
        width: 100% !important;
        min-height: 48px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
    }

    body.petwild-site.post-type-archive-product ul.products,
    body.petwild-site.tax-product_cat ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
        margin-top: 0 !important;
    }
}

/* Mobile homepage repair, 2026-07-27.
 * This final layer fixes composition defects observed on the live mobile Home
 * page without taking ownership away from Elementor, Blocksy, or WooCommerce.
 */
@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site.home .petwild-hero {
        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;
        background: #f6f3ec !important;
    }

    body.petwild-site.home .petwild-hero::after {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0 0 auto;
        height: 212px;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(248, 246, 240, 0.90) 0%, rgba(248, 246, 240, 0.62) 58%, rgba(248, 246, 240, 0) 100%);
    }

    body.petwild-site.home .petwild-hero-media {
        z-index: 0 !important;
    }

    body.petwild-site.home .petwild-hero-media img {
        content: url("petwild-mobile-hero.png") !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: 50% 72% !important;
    }

    body.petwild-site.home .petwild-hero-copy {
        z-index: 2 !important;
        max-width: 100% !important;
        padding: 34px 18px 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    body.petwild-site.home .petwild-hero-copy .petwild-display-heading {
        max-width: 280px !important;
        margin-bottom: 16px !important;
    }

    body.petwild-site.home .petwild-hero-copy .petwild-display-heading .elementor-heading-title {
        max-width: 280px !important;
        font-size: 28px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
    }

    body.petwild-site.home .petwild-hero-copy .elementor-widget-button {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        text-align: left !important;
    }

    body.petwild-site.home .petwild-hero-copy .elementor-button-wrapper {
        width: auto !important;
        text-align: left !important;
    }

    body.petwild-site.home .petwild-hero-copy .elementor-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 124px !important;
        min-height: 46px !important;
        padding: 11px 20px !important;
        font-size: 14px !important;
    }

    body.petwild-site.home .petwild-categories {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    body.petwild-site.home .petwild-categories > .elementor-container {
        gap: 16px !important;
    }

    body.petwild-site.home .petwild-category-card {
        height: 228px !important;
        min-height: 228px !important;
        max-height: 228px !important;
    }

    body.petwild-site.home .petwild-category-card > .elementor-widget-wrap {
        min-height: 228px !important;
        padding: 18px !important;
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    body.petwild-site.home .petwild-category-olive > .elementor-widget-wrap {
        background-image: url("https://petwild.store/wp-content/uploads/2026/07/category-olive-wood.jpg") !important;
    }

    body.petwild-site.home .petwild-category-coconut > .elementor-widget-wrap {
        background-image: url("https://petwild.store/wp-content/uploads/2026/07/category-coconut-fiber.jpg") !important;
    }

    body.petwild-site.home .petwild-category-card > .elementor-widget-wrap::before {
        content: "" !important;
        position: absolute !important;
        z-index: 1 !important;
        inset: 0 !important;
        display: block !important;
        pointer-events: none !important;
        background: linear-gradient(180deg, rgba(18, 21, 18, 0.04) 12%, rgba(18, 21, 18, 0.70) 100%) !important;
    }

    body.petwild-site.home .petwild-category-card .elementor-heading-title {
        position: relative !important;
        z-index: 2 !important;
        font-size: 22px !important;
        line-height: 1.16 !important;
    }

    body.petwild-site.home .petwild-category-card .elementor-button {
        position: relative !important;
        z-index: 2 !important;
        min-height: 38px !important;
        padding: 6px 0 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    }

    body.petwild-site.home .petwild-featured {
        padding-top: 44px !important;
        padding-bottom: 46px !important;
    }

    body.petwild-site.home .petwild-featured > .elementor-container {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }

    body.petwild-site.home .petwild-featured .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    body.petwild-site.home .petwild-featured .elementor-widget-container,
    body.petwild-site.home .petwild-featured .woocommerce,
    body.petwild-site.home .petwild-featured .ct-woocommerce-shortcode,
    body.petwild-site.home .petwild-featured .petwild-products-grid {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.petwild-site.home .petwild-featured .petwild-products-grid ul.products,
    body.petwild-site.home .petwild-featured ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product,
    body.petwild-site.post-type-archive-product ul.products li.product,
    body.petwild-site.tax-product_cat ul.products li.product {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 0 12px !important;
        overflow: hidden !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product figure,
    body.petwild-site.post-type-archive-product ul.products li.product figure,
    body.petwild-site.tax-product_cat ul.products li.product figure {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        overflow: hidden !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .ct-media-container,
    body.petwild-site.post-type-archive-product ul.products li.product .ct-media-container,
    body.petwild-site.tax-product_cat ul.products li.product .ct-media-container {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .ct-media-container img,
    body.petwild-site.post-type-archive-product ul.products li.product .ct-media-container img,
    body.petwild-site.tax-product_cat ul.products li.product .ct-media-container img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .entry-meta,
    body.petwild-site.post-type-archive-product ul.products li.product .entry-meta,
    body.petwild-site.tax-product_cat ul.products li.product .entry-meta {
        display: none !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .woocommerce-loop-product__title,
    body.petwild-site.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
    body.petwild-site.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
        display: -webkit-box !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 10px !important;
        overflow: hidden !important;
        color: var(--petwild-ink) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.32 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .price,
    body.petwild-site.post-type-archive-product ul.products li.product .price,
    body.petwild-site.tax-product_cat ul.products li.product .price {
        display: flex !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 6px 0 0 !important;
        padding: 0 10px !important;
        flex-wrap: wrap !important;
        gap: 2px 4px !important;
        color: var(--petwild-gold) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }

    body.petwild-site.home .petwild-featured ul.products li.product .price .screen-reader-text,
    body.petwild-site.post-type-archive-product ul.products li.product .price .screen-reader-text,
    body.petwild-site.tax-product_cat ul.products li.product .price .screen-reader-text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        border: 0 !important;
        white-space: nowrap !important;
    }

    body.petwild-site.home .petwild-values {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    body.petwild-site.home .petwild-values > .elementor-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.petwild-site.home .petwild-values > .elementor-container > .elementor-column,
    body.petwild-site.home .petwild-values > .elementor-container > .elementor-column > .elementor-widget-wrap {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    body.petwild-site.home .petwild-values .elementor-widget-icon-box {
        width: 100% !important;
        margin: 0 !important;
        padding: 14px !important;
        border: 1px solid rgba(74, 74, 74, 0.08);
        border-radius: 8px;
        background: #fff;
    }

    body.petwild-site.home .petwild-values .elementor-icon-box-wrapper {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        text-align: left !important;
    }

    body.petwild-site.home .petwild-values .elementor-icon-box-icon {
        grid-row: 1 / span 2;
        margin: 0 !important;
    }

    body.petwild-site.home .petwild-values .elementor-icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 8px !important;
    }

    body.petwild-site.home .petwild-values .elementor-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    body.petwild-site.home .petwild-values .elementor-icon-box-title {
        margin: 0 0 3px !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    body.petwild-site.home .petwild-values .elementor-icon-box-description {
        margin: 0 !important;
        color: var(--petwild-muted) !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    body.petwild-site.home .petwild-story {
        padding-top: 46px !important;
        padding-bottom: 48px !important;
    }

    body.petwild-site.home .petwild-story > .elementor-container {
        gap: 22px !important;
    }

    body.petwild-site.home .petwild-story .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.24 !important;
    }

    body.petwild-site.home .petwild-story .elementor-widget-text-editor p {
        margin-bottom: 14px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    body.petwild-site.home .petwild-story .elementor-widget-text-editor p:nth-of-type(n + 2) {
        display: none !important;
    }
}

/* Mobile shop sorting polish, 2026-07-27.
 * Keeps WooCommerce's native ordering form while making it read as a usable
 * touch control on phones.
 */
@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site.post-type-archive-product .woocommerce-ordering,
    body.petwild-site.tax-product_cat .woocommerce-ordering {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 22px !important;
    }

    body.petwild-site.post-type-archive-product .woocommerce-ordering select.orderby,
    body.petwild-site.tax-product_cat .woocommerce-ordering select.orderby {
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 42px 0 16px !important;
        border: 1px solid rgba(74, 74, 74, 0.14) !important;
        border-radius: 8px !important;
        background-color: #fff !important;
        color: var(--petwild-ink) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 48px !important;
        appearance: none !important;
        box-shadow: none !important;
    }

    body.petwild-site.post-type-archive-product .woocommerce-ordering .ct-sort-icon,
    body.petwild-site.tax-product_cat .woocommerce-ordering .ct-sort-icon {
        position: absolute !important;
        top: 50% !important;
        right: 15px !important;
        width: 14px !important;
        height: 14px !important;
        transform: translateY(-50%) !important;
        color: var(--petwild-gold) !important;
        pointer-events: none !important;
    }
}

/* Mobile Home hero copy placement, 2026-07-27.
 * Move the headline/CTA below the visual banner on phones so the product image
 * stays unobstructed and the upper blank-looking overlay area is removed.
 */
@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site.home .petwild-hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        background: #f6f3ec !important;
    }

    body.petwild-site.home .petwild-hero::after {
        display: none !important;
    }

    body.petwild-site.home .petwild-hero > .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.petwild-site.home .petwild-hero-media {
        position: relative !important;
        z-index: 1 !important;
        order: 1 !important;
        inset: auto !important;
        width: 100% !important;
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
        overflow: hidden !important;
    }

    body.petwild-site.home .petwild-hero-media > .elementor-widget-wrap,
    body.petwild-site.home .petwild-hero-media .elementor-widget,
    body.petwild-site.home .petwild-hero-media .elementor-widget-container {
        height: 100% !important;
        min-height: 0 !important;
    }

    body.petwild-site.home .petwild-hero-media img {
        height: 100% !important;
        object-position: 50% 72% !important;
    }

    body.petwild-site.home .petwild-hero-copy {
        position: relative !important;
        z-index: 2 !important;
        order: 2 !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        padding: 24px 18px 30px !important;
        background: #f6f3ec !important;
        text-align: left !important;
    }

    body.petwild-site.home .petwild-hero-copy > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.petwild-site.home .petwild-hero-copy .petwild-display-heading {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 0 14px !important;
    }

    body.petwild-site.home .petwild-hero-copy .petwild-display-heading .elementor-heading-title {
        max-width: 320px !important;
        font-size: 27px !important;
        line-height: 1.14 !important;
    }

    body.petwild-site.home .petwild-hero-copy .elementor-widget-button,
    body.petwild-site.home .petwild-hero-copy .elementor-button-wrapper {
        margin: 0 !important;
        text-align: left !important;
    }
}

/* Home native WooCommerce category component, 2026-07-28.
 * The Home category entrance now reads real WooCommerce product categories
 * instead of two static Elementor cards. Desktop shows four card slots per
 * view, mobile shows two, and extra categories swipe horizontally.
 */
body.petwild-site.home .petwild-home-category-component {
    padding-top: 72px !important;
    padding-bottom: 74px !important;
    background: #fff !important;
}

body.petwild-site.home .petwild-home-category-component > .elementor-container {
    display: block !important;
    width: min(1152px, calc(100% - 64px)) !important;
    max-width: 1152px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.petwild-site.home .petwild-home-category-component .elementor-column,
body.petwild-site.home .petwild-home-category-component .elementor-widget-wrap,
body.petwild-site.home .petwild-home-category-component .elementor-widget,
body.petwild-site.home .petwild-home-category-component .elementor-widget-container,
body.petwild-site.home .petwild-home-category-component .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body.petwild-site.home .petwild-home-category-component .woocommerce ul.products,
body.petwild-site.home .petwild-home-category-component ul.products {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: calc((100% - 84px) / 4) !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 2px 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    align-items: stretch !important;
    list-style: none !important;
    scroll-padding-left: 2px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

body.petwild-site.home .petwild-home-category-component .woocommerce ul.products::before,
body.petwild-site.home .petwild-home-category-component .woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

body.petwild-site.home .petwild-home-category-component ul.products::-webkit-scrollbar {
    height: 6px;
}

body.petwild-site.home .petwild-home-category-component ul.products::-webkit-scrollbar-track {
    background: rgba(160, 132, 92, 0.12);
    border-radius: 999px;
}

body.petwild-site.home .petwild-home-category-component ul.products::-webkit-scrollbar-thumb {
    background: rgba(160, 132, 92, 0.48);
    border-radius: 999px;
}

body.petwild-site.home .petwild-home-category-component ul.products li.product,
body.petwild-site.home .petwild-home-category-component ul.products li.product-category {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(74, 74, 74, 0.08) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(56, 45, 32, 0.08) !important;
    scroll-snap-align: start;
}

body.petwild-site.home .petwild-home-category-component ul.products li.product-category a,
body.petwild-site.home .petwild-home-category-component ul.products li.product a {
    display: flex !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
    color: var(--petwild-ink) !important;
    text-decoration: none !important;
}

body.petwild-site.home .petwild-home-category-component ul.products li.product-category img,
body.petwild-site.home .petwild-home-category-component ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body.petwild-site.home .petwild-home-category-component .woocommerce-loop-category__title,
body.petwild-site.home .petwild-home-category-component ul.products li.product-category h2,
body.petwild-site.home .petwild-home-category-component ul.products li.product h2 {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 18px 20px !important;
    color: var(--petwild-ink) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

body.petwild-site.home .petwild-home-category-component .woocommerce-loop-category__title mark,
body.petwild-site.home .petwild-home-category-component .count {
    display: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.petwild-site.home .petwild-home-category-component > .elementor-container {
        width: min(100% - 48px, 900px) !important;
    }

    body.petwild-site.home .petwild-home-category-component .woocommerce ul.products,
    body.petwild-site.home .petwild-home-category-component ul.products {
        grid-auto-columns: calc((100% - 40px) / 3) !important;
        gap: 20px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    body.petwild-site.home .petwild-home-category-component {
        padding-top: 40px !important;
        padding-bottom: 48px !important;
    }

    body.petwild-site.home .petwild-home-category-component > .elementor-container {
        width: calc(100% - 32px) !important;
        max-width: none !important;
    }

    body.petwild-site.home .petwild-home-category-component .woocommerce ul.products,
    body.petwild-site.home .petwild-home-category-component ul.products {
        grid-auto-columns: calc((100% - 12px) / 2) !important;
        gap: 12px !important;
        padding: 0 0 12px !important;
        scrollbar-width: none;
    }

    body.petwild-site.home .petwild-home-category-component ul.products::-webkit-scrollbar {
        display: none;
    }

    body.petwild-site.home .petwild-home-category-component ul.products li.product,
    body.petwild-site.home .petwild-home-category-component ul.products li.product-category {
        border-radius: 8px !important;
        box-shadow: 0 10px 24px rgba(56, 45, 32, 0.08) !important;
    }

    body.petwild-site.home .petwild-home-category-component .woocommerce-loop-category__title,
    body.petwild-site.home .petwild-home-category-component ul.products li.product-category h2,
    body.petwild-site.home .petwild-home-category-component ul.products li.product h2 {
        padding: 12px 10px 14px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.24 !important;
    }
}