:root{
    --am-order:#f36a1d;
    --am-order-hover:#db5f18;
    --am-border:#d8d4c8;
    --am-surface:#f7f5ef;
    --am-chip-bg:#ece9df;
    --am-chip-text:#4d4d45;
}

/* =========================================================
   PRODUCT CARDS — restore proper desktop/mobile layout
   ========================================================= */

.am-product-card,
.product-card,
.catalog-card,
.popular-products .card,
.products-grid .card {
    background:#fff;
    border:1px solid var(--am-border);
    border-radius:4px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:100%;
}

.am-product-card > a,
.product-card > a,
.catalog-card > a,
.popular-products .card > a,
.products-grid .card > a {
    color:inherit;
    text-decoration:none;
}

/* media zone */
.am-product-thumb,
.am-product-media,
.product-card__media,
.catalog-card__media,
.popular-products .card .thumb,
.products-grid .card .thumb {
    background:var(--am-surface);
    min-height:230px;
    max-height:230px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
    overflow:hidden;
}

.am-product-thumb img,
.am-product-media img,
.product-card__media img,
.catalog-card__media img,
.popular-products .card .thumb img,
.products-grid .card .thumb img,
.am-product-card img.product-image,
.product-card img.product-image {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

/* content zone */
.am-product-body,
.am-product-content,
.product-card__body,
.catalog-card__body,
.popular-products .card .body,
.products-grid .card .body {
    padding:14px 16px 10px;
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1 1 auto;
}

.am-product-category,
.am-product-subtitle,
.product-card__eyebrow,
.catalog-card__eyebrow {
    font-size:12px;
    line-height:1.25;
    font-weight:700;
    text-transform:uppercase;
    color:#7a8152;
    margin:0;
}

.am-product-title,
.product-card__title,
.catalog-card__title,
.am-product-body h3,
.am-product-body h4 {
    font-size:20px;
    line-height:1.1;
    font-weight:800;
    color:#111;
    margin:0;
}

/* tags/chips inside card */
.am-product-tags,
.am-chip-row,
.product-card__tags,
.catalog-card__tags {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.am-product-tags .am-chip,
.am-product-tags .am-tag,
.am-chip-row .am-chip,
.am-chip-row .am-tag,
.product-card__tags .am-chip,
.product-card__tags .tag,
.catalog-card__tags .am-chip,
.catalog-card__tags .tag,
.am-product-body .am-chip,
.am-product-body .am-tag {
    background:var(--am-chip-bg) !important;
    color:var(--am-chip-text) !important;
    border:1px solid #ddd8cb !important;
    border-radius:6px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.1;
    text-decoration:none;
}

/* full-width orange order button */
a.am-product-order-full,
button.am-product-order-full,
.am-product-card .am-product-order-full,
.am-product-card .am-btn-order,
.am-product-card .btn-order,
.product-card .btn-order,
.catalog-card .btn-order {
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:calc(100% - 24px);
    margin:12px;
    min-height:56px;
    padding:0 18px;
    background:var(--am-order) !important;
    color:#fff !important;
    border:none !important;
    border-radius:10px;
    font-weight:800;
    font-size:18px;
    line-height:1;
    text-decoration:none !important;
    box-shadow:none !important;
    cursor:pointer;
}

a.am-product-order-full:hover,
button.am-product-order-full:hover,
.am-product-card .am-product-order-full:hover,
.am-product-card .am-btn-order:hover,
.am-product-card .btn-order:hover,
.product-card .btn-order:hover,
.catalog-card .btn-order:hover {
    background:var(--am-order-hover) !important;
    color:#fff !important;
}

/* if old blue/gray styles remain */
.am-product-card a.am-product-order-full:visited,
.am-product-card a.am-product-order-full:active,
.product-card a.btn-order:visited,
.product-card a.btn-order:active {
    color:#fff !important;
    background:var(--am-order) !important;
}

/* =========================================================
   PRODUCT DETAIL PAGE — make chips readable
   ========================================================= */

.am-product-hero .am-chip,
.am-product-hero .am-tag,
.am-product-detail .am-chip,
.am-product-detail .am-tag,
.product-hero .am-chip,
.product-hero .am-tag,
.product-detail .am-chip,
.product-detail .am-tag {
    background:rgba(255,255,255,0.16) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,0.28) !important;
    border-radius:6px;
    padding:8px 12px;
    font-size:14px;
    line-height:1.1;
}

/* main orange CTA on detail page */
.am-product-hero .am-btn-primary,
.am-product-detail .am-btn-primary,
.product-hero .btn-primary,
.product-detail .btn-primary,
.am-product-hero a[href*="order"],
.am-product-detail a[href*="order"] {
    background:var(--am-order) !important;
    color:#fff !important;
    border-color:var(--am-order) !important;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1199.98px){
    .am-product-thumb,
    .am-product-media,
    .product-card__media,
    .catalog-card__media,
    .popular-products .card .thumb,
    .products-grid .card .thumb {
        min-height:210px;
        max-height:210px;
    }
}

@media (max-width: 767.98px){
    .am-product-thumb,
    .am-product-media,
    .product-card__media,
    .catalog-card__media,
    .popular-products .card .thumb,
    .products-grid .card .thumb {
        min-height:170px;
        max-height:170px;
        padding:12px;
    }

    .am-product-body,
    .am-product-content,
    .product-card__body,
    .catalog-card__body,
    .popular-products .card .body,
    .products-grid .card .body {
        padding:12px 12px 8px;
        gap:8px;
    }

    .am-product-title,
    .product-card__title,
    .catalog-card__title,
    .am-product-body h3,
    .am-product-body h4 {
        font-size:17px;
    }

    a.am-product-order-full,
    button.am-product-order-full,
    .am-product-card .am-product-order-full,
    .am-product-card .am-btn-order,
    .am-product-card .btn-order,
    .product-card .btn-order,
    .catalog-card .btn-order {
        width:calc(100% - 20px);
        margin:10px;
        min-height:52px;
        font-size:16px;
    }
}