/* APIMIEL 2.0: no desktop changes beyond an invisible extra native link. */
.apimiel-product-flip-card > a.apimiel-product-card-link { display:none !important; }
html.apimiel-touch-ui .apimiel-product-flip-card {
    position:relative !important; perspective:none !important; isolation:isolate;
    overflow:hidden !important; border-radius:.5rem; box-sizing:border-box !important;
}
html.apimiel-touch-ui .apimiel-product-flip-card .blog_card_sticky-inner,
html.apimiel-touch-ui .apimiel-product-flip-card:hover .blog_card_sticky-inner {
    position:relative !important; inset:auto !important; width:100% !important; height:100% !important;
    margin:0 !important; padding:0 !important; box-sizing:border-box !important;
    transform:none !important; transform-style:flat !important; transition:none !important;
}
html.apimiel-touch-ui .apimiel-product-flip-card .blog_card_sticky-front {
    inset:0 !important; width:100% !important; height:100% !important;
    margin:0 !important; padding:0 !important; border:0 !important; box-sizing:border-box !important;
    transform:none !important; backface-visibility:visible !important;
}
html.apimiel-touch-ui .apimiel-product-flip-card .blog_card_sticky-back { display:none !important; pointer-events:none !important; }
html.apimiel-touch-ui .apimiel-product-flip-card .apimiel-product-card-logo {
    left:0 !important; right:0 !important; bottom:0 !important; width:100% !important;
    margin:0 !important; box-sizing:border-box !important;
}
html.apimiel-touch-ui .apimiel-product-flip-card > a.apimiel-product-card-link {
    display:block !important; position:absolute !important; inset:0 !important;
    z-index:20 !important; margin:0 !important; padding:0 !important; border:0 !important;
    width:100% !important; height:100% !important; border-radius:inherit; background:transparent !important;
    cursor:pointer; touch-action:manipulation;
}
html.apimiel-touch-ui .apimiel-product-flip-card > a.apimiel-product-card-link:focus-visible {
    outline:3px solid #9e5f18 !important; outline-offset:-4px !important;
}

@media (hover:none), (pointer:coarse) {
.apimiel-product-flip-card {
    position:relative !important; perspective:none !important; isolation:isolate;
    overflow:hidden !important; border-radius:.5rem; box-sizing:border-box !important;
}
.apimiel-product-flip-card .blog_card_sticky-inner,
.apimiel-product-flip-card:hover .blog_card_sticky-inner {
    position:relative !important; inset:auto !important; width:100% !important; height:100% !important;
    margin:0 !important; padding:0 !important; box-sizing:border-box !important;
    transform:none !important; transform-style:flat !important; transition:none !important;
}
.apimiel-product-flip-card .blog_card_sticky-front {
    inset:0 !important; width:100% !important; height:100% !important;
    margin:0 !important; padding:0 !important; border:0 !important; box-sizing:border-box !important;
    transform:none !important; backface-visibility:visible !important;
}
.apimiel-product-flip-card .blog_card_sticky-back { display:none !important; pointer-events:none !important; }
.apimiel-product-flip-card .apimiel-product-card-logo {
    left:0 !important; right:0 !important; bottom:0 !important; width:100% !important;
    margin:0 !important; box-sizing:border-box !important;
}
.apimiel-product-flip-card > a.apimiel-product-card-link {
    display:block !important; position:absolute !important; inset:0 !important;
    z-index:20 !important; margin:0 !important; padding:0 !important; border:0 !important;
    width:100% !important; height:100% !important; border-radius:inherit; background:transparent !important;
    cursor:pointer; touch-action:manipulation;
}
.apimiel-product-flip-card > a.apimiel-product-card-link:focus-visible {
    outline:3px solid #9e5f18 !important; outline-offset:-4px !important;
}
}

/* Phones retain their current menu; landscape and mouse desktop retain theirs. */
@media (min-width:601px) and (orientation:portrait) {
html.apimiel-touch-ui #responsive_menu_pro {
    width:max(25vw,260px) !important;
    min-width:25vw !important;
    max-width:min(90vw,999px) !important;
    box-sizing:border-box !important;
}
}
@media (min-width:601px) and (orientation:portrait) and (pointer:coarse) {
#responsive_menu_pro {
    width:max(25vw,260px) !important;
    min-width:25vw !important;
    max-width:min(90vw,999px) !important;
    box-sizing:border-box !important;
}
}
/* Permit long translated menu labels to wrap inside the portrait tablet panel. */
@media (min-width:601px) and (orientation:portrait) {
    html.apimiel-touch-ui #responsive_menu_pro .responsive_menu_pro_menu li a {
        white-space:normal !important; overflow-wrap:anywhere !important;
    }
}
@media (min-width:601px) and (orientation:portrait) and (pointer:coarse) {
    #responsive_menu_pro .responsive_menu_pro_menu li a {
        white-space:normal !important; overflow-wrap:anywhere !important;
    }
}

/* 2.1: tablet Shop/Cart spacing, including Safari without flex-gap support.
 * Both viewport dimensions exclude phones in either orientation. */
@media (min-width:601px) and (min-height:601px) {
    html.apimiel-touch-ui .apimiel-shop-tabs { gap:0 !important; }
    html.apimiel-touch-ui .apimiel-shop-tabs > .apimiel-shop-tab + .apimiel-shop-tab { margin-top:12px !important; }
}
@media (min-width:601px) and (min-height:601px) and (pointer:coarse) {
    .apimiel-shop-tabs { gap:0 !important; }
    .apimiel-shop-tabs > .apimiel-shop-tab + .apimiel-shop-tab { margin-top:12px !important; }
}