/* =========================================================
   CACAR BLOG DETAIL — NATIVE BLOG COVER FINAL
   2026-09-14

   Purpose
   - Control UEESHOP native Blog cover (not generated cover)
   - Force 4:3 ratio on PC and mobile
   - Remove native padding-top ratio hacks
   - Keep cover crop centered and stable
   ========================================================= */

/* Native UEESHOP Blog cover wrapper discovered in live DOM:
   .blog_img_pic_box
     .compute_item_img
       .compute_process_img
         img
*/
.cacar-article-root .blog_img_pic_box{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:4 / 3 !important;
    height:auto !important;
    margin:0 0 42px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f5f3f0 !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
}

.cacar-article-root .blog_img_pic_box .compute_item_img,
.cacar-article-root .blog_img_pic_box .compute_process_img{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    padding-top:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.cacar-article-root .blog_img_pic_box img{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    image-rendering:auto !important;
    border:0 !important;
    border-radius:0 !important;
}

/* Keep any adapter-marked cover consistent with native cover. */
.cacar-article-root .cacar-article-cover,
.cacar-article-root .cacar-generated-cover{
    border-radius:14px !important;
}

@media (max-width:767px){
    .cacar-article-root .blog_img_pic_box,
    .cacar-article-root .cacar-article-cover,
    .cacar-article-root .cacar-generated-cover{
        width:100% !important;
        aspect-ratio:4 / 3 !important;
        margin-bottom:26px !important;
        border-radius:10px !important;
    }
}