/* Verified Figma UI-kit 129:10646. PDF wording and native actions are retained. */
@media (min-width:993px) {
    /* PDF part 1, 01: restore the original dev container at browser zoom 100%. */
    body.ukm-client-presentation .header .container,
    body.ukm-client-presentation .content > .container,
    body.ukm-client-presentation section > .container,
    body.ukm-client-presentation .footer > .container { width:100%; max-width:1550px; padding-inline:40px; box-sizing:border-box; }
    /* PDF 03: original flex growth fills the sidebar height instead of
       distributing spare height into two oversized gaps. Keep the artwork. */
    body.home.ukm-client-presentation .hero__slider { aspect-ratio:1472 / 455; height:auto !important; max-height:none !important; flex:1 0; border-radius:30px !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide { height:100%; max-height:none !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide img { height:100% !important; }
}
@media (min-width:993px) and (max-width:1230px) {
    body.ukm-client-presentation .header .container,
    body.ukm-client-presentation .content > .container,
    body.ukm-client-presentation section > .container,
    body.ukm-client-presentation .footer > .container { padding-inline:20px; }
}
/* The wider Figma container leaves no room for legacy arrows at -64px. */
body.home.ukm-client-presentation .sale-swiper-button-prev { left:0; }
body.home.ukm-client-presentation .sale-swiper-button-next { right:0; }
body.home.ukm-client-presentation .hero__images { margin-top:0 !important; }
@media (min-width:601px) and (max-width:992px) {
    /* Figma tablet1:1587:708×293,r30,30px page insets. */
    body.home.ukm-client-presentation .hero > .container { padding-inline:30px !important; }
    body.home.ukm-client-presentation .hero__slider { aspect-ratio:708 / 293; height:auto !important; max-height:none !important; flex:none; border-radius:30px !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide { height:100%; max-height:none !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide img,
    body.home.ukm-client-presentation .hero__slider .swiper-slide video { height:100% !important; max-height:none !important; }
}
@media (max-width:600px) {
    /* Figma home mobile1:49:409×508,r20. Absolute slide media cannot size its parent. */
    body.home.ukm-client-presentation .hero__slider { aspect-ratio:409 / 508; height:auto !important; max-height:none !important; flex:none; border-radius:20px !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide { height:100%; max-height:none !important; }
    body.home.ukm-client-presentation .hero__slider .swiper-slide img,
    body.home.ukm-client-presentation .hero__slider .swiper-slide video { height:100% !important; max-height:none !important; }
    body.home.ukm-client-presentation .hero__slider .hero-slider__info { left:9.29% !important; right:9.29%; top:8% !important; transform:none !important; width:auto; max-width:none !important; }
    body.home.ukm-client-presentation .hero-slider__subtitle { font:400 clamp(12px,3.64vw,16px)/1.2 Inter,sans-serif; margin:0 0 12px; }
    body.home.ukm-client-presentation .hero-slider__title { font:600 clamp(21px,7.27vw,32px)/1.1 Inter,sans-serif !important; text-transform:uppercase; margin:0; }
    body.home.ukm-client-presentation .hero-slider__title span { font-size:clamp(18px,5.45vw,24px); font-weight:400; text-transform:none; white-space:normal !important; }
    body.home.ukm-client-presentation .hero-slider__btn { width:100%; min-height:49px; margin-top:24px; justify-content:center; box-sizing:border-box; }
}
/* PDF part 1, 09–10: */
body.ukm-client-presentation .product-card .ukm-card-actions {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;
    align-items:start;
}
body.ukm-client-presentation .product-card .ukm-card-actions > a.btn {
    box-sizing:border-box; display:flex; align-items:center; justify-content:center;
    height:49px !important; min-height:49px !important; margin:0; padding:10px 8px;
    border:1px solid transparent; border-radius:10px;
    font-family:Inter,sans-serif; font-size:1.11rem; font-weight:600; line-height:1.2;
    text-align:center; white-space:normal;
}
body.ukm-client-presentation .product-card .ukm-card-actions > a.product-card__buy,
body.ukm-client-presentation ul.products.ukm-view-list .ukm-card-actions > a.product-card__buy {
    background:#f5f5f5 !important; color:rgba(16,16,16,.9) !important; border-color:#2c71bf;
}
/* Semantic purchase controls only: enquiry/wholesale styles remain untouched. */
body.ukm-client-presentation .ukm-page #ukmBuyNow { border-color:#2c71bf !important; }
body.ukm-client-presentation .product-card a.add_to_cart_button:not([data-no-price]),
body.ukm-client-presentation .ukm-page .ukm-add-form button[name="add-to-cart"],
body.ukm-client-presentation .ukm-page a.ukm-rcard__btn,
body.ukm-client-presentation a.ukm-wl-item__cart,
body.ukm-client-presentation a.ukm-atc__addbtn.add_to_cart_button {
    box-sizing:border-box; background:#2c71bf !important; color:#fff !important;
    border:1px solid #fff !important;
}
body.ukm-client-presentation :is(
    .product-card .ukm-card-actions > a.product-card__buy,
    .product-card a.add_to_cart_button:not([data-no-price]),
    .ukm-page #ukmBuyNow,
    .ukm-page .ukm-add-form button[name="add-to-cart"],
    .ukm-page a.ukm-rcard__btn,
    a.ukm-wl-item__cart,
    a.ukm-atc__addbtn.add_to_cart_button
):is(:hover,:active):not(:disabled):not([aria-disabled="true"]):not(.disabled) {
    background:#47484c !important; color:#fff !important; border-color:transparent !important;
}
body.ukm-client-presentation :is(
    .product-card .ukm-card-actions > a.btn,
    .ukm-page #ukmBuyNow,
    .ukm-page .ukm-add-form button[name="add-to-cart"],
    .ukm-page a.ukm-rcard__btn,
    a.ukm-wl-item__cart,
    a.ukm-atc__addbtn.add_to_cart_button
):focus-visible {
    outline:2px solid #0062ad !important; outline-offset:3px;
}
/* PDF09 supersedes the previous Figma enlargement. Restore the preserved dev
   card's 15px insets, 10px gaps, square photo and 1.11rem title in both loops.
   Keep current column breakpoints, responsive list layout and real metadata. */
@media (min-width:1200px) {
    body.ukm-client-presentation.tax-product_cat .ukm-catalog-columns {
        grid-template-columns:minmax(260px,calc((100% - 64px)/4)) minmax(0,1fr) !important;
    }
}
body.ukm-client-presentation.tax-product_cat ul.products:not(.ukm-view-list) { gap:12px; }
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .product-card {
    padding:15px !important; border:1px solid #cfcfcf; border-radius:20px !important;
    gap:10px; overflow:hidden; background:#fff;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .product-card > a.woocommerce-LoopProduct-link {
    display:flex !important; flex-direction:column !important; flex:1 1 auto !important;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__img {
    order:0; width:calc(100% + 30px); height:auto !important; aspect-ratio:1 / 1;
    margin:-15px -15px 10px !important; border-radius:0; overflow:hidden;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__img img {
    display:block; width:100% !important; height:100% !important; object-fit:cover; border-radius:0;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__info {
    order:1; display:flex; flex-direction:column; gap:10px; margin:0 0 10px;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__title {
    display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical;
    font:500 1.11rem/1.3 Inter,sans-serif; line-height:1.3 !important;
    min-height:3.9em !important; margin:0; overflow:hidden; overflow-wrap:anywhere;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .ukm-figma-product-meta {
    margin:0; font:400 1rem/1.4 Inter,sans-serif;
}
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__stock { order:2; margin:4px 0 0; }
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .catalog-item__price { order:3; }
body.ukm-client-presentation :is(ul.products:not(.ukm-view-list),.catalognew) .ukm-card-actions { width:100%; margin:0; }
/* The native <ul> shares .page-numbers with its 35px page buttons.
   Give the list its own width, retaining every page link on narrow screens. */
body.ukm-client-presentation.tax-product_cat .pagination-wrapper > ul.page-numbers {
    width:auto; max-width:100%; height:auto; flex-wrap:wrap; justify-content:center;
}
@media (max-width:600px) {
    /* Mobile catalogue 1:6209 uses one full-width product per row. */
    body.ukm-client-presentation.tax-product_cat ul.products:not(.ukm-view-list) { grid-template-columns:minmax(0,1fr) !important; }
    .ukm-figma-compare-sections .adds__item:nth-child(2n + 1) .adds-item__q-text {
        width:min(150px,calc((100vw - 42px)/2));
    }
}
/* Figma list 1:7941 (1376×298, r20) and title: Inter24/500/110%.
   PDF adds the secondary action beside the Figma cart action. */
.ukm-figma-product-meta { color:#8b8b8b; font:400 16px/1.4 Inter,sans-serif; margin-top:12px; }
.cart-content__title .ukm-figma-product-meta,
.ukm-figma-cart-delivery { font:400 14px/1.4 Inter,sans-serif; margin:8px 0 0; }
body.ukm-client-presentation .cart-content__title .ukm-figma-cart-delivery a { color:#2c70be; font-weight:400; }
body.ukm-client-presentation .catalog-item__stock.out-of-stock { color:#8b8b8b; }
body.ukm-client-presentation .catalog-item__stock.available-on-backorder { color:#101010; }
@media (min-width:1101px) {
    body.ukm-client-presentation ul.products.ukm-view-list .product-card {
        /* Final PDF34 supersedes the old 298px list height, not grid cards.
           The flexible last row absorbs long text; the price rows do not. */
        display:grid !important; grid-template-columns:228px minmax(0,1fr) 240px;
        grid-template-rows:min-content min-content minmax(0,1fr); column-gap:24px; row-gap:12px;
        padding:0 24px 0 0 !important; min-height:230px; border:1px solid #dbdbdb; border-radius:20px !important;
        overflow:hidden;
    }
    body.ukm-client-presentation ul.products.ukm-view-list .product-card > a.woocommerce-LoopProduct-link { display:contents !important; }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__img,
    body.ukm-client-presentation ul.products.ukm-view-list .product-card:has(.catalog-item__price + .catalog-item__price) .catalog-item__img {
        grid-column:1; grid-row:1 / 4; height:228px !important; min-height:0; border-radius:0; align-self:start;
    }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__info { grid-column:2; grid-row:1 / 4; padding:20px 0 48px; }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__title { font:500 24px/1.1 Inter,sans-serif; color:rgba(16,16,16,.9); }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__price { grid-column:3; grid-row:1; margin:20px 0 0 !important; padding-right:0; box-sizing:border-box; }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__price + .catalog-item__price { grid-row:2; margin-top:0 !important; }
    body.ukm-client-presentation ul.products.ukm-view-list .catalog-item__stock { grid-column:2; grid-row:3; align-self:end; margin-bottom:20px; }
    body.ukm-client-presentation ul.products.ukm-view-list .ukm-card-actions { grid-column:3; grid-row:3; align-self:end; margin:0 0 20px; width:100%; }
    body.ukm-client-presentation ul.products.ukm-view-list .product-card:has(.catalog-item__price + .catalog-item__price) .ukm-card-actions { grid-row:3; }
    body.ukm-client-presentation ul.products.ukm-view-list .product-card > .product-card__btn { grid-column:3; grid-row:3; align-self:end; width:100%; margin:0 0 20px !important; }
}

/* Comparison: separate semantic table avoids legacy DataTables sizing/clones.
   .compare-list is on the cards wrapper ONLY for native delegated remove. */
body.ukm-client-presentation.page-id-64705 .content > .container,
body.ukm-client-presentation.page-id-64705 .ukm-figma-compare-sections .container {
    width:100%; max-width:1550px; padding-inline:40px;
}
@media (min-width:601px) and (max-width:1230px) {
    body.ukm-client-presentation.page-id-64705 .content > .container,
    body.ukm-client-presentation.page-id-64705 .ukm-figma-compare-sections .container { padding-inline:20px; }
}
body.ukm-client-presentation.page-id-64705 .content { padding-bottom:0; }
body.ukm-client-presentation.page-id-64705 .entry-content { margin-bottom:0; }
#ukm-stage003-compare .ukm-figma-compare {
    --compare-label:310px; --compare-product:max(240px,calc(18.75cqw + 2px));
    container-type:inline-size; isolation:isolate;
    margin:0; padding:0; font:16px/1.4 Inter,sans-serif; color:rgba(16,16,16,.9);
}
.ukm-figma-compare__top { display:block; }
.ukm-figma-compare__navigation { position:relative; isolation:isolate; margin-left:var(--compare-label); }
.ukm-figma-compare__modes { display:flex; flex-wrap:wrap; gap:8px; align-items:start; padding-bottom:24px; }
.ukm-figma-compare__modes button {
    width:auto; max-width:100%; min-height:44px; border:1px solid #e3e3e3;
    border-radius:10px; background:#f5f5f5; color:rgba(16,16,16,.9);
    padding:10px 16px; font:400 14px/1.2 Inter,sans-serif; cursor:pointer;
}
.ukm-figma-compare__modes button[aria-pressed="true"] { background:#2c71bf; color:#fff; border-color:#2c71bf; }
.ukm-figma-compare__modes button:hover,
.ukm-figma-compare__modes button:active { background:#47484c; border-color:#47484c; color:#fff; }
.ukm-figma-compare__modes button:focus-visible,
.ukm-figma-compare__arrow:focus-visible,
.ukm-figma-compare [tabindex]:focus-visible { outline:2px solid #0062ad; outline-offset:2px; }
.ukm-figma-compare__products,.ukm-figma-compare__fields { overflow-x:auto; min-width:0; overscroll-behavior-x:contain; scrollbar-width:none; }
.ukm-figma-compare__products::-webkit-scrollbar,.ukm-figma-compare__fields::-webkit-scrollbar { display:none; }
#ukm-stage003-compare .ukm-figma-compare__cards.catalognew { display:flex; flex-wrap:nowrap; gap:0; width:max-content; margin:0; padding:0; }
.ukm-figma-compare__card { box-sizing:border-box; display:flex; flex-direction:column; flex:0 0 var(--compare-product); width:var(--compare-product); padding:0 12px 20px 0; min-width:0; }
#ukm-stage003-compare .ukm-figma-compare__card > .product-card { width:100%; min-width:0; margin:0; flex:1 1 auto; }
.ukm-figma-compare__arrow {
    position:absolute; z-index:2; top:var(--compare-arrow-top,120px); transform:translateY(-50%);
    display:flex; align-items:center; justify-content:center; width:48px; height:48px;
    border:0; padding:0; border-radius:50%; background:#2c71bf; color:#fff; cursor:pointer;
}
.ukm-figma-compare__arrow--prev { left:0; }
.ukm-figma-compare__arrow--next { right:0; }
.ukm-figma-compare__arrow svg { display:block; width:20px; height:20px; }
.ukm-figma-compare__arrow--prev svg { transform:rotate(180deg); }
.ukm-figma-compare__arrow:hover,.ukm-figma-compare__arrow:active { background:#47484c; }
#ukm-stage003-compare .ukm-figma-compare .remove { position:static; display:block; width:auto; height:auto; margin-top:8px; padding:0; }
#ukm-stage003-compare .ukm-figma-compare .remove a { display:inline; font:400 14px/1.4 Inter,sans-serif; color:#8b8b8b; border:0; background:none; padding:0; }
#ukm-stage003-compare .ukm-figma-compare .remove a > span { display:none; }
#ukm-stage003-compare .ukm-figma-compare .remove a:hover { color:#0062ad; }
.ukm-figma-compare__fields { border:0; outline:1px solid #eef0f2; outline-offset:-1px; border-radius:10px; padding:0; }
#ukm-stage003-compare table.ukm-figma-compare__table { width:calc(var(--compare-label) + var(--compare-product) * var(--compare-count)); min-width:0; max-width:none; table-layout:fixed; border:0; border-collapse:collapse; margin:0; }
.ukm-figma-compare__label-col { width:var(--compare-label); }
.ukm-figma-compare__product-col { width:var(--compare-product); }
#ukm-stage003-compare .ukm-figma-compare__table tbody th,
#ukm-stage003-compare .ukm-figma-compare__table tbody td { box-sizing:border-box; border:0; border-right:1px solid #eef0f2; border-bottom:1px solid #eef0f2; background:#fff; text-align:left; vertical-align:middle; padding:15px 20px; font:400 15px/1.4 Inter,sans-serif; overflow-wrap:anywhere; }
#ukm-stage003-compare .ukm-figma-compare__table tbody tr:nth-child(even) > * { background:#fafbfc; }
#ukm-stage003-compare .ukm-figma-compare__table tbody tr[data-compare-stripe="0"] > * { background:#fff; }
#ukm-stage003-compare .ukm-figma-compare__table tbody tr[data-compare-stripe="1"] > * { background:#fafbfc; }
#ukm-stage003-compare .ukm-figma-compare__table tbody tr:hover > * { background:#f2f7fd; }
#ukm-stage003-compare .ukm-figma-compare__table tbody th { width:var(--compare-label); min-width:var(--compare-label); max-width:var(--compare-label); position:sticky; left:0; z-index:1; }
#ukm-stage003-compare .ukm-figma-compare__table tbody td { width:var(--compare-product); min-width:var(--compare-product); max-width:var(--compare-product); }
.ukm-figma-compare [hidden] { display:none !important; }
.ukm-figma-compare__note { margin-top:20px; }
/* PDF35: match the existing wishlist empty-state rhythm and native catalogue CTA. */
#ukm-stage003-compare .ukm-compare-empty {
    display:flex; flex-direction:column; align-items:center; gap:16px;
    padding:60px 16px; text-align:center; color:rgba(16,16,16,.9);
}
#ukm-stage003-compare .ukm-compare-empty > svg { width:40px; height:52px; color:#2c71bf; flex:none; }
#ukm-stage003-compare .ukm-compare-empty .empty-comparison { margin:0 !important; color:inherit; font:500 24px/1.3 Inter,sans-serif !important; }
@media(max-width:600px) {
    #ukm-stage003-compare .ukm-compare-empty .empty-comparison { font-size:22px !important; line-height:1.25 !important; }
}
#ukm-stage003-compare .ukm-compare-empty__help { max-width:580px; margin:0; font:400 16px/1.5 Inter,sans-serif; }
#ukm-stage003-compare .ukm-compare-empty__catalog {
    display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
    min-height:49px; padding:14px 32px; border:1px solid #fff; border-radius:10px;
    background:#2c71bf; color:#fff; font:600 15px/1.2 Inter,sans-serif;
}
#ukm-stage003-compare .ukm-compare-empty__catalog:is(:hover,:active) { background:#47484c; }
#ukm-stage003-compare .ukm-compare-empty__catalog:focus-visible { outline:2px solid #0062ad; outline-offset:3px; }
.ukm-figma-compare-sections > section { margin:0 0 6.5rem; padding:0; }
.ukm-figma-compare-sections .section__title { font-weight:400; }
.ukm-figma-compare-sections .adds__list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.ukm-figma-compare-sections .adds__item { box-sizing:border-box; width:auto; min-width:0; border-radius:10px; background:#f5f5f5; }
.ukm-figma-compare-sections .adds-item__q:focus-within .adds-item__q-text { display:block; opacity:1; visibility:visible; }
@media (min-width:1101px) {
    .ukm-figma-compare-sections .adds__item:nth-child(6n) .adds-item__q-text { left:auto; right:0; margin-left:0; }
    .ukm-figma-compare-sections .adds__item:nth-child(6n) .adds-item__q-text::before { left:auto; right:10px; }
}
@media (min-width:993px) and (max-width:1100px) {
    .ukm-figma-compare-sections .adds__item:nth-child(3n) .adds-item__q-text { left:auto; right:0; margin-left:0; }
    .ukm-figma-compare-sections .adds__item:nth-child(3n) .adds-item__q-text::before { left:auto; right:10px; }
}
.ukm-figma-partners { display:flex; gap:20px; overflow-x:auto; }
.ukm-figma-partners .partners__item { flex:0 0 calc((100% - 80px)/5); min-width:180px; background:#f5f5f5; border-radius:10px; }
.ukm-figma-recent__products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
/* Contact entries remain a vertical column even when the full menu is longer. */
body.ukm-client-presentation .ukm-footer-groups .footer__contacts { display:flex; flex-direction:column; gap:14px; min-width:0; }
body.ukm-client-presentation .ukm-footer-groups .footer-contacts__link,
body.ukm-client-presentation .ukm-footer-groups .footer-contacts__item { display:flex; width:100%; min-width:0; gap:10px; margin:0; }
body.ukm-client-presentation .ukm-footer-groups .footer-contacts__link svg,
body.ukm-client-presentation .ukm-footer-groups .footer-contacts__item svg { flex:0 0 20px; }
@media (max-width:1100px) {
    #ukm-stage003-compare .ukm-figma-compare { --compare-label:200px; --compare-product:260px; }
    .ukm-figma-compare__modes button { font-size:14px; }
    .ukm-figma-compare-sections .adds__list { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .ukm-figma-recent__products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:992px) {
    #ukm-stage003-compare .ukm-figma-compare { --compare-product:min(360px,calc(100cqw - var(--compare-label))); }
    .ukm-figma-compare__navigation { margin-left:0; }
    .ukm-figma-compare__arrow { display:none; }
    /* Review07: every value starts beneath its product, including the last.
       Repeat the field label inside cells; retain semantic row headings for AT. */
    .ukm-figma-compare__cards::after { content:none; }
    #ukm-stage003-compare table.ukm-figma-compare__table { display:block; width:calc(var(--compare-product) * var(--compare-count)); }
    .ukm-figma-compare__table colgroup { display:none; }
    .ukm-figma-compare__table tbody { display:block; }
    .ukm-figma-compare__table tbody tr { display:flex; }
    #ukm-stage003-compare .ukm-figma-compare__table tbody td { display:block; flex:0 0 var(--compare-product); }
    #ukm-stage003-compare .ukm-figma-compare__table tbody th {
        position:absolute; width:1px; min-width:0; max-width:1px;
        height:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
    }
    #ukm-stage003-compare .ukm-figma-compare__table td::before {
        content:attr(data-compare-label); display:block; margin-bottom:6px;
        color:#63718a; font-size:12px; line-height:1.3;
    }
}
@media (max-width:600px) {
    /* Figma mobile uses one 15px inset, not the legacy nested 12px + 12px. */
    body.ukm-client-presentation section:has(> .container),
    body.ukm-client-presentation .content { padding-inline:0 !important; }
    body.ukm-client-presentation section > .container,
    body.ukm-client-presentation .content > .container { width:100% !important; padding-inline:15px !important; }
    body.ukm-client-presentation .product-card .ukm-card-actions > a.btn { font-size:14px; line-height:1.1; padding:6px; }
    body.ukm-client-presentation.page-id-64705 .content > .container,
    body.ukm-client-presentation.page-id-64705 .ukm-figma-compare-sections .container { width:calc(100% - 30px); }
    #ukm-stage003-compare .ukm-figma-compare { --compare-label:min(184px,47cqw); --compare-product:min(210px,calc(100cqw - var(--compare-label))); }
    .ukm-figma-compare__top,.ukm-figma-compare__fields {
        --compare-label:min(184px,47cqw);
        --compare-product:min(210px,calc(100cqw - var(--compare-label)));
    }
    .ukm-figma-compare__modes { padding:0 0 20px; }
    .ukm-figma-compare__modes button { padding:10px 12px; font-size:13px; }
    #ukm-stage003-compare .product-card .ukm-card-actions > a.btn { min-width:0; white-space:normal; overflow-wrap:normal; }
    #ukm-stage003-compare .product-card .catalog-item__price { flex-wrap:wrap; gap:4px; }
    #ukm-stage003-compare .product-card .catalog-item__price .ukm-p-unit { flex:1 1 auto; white-space:nowrap; }
    #ukm-stage003-compare .ukm-figma-compare__table tbody th,
    #ukm-stage003-compare .ukm-figma-compare__table tbody td { font-size:13px; padding:12px; }
    .ukm-figma-compare-sections .adds__list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .ukm-figma-recent__products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}

/* Figma mobile cart 81:9239 / 88:9384. Keep real Woo prices and actions;
   actual titles/metadata determine height, not the sample card's 347px. */
@media screen and (max-width:600px) {
    body.ukm-client-presentation.woocommerce-cart .content { padding:15px 0; }
    body.ukm-client-presentation.woocommerce-cart .content > .container { padding:0 15px; }
    body.ukm-client-presentation.woocommerce-cart .ukm-cart-top { padding:20px; }
    body.ukm-client-presentation.woocommerce-cart .cart-item {
        display:grid !important; grid-template-columns:minmax(0,min(129px,30vw)) minmax(0,1fr);
        column-gap:16px; row-gap:20px; align-items:start;
        box-sizing:border-box; width:100%; min-width:0; min-height:0; height:auto;
        padding:20px 20px 0; border:1px solid #eee; border-radius:20px;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-item > .cart-content { display:contents; }
    body.ukm-client-presentation.woocommerce-cart .cart-item__photo {
        grid-column:1; grid-row:1; align-self:start;
        width:100%; min-width:0; height:77px; border-radius:10px; overflow:hidden;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-item__photo img {
        width:100% !important; height:77px !important; border-radius:10px !important;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-content__title {
        display:contents;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-content__title > a {
        grid-column:2; grid-row:1; align-self:center;
        min-width:0; width:auto; margin:0; overflow-wrap:anywhere; line-height:1.3;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-content__title > .ukm-figma-product-meta,
    body.ukm-client-presentation.woocommerce-cart .cart-content__title > .ukm-figma-cart-delivery,
    body.ukm-client-presentation.woocommerce-cart .cart-content__title > dl.variation {
        grid-column:1 / -1; margin:0; min-width:0;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-list {
        grid-column:1 / -1; display:grid;
        grid-template-columns:minmax(0,max-content) minmax(0,1fr);
        gap:12px 16px; align-items:center; justify-content:normal; width:100%; min-width:0;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-list > .cart-list__sum {
        grid-column:1 / -1; grid-row:1; min-width:0; text-align:left;
        white-space:normal; overflow-wrap:anywhere;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-list > .qty { grid-column:1; grid-row:2; }
    body.ukm-client-presentation.woocommerce-cart .cart-list > .cart-price {
        grid-column:2; grid-row:2; min-width:0; text-align:left;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-price__sum { white-space:normal; overflow-wrap:anywhere; }
    /* Hide only the redundant visual label; keep it available to assistive tech. */
    body.ukm-client-presentation.woocommerce-cart .cart-price__text {
        position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;
        overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap;
    }
    body.ukm-client-presentation.woocommerce-cart .cart-item__delete {
        grid-column:1 / -1; position:static; order:10;
        box-sizing:border-box; width:calc(100% + 40px); height:47px; min-height:47px;
        margin-left:-20px; border-radius:0 0 19px 19px;
    }
}
@media screen and (max-width:360px) {
    body.ukm-client-presentation.woocommerce-cart .cart-list .qty { gap:6px; }
    body.ukm-client-presentation.woocommerce-cart .cart-list .qty__btn { width:36px; height:36px; }
    body.ukm-client-presentation.woocommerce-cart .cart-list input.qty__num { width:28px; height:36px; }
}

/* Screenshot hotfix 2026-09-15: long PDP specs and enquiry contrast. */
@media (min-width:1041px) and (max-width:1230px) {
    body.ukm-client-presentation .ukm-page .ukm-product {
        grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 280px !important;
    }
    /* The existing buybox controller follows the gallery wrapper's height. */
    body.ukm-client-presentation .ukm-page .ukm-gallery { min-height:420px; }
    body.ukm-client-presentation .ukm-page .ukm-stage { align-self:flex-start; }
}
@media (min-width:1041px) {
    body.ukm-client-presentation .ukm-page .ukm-spec-k {
        flex:0 1 auto; min-width:0; max-width:45%; white-space:normal; overflow-wrap:anywhere;
    }
    body.ukm-client-presentation .ukm-page .ukm-spec-v {
        flex:0 1 auto; min-width:0; max-width:60%; overflow-wrap:anywhere;
    }
    body.ukm-client-presentation .ukm-page .ukm-spec-dots { min-width:0; }
}
body.ukm-client-presentation .product-card a.product-card__btn[data-no-price="1"] {
    background:#2c71bf !important; color:#fff !important;
}
body.ukm-client-presentation .product-card a.product-card__btn[data-no-price="1"]:is(:hover,:active) {
    background:#47484c !important; color:#fff !important;
}
body.ukm-client-presentation .product-card a.product-card__btn[data-no-price="1"]:focus-visible {
    outline:2px solid #0062ad !important; outline-offset:3px;
}

/* Mobile comparison: keep characteristics in the table, not repeated in cards. */
@media (max-width:600px) {
    #ukm-stage003-compare .ukm-figma-compare__card > .product-card .ukm-delivery,
    #ukm-stage003-compare .ukm-figma-compare__card > .product-card .ukm-figma-product-meta {
        display:none !important;
    }
}