/*
Theme Name: Longmk Photography V10.89 Child Folder Overlay Final
Theme URI: https://longmkphoto.synology.me
Description: Longmk Photography V10.89: fix dứt điểm lớp kính/đen che ảnh thư mục con trên mobile/iPad, giữ bố cục V10.84-V10.88.
Author: Longmk Photography
Template: diamond
Version: 10.89.0
*/
:root{--lmk-bg:#050505;--lmk-panel:#111;--lmk-panel2:#181818;--lmk-gold:#d8aa48;--lmk-gold2:#ffe2a0;--lmk-text:#fff8ed;--lmk-muted:#b7ad9d;--lmk-border:rgba(216,170,72,.32);--lmk-shadow:0 20px 70px rgba(0,0,0,.55)}
*{box-sizing:border-box}html,body{margin:0!important;padding:0!important;background:#050505!important;color:var(--lmk-text);scroll-behavior:smooth;overflow-x:hidden!important}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}.lmk-standalone{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;background:#050505!important;color:var(--lmk-text);min-height:100vh;position:relative;z-index:999}
/* Chặn bố cục và nền mặc định của Diamond khi theme cha còn sót */
#supersized,#supersized-loader,.supersized,.fullscreen_block,.fullscreen-gallery,.fs_gallery_wrapper,.fs_img,.fs_bg,.custom_bg,.site_bg,.global_bg,.main_bg,.background_block,.bg_image,.preloader,.gt3_preloader{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;overflow:hidden!important;background:none!important;background-image:none!important}body:before,body:after,html:before,html:after{display:none!important;content:none!important}.lmk-container{width:min(1280px,92vw);margin:0 auto}.lmk-header{position:fixed;top:0;left:0;right:0;z-index:99999;background:rgba(0,0,0,.82);border-bottom:1px solid var(--lmk-border);backdrop-filter:blur(12px)}.admin-bar .lmk-header{top:32px}.lmk-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lmk-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:230px}.lmk-logo img{height:62px;width:auto;display:block}.lmk-logo-text{font-weight:900;letter-spacing:.13em;text-transform:uppercase;line-height:1.05;font-size:17px}.lmk-logo-text span{display:block;color:var(--lmk-gold2);font-size:10px;letter-spacing:.28em;margin-top:5px}.lmk-menu{display:flex;align-items:center;gap:19px}.lmk-menu a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.08em;opacity:.95}.lmk-menu a:hover,.lmk-menu a.active{color:var(--lmk-gold2)}.lmk-hot{border:1px solid var(--lmk-border);border-radius:999px;padding:10px 13px;background:rgba(216,170,72,.09)}.lmk-head-contact{font-size:12px;line-height:1.5;color:#fff;text-align:right;white-space:nowrap}.lmk-head-contact a{color:#fff;text-decoration:none}.lmk-fb-mini{color:#1877f2!important;font-weight:900}.lmk-mobile-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--lmk-border);border-radius:10px;padding:9px 12px;font-weight:900}
.lmk-hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#000}.lmk-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.45s ease,transform 9.5s ease}.lmk-slide.active{opacity:1;transform:scale(1)}.lmk-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.65) 36%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.48) 100%)}.lmk-hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:2}.lmk-hero-box{max-width:660px;padding-top:80px}.lmk-kicker{color:var(--lmk-gold2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.32em;margin-bottom:16px}.lmk-hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,92px);line-height:.96;margin:0 0 22px;color:#fff;letter-spacing:.02em}.lmk-hero p{font-size:clamp(17px,2vw,23px);line-height:1.7;color:#eadfcc;margin:0 0 30px}.lmk-actions{display:flex;gap:14px;flex-wrap:wrap}.lmk-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:12px;border:1px solid var(--lmk-border);cursor:pointer;transition:.22s}.lmk-btn.primary{border:0;color:#120b02;background:linear-gradient(135deg,#a87020,#ffe2a0,#ba8629)}.lmk-btn.secondary{color:#fff;background:rgba(255,255,255,.06)}.lmk-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.lmk-quick{background:#0b0b0b;border-top:1px solid var(--lmk-border);border-bottom:1px solid var(--lmk-border);padding:22px 0}.lmk-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.lmk-quick-item{display:flex;gap:12px;align-items:flex-start}.lmk-quick-icon{font-size:22px}.lmk-quick b{display:block;color:#fff;font-size:14px;text-transform:uppercase}.lmk-quick span{color:var(--lmk-muted);font-size:13px;line-height:1.45}.lmk-section{padding:92px 0;background:#050505}.lmk-section.alt{background:linear-gradient(180deg,#050505,#101010)}.lmk-title{text-align:center;margin-bottom:42px}.lmk-title h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);margin:0 0 12px;color:#fff}.lmk-title p{max-width:840px;margin:0 auto;color:var(--lmk-muted);line-height:1.75;font-size:16px}.lmk-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.lmk-card{position:relative;min-height:370px;border-radius:24px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.07);box-shadow:var(--lmk-shadow);text-decoration:none;color:#fff}.lmk-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.55s;filter:saturate(1.05) contrast(1.04)}.lmk-card:hover img{transform:scale(1.07)}.lmk-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.84))}.lmk-card-body{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.lmk-card-body h3{font-family:Georgia,serif;margin:0 0 8px;color:var(--lmk-gold2);font-size:27px}.lmk-card-body p{margin:0;color:#eee1cd;line-height:1.58}.lmk-mini-link{display:inline-block;margin-top:13px;color:#fff;font-weight:900}.lmk-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lmk-feature{padding:30px;border-radius:22px;background:linear-gradient(180deg,#151515,#0b0b0b);border:1px solid var(--lmk-border)}.lmk-feature b{color:var(--lmk-gold2);font-size:21px}.lmk-feature p{color:var(--lmk-muted);line-height:1.68;margin-bottom:0}.lmk-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lmk-gallery-item{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#111;border:1px solid rgba(255,255,255,.07);cursor:zoom-in}.lmk-gallery-item.wide{grid-column:span 2;aspect-ratio:16/9}.lmk-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.lmk-gallery-item:hover img{transform:scale(1.04)}.lmk-album-hero{padding:158px 0 70px;background:radial-gradient(circle at 15% 10%,rgba(216,170,72,.2),transparent 28%),linear-gradient(180deg,#050505,#111)}.lmk-album-hero h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,72px);margin:0 0 14px}.lmk-album-hero p{max-width:850px;color:var(--lmk-muted);font-size:18px;line-height:1.7}.lmk-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:34px}.lmk-tab{border:1px solid var(--lmk-border);background:#111;color:#fff;border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:900}.lmk-tab.active,.lmk-tab:hover{background:var(--lmk-gold);color:#130d03}.lmk-client-box{max-width:780px;margin:0 auto;padding:36px;border-radius:26px;background:linear-gradient(180deg,#161616,#0a0a0a);border:1px solid var(--lmk-border);box-shadow:var(--lmk-shadow);text-align:center}.lmk-client-box input,.lmk-form-input{width:100%;background:#050505;border:1px solid var(--lmk-border);border-radius:14px;color:#fff;padding:15px 18px;font-size:17px;margin:10px 0}.lmk-select-bar{position:sticky;top:98px;z-index:70;background:rgba(5,5,5,.94);backdrop-filter:blur(10px);border:1px solid var(--lmk-border);border-radius:18px;padding:14px 18px;margin-bottom:22px;display:flex;justify-content:space-between;gap:14px;align-items:center}.lmk-select-count{font-weight:900;color:var(--lmk-gold2)}.lmk-select-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.lmk-select-card{position:relative;border-radius:16px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08);aspect-ratio:3/4;cursor:pointer}.lmk-select-card img{width:100%;height:100%;object-fit:cover;display:block}.lmk-check{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid #fff;z-index:4;display:flex;align-items:center;justify-content:center}.lmk-select-card.selected .lmk-check{background:var(--lmk-gold);border-color:var(--lmk-gold2)}.lmk-select-card.selected .lmk-check:after{content:"✓";color:#130d03;font-weight:900}.lmk-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lmk-contact-card{padding:34px;border-radius:24px;background:#111;border:1px solid var(--lmk-border)}.lmk-contact-card a{color:var(--lmk-gold2);text-decoration:none}.lmk-facebook{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:999px;background:#1877f2;color:#fff!important;font-weight:900}.lmk-fb-icon{width:22px;height:22px;border-radius:50%;background:#fff;color:#1877f2;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.lmk-footer{background:#030303;border-top:1px solid var(--lmk-border);padding:44px 0;text-align:center;color:var(--lmk-muted);position:relative;z-index:9}.lmk-footer b{color:#fff}.lmk-empty{padding:32px;text-align:center;color:var(--lmk-muted);border:1px dashed var(--lmk-border);border-radius:18px}.lmk-message{padding:14px 18px;border-radius:12px;margin-top:14px;display:none}.lmk-message.ok{display:block;background:rgba(0,128,70,.18);border:1px solid rgba(0,255,140,.25);color:#baffd8}.lmk-message.err{display:block;background:rgba(160,0,0,.18);border:1px solid rgba(255,80,80,.25);color:#ffd0d0}
/* Fullscreen lightbox */
.lmk-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;touch-action:pan-y}.lmk-lightbox.open{display:flex}.lmk-lightbox-img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;user-select:none}.lmk-lightbox-close,.lmk-lightbox-prev,.lmk-lightbox-next{position:absolute;z-index:3;border:0;background:rgba(0,0,0,.55);color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer}.lmk-lightbox-close{right:18px;top:18px;width:46px;height:46px;font-size:28px}.lmk-lightbox-prev,.lmk-lightbox-next{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:34px}.lmk-lightbox-prev{left:18px}.lmk-lightbox-next{right:18px}.lmk-lightbox-select{position:absolute;top:18px;left:18px;z-index:4;display:none;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(0,0,0,.66);color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:900}.lmk-lightbox-select.show{display:flex}.lmk-lightbox-select .circle{width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.lmk-lightbox-select.selected .circle{background:var(--lmk-gold);border-color:var(--lmk-gold2)}.lmk-lightbox-select.selected .circle:after{content:"✓";color:#130d03}.lmk-lightbox-counter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 16px;color:#fff;font-weight:900}.lmk-call-float{position:fixed;right:22px;bottom:22px;z-index:9999;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#b98728,#ffe2a0);color:#120d04;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media(max-width:1180px){.lmk-head-contact{display:none}.lmk-service-grid{grid-template-columns:repeat(2,1fr)}.lmk-select-grid{grid-template-columns:repeat(4,1fr)}.lmk-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lmk-nav{height:76px}.admin-bar .lmk-header{top:0}.lmk-menu{display:none;position:absolute;top:76px;left:4vw;right:4vw;flex-direction:column;align-items:flex-start;background:rgba(0,0,0,.96);border:1px solid var(--lmk-border);border-radius:18px;padding:22px}.lmk-menu.open{display:flex}.lmk-mobile-toggle{display:block}.lmk-logo img{height:50px}.lmk-logo-text{font-size:14px}.lmk-hero{min-height:660px}.lmk-quick-grid{grid-template-columns:repeat(2,1fr)}.lmk-select-grid{grid-template-columns:repeat(3,1fr)}.lmk-gallery-grid{grid-template-columns:repeat(2,1fr)}.lmk-contact,.lmk-feature-grid{grid-template-columns:1fr}.lmk-lightbox-prev,.lmk-lightbox-next{display:none}.lmk-lightbox-select{top:12px;left:12px}.lmk-lightbox-close{top:12px;right:12px}}
@media(max-width:560px){.lmk-container{width:min(100% - 28px,92vw)}.lmk-hero{min-height:100svh;height:100svh}.lmk-hero-content{align-items:flex-end;padding-bottom:82px}.lmk-hero-box{padding-top:80px}.lmk-hero h1{font-size:39px}.lmk-hero p{font-size:16px}.lmk-actions{flex-direction:column}.lmk-btn{width:100%}.lmk-quick-grid,.lmk-service-grid,.lmk-select-grid{grid-template-columns:1fr}.lmk-gallery-grid{grid-template-columns:1fr}.lmk-gallery-item.wide{grid-column:auto}.lmk-section{padding:64px 0}.lmk-select-bar{top:82px;align-items:flex-start;flex-direction:column}.lmk-lightbox-img{width:100vw;height:100svh;object-fit:contain}.lmk-lightbox-counter{bottom:12px;font-size:12px}.lmk-call-float{width:54px;height:54px;right:16px;bottom:16px}}

/* V5.1 - chỉnh theo yêu cầu: bỏ chữ nhỏ ở Album ảnh, đổi thành Thể loại ảnh */
.lmk-title-clean{margin-bottom:34px;}
.lmk-title-clean .lmk-kicker,.lmk-title-clean p{display:none!important;}
.lmk-card-body p{display:none!important;}
.lmk-card-body h3{margin-bottom:12px!important;}
.lmk-album-hero{text-align:center;}
.lmk-album-hero .lmk-kicker,.lmk-album-hero p{display:none!important;}
.lmk-logo-text span{display:none!important;}
@media(max-width:720px){.lmk-title h2,.lmk-album-hero h1{font-size:36px!important;line-height:1.1}.lmk-card-body h3{font-size:25px!important}}

/* V5.2 - Tối ưu logo, số điện thoại và Facebook trên header */
.lmk-nav{height:96px!important;gap:28px!important;}
.lmk-logo{min-width:340px!important;gap:16px!important;}
.lmk-logo img{height:72px!important;max-width:165px!important;object-fit:contain!important;}
.lmk-logo-text{font-size:20px!important;letter-spacing:.16em!important;white-space:nowrap!important;}
.lmk-head-contact{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:245px!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:left!important;
    color:#fff!important;
    white-space:nowrap!important;
}
.lmk-phone-line,.lmk-facebook-line{display:flex!important;align-items:center!important;gap:8px!important;}
.lmk-phone-icon{font-size:16px!important;color:#ff4b57!important;}
.lmk-facebook-line{color:#fff!important;text-decoration:none!important;}
.lmk-fb-mini{
    width:24px!important;height:24px!important;border-radius:6px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:#1877f2!important;color:#fff!important;font-size:18px!important;
    font-family:Arial,sans-serif!important;font-weight:900!important;line-height:1!important;
}
.lmk-facebook-text{font-size:14px!important;color:#fff!important;font-weight:800!important;}
.lmk-menu{gap:17px!important;}
.lmk-menu a{font-size:12px!important;}

@media(max-width:1280px){
    .lmk-logo{min-width:285px!important;}
    .lmk-logo img{height:64px!important;max-width:140px!important;}
    .lmk-logo-text{font-size:17px!important;}
    .lmk-head-contact{font-size:12px!important;min-width:210px!important;}
    .lmk-facebook-text{font-size:12px!important;}
    .lmk-menu{gap:12px!important;}
}
@media(max-width:1080px){
    .lmk-head-contact{display:none!important;}
    .lmk-logo{min-width:auto!important;}
}
@media(max-width:900px){
    .lmk-nav{height:88px!important;}
    .lmk-menu{top:88px!important;}
    .lmk-logo img{height:58px!important;max-width:130px!important;}
    .lmk-logo-text{font-size:18px!important;letter-spacing:.13em!important;}
}
@media(max-width:560px){
    .lmk-nav{height:86px!important;}
    .lmk-logo{gap:10px!important;}
    .lmk-logo img{height:50px!important;max-width:105px!important;}
    .lmk-logo-text{font-size:14px!important;letter-spacing:.1em!important;}
}


/* ===== LONGMK V5.3 OVERRIDES: logo chính, contact rõ, bố cục chữ thơ ===== */
.lmk-logo{min-width:auto!important;gap:0!important;}
.lmk-logo img{height:78px!important;max-width:165px!important;width:auto!important;object-fit:contain!important;}
.lmk-logo-text{display:none!important;}
.lmk-head-contact{font-size:15px!important;line-height:1.55!important;color:#fff!important;text-align:left!important;min-width:230px!important;font-weight:800!important;}
.lmk-phone-line{font-size:15px!important;letter-spacing:.02em!important;}
.lmk-facebook-line{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:4px!important;color:#fff!important;text-decoration:none!important;}
.lmk-fb-mini{width:28px!important;height:28px!important;border-radius:7px!important;background:#1877f2!important;color:#fff!important;font-size:22px!important;line-height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:Arial,sans-serif!important;font-weight:900!important;}
.lmk-facebook-text{font-size:15px!important;font-weight:900!important;color:#fff!important;}
.lmk-hero-box{max-width:760px!important;text-align:center!important;margin:0 auto!important;padding-top:70px!important;}
.lmk-hero-content{justify-content:center!important;}
.lmk-hero h1{font-size:clamp(50px,6.2vw,96px)!important;line-height:1.02!important;letter-spacing:.01em!important;margin-bottom:28px!important;}
.lmk-hero p{max-width:920px!important;margin-left:auto!important;margin-right:auto!important;font-size:clamp(17px,1.7vw,22px)!important;line-height:1.85!important;color:#f1e7d8!important;}
.lmk-actions{justify-content:center!important;}
.lmk-title,.lmk-album-hero .lmk-container{text-align:center!important;}
.lmk-album-hero p{margin-left:auto!important;margin-right:auto!important;max-width:980px!important;text-align:center!important;}
.lmk-kicker{text-align:center!important;}
.lmk-footer .lmk-facebook{background:transparent!important;border:1px solid rgba(216,170,72,.45)!important;color:#fff!important;}
@media(max-width:1180px){.lmk-head-contact{display:flex!important;flex-direction:column!important;min-width:180px!important;font-size:12px!important}.lmk-phone-line{font-size:12px!important}.lmk-facebook-text{font-size:12px!important}.lmk-logo img{height:66px!important;max-width:138px!important}}
@media(max-width:900px){.lmk-head-contact{display:none!important}.lmk-logo img{height:62px!important;max-width:135px!important}.lmk-hero-box{text-align:center!important}.lmk-hero h1{font-size:clamp(42px,11vw,66px)!important}.lmk-hero p{font-size:16px!important;line-height:1.75!important}}

/* ================= LONGMK PHOTOGRAPHY V6 FINAL ================= */
/* Tên theme */
.lmk-body-v5{background:#050505!important;}
.lmk-header{background:rgba(0,0,0,.76)!important;}
.lmk-nav{height:92px!important;}
.lmk-logo{min-width:auto!important;width:auto!important;gap:0!important;}
.lmk-logo img{height:74px!important;max-width:142px!important;object-fit:contain!important;}
.lmk-logo-text,.lmk-logo-text span{display:none!important;}
.lmk-head-contact{align-items:flex-end!important;font-size:15px!important;font-weight:800!important;gap:8px!important;color:#fff!important;}
.lmk-phone-line{font-size:15px!important;letter-spacing:.02em!important;}
.lmk-facebook-line{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#1877f2!important;padding:7px 13px!important;border-radius:999px!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 8px 22px rgba(24,119,242,.28)!important;}
.lmk-fb-mini{width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;color:#1877f2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:Arial!important;font-weight:900!important;}
.lmk-facebook-text{font-size:14px!important;}

/* Hero: chữ nhỏ hơn và lệch phải để không che mẫu */
.lmk-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.88) 100%)!important;}
.lmk-hero-content{align-items:center!important;justify-content:flex-end!important;}
.lmk-hero-box{max-width:560px!important;margin-left:auto!important;margin-right:2vw!important;padding:34px 36px!important;border-radius:26px!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(216,170,72,.18)!important;backdrop-filter:blur(4px)!important;}
.lmk-hero h1{font-size:clamp(34px,4.2vw,66px)!important;line-height:1.02!important;margin-bottom:18px!important;text-shadow:0 10px 32px rgba(0,0,0,.65)!important;}
.lmk-hero p{font-size:clamp(15px,1.25vw,18px)!important;line-height:1.75!important;color:#f1e6d2!important;margin-bottom:24px!important;text-shadow:0 6px 26px rgba(0,0,0,.65)!important;}
.lmk-kicker{letter-spacing:.28em!important;}

/* Nội dung: bố cục cân đối hơn */
.lmk-section{padding:86px 0!important;}
.lmk-about-home .lmk-title p{max-width:930px!important;font-size:18px!important;line-height:1.95!important;color:#d9cdbc!important;}
.lmk-title h2{font-size:clamp(36px,4.3vw,62px)!important;line-height:1.08!important;}
.lmk-title p{white-space:pre-line!important;}
.lmk-album-hero{text-align:center!important;padding:150px 0 76px!important;}
.lmk-album-hero .lmk-kicker{display:block!important;}
.lmk-album-hero p{display:block!important;max-width:920px!important;margin:0 auto!important;white-space:pre-line!important;font-size:18px!important;line-height:1.88!important;color:#d8ccbb!important;}
.lmk-album-hero h1{font-size:clamp(42px,5vw,76px)!important;line-height:1.05!important;}

/* Album card: hiện mô tả thơ, bố cục đẹp */
.lmk-service-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px!important;}
.lmk-card{min-height:410px!important;border-radius:26px!important;}
.lmk-card-body{left:24px!important;right:24px!important;bottom:24px!important;}
.lmk-card-body h3{font-size:clamp(24px,2vw,31px)!important;line-height:1.12!important;margin-bottom:12px!important;}
.lmk-card-body p{display:block!important;font-size:15px!important;line-height:1.58!important;color:#f0e4d2!important;}
.lmk-mini-link{color:#ffe2a0!important;}

/* Vì sao chọn Longmk */
.lmk-feature{padding:34px!important;border-radius:26px!important;text-align:center!important;}
.lmk-feature b{display:block!important;font-family:Georgia,serif!important;font-size:24px!important;margin-bottom:12px!important;color:#ffe2a0!important;}
.lmk-feature p{font-size:16px!important;line-height:1.75!important;}

/* Liên hệ */
.lmk-contact-section .lmk-title p{max-width:820px!important;font-size:18px!important;line-height:1.95!important;}
.lmk-contact-card{padding:38px!important;border-radius:28px!important;background:linear-gradient(180deg,#161616,#090909)!important;}
.lmk-contact-card h2{font-family:Georgia,serif!important;color:#ffe2a0!important;font-size:30px!important;margin:0 0 18px!important;}
.lmk-contact-card p{font-size:17px!important;line-height:1.8!important;color:#d9cdbc!important;}

/* Footer nghệ thuật V6 */
.lmk-footer{padding:76px 0 46px!important;background:radial-gradient(circle at 50% 0%,rgba(216,170,72,.16),transparent 34%),#030303!important;border-top:1px solid rgba(216,170,72,.32)!important;}
.lmk-footer-inner{max-width:1060px!important;}
.lmk-footer-brand{font-family:Georgia,serif!important;font-size:clamp(32px,4.3vw,58px)!important;letter-spacing:.14em!important;color:#fff!important;font-weight:700!important;margin-bottom:10px!important;}
.lmk-footer-tagline{font-size:15px!important;text-transform:uppercase!important;letter-spacing:.28em!important;color:#ffe2a0!important;margin-bottom:30px!important;}
.lmk-footer-quote{font-family:Georgia,serif!important;font-size:clamp(21px,2.4vw,32px)!important;line-height:1.55!important;color:#fff4df!important;white-space:pre-line!important;max-width:820px!important;margin:0 auto 36px!important;}
.lmk-footer-info{display:grid!important;grid-template-columns:1.1fr 1.6fr 1fr!important;gap:18px!important;margin:34px auto 34px!important;text-align:left!important;}
.lmk-footer-info>div{border:1px solid rgba(216,170,72,.22)!important;background:rgba(255,255,255,.035)!important;border-radius:22px!important;padding:22px 24px!important;min-height:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.lmk-footer-info span{display:block!important;color:#b7ad9d!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.18em!important;margin-bottom:8px!important;}
.lmk-footer-info strong{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.58!important;}
.lmk-facebook-footer{width:max-content!important;margin-top:4px!important;}
.lmk-copyright{font-size:13px!important;letter-spacing:.14em!important;color:#b7ad9d!important;text-transform:uppercase!important;border-top:1px solid rgba(216,170,72,.16)!important;padding-top:26px!important;}

@media(max-width:1180px){.lmk-service-grid{grid-template-columns:repeat(3,1fr)!important}.lmk-footer-info{grid-template-columns:1fr!important;text-align:center!important}.lmk-footer-info>div{align-items:center!important;text-align:center!important}.lmk-head-contact{display:none!important}}
@media(max-width:900px){.lmk-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.88))!important}.lmk-hero-content{align-items:flex-end!important;justify-content:center!important;padding-bottom:54px!important}.lmk-hero-box{margin:0 auto!important;max-width:92vw!important;padding:24px 22px!important;text-align:center!important}.lmk-service-grid{grid-template-columns:repeat(2,1fr)!important}.lmk-logo img{height:60px!important}.lmk-nav{height:78px!important}}
@media(max-width:560px){.lmk-hero-box{padding:20px 18px!important}.lmk-hero h1{font-size:34px!important}.lmk-hero p{font-size:14.5px!important;line-height:1.65!important}.lmk-service-grid{grid-template-columns:1fr!important}.lmk-card{min-height:380px!important}.lmk-footer-brand{letter-spacing:.08em!important}.lmk-footer-tagline{letter-spacing:.14em!important;line-height:1.6!important}.lmk-footer-quote{font-size:22px!important}.lmk-album-hero p{font-size:16px!important}}


/* =========================================================
   LONGMK PHOTOGRAPHY V7 POLISHED
   Fix chữ bị cách chữ + tối ưu khoảng dòng + bố cục mềm mại
   ========================================================= */
:root{
    --lmk-bg:#050505;
    --lmk-gold:#d8aa48;
    --lmk-gold2:#ffe4a8;
    --lmk-text:#fff8ee;
    --lmk-muted:#c9beac;
    --lmk-border:rgba(216,170,72,.26);
}
html,body{
    font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.lmk-standalone,
.lmk-standalone p,
.lmk-standalone a,
.lmk-standalone span,
.lmk-standalone strong,
.lmk-standalone input,
.lmk-standalone button{
    font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
}
.lmk-hero h1,
.lmk-title h2,
.lmk-album-hero h1,
.lmk-card-body h3,
.lmk-feature b,
.lmk-contact-card h2,
.lmk-client-box h2,
.lmk-footer-brand,
.lmk-footer-quote{
    font-family:"Playfair Display","Times New Roman",Georgia,serif!important;
    font-weight:600!important;
    letter-spacing:.005em!important;
}
/* Chữ nhỏ phía trên: giảm giãn chữ để không bị tách rời từng ký tự */
.lmk-kicker{
    font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
    text-transform:none!important;
    letter-spacing:.08em!important;
    font-size:12px!important;
    font-weight:700!important;
    margin-bottom:10px!important;
    color:var(--lmk-gold2)!important;
}
.lmk-menu a,
.lmk-btn,
.lmk-tab,
.lmk-footer-info span,
.lmk-copyright,
.lmk-footer-tagline,
.lmk-logo-text,
.lmk-logo-text span{
    letter-spacing:.035em!important;
}
.lmk-footer-tagline{
    text-transform:none!important;
    font-size:14px!important;
    margin-bottom:18px!important;
    color:#f6d895!important;
}
/* Header gọn, mềm hơn */
.lmk-header{
    background:rgba(0,0,0,.72)!important;
    border-bottom:1px solid rgba(216,170,72,.22)!important;
    backdrop-filter:blur(14px)!important;
}
.lmk-nav{
    height:86px!important;
    gap:22px!important;
}
.lmk-logo img{
    height:68px!important;
    max-width:138px!important;
}
.lmk-menu{
    gap:15px!important;
}
.lmk-menu a{
    font-size:12px!important;
    font-weight:700!important;
    text-transform:none!important;
    white-space:nowrap!important;
}
.lmk-hot{
    padding:9px 13px!important;
    background:rgba(216,170,72,.12)!important;
}
.lmk-head-contact{
    font-size:13px!important;
    line-height:1.38!important;
    gap:7px!important;
    font-weight:700!important;
}
.lmk-phone-line{
    font-size:13px!important;
    letter-spacing:0!important;
}
.lmk-facebook-line{
    padding:6px 12px!important;
    box-shadow:0 7px 18px rgba(24,119,242,.22)!important;
}
/* Hero: bố cục thoáng nhưng không làm chữ quá xa */
.lmk-hero{
    min-height:690px!important;
}
.lmk-hero:after{
    background:linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.16) 36%,rgba(0,0,0,.52) 66%,rgba(0,0,0,.86) 100%)!important;
}
.lmk-hero-content{
    align-items:center!important;
    justify-content:flex-end!important;
}
.lmk-hero-box{
    max-width:570px!important;
    margin-left:auto!important;
    margin-right:3vw!important;
    padding:30px 34px 32px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.20))!important;
    border:1px solid rgba(216,170,72,.18)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(5px)!important;
    text-align:left!important;
}
.lmk-hero h1{
    font-size:clamp(38px,4.45vw,70px)!important;
    line-height:1.06!important;
    margin:0 0 14px!important;
    color:#fff!important;
    text-shadow:0 10px 34px rgba(0,0,0,.7)!important;
}
.lmk-hero p{
    max-width:540px!important;
    font-size:clamp(15px,1.12vw,17px)!important;
    line-height:1.62!important;
    margin:0 0 20px!important;
    color:#f4e7d4!important;
    text-shadow:0 6px 24px rgba(0,0,0,.7)!important;
}
.lmk-hero p br,
.lmk-title p br,
.lmk-album-hero p br,
.lmk-footer-quote br,
.lmk-contact-section .lmk-title p br{
    display:block!important;
    content:""!important;
    margin:0!important;
}
.lmk-actions{
    justify-content:flex-start!important;
    gap:12px!important;
}
.lmk-btn{
    padding:12px 18px!important;
    font-size:11.5px!important;
    font-weight:750!important;
    text-transform:none!important;
}
/* Các section: giảm khoảng trống, giữ cảm giác sang */
.lmk-section{
    padding:72px 0!important;
}
.lmk-section.alt{
    background:linear-gradient(180deg,#050505,#0d0d0d)!important;
}
.lmk-title{
    margin-bottom:32px!important;
}
.lmk-title h2{
    font-size:clamp(34px,3.9vw,56px)!important;
    line-height:1.08!important;
    margin:0 0 10px!important;
}
.lmk-title p,
.lmk-about-home .lmk-title p,
.lmk-contact-section .lmk-title p,
.lmk-album-hero p{
    max-width:860px!important;
    font-size:16.5px!important;
    line-height:1.66!important;
    color:#d8ccba!important;
    white-space:normal!important;
}
.lmk-about-home .lmk-title p{
    max-width:900px!important;
}
.lmk-album-hero{
    padding:132px 0 64px!important;
}
.lmk-album-hero h1{
    font-size:clamp(38px,4.6vw,68px)!important;
    line-height:1.08!important;
    margin-bottom:12px!important;
}
/* Album card mềm hơn */
.lmk-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
}
.lmk-card{
    min-height:390px!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:0 18px 58px rgba(0,0,0,.44)!important;
}
.lmk-card:after{
    background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.78))!important;
}
.lmk-card-body{
    left:22px!important;
    right:22px!important;
    bottom:22px!important;
}
.lmk-card-body h3{
    font-size:clamp(23px,1.9vw,29px)!important;
    line-height:1.13!important;
    margin-bottom:8px!important;
    color:#ffe4a8!important;
}
.lmk-card-body p{
    display:block!important;
    font-size:14.5px!important;
    line-height:1.52!important;
    color:#f0e4d2!important;
}
.lmk-mini-link{
    margin-top:10px!important;
    color:#ffe4a8!important;
}
/* Khối ưu điểm và liên hệ */
.lmk-feature{
    padding:30px 28px!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,#151515,#090909)!important;
}
.lmk-feature b{
    font-size:23px!important;
    line-height:1.18!important;
    margin-bottom:8px!important;
}
.lmk-feature p{
    font-size:15.5px!important;
    line-height:1.62!important;
    margin-top:0!important;
}
.lmk-client-box{
    max-width:720px!important;
    padding:32px 34px!important;
    border-radius:28px!important;
}
.lmk-client-box h2{
    font-size:clamp(32px,3.6vw,50px)!important;
    margin:0 0 10px!important;
}
.lmk-client-box p,
.lmk-contact-card p{
    font-size:16px!important;
    line-height:1.65!important;
}
.lmk-contact{
    gap:20px!important;
}
.lmk-contact-card{
    padding:32px!important;
    border-radius:28px!important;
}
.lmk-contact-card h2{
    font-size:28px!important;
    line-height:1.15!important;
    margin-bottom:14px!important;
}
/* Footer: khắc phục chữ bị cách xa nhất ở cuối trang */
.lmk-footer{
    padding:58px 0 36px!important;
    background:radial-gradient(circle at 50% 0%,rgba(216,170,72,.13),transparent 35%),#030303!important;
}
.lmk-footer-inner{
    max-width:1000px!important;
}
.lmk-footer-brand{
    font-size:clamp(30px,3.6vw,48px)!important;
    letter-spacing:.025em!important;
    margin-bottom:8px!important;
}
.lmk-footer-quote{
    max-width:760px!important;
    font-size:clamp(20px,2.05vw,28px)!important;
    line-height:1.42!important;
    margin:0 auto 26px!important;
    white-space:normal!important;
}
.lmk-footer-info{
    gap:16px!important;
    margin:26px auto!important;
}
.lmk-footer-info>div{
    min-height:96px!important;
    padding:18px 22px!important;
    border-radius:20px!important;
}
.lmk-footer-info span{
    font-size:11.5px!important;
    margin-bottom:6px!important;
    text-transform:none!important;
}
.lmk-footer-info strong{
    font-size:16px!important;
    line-height:1.46!important;
}
.lmk-copyright{
    font-size:12px!important;
    letter-spacing:.045em!important;
    text-transform:none!important;
    padding-top:20px!important;
}
@media(max-width:1180px){
    .lmk-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .lmk-head-contact{display:none!important;}
}
@media(max-width:900px){
    .lmk-nav{height:78px!important;}
    .lmk-menu{top:78px!important;}
    .lmk-logo img{height:58px!important;max-width:124px!important;}
    .lmk-hero{min-height:100svh!important;height:auto!important;}
    .lmk-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.86))!important;}
    .lmk-hero-content{align-items:flex-end!important;justify-content:center!important;padding-bottom:44px!important;}
    .lmk-hero-box{max-width:92vw!important;margin:0 auto!important;padding:22px 20px!important;text-align:center!important;}
    .lmk-hero h1{font-size:clamp(34px,9.5vw,58px)!important;line-height:1.05!important;}
    .lmk-hero p{max-width:100%!important;font-size:15px!important;line-height:1.58!important;}
    .lmk-actions{justify-content:center!important;}
    .lmk-section{padding:58px 0!important;}
    .lmk-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .lmk-title p,.lmk-about-home .lmk-title p,.lmk-contact-section .lmk-title p,.lmk-album-hero p{font-size:15.5px!important;line-height:1.62!important;}
}
@media(max-width:560px){
    .lmk-container{width:min(100% - 26px,94vw)!important;}
    .lmk-hero-box{padding:20px 18px!important;}
    .lmk-hero h1{font-size:34px!important;}
    .lmk-hero p{font-size:14.5px!important;line-height:1.55!important;}
    .lmk-btn{width:100%!important;}
    .lmk-service-grid{grid-template-columns:1fr!important;}
    .lmk-card{min-height:370px!important;}
    .lmk-title h2,.lmk-album-hero h1{font-size:32px!important;}
    .lmk-footer-brand{font-size:30px!important;letter-spacing:.01em!important;}
    .lmk-footer-tagline{font-size:13px!important;letter-spacing:.025em!important;line-height:1.45!important;}
    .lmk-footer-quote{font-size:20px!important;line-height:1.38!important;}
}


/* =========================================================
   LONGMK PHOTOGRAPHY V8 LEFT HERO
   Chuyển khối chữ trang chủ sang góc trái, giữ bố cục mềm mại
   ========================================================= */
.lmk-hero:after{
    background:linear-gradient(90deg,
        rgba(0,0,0,.84) 0%,
        rgba(0,0,0,.66) 34%,
        rgba(0,0,0,.30) 68%,
        rgba(0,0,0,.38) 100%)!important;
}
.lmk-hero-content{
    justify-content:flex-start!important;
    align-items:center!important;
}
.lmk-hero-box{
    margin-left:3vw!important;
    margin-right:auto!important;
    max-width:585px!important;
    text-align:left!important;
}
.lmk-kicker,
.lmk-hero h1,
.lmk-hero p{
    text-align:left!important;
}
.lmk-actions{
    justify-content:flex-start!important;
}
@media(max-width:900px){
    .lmk-hero:after{
        background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.86))!important;
    }
    .lmk-hero-content{
        align-items:flex-end!important;
        justify-content:center!important;
        padding-bottom:44px!important;
    }
    .lmk-hero-box{
        margin:0 auto!important;
        max-width:92vw!important;
        text-align:left!important;
    }
    .lmk-kicker,
    .lmk-hero h1,
    .lmk-hero p{
        text-align:left!important;
    }
    .lmk-actions{
        justify-content:flex-start!important;
    }
}
@media(max-width:560px){
    .lmk-actions{
        justify-content:center!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.1 FOOTER SPACING
   Giãn khoảng cách giữa dòng thương hiệu và tagline cho thoáng hơn
   ========================================================= */
.lmk-footer-brand{
    margin-bottom:16px!important;
    line-height:1.06!important;
}
.lmk-footer-tagline{
    margin-top:0!important;
    margin-bottom:20px!important;
    line-height:1.35!important;
}
@media(max-width:560px){
    .lmk-footer-brand{
        margin-bottom:12px!important;
    }
    .lmk-footer-tagline{
        margin-bottom:16px!important;
        line-height:1.4!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.3 PRO CONTACT + ONLINE HERO
   Nới dòng phần Chọn ảnh online và làm khu vực liên hệ/footer chuyên nghiệp hơn
   ========================================================= */
.lmk-online-hero{
    padding:156px 0 84px!important;
}
.lmk-online-hero .lmk-container{
    max-width:min(1500px,96vw)!important;
}
.lmk-online-hero .lmk-kicker{
    font-size:clamp(18px,2vw,28px)!important;
    font-weight:800!important;
    text-transform:none!important;
    letter-spacing:.03em!important;
    margin-bottom:16px!important;
    color:#ffd98a!important;
}
.lmk-online-hero h1{
    font-size:clamp(56px,6.1vw,118px)!important;
    line-height:.98!important;
    letter-spacing:.01em!important;
    margin:0 0 22px!important;
}
.lmk-online-hero p{
    max-width:1420px!important;
    margin:0 auto!important;
    font-size:clamp(20px,2.25vw,34px)!important;
    line-height:1.54!important;
    color:#f2e7d6!important;
}

.lmk-footer-inner{
    max-width:1240px!important;
}
.lmk-footer-info{
    grid-template-columns:1.05fr 1.5fr .95fr!important;
    gap:26px!important;
    margin:30px auto 28px!important;
    align-items:stretch!important;
}
.lmk-footer-info > div,
.lmk-info-card{
    min-height:156px!important;
    padding:26px 28px!important;
    border-radius:30px!important;
    border:1px solid rgba(216,170,72,.26)!important;
    background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(6,6,6,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.18)!important;
}
.lmk-info-text{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:12px!important;
    height:100%!important;
}
.lmk-footer-info span,
.lmk-info-label{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.2!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    color:#c9bea9!important;
}
.lmk-footer-info strong,
.lmk-info-value{
    display:block!important;
    color:#fff!important;
    font-size:clamp(22px,1.85vw,34px)!important;
    line-height:1.34!important;
    font-weight:800!important;
}
.lmk-phone-list{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
}
.lmk-phone-chip{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 16px!important;
    border-radius:999px!important;
    background:rgba(216,170,72,.08)!important;
    border:1px solid rgba(216,170,72,.24)!important;
    color:#fff!important;
    font-size:clamp(18px,1.5vw,28px)!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.lmk-address-value{
    font-size:clamp(20px,1.65vw,30px)!important;
    line-height:1.42!important;
    color:#fff7ea!important;
}
.lmk-facebook-footer{
    width:max-content!important;
    margin-top:4px!important;
    padding:14px 22px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.02)!important;
    border:1px solid rgba(216,170,72,.34)!important;
    color:#fff!important;
    box-shadow:none!important;
}
.lmk-facebook-footer .lmk-fb-icon{
    width:30px!important;
    height:30px!important;
    font-size:18px!important;
}

@media(max-width:1180px){
    .lmk-online-hero h1{
        font-size:clamp(46px,5.6vw,86px)!important;
    }
    .lmk-online-hero p{
        font-size:clamp(18px,2.1vw,28px)!important;
    }
    .lmk-footer-info{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    .lmk-footer-info > div,
    .lmk-info-card{
        min-height:132px!important;
        padding:24px 24px!important;
    }
}
@media(max-width:900px){
    .lmk-online-hero{
        padding:138px 0 66px!important;
    }
    .lmk-online-hero .lmk-kicker{
        font-size:20px!important;
        margin-bottom:12px!important;
    }
    .lmk-online-hero h1{
        font-size:clamp(42px,10vw,72px)!important;
        margin-bottom:16px!important;
    }
    .lmk-online-hero p{
        font-size:18px!important;
        line-height:1.6!important;
        max-width:94vw!important;
    }
    .lmk-phone-list{
        gap:10px!important;
    }
}
@media(max-width:560px){
    .lmk-online-hero{
        padding:122px 0 54px!important;
    }
    .lmk-online-hero .lmk-kicker{
        font-size:18px!important;
    }
    .lmk-online-hero h1{
        font-size:34px!important;
        line-height:1.04!important;
    }
    .lmk-online-hero p{
        font-size:15.5px!important;
        line-height:1.62!important;
    }
    .lmk-footer-info > div,
    .lmk-info-card{
        min-height:auto!important;
        padding:20px 18px!important;
        border-radius:24px!important;
    }
    .lmk-phone-chip{
        width:100%!important;
        justify-content:flex-start!important;
        font-size:17px!important;
    }
    .lmk-address-value{
        font-size:18px!important;
    }
    .lmk-facebook-footer{
        width:100%!important;
        justify-content:center!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.4 HERO HARD LEFT
   Đẩy khối chữ trang chủ sát góc trái hơn theo yêu cầu
   ========================================================= */
.lmk-hero .lmk-container.lmk-hero-content{
    width:min(1680px,97vw)!important;
}
.lmk-hero-content{
    justify-content:flex-start!important;
}
.lmk-hero-box{
    margin-left:0!important;
    margin-right:auto!important;
    max-width:620px!important;
}
@media(max-width:900px){
    .lmk-hero .lmk-container.lmk-hero-content{
        width:min(100% - 24px,95vw)!important;
    }
    .lmk-hero-box{
        margin:0 auto!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.5 ELEGANT HERO + ARTISTIC FOOTER
   - Hero title nhỏ hơn, giữ 2 hàng
   - Chọn ảnh online giãn 2 dòng rõ hơn
   - Footer nghệ thuật hơn, Facebook logo xanh
   ========================================================= */

/* HERO TRANG CHỦ */
.lmk-hero .lmk-container.lmk-hero-content{
    width:min(1720px,97vw)!important;
}
.lmk-hero-box{
    max-width:1120px!important;
}
.lmk-hero h1{
    max-width:1040px!important;
    font-size:clamp(42px,5.05vw,90px)!important;
    line-height:1.02!important;
    margin-bottom:22px!important;
    letter-spacing:.005em!important;
}
.lmk-hero p{
    max-width:1120px!important;
}

/* CHỌN ẢNH ONLINE */
.lmk-online-hero h1{
    margin-bottom:24px!important;
}
.lmk-online-hero p{
    max-width:1340px!important;
    font-size:clamp(21px,2.18vw,34px)!important;
    line-height:1.72!important;
    letter-spacing:.002em!important;
}

/* FOOTER / THÔNG TIN CUỐI NGHỆ THUẬT HƠN */
.lmk-footer-info{
    grid-template-columns:1.02fr 1.45fr .92fr!important;
    gap:28px!important;
    margin:34px auto 30px!important;
}
.lmk-info-card{
    position:relative!important;
    overflow:hidden!important;
    border-radius:34px!important;
    border:1px solid rgba(216,170,72,.24)!important;
    background:
        radial-gradient(circle at 100% 0%, rgba(216,170,72,.14), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255,255,255,.03), transparent 26%),
        linear-gradient(180deg, rgba(20,20,20,.98), rgba(6,6,6,1))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 16px 42px rgba(0,0,0,.24)!important;
}
.lmk-info-card::before{
    content:"";
    position:absolute;
    top:0;
    left:28px;
    right:28px;
    height:1px;
    background:linear-gradient(90deg,rgba(216,170,72,0),rgba(216,170,72,.7),rgba(216,170,72,0));
    opacity:.8;
}
.lmk-info-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-72px;
    bottom:-92px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(216,170,72,.09), transparent 68%);
    pointer-events:none;
}
.lmk-info-text{
    gap:14px!important;
}
.lmk-info-label{
    font-family:"Playfair Display", Georgia, serif!important;
    font-size:19px!important;
    line-height:1.2!important;
    color:#e9c777!important;
    letter-spacing:.02em!important;
}
.lmk-phone-list{
    gap:14px!important;
}
.lmk-phone-chip{
    min-width:214px!important;
    justify-content:flex-start!important;
    padding:14px 22px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg, rgba(216,170,72,.14), rgba(216,170,72,.06))!important;
    border:1px solid rgba(216,170,72,.3)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    color:#f8ead1!important;
    font-size:clamp(17px,1.45vw,26px)!important;
    letter-spacing:.01em!important;
}
.lmk-address-value{
    max-width:760px!important;
    color:#fff7ea!important;
    font-size:clamp(18px,1.6vw,27px)!important;
    line-height:1.48!important;
    font-weight:750!important;
}
.lmk-info-social .lmk-info-text{
    align-items:flex-start!important;
}
.lmk-facebook-footer{
    background:rgba(10,10,10,.2)!important;
    border:1px solid rgba(216,170,72,.28)!important;
    padding:14px 24px!important;
    border-radius:999px!important;
    color:#fff!important;
}
.lmk-facebook-footer .lmk-fb-icon{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    background:#1877f2!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(24,119,242,.34)!important;
    font-size:20px!important;
    font-family:Arial, sans-serif!important;
}

@media(max-width:1180px){
    .lmk-hero h1{
        font-size:clamp(40px,4.8vw,72px)!important;
        max-width:880px!important;
    }
    .lmk-online-hero p{
        max-width:1100px!important;
        font-size:clamp(18px,2.05vw,28px)!important;
        line-height:1.68!important;
    }
    .lmk-footer-info{
        grid-template-columns:1fr!important;
    }
    .lmk-address-value{
        max-width:none!important;
    }
}
@media(max-width:900px){
    .lmk-hero-box{
        max-width:94vw!important;
    }
    .lmk-hero h1{
        max-width:100%!important;
        font-size:clamp(38px,8.4vw,64px)!important;
        line-height:1.04!important;
    }
    .lmk-online-hero p{
        font-size:18px!important;
        line-height:1.72!important;
    }
    .lmk-info-social .lmk-info-text{
        align-items:center!important;
    }
}
@media(max-width:560px){
    .lmk-hero h1{
        font-size:34px!important;
        line-height:1.08!important;
    }
    .lmk-online-hero p{
        font-size:15.5px!important;
        line-height:1.72!important;
    }
    .lmk-info-card{
        border-radius:26px!important;
    }
    .lmk-info-label{
        font-size:17px!important;
    }
    .lmk-phone-chip{
        min-width:100%!important;
        font-size:17px!important;
        padding:13px 18px!important;
    }
    .lmk-address-value{
        font-size:18px!important;
        line-height:1.46!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.6 LESS TEXT + CLEAN ONLINE + REMOVE FOOTER INFO
   - Hero nhỏ lại để không che mẫu
   - Chọn ảnh online giãn dòng và khoảng cách
   - Bỏ khối thông tin cuối trang bị gạch chéo
   ========================================================= */

/* HERO TRANG CHỦ: thu nhỏ để chỉ chiếm phần nhỏ của ảnh */
.lmk-hero .lmk-container.lmk-hero-content{
    width:min(1720px,96vw)!important;
}
.lmk-hero-box{
    max-width:760px!important;
    padding:28px 28px 30px!important;
}
.lmk-hero h1{
    max-width:700px!important;
    font-size:clamp(34px,3.7vw,68px)!important;
    line-height:1.06!important;
    margin:0 0 18px!important;
    letter-spacing:.002em!important;
}
.lmk-hero p{
    max-width:980px!important;
    font-size:clamp(14px,1.02vw,16.5px)!important;
    line-height:1.72!important;
    margin-bottom:22px!important;
}
.lmk-kicker{
    font-size:12px!important;
    margin-bottom:12px!important;
}
.lmk-actions{
    gap:12px!important;
}
.lmk-btn{
    padding:11px 18px!important;
    font-size:11px!important;
}

/* CHỌN ẢNH ONLINE: nới khoảng cách chữ và form */
.lmk-online-hero{
    padding:154px 0 96px!important;
}
.lmk-online-hero .lmk-kicker{
    margin-bottom:16px!important;
}
.lmk-online-hero h1{
    font-size:clamp(48px,5.2vw,96px)!important;
    line-height:1.02!important;
    margin:0 0 28px!important;
}
.lmk-online-hero p{
    max-width:1320px!important;
    font-size:clamp(22px,2.02vw,32px)!important;
    line-height:1.86!important;
    margin:0 auto 8px!important;
}
.lmk-client-box{
    max-width:1360px!important;
    padding:42px 48px 46px!important;
    border-radius:34px!important;
}
.lmk-client-box h2{
    margin:0 0 18px!important;
}
.lmk-client-box p{
    font-size:18px!important;
    line-height:1.8!important;
    margin:0 0 22px!important;
}
.lmk-client-box input,
.lmk-form-input{
    height:92px!important;
    padding:18px 30px!important;
    font-size:34px!important;
    border-radius:26px!important;
    margin:12px 0 26px!important;
}
#lmk-open-album,
.lmk-client-box .lmk-btn.primary{
    margin-top:8px!important;
    min-width:280px!important;
    padding:18px 30px!important;
    font-size:18px!important;
}

/* FOOTER: bỏ hẳn khối thông tin cuối trang */
.lmk-footer-info{
    display:none!important;
}
.lmk-footer{
    padding:54px 0 28px!important;
}
.lmk-footer-quote{
    margin:0 auto 18px!important;
}

@media(max-width:1180px){
    .lmk-hero-box{
        max-width:670px!important;
    }
    .lmk-hero h1{
        font-size:clamp(32px,3.8vw,58px)!important;
        max-width:620px!important;
    }
    .lmk-hero p{
        font-size:15px!important;
        max-width:760px!important;
    }
    .lmk-online-hero h1{
        font-size:clamp(42px,4.9vw,76px)!important;
    }
    .lmk-online-hero p{
        font-size:clamp(18px,1.9vw,25px)!important;
        line-height:1.8!important;
        max-width:1080px!important;
    }
    .lmk-client-box{
        max-width:1120px!important;
        padding:36px 34px 40px!important;
    }
    .lmk-client-box input,
    .lmk-form-input{
        height:80px!important;
        font-size:28px!important;
    }
}
@media(max-width:900px){
    .lmk-hero-box{
        max-width:92vw!important;
        padding:22px 18px 24px!important;
    }
    .lmk-hero h1{
        max-width:100%!important;
        font-size:clamp(32px,8vw,52px)!important;
        line-height:1.08!important;
    }
    .lmk-hero p{
        font-size:14.5px!important;
        line-height:1.74!important;
    }
    .lmk-online-hero{
        padding:136px 0 72px!important;
    }
    .lmk-online-hero h1{
        font-size:clamp(40px,9vw,64px)!important;
        margin-bottom:20px!important;
    }
    .lmk-online-hero p{
        font-size:18px!important;
        line-height:1.82!important;
        max-width:92vw!important;
    }
    .lmk-client-box{
        max-width:94vw!important;
        padding:30px 22px 34px!important;
    }
    .lmk-client-box input,
    .lmk-form-input{
        height:68px!important;
        font-size:22px!important;
        padding:14px 18px!important;
        margin:10px 0 20px!important;
    }
    #lmk-open-album,
    .lmk-client-box .lmk-btn.primary{
        min-width:220px!important;
        font-size:16px!important;
        padding:16px 24px!important;
    }
}
@media(max-width:560px){
    .lmk-hero h1{
        font-size:31px!important;
        line-height:1.1!important;
    }
    .lmk-hero p{
        font-size:14px!important;
    }
    .lmk-online-hero p{
        font-size:15.5px!important;
        line-height:1.84!important;
    }
    .lmk-client-box input,
    .lmk-form-input{
        height:60px!important;
        font-size:18px!important;
        border-radius:20px!important;
    }
    #lmk-open-album,
    .lmk-client-box .lmk-btn.primary{
        width:auto!important;
        min-width:0!important;
    }
}

/* =========================================================
   LONGMK PHOTOGRAPHY V8.7 SMALLER HERO + THINNER FRAME + LANDSCAPE MACRO
   - Hero nhỏ hơn nữa, khung gọn hơn vùng chọn
   - Chọn ảnh online giãn thoáng hơn
   - Chân Dung Thanh Lịch đổi thành Phong Cảnh & Macro
   ========================================================= */

/* HERO nhỏ hơn, chiếm ít khung ảnh hơn */
.lmk-hero .lmk-container.lmk-hero-content{
    width:min(1560px,95vw)!important;
}
.lmk-hero-box{
    max-width:440px!important;
    padding:22px 22px 24px!important;
    border-radius:22px!important;
    background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(216,170,72,.12)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 32px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(5px)!important;
}
.lmk-kicker{
    font-size:11.5px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
    margin-bottom:12px!important;
    text-transform:none!important;
}
.lmk-hero h1{
    max-width:395px!important;
    font-size:clamp(30px,2.85vw,52px)!important;
    line-height:1.06!important;
    margin:0 0 14px!important;
}
.lmk-hero p{
    max-width:430px!important;
    font-size:clamp(12.8px,.88vw,14.8px)!important;
    line-height:1.78!important;
    margin:0 0 18px!important;
}
.lmk-actions{
    gap:10px!important;
}
.lmk-btn{
    padding:10px 16px!important;
    font-size:10.5px!important;
    border-width:1px!important;
}

/* CHỌN ẢNH ONLINE thoáng hơn */
.lmk-online-hero{
    padding:156px 0 104px!important;
}
.lmk-online-hero .lmk-kicker{
    margin-bottom:18px!important;
}
.lmk-online-hero h1{
    margin:0 0 34px!important;
}
.lmk-online-hero p{
    max-width:1280px!important;
    font-size:clamp(21px,1.95vw,31px)!important;
    line-height:1.96!important;
    margin:0 auto 16px!important;
}
.lmk-client-box{
    max-width:1320px!important;
    padding:46px 50px 50px!important;
}
.lmk-client-box p{
    font-size:18px!important;
    line-height:1.95!important;
    margin:0 0 28px!important;
}
.lmk-client-box input,
.lmk-form-input{
    margin:14px 0 30px!important;
}
#lmk-open-album,
.lmk-client-box .lmk-btn.primary{
    margin-top:10px!important;
}

/* card album: tiêu đề mới Phong Cảnh & Macro cân hơn */
.lmk-card-body h3{
    font-size:clamp(21px,1.72vw,27px)!important;
    line-height:1.14!important;
}

@media(max-width:1180px){
    .lmk-hero-box{
        max-width:400px!important;
        padding:20px 20px 22px!important;
    }
    .lmk-hero h1{
        max-width:360px!important;
        font-size:clamp(28px,3vw,44px)!important;
    }
    .lmk-hero p{
        max-width:390px!important;
        font-size:13.5px!important;
    }
    .lmk-online-hero p{
        font-size:clamp(18px,1.82vw,24px)!important;
        line-height:1.92!important;
        max-width:1080px!important;
    }
}
@media(max-width:900px){
    .lmk-hero-box{
        max-width:92vw!important;
        padding:20px 16px 22px!important;
    }
    .lmk-hero h1{
        max-width:100%!important;
        font-size:clamp(30px,7.8vw,46px)!important;
        line-height:1.08!important;
    }
    .lmk-hero p{
        max-width:100%!important;
        font-size:14px!important;
        line-height:1.76!important;
    }
    .lmk-online-hero p{
        font-size:17.5px!important;
        line-height:1.9!important;
        max-width:92vw!important;
    }
    .lmk-client-box{
        max-width:94vw!important;
        padding:32px 22px 36px!important;
    }
}
@media(max-width:560px){
    .lmk-hero h1{
        font-size:29px!important;
        line-height:1.1!important;
    }
    .lmk-hero p{
        font-size:13.5px!important;
    }
    .lmk-online-hero p{
        font-size:15.5px!important;
        line-height:1.9!important;
    }
}


/* =========================================================
   LONGMK V9.2 - iPad / Mobile hero lower-left fix
   - iPad dọc: đưa khối chữ xuống thấp, tránh bị thanh menu che
   - Giảm chữ hero để không bị mất đầu chữ
   ========================================================= */

/* iPad dọc và tablet/mobile */
@media (max-width: 1024px) and (orientation: portrait){
    .lmk-hero{
        min-height: 100svh !important;
        padding-top: 118px !important;
        padding-bottom: 58px !important;
        display: flex !important;
        align-items: flex-end !important;
    }

    .lmk-hero .lmk-container.lmk-hero-content{
        width: 100% !important;
        min-height: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        padding-left: clamp(18px, 5vw, 42px) !important;
        padding-right: clamp(18px, 5vw, 42px) !important;
        padding-bottom: 32px !important;
    }

    .lmk-hero-box{
        max-width: min(92vw, 620px) !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: translateY(18px) !important;
        padding: 24px 24px 26px !important;
        border-radius: 24px !important;
        background: rgba(0,0,0,.28) !important;
        backdrop-filter: blur(7px) !important;
    }

    .lmk-hero h1{
        font-size: clamp(42px, 8.4vw, 68px) !important;
        line-height: .98 !important;
        letter-spacing: -0.025em !important;
        margin-bottom: 18px !important;
        max-width: 100% !important;
    }

    .lmk-hero p{
        font-size: clamp(14px, 2.3vw, 18px) !important;
        line-height: 1.62 !important;
        max-width: 100% !important;
        margin-bottom: 22px !important;
    }

    .lmk-kicker{
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .lmk-actions{
        gap: 12px !important;
        flex-wrap: wrap !important;
    }

    .lmk-btn{
        padding: 12px 18px !important;
        font-size: 12px !important;
    }
}

/* Điện thoại / màn hình nhỏ hơn: xuống thấp nhưng gọn hơn */
@media (max-width: 640px){
    .lmk-hero{
        min-height: 100svh !important;
        padding-top: 108px !important;
        padding-bottom: 42px !important;
        align-items: flex-end !important;
    }

    .lmk-hero .lmk-container.lmk-hero-content{
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 20px !important;
        align-items: flex-end !important;
    }

    .lmk-hero-box{
        max-width: 94vw !important;
        padding: 20px 18px 22px !important;
        transform: translateY(8px) !important;
    }

    .lmk-hero h1{
        font-size: clamp(33px, 11vw, 48px) !important;
        line-height: 1.02 !important;
        margin-bottom: 14px !important;
    }

    .lmk-hero p{
        font-size: 13.8px !important;
        line-height: 1.58 !important;
        margin-bottom: 18px !important;
    }

    .lmk-actions{
        gap: 10px !important;
    }

    .lmk-btn{
        padding: 11px 14px !important;
        font-size: 11.5px !important;
    }
}

/* iPad ngang: chỉ hạ nhẹ, không làm quá thấp */
@media (min-width: 641px) and (max-width: 1180px) and (orientation: landscape){
    .lmk-hero .lmk-container.lmk-hero-content{
        align-items: center !important;
        padding-top: 80px !important;
    }

    .lmk-hero-box{
        transform: translateY(24px) !important;
    }

    .lmk-hero h1{
        font-size: clamp(42px, 4.7vw, 62px) !important;
        line-height: 1 !important;
    }
}


/* =========================================================
   LONGMK V9.3 - Album folders / sub-albums
   - Mỗi chủ đề có thể chứa nhiều folder con trong uploads/longmk/<chu-de>/
   - Trang chủ đề hiển thị folder con trước, bấm vào folder mới xem ảnh
   ========================================================= */
.lmk-folder-heading{
    text-align:center;
    margin:0 auto 26px;
    max-width:900px;
}
.lmk-folder-heading h2{
    font-family:Georgia,serif;
    font-size:clamp(30px,3.5vw,54px);
    line-height:1.05;
    margin:0 0 12px;
    color:#fff;
}
.lmk-folder-heading p{
    margin:0 auto;
    color:var(--lmk-muted);
    line-height:1.75;
    font-size:16px;
}
.lmk-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 28px;
    color:#d7c8ae;
    font-weight:800;
}
.lmk-breadcrumb a{
    color:#ffe2a0;
    text-decoration:none;
    border:1px solid rgba(216,170,72,.28);
    border-radius:999px;
    padding:10px 14px;
    background:rgba(255,255,255,.035);
}
.lmk-breadcrumb span{
    opacity:.72;
}
.lmk-folder-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:26px;
}
.lmk-folder-card{
    position:relative;
    min-height:330px;
    border-radius:26px;
    overflow:hidden;
    background:#101010;
    border:1px solid rgba(216,170,72,.28);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    text-decoration:none;
    color:#fff;
}
.lmk-folder-card img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:saturate(1.04) contrast(1.04);
    transition:.55s ease;
}
.lmk-folder-card:hover img{
    transform:scale(1.065);
}
.lmk-folder-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 15%, rgba(255,226,160,.16), transparent 32%),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.86));
}
.lmk-folder-body{
    position:absolute;
    z-index:2;
    left:24px;
    right:24px;
    bottom:24px;
}
.lmk-folder-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ffe2a0;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size:11px;
    margin-bottom:12px;
}
.lmk-folder-body h3{
    font-family:Georgia,serif;
    color:#fff;
    font-size:clamp(25px,2vw,34px);
    line-height:1.08;
    margin:0 0 10px;
}
.lmk-folder-body p{
    color:#eadcc5;
    line-height:1.55;
    margin:0 0 14px;
    font-size:15px;
}
.lmk-folder-count{
    display:inline-flex;
    color:#140d03;
    background:linear-gradient(135deg,#a87020,#ffe2a0,#ba8629);
    border-radius:999px;
    padding:9px 13px;
    font-weight:900;
    font-size:12px;
}
.lmk-current-folder-note{
    text-align:center;
    margin:0 auto 24px;
    max-width:880px;
    color:#dccfb9;
    font-size:16px;
    line-height:1.7;
}
.lmk-gallery-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    margin:0 0 24px;
    padding:16px 18px;
    border:1px solid rgba(216,170,72,.22);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.lmk-gallery-toolbar .lmk-mini-link{
    margin:0;
    color:#ffe2a0;
    text-decoration:none;
}
@media(max-width:1180px){
    .lmk-folder-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
    .lmk-folder-grid{grid-template-columns:1fr;gap:18px;}
    .lmk-folder-card{min-height:300px;}
    .lmk-folder-body{left:20px;right:20px;bottom:20px;}
    .lmk-gallery-toolbar{align-items:flex-start;flex-direction:column;}
}


/* =========================================================
   LONGMK V9.4 - Clean folder cards
   ========================================================= */
.lmk-folder-body p.lmk-folder-desc{
    color:#eadcc5;
    font-size:15px;
    line-height:1.55;
    margin:0 0 14px;
}
.lmk-folder-body p code,
.lmk-gallery-toolbar code{
    display:none !important;
}


/* =========================================================
   LONGMK V9.6 - Mobile image URL / broken-image fix
   ========================================================= */
.lmk-card.lmk-no-cover,
.lmk-folder-card.lmk-no-cover{
    background:
        radial-gradient(circle at 50% 38%, rgba(216,170,72,.13), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.96));
}
.lmk-card.lmk-no-cover::before,
.lmk-folder-card.lmk-no-cover::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.88));
    z-index:1;
}
.lmk-card.lmk-no-cover img,
.lmk-folder-card.lmk-no-cover img{
    display:none !important;
}
.lmk-card.lmk-no-cover .lmk-card-body,
.lmk-folder-card.lmk-no-cover .lmk-folder-body{
    z-index:2;
}
@media(max-width:640px){
    .lmk-service-grid .lmk-card{
        min-height:330px;
        overflow:hidden;
    }
    .lmk-service-grid .lmk-card img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }
    .lmk-service-grid .lmk-card-body{
        left:18px;
        right:18px;
        bottom:22px;
    }
}


/* =========================================================
   LONGMK V9.8 - Client album download permission
   ========================================================= */
.lmk-download-note{
    margin-top:14px;
    color:#d9ccb8;
    font-size:14px;
    line-height:1.55;
}
.lmk-download-note strong{
    color:#ffe2a0;
}
.lmk-select-card .lmk-download-one{
    position:absolute;
    right:12px;
    bottom:12px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:9px 12px;
    border-radius:999px;
    color:#140d03;
    background:linear-gradient(135deg,#a87020,#ffe2a0,#ba8629);
    font-weight:900;
    font-size:12px;
    text-decoration:none;
    box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.lmk-select-card .lmk-download-one:hover{
    transform:translateY(-1px);
}
.lmk-client-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}
.lmk-download-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(216,170,72,.36);
    color:#ffe2a0;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    background:rgba(255,255,255,.035);
}
.lmk-download-badge.off{
    color:#d8cfc0;
    border-color:rgba(255,255,255,.14);
}
.lmk-lightbox-download{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#a87020,#ffe2a0,#ba8629);
    color:#120b03 !important;
    font-weight:900;
    text-decoration:none;
    margin-left:10px;
}
@media(max-width:640px){
    .lmk-select-card .lmk-download-one{
        padding:8px 10px;
        font-size:11px;
    }
    .lmk-client-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   LONGMK V9.9 - Save unfinished client selections
   ========================================================= */
.lmk-draft-status{
    margin-top:12px;
    color:#d9ccb8;
    font-size:14px;
    line-height:1.55;
}
.lmk-draft-status strong{
    color:#ffe2a0;
}
.lmk-draft-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}
.lmk-btn.ghost{
    color:#ffe2a0;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(216,170,72,.34);
}
.lmk-message.info{
    border-color:rgba(216,170,72,.32);
    color:#ffe2a0;
    background:rgba(216,170,72,.08);
}
@media(max-width:640px){
    .lmk-draft-actions{
        flex-direction:column;
    }
    .lmk-draft-actions .lmk-btn{
        width:100%;
        max-width:320px;
    }
}


/* =========================================================
   LONGMK V10 - HOME HERO SMALLER TEXT + SOFTER BOX
   ========================================================= */
.lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(216,170,72,.14)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    max-width:540px!important;
}
.lmk-hero .lmk-hero-box .lmk-kicker{
    font-size:12px!important;
    margin-bottom:12px!important;
}
.lmk-hero h1{
    font-size:clamp(31px,3.7vw,58px)!important;
    line-height:1.02!important;
    margin-bottom:14px!important;
}
.lmk-hero p{
    font-size:clamp(14px,1.02vw,17px)!important;
    line-height:1.64!important;
    margin-bottom:20px!important;
}
.lmk-hero .lmk-btn{
    padding:13px 20px!important;
}
@media (max-width: 900px){
    .lmk-hero .lmk-hero-box{
        max-width:90vw!important;
        padding:20px 18px!important;
        background:rgba(0,0,0,.14)!important;
    }
    .lmk-hero h1{
        font-size:clamp(30px,8vw,48px)!important;
        margin-bottom:12px!important;
    }
    .lmk-hero p{
        font-size:14.5px!important;
        line-height:1.58!important;
    }
}
@media (max-width: 560px){
    .lmk-hero .lmk-hero-box{
        max-width:92vw!important;
        padding:18px 16px!important;
        background:rgba(0,0,0,.12)!important;
    }
    .lmk-hero h1{
        font-size:30px!important;
        line-height:1.04!important;
    }
    .lmk-hero p{
        font-size:14px!important;
        line-height:1.55!important;
    }
}


/* =========================================================
   LONGMK V10.1 - HOME HERO SMALLER TEXT + MORE TRANSPARENT BOX
   Chỉnh theo yêu cầu: chữ nhỏ thêm, nền giảm thêm 2 phần.
   ========================================================= */

/* Khung chữ trang chủ: trong hơn bản V10 */
.lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,.10)!important;
    border:1px solid rgba(216,170,72,.12)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    max-width:520px!important;
}

/* Dòng Longmk Photography */
.lmk-hero .lmk-hero-box .lmk-kicker{
    font-size:11px!important;
    line-height:1.35!important;
    margin-bottom:10px!important;
}

/* Tiêu đề lớn */
.lmk-hero h1{
    font-size:clamp(28px,3.25vw,52px)!important;
    line-height:1.02!important;
    margin-bottom:12px!important;
    letter-spacing:-.25px!important;
}

/* Đoạn mô tả */
.lmk-hero p{
    font-size:clamp(13px,.92vw,15.5px)!important;
    line-height:1.58!important;
    margin-bottom:18px!important;
}

/* Nút */
.lmk-hero .lmk-btn{
    font-size:13px!important;
    padding:12px 18px!important;
}

/* Tablet / iPad */
@media (max-width: 900px){
    .lmk-hero .lmk-hero-box{
        max-width:88vw!important;
        padding:18px 16px!important;
        background:rgba(0,0,0,.09)!important;
        backdrop-filter:blur(2px)!important;
        -webkit-backdrop-filter:blur(2px)!important;
    }
    .lmk-hero .lmk-hero-box .lmk-kicker{
        font-size:10.5px!important;
        margin-bottom:9px!important;
    }
    .lmk-hero h1{
        font-size:clamp(27px,6.8vw,43px)!important;
        line-height:1.03!important;
        margin-bottom:10px!important;
    }
    .lmk-hero p{
        font-size:13.5px!important;
        line-height:1.52!important;
        margin-bottom:16px!important;
    }
    .lmk-hero .lmk-btn{
        font-size:12.5px!important;
        padding:11px 16px!important;
    }
}

/* Mobile */
@media (max-width: 560px){
    .lmk-hero .lmk-hero-box{
        max-width:90vw!important;
        padding:16px 14px!important;
        background:rgba(0,0,0,.08)!important;
        border-color:rgba(216,170,72,.10)!important;
        border-radius:20px!important;
    }
    .lmk-hero .lmk-hero-box .lmk-kicker{
        font-size:10px!important;
        margin-bottom:8px!important;
    }
    .lmk-hero h1{
        font-size:27px!important;
        line-height:1.03!important;
        margin-bottom:9px!important;
    }
    .lmk-hero p{
        font-size:13px!important;
        line-height:1.48!important;
        margin-bottom:14px!important;
    }
    .lmk-hero .lmk-btn{
        font-size:12px!important;
        padding:10px 14px!important;
    }
}


/* =========================================================
   LONGMK V10.2 - MOVE LIGHTBOX DOWNLOAD BUTTON TO LEFT
   Nút "Tải ảnh gốc" chuyển sang góc trái để không che nút gọi.
   ========================================================= */
.lmk-lightbox-download{
    position:fixed !important;
    left:22px !important;
    right:auto !important;
    bottom:22px !important;
    z-index:1000001 !important;
    margin-left:0 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
}
@media(max-width:640px){
    .lmk-lightbox-download{
        left:16px !important;
        right:auto !important;
        bottom:16px !important;
        padding:11px 16px !important;
        font-size:13px !important;
        max-width:calc(100vw - 110px) !important;
        white-space:nowrap !important;
    }
}


/* =========================================================
   LONGMK V10.3 - PREVIEW CACHE SPEED OPTIMIZATION
   ========================================================= */
.lmk-preview-note{
    margin:12px 0 0;
    color:#d8cdbb;
    font-size:14px;
    line-height:1.55;
}
.lmk-preview-note strong{
    color:#ffe2a0;
}
.lmk-select-card img,
.lmk-gallery-item img{
    background:rgba(255,255,255,.03);
}
.lmk-select-card.is-loading::after,
.lmk-gallery-item.is-loading::after{
    content:"Đang tải preview...";
    position:absolute;
    left:12px;
    bottom:12px;
    z-index:3;
    font-size:12px;
    color:#ffe2a0;
    background:rgba(0,0,0,.48);
    border:1px solid rgba(216,170,72,.25);
    border-radius:999px;
    padding:7px 10px;
}

/* =========================================================
   LONGMK V10.4 - CUSTOM COVER IMAGE
   ========================================================= */
.lmk-cover-tip{
    margin-top:10px;
    color:#d8cdbb;
    font-size:13px;
    line-height:1.5;
}
.lmk-cover-tip strong{
    color:#ffe2a0;
}


/* =========================================================
   LONGMK V10.5 - HERO BOX 1/2 TRANSPARENT FIX
   Dựa trên V10.4, giảm nền khối chữ trang chủ xuống 1/2.
   Mục tiêu: ảnh bên dưới rõ hơn, chữ vẫn nổi bật và sang.
   ========================================================= */

/* Khối chữ trang chủ */
body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,.05)!important;          /* V10.4 khoảng .10 -> giảm còn 1/2 */
    border:1px solid rgba(216,170,72,.18)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(7px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(7px) saturate(1.08)!important;
}

/* Giữ chữ nổi rõ khi nền trong hơn */
body .lmk-hero .lmk-hero-box .lmk-kicker,
body .lmk-hero .lmk-hero-box h1,
body .lmk-hero .lmk-hero-box p{
    text-shadow:0 3px 14px rgba(0,0,0,.72), 0 1px 2px rgba(0,0,0,.55)!important;
}

/* Tiêu đề lớn giữ sang, không bị chìm */
body .lmk-hero .lmk-hero-box h1{
    color:#fff!important;
}

/* Mô tả dễ đọc hơn trên nền ảnh */
body .lmk-hero .lmk-hero-box p{
    color:rgba(255,255,255,.94)!important;
}

/* Tablet / iPad */
@media (max-width:900px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.045)!important;     /* V10.4 khoảng .09 -> giảm còn 1/2 */
        border-color:rgba(216,170,72,.17)!important;
        box-shadow:0 18px 46px rgba(0,0,0,.15)!important;
        backdrop-filter:blur(7px) saturate(1.08)!important;
        -webkit-backdrop-filter:blur(7px) saturate(1.08)!important;
    }
}

/* Điện thoại */
@media (max-width:560px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.04)!important;      /* V10.4 khoảng .08 -> giảm còn 1/2 */
        border-color:rgba(216,170,72,.16)!important;
        box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
        backdrop-filter:blur(6px) saturate(1.08)!important;
        -webkit-backdrop-filter:blur(6px) saturate(1.08)!important;
    }

    body .lmk-hero .lmk-hero-box .lmk-kicker,
    body .lmk-hero .lmk-hero-box h1,
    body .lmk-hero .lmk-hero-box p{
        text-shadow:0 3px 13px rgba(0,0,0,.76), 0 1px 2px rgba(0,0,0,.58)!important;
    }
}


/* =========================================================
   LONGMK V10.8 - SHARP PREVIEW + TRANSPARENT HERO + VIETNAMESE FONT
   ========================================================= */

/* Font tiếng Việt ổn định hơn cho toàn bộ website */
body,
button,
input,
select,
textarea,
.lmk-folder-body p,
.lmk-card-body p,
.lmk-title p,
.lmk-hero p,
.lmk-current-folder-note,
.lmk-contact-card p,
.lmk-feature p{
    font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;
}

.lmk-hero h1,
.lmk-title h2,
.lmk-card-body h3,
.lmk-album-hero h1,
.lmk-feature b,
.lmk-contact-card h2,
.lmk-footer-brand,
.lmk-footer-quote,
.lmk-folder-heading h2,
.lmk-folder-body h3,
.lmk-folder-card h3,
.lmk-folder-title,
.lmk-page-title,
.lmk-section-title,
.lmk-cat-title,
.lmk-album-title,
.lmk-client-album-title,
.lmk-collection-title{
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    font-kerning:normal!important;
    letter-spacing:0!important;
    word-spacing:0!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}

/* Tránh chữ tiếng Việt bị tách kỳ lạ trong card */
.lmk-folder-body h3,
.lmk-folder-card h3,
.lmk-card-body h3{
    font-size:clamp(22px,1.9vw,31px)!important;
    line-height:1.16!important;
    text-wrap:balance;
}

.lmk-folder-body p,
.lmk-card-body p{
    line-height:1.62!important;
}

/* Hero trang chủ: trong suốt hơn nữa nhưng chữ vẫn nổi */
body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,.025)!important;
    border:1px solid rgba(216,170,72,.18)!important;
    box-shadow:0 20px 58px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(8px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.12)!important;
}
body .lmk-hero .lmk-hero-box .lmk-kicker,
body .lmk-hero .lmk-hero-box h1,
body .lmk-hero .lmk-hero-box p{
    text-shadow:0 4px 18px rgba(0,0,0,.86), 0 1px 3px rgba(0,0,0,.72)!important;
}
body .lmk-hero .lmk-hero-box h1{color:#fff!important;}
body .lmk-hero .lmk-hero-box p{color:rgba(255,255,255,.95)!important;}

@media(max-width:900px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.022)!important;
        backdrop-filter:blur(7px) saturate(1.12)!important;
        -webkit-backdrop-filter:blur(7px) saturate(1.12)!important;
    }
}
@media(max-width:560px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.02)!important;
        border-color:rgba(216,170,72,.15)!important;
        backdrop-filter:blur(7px) saturate(1.1)!important;
        -webkit-backdrop-filter:blur(7px) saturate(1.1)!important;
    }
    .lmk-folder-body h3,
    .lmk-folder-card h3,
    .lmk-card-body h3{
        font-size:clamp(19px,6vw,27px)!important;
        line-height:1.18!important;
    }
}


/* =========================================================
   LONGMK V10.9 - RECURSIVE COVER + SHARP CARD IMAGE
   ========================================================= */

/* Nếu card dùng ảnh thật, ưu tiên hiển thị sắc nét hơn */
.lmk-card img,
.lmk-folder-card img,
.lmk-gallery-item img,
.lmk-select-card img{
    image-rendering:auto!important;
    filter:none;
}

/* Nền chữ trang chủ trong hơn nhưng chữ vẫn nổi */
body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,.035)!important;
    border:1px solid rgba(216,170,72,.16)!important;
    box-shadow:0 20px 60px rgba(0,0,0,.15)!important;
    backdrop-filter:blur(8px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.12)!important;
}

body .lmk-hero .lmk-hero-box .lmk-kicker,
body .lmk-hero .lmk-hero-box h1,
body .lmk-hero .lmk-hero-box p{
    text-shadow:0 4px 18px rgba(0,0,0,.82), 0 1px 3px rgba(0,0,0,.66)!important;
}

@media(max-width:900px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.032)!important;
        backdrop-filter:blur(7px) saturate(1.12)!important;
        -webkit-backdrop-filter:blur(7px) saturate(1.12)!important;
    }
}

@media(max-width:560px){
    body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,.030)!important;
        backdrop-filter:blur(6px) saturate(1.12)!important;
        -webkit-backdrop-filter:blur(6px) saturate(1.12)!important;
    }
}


/* =========================================================
   LONGMK V10.10 - MAX TRANSPARENT HERO BOX
   Mục tiêu:
   - Nền khung chữ gần như trong suốt hoàn toàn.
   - Nhìn rõ hình phía sau nhất có thể.
   - Chữ vẫn nổi bằng text-shadow nhiều lớp.
   ========================================================= */

/* Khung chữ hero: gần như không còn nền */
html body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,0.006)!important;       /* rất trong */
    background-color:rgba(0,0,0,0.006)!important;
    border:1px solid rgba(216,170,72,0.13)!important;
    box-shadow:0 12px 34px rgba(0,0,0,0.06)!important;

    /* Giảm blur thật thấp để nhìn rõ hình phía sau */
    backdrop-filter:blur(1.2px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(1.2px) saturate(1.03)!important;
}

/* Tắt các lớp phủ phụ nếu theme/browser tạo thêm */
html body .lmk-hero .lmk-hero-box::before,
html body .lmk-hero .lmk-hero-box::after{
    background:transparent!important;
    background-color:transparent!important;
    opacity:0!important;
    box-shadow:none!important;
}

/* Nếu hero có lớp phủ toàn màn hình, giảm nhẹ để ảnh phía sau rõ hơn */
html body .lmk-hero::before,
html body .lmk-hero::after{
    opacity:.18!important;
}

/* Chữ vẫn nổi rõ trên nền trong */
html body .lmk-hero .lmk-hero-box .lmk-kicker,
html body .lmk-hero .lmk-hero-box h1,
html body .lmk-hero .lmk-hero-box p,
html body .lmk-hero .lmk-hero-box a,
html body .lmk-hero .lmk-hero-box .lmk-btn{
    position:relative!important;
    z-index:2!important;
    text-shadow:
        0 4px 18px rgba(0,0,0,.95),
        0 2px 8px rgba(0,0,0,.85),
        0 1px 2px rgba(0,0,0,.92)!important;
}

/* Tiêu đề lớn: thêm viền bóng nhẹ để đọc được dù nền rất trong */
html body .lmk-hero .lmk-hero-box h1{
    color:#fff!important;
    -webkit-text-stroke:0.15px rgba(0,0,0,.45);
}

/* Đoạn mô tả: trắng rõ hơn */
html body .lmk-hero .lmk-hero-box p{
    color:rgba(255,255,255,.97)!important;
    font-weight:500!important;
}

/* Chữ Longmk Photography */
html body .lmk-hero .lmk-hero-box .lmk-kicker{
    color:#ffe6a8!important;
    text-shadow:
        0 3px 12px rgba(0,0,0,.95),
        0 1px 2px rgba(0,0,0,.90)!important;
}

/* Tablet / iPad */
@media(max-width:900px){
    html body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,0.005)!important;
        background-color:rgba(0,0,0,0.005)!important;
        backdrop-filter:blur(.9px) saturate(1.03)!important;
        -webkit-backdrop-filter:blur(.9px) saturate(1.03)!important;
        box-shadow:0 10px 28px rgba(0,0,0,0.055)!important;
    }
}

/* Điện thoại */
@media(max-width:560px){
    html body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,0.004)!important;
        background-color:rgba(0,0,0,0.004)!important;
        backdrop-filter:blur(.6px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(.6px) saturate(1.02)!important;
        border-color:rgba(216,170,72,0.12)!important;
        box-shadow:0 8px 22px rgba(0,0,0,0.05)!important;
    }

    html body .lmk-hero .lmk-hero-box .lmk-kicker,
    html body .lmk-hero .lmk-hero-box h1,
    html body .lmk-hero .lmk-hero-box p,
    html body .lmk-hero .lmk-hero-box a,
    html body .lmk-hero .lmk-hero-box .lmk-btn{
        text-shadow:
            0 4px 18px rgba(0,0,0,.96),
            0 2px 8px rgba(0,0,0,.88),
            0 1px 2px rgba(0,0,0,.94)!important;
    }
}


/* =========================================================
   LONGMK V10.11 - COLOR DISPLAY FIX
   Mục tiêu:
   - Không làm đổi màu ảnh bằng CSS filter.
   - Giảm lớp phủ đen trên card để màu ảnh gần gốc hơn.
   - Khi xem ảnh lớn/lightbox không áp hiệu ứng màu.
   ========================================================= */

/* Không tăng saturation/contrast trên ảnh */
html body .lmk-card img,
html body .lmk-folder-card img,
html body .lmk-gallery-item img,
html body .lmk-select-card img,
html body .lmk-lightbox img,
html body .lmk-lightbox-img,
html body img.lmk-lightbox-img{
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    image-rendering:auto!important;
}

/* Card chủ đề: giảm overlay để ảnh không bị tối/lệch màu quá nhiều */
html body .lmk-card:after,
html body .lmk-card::after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.05) 0%,
        rgba(0,0,0,.18) 44%,
        rgba(0,0,0,.50) 100%
    )!important;
}

/* Card thư mục/bộ ảnh: giảm overlay đen nhưng vẫn giữ chữ đọc được */
html body .lmk-folder-card::after,
html body .lmk-folder-card:after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.04) 0%,
        rgba(0,0,0,.20) 45%,
        rgba(0,0,0,.55) 100%
    )!important;
}

/* Chữ trên card vẫn nổi khi overlay nhẹ hơn */
html body .lmk-card-body,
html body .lmk-folder-body{
    text-shadow:
        0 3px 14px rgba(0,0,0,.92),
        0 1px 3px rgba(0,0,0,.92)!important;
}

/* Khung hero vẫn giữ cực trong theo V10.10 */
html body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,0.006)!important;
    background-color:rgba(0,0,0,0.006)!important;
    backdrop-filter:blur(1.2px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(1.2px) saturate(1.03)!important;
}

/* Lightbox / xem ảnh lớn: nền đen bình thường, ảnh không bị phủ màu */
html body .lmk-lightbox,
html body .lmk-lightbox-inner{
    background:rgba(0,0,0,.92)!important;
}
html body .lmk-lightbox figure,
html body .lmk-lightbox .lmk-lightbox-photo{
    background:transparent!important;
}
html body .lmk-lightbox figure::before,
html body .lmk-lightbox figure::after,
html body .lmk-lightbox .lmk-lightbox-photo::before,
html body .lmk-lightbox .lmk-lightbox-photo::after{
    display:none!important;
    content:none!important;
}

/* iPad/iPhone */
@media(max-width:900px){
    html body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,0.005)!important;
        background-color:rgba(0,0,0,0.005)!important;
    }
}
@media(max-width:560px){
    html body .lmk-hero .lmk-hero-box{
        background:rgba(0,0,0,0.004)!important;
        background-color:rgba(0,0,0,0.004)!important;
    }
}


/* =========================================================
   LONGMK V10.12 - ICC COLOR PROFILE DISPLAY FIX
   ========================================================= */

/* Ảnh phải hiển thị màu nguyên bản, không dùng hiệu ứng đổi màu */
html body .lmk-card img,
html body .lmk-folder-card img,
html body .lmk-gallery-item img,
html body .lmk-select-card img,
html body .lmk-lightbox img,
html body .lmk-lightbox-img,
html body img.lmk-lightbox-img{
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    image-rendering:auto!important;
}

/* Overlay trên card nhẹ hơn để không làm ảnh đổi/tối màu quá nhiều */
html body .lmk-card:after,
html body .lmk-card::after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.13) 46%,
        rgba(0,0,0,.46) 100%
    )!important;
}
html body .lmk-folder-card:after,
html body .lmk-folder-card::after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.14) 46%,
        rgba(0,0,0,.50) 100%
    )!important;
}

/* Chữ trên card vẫn nổi khi overlay nhẹ */
html body .lmk-card-body,
html body .lmk-folder-body{
    text-shadow:
        0 3px 14px rgba(0,0,0,.92),
        0 1px 3px rgba(0,0,0,.92)!important;
}

/* Giữ khung hero trong suốt tối đa như bản V10.10 */
html body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,0.006)!important;
    background-color:rgba(0,0,0,0.006)!important;
    backdrop-filter:blur(1.2px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(1.2px) saturate(1.03)!important;
}


/* =========================================================
   LONGMK V10.13 - EXACT COLOR VIEW
   - Xem ảnh lớn/lightbox dùng file gốc.
   - Không CSS filter đổi màu.
   - Overlay nhẹ để màu gần ảnh gốc.
   ========================================================= */

html body .lmk-card img,
html body .lmk-folder-card img,
html body .lmk-gallery-item img,
html body .lmk-select-card img,
html body .lmk-lightbox img,
html body .lmk-lightbox-img,
html body img.lmk-lightbox-img{
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    image-rendering:auto!important;
    transform:none;
}

/* Không phủ màu lên ảnh xem lớn */
html body .lmk-lightbox-img{
    background:transparent!important;
}

/* Nền lightbox đen để ảnh nhìn đúng, không xám màu */
html body .lmk-lightbox,
html body .lmk-lightbox-inner{
    background:rgba(0,0,0,.96)!important;
}

/* Giảm lớp phủ trên card để màu không bị đen/xỉn */
html body .lmk-card:after,
html body .lmk-card::after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.015) 0%,
        rgba(0,0,0,.11) 46%,
        rgba(0,0,0,.42) 100%
    )!important;
}

html body .lmk-folder-card:after,
html body .lmk-folder-card::after{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.015) 0%,
        rgba(0,0,0,.12) 46%,
        rgba(0,0,0,.46) 100%
    )!important;
}

/* Chữ trên card vẫn đọc được dù overlay nhẹ */
html body .lmk-card-body,
html body .lmk-folder-body{
    text-shadow:
        0 3px 14px rgba(0,0,0,.94),
        0 1px 3px rgba(0,0,0,.94)!important;
}

/* Giữ hero trong suốt kiểu V10.10 */
html body .lmk-hero .lmk-hero-box{
    background:rgba(0,0,0,0.006)!important;
    background-color:rgba(0,0,0,0.006)!important;
    backdrop-filter:blur(1.2px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(1.2px) saturate(1.03)!important;
}


/* =========================================================
   LONGMK V10.14 - MOBILE CATEGORY TEMPLATE FIX
   Bảo đảm trang album category không rơi về layout blog/sidebar mặc định.
   ========================================================= */
html body.lmk-body-v5 .widget,
html body.lmk-body-v5 .sidebar,
html body.lmk-body-v5 #sidebar,
html body.lmk-body-v5 .right-sidebar,
html body.lmk-body-v5 .left-sidebar{
    display:none!important;
}
html body.lmk-body-v5 .lmk-standalone{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
}


/* =========================================================
   LONGMK V10.15 - FEATURED LATEST ALBUM + LIGHTBOX ZOOM
   ========================================================= */
.lmk-featured-latest{
    position:relative;
    padding:86px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(216,170,72,.12), transparent 30%),
        linear-gradient(180deg,#050505,#0b0b0b 58%,#050505);
    overflow:hidden;
}
.lmk-featured-latest::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18),rgba(0,0,0,.70));
}
.lmk-featured-wrap{
    position:relative;
    z-index:2;
    width:min(1380px,94vw);
    margin:0 auto;
}
.lmk-featured-stage{
    position:relative;
    min-height:640px;
    border-radius:38px;
    overflow:hidden;
    border:1px solid rgba(216,170,72,.28);
    box-shadow:0 35px 100px rgba(0,0,0,.56);
    background:#060606;
}
.lmk-featured-slide{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.055);
    transition:opacity 1.25s ease, transform 8.5s ease;
    filter:none!important;
}
.lmk-featured-slide.active{
    opacity:1;
    transform:scale(1.0);
}
.lmk-featured-stage::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.46) 43%, rgba(0,0,0,.12) 70%, rgba(0,0,0,.46) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.56));
}
.lmk-featured-content{
    position:absolute;
    z-index:3;
    left:clamp(28px,5vw,82px);
    bottom:clamp(28px,5vw,78px);
    width:min(720px,82vw);
    padding:clamp(24px,3vw,42px);
    border-radius:30px;
    background:rgba(0,0,0,.10);
    border:1px solid rgba(255,226,160,.18);
    backdrop-filter:blur(4px) saturate(1.04);
    -webkit-backdrop-filter:blur(4px) saturate(1.04);
    box-shadow:0 20px 70px rgba(0,0,0,.22);
}
.lmk-featured-kicker{
    color:#ffe2a0;
    font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
    font-weight:900;
    letter-spacing:.22em;
    text-transform:uppercase;
    font-size:clamp(12px,1vw,15px);
    margin:0 0 14px;
    text-shadow:0 3px 14px rgba(0,0,0,.9);
}
.lmk-featured-content h2{
    margin:0 0 18px;
    color:#fff;
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    font-size:clamp(38px,5.4vw,86px);
    line-height:.98;
    letter-spacing:.005em;
    text-transform:uppercase;
    text-shadow:0 5px 22px rgba(0,0,0,.92),0 1px 3px rgba(0,0,0,.9);
}
.lmk-featured-content p{
    margin:0 0 26px;
    color:rgba(255,255,255,.94);
    font-size:clamp(16px,1.7vw,22px);
    line-height:1.7;
    font-weight:500;
    text-shadow:0 3px 16px rgba(0,0,0,.9);
}
.lmk-featured-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:0 0 20px;
}
.lmk-featured-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:8px 12px;
    color:#ffe2a0;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,226,160,.22);
    font-weight:800;
    font-size:13px;
}
.lmk-featured-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.lmk-featured-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:14px 22px;
    border-radius:999px;
    font-weight:900;
    text-decoration:none!important;
    background:linear-gradient(135deg,#b98930,#ffe5a5,#b98930);
    color:#090909!important;
    box-shadow:0 12px 30px rgba(0,0,0,.30);
}
.lmk-featured-note{
    color:#ffe2a0;
    font-weight:800;
    font-size:13px;
    text-shadow:0 2px 8px rgba(0,0,0,.9);
}
.lmk-featured-dots{
    position:absolute;
    z-index:4;
    right:clamp(18px,3vw,42px);
    bottom:clamp(18px,3vw,36px);
    display:flex;
    gap:8px;
}
.lmk-featured-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    border:0;
    background:rgba(255,255,255,.42);
    padding:0;
}
.lmk-featured-dot.active{background:#ffe2a0;box-shadow:0 0 14px rgba(255,226,160,.85);}

/* Lightbox zoom */
.lmk-lightbox{touch-action:none;}
.lmk-lightbox-img{
    transform-origin:center center!important;
    transition:transform .16s ease;
    will-change:transform;
    user-select:none;
    -webkit-user-drag:none;
}
.lmk-lightbox-img.zoomed{
    cursor:grab;
    transition:none!important;
    max-width:none!important;
    max-height:none!important;
}
.lmk-lightbox-img.dragging{cursor:grabbing;}
.lmk-zoom-controls{
    position:fixed;
    z-index:100003;
    left:50%;
    bottom:22px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px;
    border-radius:999px;
    background:rgba(0,0,0,.54);
    border:1px solid rgba(255,226,160,.22);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.lmk-zoom-controls button{
    min-width:46px;
    height:42px;
    border-radius:999px;
    border:1px solid rgba(255,226,160,.24);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-weight:900;
    font-size:18px;
    cursor:pointer;
}
.lmk-zoom-controls .lmk-zoom-reset{
    min-width:68px;
    font-size:13px;
    color:#ffe2a0;
}
.lmk-zoom-hint{
    position:fixed;
    z-index:100002;
    left:50%;
    bottom:76px;
    transform:translateX(-50%);
    color:rgba(255,255,255,.78);
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    pointer-events:none;
}
.lmk-lightbox:not(.open) .lmk-zoom-controls,
.lmk-lightbox:not(.open) .lmk-zoom-hint{display:none;}
@media(max-width:900px){
    .lmk-featured-latest{padding:56px 0;}
    .lmk-featured-stage{min-height:560px;border-radius:28px;}
    .lmk-featured-stage::after{
        background:linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.72));
    }
    .lmk-featured-content{left:18px;right:18px;bottom:18px;width:auto;border-radius:24px;padding:24px;background:rgba(0,0,0,.16);}
    .lmk-featured-content h2{font-size:clamp(34px,9vw,58px);}
    .lmk-featured-dots{right:22px;top:22px;bottom:auto;}
    .lmk-zoom-hint{display:none!important;}
}
@media(max-width:560px){
    .lmk-featured-stage{min-height:520px;border-radius:24px;}
    .lmk-featured-content{padding:20px;}
    .lmk-featured-actions{align-items:stretch;}
    .lmk-featured-btn{width:100%;}
    .lmk-featured-note{width:100%;text-align:center;}
    .lmk-zoom-controls{bottom:14px;gap:6px;padding:6px;}
    .lmk-zoom-controls button{min-width:42px;height:40px;}
}


/* =========================================================
   LONGMK V10.16 - FEATURED COMPACT + SMOOTH ZOOM
   ========================================================= */

/* Section nổi bật: giữ ảnh lớn, chữ gọn hơn để không che ảnh */
html body .lmk-featured-latest{
    padding:72px 0!important;
}
html body .lmk-featured-wrap{
    width:min(1420px,94vw)!important;
}
html body .lmk-featured-stage{
    min-height:620px!important;
    border-radius:36px!important;
    border:0.75px solid rgba(216,170,72,.18)!important;
    box-shadow:0 26px 80px rgba(0,0,0,.46)!important;
}

/* Giảm lớp phủ để ảnh nền sáng và rõ hơn */
html body .lmk-featured-stage::after{
    background:
        linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.28) 34%, rgba(0,0,0,.06) 70%, rgba(0,0,0,.26) 100%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.34))!important;
}

/* Khung chữ: giảm mạnh chiều rộng, nền trong hơn, blur nhẹ hơn, viền mảnh hơn */
html body .lmk-featured-content{
    width:min(430px,31vw)!important;          /* giảm khoảng 40% so với bản cũ */
    max-width:430px!important;
    left:clamp(26px,4.2vw,72px)!important;
    bottom:clamp(28px,4.4vw,70px)!important;
    padding:clamp(18px,2.1vw,30px)!important;
    border-radius:24px!important;
    background:rgba(0,0,0,.026)!important;   /* trong nhất có thể nhưng vẫn giữ khối */
    border:0.75px solid rgba(255,226,160,.105)!important;
    backdrop-filter:blur(1.4px) saturate(1.02)!important;
    -webkit-backdrop-filter:blur(1.4px) saturate(1.02)!important;
    box-shadow:0 14px 46px rgba(0,0,0,.10)!important;
}

html body .lmk-featured-kicker{
    font-size:clamp(10px,.78vw,13px)!important;
    letter-spacing:.20em!important;
    margin-bottom:10px!important;
}
html body .lmk-featured-content h2{
    font-size:clamp(29px,3.45vw,58px)!important;
    line-height:1.02!important;
    margin-bottom:14px!important;
    text-shadow:0 5px 22px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.96)!important;
}
html body .lmk-featured-content p{
    font-size:clamp(13px,1.05vw,17px)!important;
    line-height:1.56!important;
    margin-bottom:18px!important;
    font-weight:560!important;
    text-shadow:0 3px 14px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.92)!important;
}
html body .lmk-featured-meta{
    gap:7px!important;
    margin-bottom:16px!important;
}
html body .lmk-featured-chip{
    padding:6px 10px!important;
    font-size:11.5px!important;
    background:rgba(0,0,0,.24)!important;
    border-color:rgba(255,226,160,.15)!important;
}
html body .lmk-featured-btn{
    min-height:44px!important;
    padding:11px 18px!important;
    font-size:13.5px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
html body .lmk-featured-note{
    font-size:12px!important;
    color:rgba(255,226,160,.84)!important;
}

/* iPad: khung vừa phải, không quá nhỏ */
@media(max-width:1180px){
    html body .lmk-featured-content{
        width:min(480px,44vw)!important;
        max-width:480px!important;
    }
    html body .lmk-featured-content h2{
        font-size:clamp(30px,4.6vw,54px)!important;
    }
}

@media(max-width:820px){
    html body .lmk-featured-latest{padding:52px 0!important;}
    html body .lmk-featured-stage{
        min-height:620px!important;
        border-radius:28px!important;
    }
    html body .lmk-featured-content{
        width:min(520px,82vw)!important;
        max-width:520px!important;
        left:50%!important;
        right:auto!important;
        bottom:26px!important;
        transform:translateX(-50%)!important;
        padding:22px!important;
        background:rgba(0,0,0,.030)!important;
        backdrop-filter:blur(1px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(1px) saturate(1.02)!important;
    }
    html body .lmk-featured-content h2{
        font-size:clamp(30px,8vw,48px)!important;
    }
    html body .lmk-featured-content p{
        font-size:14px!important;
    }
}

@media(max-width:560px){
    html body .lmk-featured-stage{min-height:560px!important;}
    html body .lmk-featured-content{
        width:calc(100% - 34px)!important;
        padding:18px!important;
        border-radius:22px!important;
    }
    html body .lmk-featured-content h2{
        font-size:clamp(27px,9.4vw,40px)!important;
    }
    html body .lmk-featured-meta{
        display:none!important; /* mobile gọn hơn, tập trung ảnh và tiêu đề */
    }
}

/* Zoom mượt hơn: giữ kích thước contain, dùng transform GPU */
html body .lmk-lightbox{
    touch-action:none!important;
    overscroll-behavior:contain!important;
}
html body .lmk-lightbox-img{
    max-width:100vw!important;
    max-height:100vh!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    transform-origin:center center!important;
    transform:translate3d(0,0,0) scale(1)!important;
    will-change:transform!important;
    transition:transform .10s cubic-bezier(.2,.8,.2,1)!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
    -webkit-touch-callout:none!important;
    backface-visibility:hidden!important;
}
html body .lmk-lightbox-img.zoomed{
    max-width:100vw!important;
    max-height:100vh!important;
    cursor:grab!important;
}
html body .lmk-lightbox-img.dragging{
    cursor:grabbing!important;
    transition:none!important;
}
html body .lmk-zoom-controls{
    background:rgba(0,0,0,.42)!important;
    border-color:rgba(255,226,160,.18)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}
html body .lmk-zoom-controls button{
    min-width:44px!important;
    height:40px!important;
}
@media(max-width:560px){
    html body .lmk-zoom-controls{
        bottom:14px!important;
        padding:6px!important;
    }
    html body .lmk-zoom-hint{
        display:none!important;
    }
}


/* =========================================================
   LONGMK V10.19 - STABLE LIGHTBOX ZOOM
   Giữ giao diện V10.16, chỉ tối ưu zoom ảnh.
   ========================================================= */
html body .lmk-lightbox{
    touch-action:none!important;
    overflow:hidden!important;
}
html body .lmk-lightbox-img{
    transform-origin:center center!important;
    will-change:transform!important;
    transition:transform .055s linear!important;
    cursor:zoom-in!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    touch-action:none!important;
}
html body .lmk-lightbox-img.zoomed{
    cursor:grab!important;
}
html body .lmk-lightbox-img.zoomed.dragging{
    cursor:grabbing!important;
    transition:none!important;
}
html body .lmk-zoom-controls{
    z-index:100006!important;
}
html body .lmk-zoom-controls button{
    touch-action:manipulation!important;
}
html body .lmk-lightbox-close,
html body .lmk-lightbox-prev,
html body .lmk-lightbox-next,
html body .lmk-lightbox-select,
html body .lmk-lightbox-download{
    z-index:100007!important;
}
@media(max-width:700px){
    html body .lmk-lightbox-prev,
    html body .lmk-lightbox-next{
        width:44px!important;
        height:44px!important;
        font-size:28px!important;
        opacity:.82!important;
    }
    html body .lmk-lightbox-prev{left:8px!important;}
    html body .lmk-lightbox-next{right:8px!important;}
}


/* =========================================================
   LONGMK V10.20 - PORTRAIT IMAGE PC FIT
   Mục tiêu:
   - Ảnh đứng trên PC không bị crop mất mặt/mất thân.
   - Tạo 2 lớp: nền phủ mờ + ảnh chính hiển thị contain.
   - Chỉ áp dụng cho PC/laptop màn hình ngang.
   - iPad/điện thoại giữ kiểu cũ để nhìn đầy màn hình.
   ========================================================= */

@media (min-width: 1025px){

    /* HERO TRANG CHỦ: slide dùng biến --lmk-bg */
    html body .lmk-hero .lmk-slide{
        overflow:hidden!important;
        background-image:none!important;
        background-color:#050505!important;
    }

    /* Lớp 1: nền mờ phủ kín màn hình, tạo chiều sâu */
    html body .lmk-hero .lmk-slide::before{
        content:"";
        position:absolute;
        inset:-34px;
        z-index:0;
        background-image:var(--lmk-bg)!important;
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        filter:blur(18px) saturate(1.04) brightness(.72);
        transform:scale(1.08);
        opacity:.96;
    }

    /* Lớp 2: ảnh chính hiển thị đủ khung, không cắt mặt mẫu */
    html body .lmk-hero .lmk-slide::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background-image:var(--lmk-bg)!important;
        background-size:contain!important;
        background-position:68% center!important;
        background-repeat:no-repeat!important;
        filter:none!important;
        opacity:1;
    }

    /* Overlay tổng thể giảm nhẹ để ảnh mẫu sáng và rõ hơn */
    html body .lmk-hero:after{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.78) 0%,
                rgba(0,0,0,.58) 30%,
                rgba(0,0,0,.18) 60%,
                rgba(0,0,0,.18) 100%)!important;
        opacity:.92!important;
    }

    /* Khung chữ gọn, không che nhiều ảnh */
    html body .lmk-hero .lmk-hero-box{
        max-width:560px!important;
        background:rgba(0,0,0,.008)!important;
        border:1px solid rgba(216,170,72,.13)!important;
        box-shadow:0 14px 44px rgba(0,0,0,.10)!important;
        backdrop-filter:blur(1px) saturate(1.03)!important;
        -webkit-backdrop-filter:blur(1px) saturate(1.03)!important;
    }

    /* BỘ ẢNH NỔI BẬT: cũng tối ưu ảnh đứng trên PC */
    html body .lmk-featured-slide{
        overflow:hidden!important;
        background-image:none!important;
        background-color:#050505!important;
    }

    html body .lmk-featured-slide::before{
        content:"";
        position:absolute;
        inset:-34px;
        z-index:0;
        background-image:var(--lmk-bg)!important;
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        filter:blur(18px) saturate(1.05) brightness(.74);
        transform:scale(1.08);
        opacity:.96;
    }

    html body .lmk-featured-slide::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background-image:var(--lmk-bg)!important;
        background-size:contain!important;
        background-position:72% center!important;
        background-repeat:no-repeat!important;
        filter:none!important;
        opacity:1;
    }

    /* Nội dung nổi bật nằm trên ảnh */
    html body .lmk-featured-copy,
    html body .lmk-featured-card,
    html body .lmk-featured-content,
    html body .lmk-featured-info{
        position:relative!important;
        z-index:3!important;
    }

    /* Lớp phủ của featured không làm ảnh bị tối quá */
    html body .lmk-featured-stage::after,
    html body .lmk-featured-media::after{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.76) 0%,
                rgba(0,0,0,.48) 38%,
                rgba(0,0,0,.12) 70%,
                rgba(0,0,0,.12) 100%)!important;
    }
}

/* Màn hình rất rộng: đẩy ảnh đứng qua phải hơn để mặt mẫu không đè chữ */
@media (min-width: 1500px){
    html body .lmk-hero .lmk-slide::after{
        background-position:72% center!important;
    }
    html body .lmk-featured-slide::after{
        background-position:74% center!important;
    }
}

/* iPad và điện thoại: giữ kiểu cover cũ, vì ảnh đứng xem trên màn nhỏ đã đẹp */
@media (max-width: 1024px){
    html body .lmk-hero .lmk-slide,
    html body .lmk-featured-slide{
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
    }
}


/* =========================================================
   LONGMK V10.21 - FEATURED IMAGE HARD FIX
   Lỗi V10.20:
   - Featured slide bị background-image:none trên PC.
   - Nếu slide chưa có biến --lmk-bg thì phần nổi bật thành màu đen.
   Fix:
   - Featured slide luôn có ảnh dự phòng bằng inline background.
   - Pseudo before/after chỉ làm lớp nâng cấp khi có --lmk-bg.
   ========================================================= */

@media (min-width:1025px){

    /* Không xóa ảnh nền thật của featured nữa */
    html body .lmk-featured-slide{
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        background-color:#050505!important;
        overflow:hidden!important;
    }

    /* Lớp nền mờ phía sau */
    html body .lmk-featured-slide::before{
        content:"";
        position:absolute;
        inset:-36px;
        z-index:0;
        background-image:var(--lmk-bg)!important;
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        filter:blur(18px) saturate(1.05) brightness(.72);
        transform:scale(1.08);
        opacity:.95;
        pointer-events:none;
    }

    /* Lớp ảnh chính: contain để ảnh đứng thấy rõ mẫu */
    html body .lmk-featured-slide::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background-image:var(--lmk-bg)!important;
        background-size:contain!important;
        background-position:74% center!important;
        background-repeat:no-repeat!important;
        filter:none!important;
        opacity:1;
        pointer-events:none;
    }

    html body .lmk-featured-slide.active{
        opacity:1!important;
        transform:scale(1)!important;
    }

    /* Overlay nhẹ hơn để hình bên phải rõ hơn */
    html body .lmk-featured-stage::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:2!important;
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.72) 0%,
                rgba(0,0,0,.52) 32%,
                rgba(0,0,0,.18) 58%,
                rgba(0,0,0,.12) 100%)!important;
        pointer-events:none;
    }

    /* Nội dung nổi bật nằm trên ảnh và overlay */
    html body .lmk-featured-content{
        z-index:4!important;
        width:min(540px,42vw)!important;
        left:clamp(28px,5vw,70px)!important;
        bottom:clamp(28px,5vw,66px)!important;
        background:rgba(0,0,0,.045)!important;
        border:1px solid rgba(255,226,160,.13)!important;
        backdrop-filter:blur(1.3px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(1.3px) saturate(1.02)!important;
        box-shadow:0 16px 46px rgba(0,0,0,.12)!important;
    }

    html body .lmk-featured-content h2{
        font-size:clamp(40px,4.4vw,78px)!important;
        line-height:1.02!important;
    }

    html body .lmk-featured-content p{
        font-size:clamp(15px,1.3vw,19px)!important;
        line-height:1.65!important;
    }

    html body .lmk-featured-dots{
        z-index:5!important;
    }
}

/* Màn hình rất rộng: ảnh chính dịch thêm qua phải */
@media (min-width:1500px){
    html body .lmk-featured-slide::after{
        background-position:76% center!important;
    }
}

/* iPad/điện thoại: dùng cover như cũ, tránh pseudo làm lỗi nền */
@media (max-width:1024px){
    html body .lmk-featured-slide{
        background-size:cover!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
    }

    html body .lmk-featured-slide::before,
    html body .lmk-featured-slide::after{
        display:none!important;
        content:none!important;
    }
}


/* =========================================================
   LONGMK V10.22 - FEATURED COMPACT 60% + CLEAR IMAGE
   ========================================================= */
@media (min-width:1025px){

    html body .lmk-featured-stage{
        min-height:620px!important;
    }

    /* Khung chữ featured nhỏ lại khoảng 60%, dịch xuống, nhìn gọn hơn */
    html body .lmk-featured-content{
        width:min(400px,28vw)!important;
        max-width:400px!important;
        left:clamp(32px,4vw,64px)!important;
        bottom:clamp(28px,4vh,52px)!important;
        padding:26px 24px 24px!important;
        border-radius:26px!important;
        background:rgba(0,0,0,.028)!important;
        border:1px solid rgba(255,226,160,.10)!important;
        backdrop-filter:blur(1.1px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(1.1px) saturate(1.02)!important;
        box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
        z-index:5!important;
    }

    html body .lmk-featured-kicker{
        font-size:11px!important;
        letter-spacing:.17em!important;
        line-height:1.35!important;
        margin-bottom:10px!important;
    }

    html body .lmk-featured-content h2{
        font-size:clamp(26px,2.8vw,50px)!important;
        line-height:1.04!important;
        margin:0 0 12px!important;
        letter-spacing:-.01em!important;
        text-transform:none!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        hyphens:none!important;
        text-wrap:balance;
        text-shadow:0 4px 13px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.78)!important;
    }

    html body .lmk-featured-content p{
        font-size:clamp(14px,1vw,17px)!important;
        line-height:1.62!important;
        margin:0 0 14px!important;
        max-width:31ch!important;
        text-shadow:0 2px 8px rgba(0,0,0,.45)!important;
    }

    html body .lmk-featured-meta{
        gap:8px!important;
        margin:12px 0 16px!important;
    }

    html body .lmk-featured-chip{
        font-size:12px!important;
        padding:7px 10px!important;
        background:rgba(0,0,0,.23)!important;
        border-color:rgba(255,226,160,.16)!important;
    }

    html body .lmk-featured-actions{
        gap:10px!important;
        align-items:center!important;
    }

    html body .lmk-featured-btn{
        min-height:44px!important;
        padding:11px 18px!important;
        font-size:13px!important;
    }

    html body .lmk-featured-note{
        font-size:12px!important;
        max-width:130px!important;
        line-height:1.35!important;
    }

    /* Ảnh phía sau rõ hơn, giảm màn đen */
    html body .lmk-featured-stage::after{
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.42) 0%,
                rgba(0,0,0,.28) 30%,
                rgba(0,0,0,.10) 58%,
                rgba(0,0,0,.04) 100%
            )!important;
        z-index:2!important;
    }

    html body .lmk-featured-slide::before{
        filter:blur(10px) saturate(1.06) brightness(.88)!important;
        opacity:.94!important;
    }

    html body .lmk-featured-slide::after{
        background-size:contain!important;
        background-position:76% center!important;
        background-repeat:no-repeat!important;
        filter:brightness(1.04) contrast(1.03) saturate(1.04)!important;
        opacity:1!important;
    }

    html body .lmk-featured-dots{
        right:28px!important;
        bottom:28px!important;
        z-index:6!important;
    }
}

/* Màn hình rộng hơn: ảnh mẫu dịch phải nhẹ để rõ mặt */
@media (min-width:1500px){
    html body .lmk-featured-slide::after{
        background-position:78% center!important;
    }
}

/* Admin page Longmk AI */
.lmk-ai-admin{
    max-width:1180px;
    margin:18px 20px 40px 0;
}
.lmk-ai-card{
    background:#fff;
    border:1px solid #dcdcde;
    border-radius:14px;
    padding:18px 20px;
    margin:16px 0;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
}
.lmk-ai-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.lmk-ai-code{
    background:#111827;
    color:#e5e7eb;
    padding:12px 14px;
    border-radius:10px;
    overflow:auto;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size:13px;
}
.lmk-ai-ok{color:#008a20;font-weight:700;}
.lmk-ai-warn{color:#b45f06;font-weight:700;}
.lmk-ai-error{color:#b00020;font-weight:700;}
@media(max-width:900px){
    .lmk-ai-grid{grid-template-columns:1fr;}
}


/* =========================================================
   LONGMK V10.23 - FEATURED BOTTOM MINI CARD
   Theo phương án đã chốt:
   - Chỉ chỉnh khối “Bộ ảnh nổi bật”.
   - Khung chữ xuống góc dưới bên trái.
   - Thu nhỏ thêm khoảng 50%.
   - Ảnh phía sau rõ hơn.
   - Giữ PC đẹp, mobile/iPad không bị ảnh hưởng mạnh.
   ========================================================= */

@media (min-width:1025px){

    /* Stage giữ sang trọng nhưng ảnh rõ hơn */
    html body .lmk-featured-stage{
        min-height:620px!important;
        border-radius:36px!important;
        background:#050505!important;
    }

    /* Card thông tin mini: xuống thấp và nhỏ hơn nhiều */
    html body .lmk-featured-content{
        width:min(300px,20vw)!important;
        max-width:300px!important;
        left:clamp(34px,4.2vw,70px)!important;
        bottom:clamp(34px,5vh,68px)!important;
        top:auto!important;

        padding:16px 16px 15px!important;
        border-radius:20px!important;

        background:rgba(0,0,0,.015)!important;
        border:1px solid rgba(255,226,160,.085)!important;

        backdrop-filter:blur(.7px) saturate(1.01)!important;
        -webkit-backdrop-filter:blur(.7px) saturate(1.01)!important;

        box-shadow:0 6px 18px rgba(0,0,0,.08)!important;
        z-index:7!important;
    }

    /* Kicker nhỏ, không chiếm chỗ */
    html body .lmk-featured-kicker{
        font-size:9.5px!important;
        letter-spacing:.14em!important;
        line-height:1.25!important;
        margin:0 0 6px!important;
        color:#ffe2a0!important;
        text-shadow:0 2px 8px rgba(0,0,0,.60)!important;
    }

    /* Tiêu đề mềm, nhỏ, không còn cảm giác lỗi chữ */
    html body .lmk-featured-content h2{
        font-size:clamp(20px,1.85vw,34px)!important;
        line-height:1.06!important;
        margin:0 0 8px!important;
        letter-spacing:-.01em!important;
        text-transform:none!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        hyphens:none!important;
        text-wrap:balance;
        color:#fff!important;
        text-shadow:0 3px 10px rgba(0,0,0,.70),0 1px 2px rgba(0,0,0,.82)!important;
    }

    /* Mô tả gọn lại */
    html body .lmk-featured-content p{
        font-size:clamp(11.5px,.82vw,13.5px)!important;
        line-height:1.46!important;
        margin:0 0 9px!important;
        max-width:27ch!important;
        color:rgba(255,255,255,.94)!important;
        text-shadow:0 2px 7px rgba(0,0,0,.55)!important;
    }

    /* Meta gọn; ngày tháng tự xuống dòng nhỏ */
    html body .lmk-featured-meta{
        gap:5px!important;
        margin:8px 0 10px!important;
    }

    html body .lmk-featured-chip{
        font-size:10.5px!important;
        line-height:1.15!important;
        padding:5px 7px!important;
        gap:4px!important;
        background:rgba(0,0,0,.16)!important;
        border:1px solid rgba(255,226,160,.13)!important;
        color:#ffe2a0!important;
    }

    /* Nút nhỏ lại; ghi chú có thể ẩn nếu thiếu chỗ */
    html body .lmk-featured-actions{
        gap:8px!important;
        align-items:center!important;
        flex-wrap:wrap!important;
    }

    html body .lmk-featured-btn{
        min-height:36px!important;
        padding:8px 13px!important;
        font-size:11.5px!important;
        border-radius:999px!important;
        line-height:1.1!important;
    }

    html body .lmk-featured-note{
        font-size:10.5px!important;
        line-height:1.25!important;
        max-width:92px!important;
        color:#ffe2a0!important;
        opacity:.88!important;
        text-shadow:0 2px 7px rgba(0,0,0,.55)!important;
    }

    /* Ảnh phía sau rõ hơn: giảm lớp đen */
    html body .lmk-featured-stage::after{
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.28) 0%,
                rgba(0,0,0,.18) 30%,
                rgba(0,0,0,.055) 56%,
                rgba(0,0,0,.02) 100%
            )!important;
        opacity:.92!important;
        z-index:2!important;
        pointer-events:none!important;
    }

    /* Nền mờ giảm blur để nhìn ảnh lớn phía sau rõ hơn */
    html body .lmk-featured-slide::before{
        filter:blur(7px) saturate(1.06) brightness(.94)!important;
        opacity:.90!important;
        transform:scale(1.045)!important;
    }

    /* Ảnh chính rõ hơn, ưu tiên thấy mặt mẫu */
    html body .lmk-featured-slide::after{
        background-size:contain!important;
        background-position:76% center!important;
        background-repeat:no-repeat!important;
        filter:brightness(1.08) contrast(1.035) saturate(1.04)!important;
        opacity:1!important;
        z-index:1!important;
    }

    html body .lmk-featured-slide.active{
        opacity:1!important;
        transform:scale(1)!important;
    }

    /* Dots giữ góc dưới phải, không đụng card */
    html body .lmk-featured-dots{
        right:clamp(28px,3vw,42px)!important;
        bottom:clamp(28px,4vh,44px)!important;
        z-index:8!important;
    }
}

/* PC rất rộng: card vẫn mini, ảnh chính dịch phải nhẹ */
@media (min-width:1500px){
    html body .lmk-featured-content{
        width:300px!important;
        max-width:300px!important;
        left:clamp(42px,4.5vw,82px)!important;
        bottom:clamp(40px,5.5vh,76px)!important;
    }

    html body .lmk-featured-slide::after{
        background-position:78% center!important;
    }
}

/* Laptop thấp chiều cao: card càng gọn để không tràn */
@media (min-width:1025px) and (max-height:760px){
    html body .lmk-featured-stage{
        min-height:560px!important;
    }

    html body .lmk-featured-content{
        width:280px!important;
        max-width:280px!important;
        padding:13px 14px 13px!important;
        bottom:30px!important;
    }

    html body .lmk-featured-content h2{
        font-size:clamp(19px,1.7vw,30px)!important;
        margin-bottom:6px!important;
    }

    html body .lmk-featured-content p{
        font-size:11.5px!important;
        line-height:1.38!important;
        margin-bottom:7px!important;
    }

    html body .lmk-featured-note{
        display:none!important;
    }
}

/* iPad/điện thoại: giữ bố cục hiện tại, chỉ làm chữ gọn nhẹ hơn một chút */
@media (max-width:1024px){
    html body .lmk-featured-content h2{
        text-transform:none!important;
    }
}


/* =========================================================
   LONGMK V10.24 - FEATURED TRUE BOTTOM CARD
   Fix yêu cầu:
   - Khung chữ của "Bộ ảnh nổi bật" xuống hẳn phần dưới hình.
   - Khung nhỏ, gọn, không chiếm vùng ảnh đẹp.
   - Ẩn bớt dòng phụ để card không cao.
   - Ảnh chính phía sau rõ hơn.
   ========================================================= */

@media (min-width:1025px){

    /* Giữ khung nổi bật đủ cao, ảnh có không gian thở */
    html body .lmk-featured-stage{
        min-height:620px!important;
        border-radius:36px!important;
        overflow:hidden!important;
        background:#050505!important;
    }

    /* Ép card xuống đáy thật sự, nhỏ hơn và không dính mép trên */
    html body .lmk-featured-content{
        position:absolute!important;
        top:auto!important;
        right:auto!important;
        left:clamp(42px,5vw,86px)!important;
        bottom:clamp(38px,5vh,62px)!important;
        transform:none!important;

        width:min(260px,17vw)!important;
        max-width:260px!important;
        min-width:230px!important;

        padding:13px 14px 13px!important;
        border-radius:18px!important;

        background:rgba(0,0,0,.012)!important;
        border:1px solid rgba(255,226,160,.075)!important;
        backdrop-filter:blur(.45px) saturate(1.01)!important;
        -webkit-backdrop-filter:blur(.45px) saturate(1.01)!important;
        box-shadow:0 5px 16px rgba(0,0,0,.06)!important;

        z-index:9!important;
        overflow:visible!important;
    }

    /* Ẩn kicker trên PC để card thấp hơn, tránh chữ bị cấn/cắt */
    html body .lmk-featured-kicker{
        display:none!important;
    }

    /* Tiêu đề nhỏ, nằm gọn dưới hình */
    html body .lmk-featured-content h2{
        display:block!important;
        font-size:clamp(18px,1.45vw,27px)!important;
        line-height:1.08!important;
        margin:0 0 7px!important;
        padding:0!important;

        letter-spacing:-.01em!important;
        text-transform:none!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        hyphens:none!important;
        text-wrap:balance;

        color:#fff!important;
        text-shadow:
            0 3px 9px rgba(0,0,0,.70),
            0 1px 2px rgba(0,0,0,.90)!important;
    }

    /* Mô tả ngắn, thấp hơn */
    html body .lmk-featured-content p{
        display:block!important;
        font-size:clamp(10.8px,.72vw,12.5px)!important;
        line-height:1.36!important;
        margin:0 0 8px!important;
        padding:0!important;
        max-width:26ch!important;
        color:rgba(255,255,255,.93)!important;
        text-shadow:0 2px 7px rgba(0,0,0,.62)!important;
    }

    /* Meta chỉ giữ 2 chip đầu: chủ đề và số ảnh. Ẩn ngày để card thấp */
    html body .lmk-featured-meta{
        display:flex!important;
        gap:5px!important;
        flex-wrap:wrap!important;
        margin:7px 0 9px!important;
        padding:0!important;
    }

    html body .lmk-featured-chip{
        font-size:9.8px!important;
        line-height:1.1!important;
        padding:4px 6px!important;
        gap:3px!important;
        max-width:100%!important;

        background:rgba(0,0,0,.13)!important;
        border:1px solid rgba(255,226,160,.115)!important;
        color:#ffe2a0!important;
    }

    html body .lmk-featured-chip:nth-child(3){
        display:none!important;
    }

    /* Nút nhỏ, gọn. Ẩn ghi chú "Vừa được..." để bố cục sạch */
    html body .lmk-featured-actions{
        display:flex!important;
        gap:0!important;
        align-items:center!important;
        flex-wrap:nowrap!important;
        margin:0!important;
        padding:0!important;
    }

    html body .lmk-featured-btn{
        min-height:32px!important;
        padding:7px 12px!important;
        border-radius:999px!important;
        font-size:10.6px!important;
        line-height:1.08!important;
        white-space:nowrap!important;
    }

    html body .lmk-featured-note{
        display:none!important;
    }

    /* Ảnh phía sau rõ hơn, giảm lớp xám/đen bên trái */
    html body .lmk-featured-stage::after{
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.18) 0%,
                rgba(0,0,0,.12) 24%,
                rgba(0,0,0,.045) 52%,
                rgba(0,0,0,.012) 100%
            )!important;
        opacity:.90!important;
        z-index:2!important;
        pointer-events:none!important;
    }

    /* Nền mờ giảm blur để nhìn background phía sau rõ hơn */
    html body .lmk-featured-slide::before{
        filter:blur(5px) saturate(1.07) brightness(.98)!important;
        transform:scale(1.035)!important;
        opacity:.88!important;
    }

    /* Ảnh chính sáng/rõ hơn một chút */
    html body .lmk-featured-slide::after{
        background-size:contain!important;
        background-position:76% center!important;
        background-repeat:no-repeat!important;
        filter:brightness(1.10) contrast(1.04) saturate(1.045)!important;
        opacity:1!important;
        z-index:1!important;
    }

    html body .lmk-featured-slide.active{
        opacity:1!important;
        transform:scale(1)!important;
    }

    /* Dots ở góc phải dưới, không đụng card */
    html body .lmk-featured-dots{
        right:clamp(26px,3vw,42px)!important;
        bottom:clamp(24px,3.8vh,40px)!important;
        z-index:10!important;
    }
}

/* Màn hình rộng: card vẫn nhỏ, ảnh mẫu dịch phải nhẹ */
@media (min-width:1500px){
    html body .lmk-featured-content{
        width:270px!important;
        max-width:270px!important;
        left:clamp(50px,5vw,92px)!important;
        bottom:clamp(44px,5.4vh,74px)!important;
    }

    html body .lmk-featured-slide::after{
        background-position:78% center!important;
    }
}

/* Laptop chiều cao thấp: card thấp hơn nữa để không bị cắt */
@media (min-width:1025px) and (max-height:760px){
    html body .lmk-featured-stage{
        min-height:550px!important;
    }

    html body .lmk-featured-content{
        width:245px!important;
        min-width:220px!important;
        max-width:245px!important;
        left:38px!important;
        bottom:32px!important;
        padding:11px 12px!important;
    }

    html body .lmk-featured-content h2{
        font-size:clamp(17px,1.3vw,24px)!important;
        margin-bottom:5px!important;
    }

    html body .lmk-featured-content p{
        font-size:10.5px!important;
        line-height:1.3!important;
        margin-bottom:6px!important;
    }

    html body .lmk-featured-meta{
        margin:5px 0 7px!important;
    }
}

/* Mobile/iPad giữ cấu trúc hiện tại, không ép card mini như PC */
@media (max-width:1024px){
    html body .lmk-featured-content h2{
        text-transform:none!important;
    }
}


/* =========================================================
   LONGMK V10.26 - ALBUM PUBLIC COPY
   - Ẩn nội dung kỹ thuật ngoài public.
   - Tên folder gốc không hiện như tiêu đề chính.
   - Intro album dùng title/desc nghệ thuật từ album-info.json hoặc tự sinh.
   ========================================================= */

html body .lmk-cover-tip{
    display:none!important;
}

html body .lmk-album-hero .lmk-signature-line,
html body .lmk-gallery-toolbar .lmk-signature-line,
html body .lmk-folder-heading .lmk-signature-line{
    margin-top:14px;
    color:#ffe2a0;
    font-weight:800;
    letter-spacing:.01em;
    text-shadow:0 3px 16px rgba(0,0,0,.72);
}

html body .lmk-gallery-toolbar.lmk-album-intro{
    align-items:flex-start!important;
    gap:24px!important;
    padding:clamp(22px,3vw,34px)!important;
    border-radius:26px!important;
    background:
        radial-gradient(circle at 20% 0%, rgba(216,170,72,.10), transparent 34%),
        rgba(255,255,255,.025)!important;
    border:1px solid rgba(216,170,72,.20)!important;
    backdrop-filter:blur(8px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.04)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.22)!important;
}

html body .lmk-album-intro-main{
    max-width:760px;
}

html body .lmk-album-kicker{
    color:#ffe2a0;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    font-size:clamp(11px,1vw,13px);
    margin:0 0 10px;
}

html body .lmk-album-intro h2{
    margin:0 0 12px!important;
    color:#fff;
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    font-size:clamp(34px,4vw,62px);
    line-height:1.05;
    text-shadow:0 5px 24px rgba(0,0,0,.78),0 1px 3px rgba(0,0,0,.9);
}

html body .lmk-album-intro p{
    margin:0;
    color:rgba(255,255,255,.90);
    font-size:clamp(16px,1.5vw,20px);
    line-height:1.65;
}

html body .lmk-album-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

html body .lmk-album-chip{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:8px 13px;
    color:#ffe2a0;
    background:rgba(0,0,0,.25);
    border:1px solid rgba(255,226,160,.18);
    font-weight:800;
    font-size:13px;
}

html body .lmk-album-intro-actions{
    margin-left:auto;
    display:flex;
    align-items:flex-start;
}

html body .lmk-folder-heading p{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

html body .lmk-folder-desc{
    min-height:unset!important;
}

@media(max-width:760px){
    html body .lmk-gallery-toolbar.lmk-album-intro{
        padding:22px 18px!important;
    }
    html body .lmk-album-intro{
        display:block!important;
    }
    html body .lmk-album-intro-actions{
        margin:18px 0 0!important;
    }
    html body .lmk-album-intro h2{
        font-size:clamp(30px,9vw,44px);
    }
    html body .lmk-album-intro p{
        font-size:16px;
    }
}


/* =========================================================
   LONGMK V10.27 - ZOOM REAL FIX
   Lỗi cũ:
   - Nút zoom đổi % nhưng ảnh không to.
   - Nguyên nhân: CSS transform:scale(1)!important chặn transform do JS set.
   Fix:
   - JS sẽ set transform dạng important.
   - CSS dưới đây hỗ trợ ảnh khi zoom được phóng thật, kéo thật.
   ========================================================= */

html body .lmk-lightbox{
    overflow:hidden!important;
    touch-action:none!important;
}

html body .lmk-lightbox-img{
    transform-origin:center center!important;
    will-change:transform!important;
    transition:transform .08s linear!important;
    cursor:zoom-in!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    -webkit-touch-callout:none!important;
    touch-action:none!important;
    backface-visibility:hidden!important;
}

html body .lmk-lightbox-img.zoomed{
    cursor:grab!important;
    max-width:100vw!important;
    max-height:100vh!important;
}

html body .lmk-lightbox-img.zoomed:active{
    cursor:grabbing!important;
}

/* Trên điện thoại, chừa khoảng cho thanh zoom nhưng vẫn cho ảnh phóng to */
@media(max-width:760px){
    html body .lmk-lightbox-img{
        max-width:100vw!important;
        max-height:calc(100svh - 92px)!important;
    }
    html body .lmk-lightbox-img.zoomed{
        max-width:100vw!important;
        max-height:calc(100svh - 92px)!important;
    }
    html body .lmk-lightbox-counter{
        display:none!important;
    }
}


/* =========================================================
   LONGMK V10.29 - AI DYNAMIC LIBRARY & SMART ALBUM LAYOUT
   ========================================================= */

/* Floating phone now links to Zalo; keep button elegant */
html body .lmk-call-float{
    text-decoration:none!important;
}
html body .lmk-call-float::after{
    content:"Zalo";
    position:absolute;
    right:8px;
    bottom:100%;
    margin-bottom:8px;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(0,0,0,.55);
    color:#ffe2a0;
    border:1px solid rgba(255,226,160,.18);
    font-size:11px;
    font-weight:800;
    opacity:0;
    transform:translateY(4px);
    transition:.2s ease;
    pointer-events:none;
}
html body .lmk-call-float:hover::after{opacity:1;transform:translateY(0)}

/* Category/tabs a little more dynamic and compact */
html body .lmk-tabs{
    justify-content:center!important;
    gap:12px!important;
}
html body .lmk-tab{
    white-space:nowrap!important;
    letter-spacing:.01em!important;
}

/* Folder layout: 1 featured card + balanced grid */
html body .lmk-folder-heading{
    text-align:center!important;
    margin:46px auto 28px!important;
}
html body .lmk-folder-heading h2{
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    font-size:clamp(42px,5vw,76px)!important;
    line-height:1.03!important;
    margin:0 0 12px!important;
    color:#fff!important;
    text-transform:none!important;
}
html body .lmk-folder-heading .lmk-signature-line{
    color:#ffe2a0!important;
    font-weight:900!important;
    font-size:clamp(14px,1.2vw,18px)!important;
}
html body .lmk-folder-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:28px!important;
    align-items:stretch!important;
}
html body .lmk-folder-card{
    min-height:320px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    position:relative!important;
    border:1px solid rgba(255,226,160,.20)!important;
    box-shadow:0 20px 58px rgba(0,0,0,.22)!important;
    transform:translateZ(0);
}
html body .lmk-folder-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .7s ease, filter .7s ease!important;
}
html body .lmk-folder-card:hover img{
    transform:scale(1.055)!important;
    filter:brightness(1.04) saturate(1.05)!important;
}
html body .lmk-folder-card::after{
    background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.72) 100%)!important;
}
html body .lmk-folder-card.featured{
    grid-column:span 2!important;
    min-height:420px!important;
}
html body .lmk-folder-card.featured .lmk-folder-body{
    max-width:78%!important;
    left:38px!important;
    bottom:34px!important;
    text-align:left!important;
    align-items:flex-start!important;
}
html body .lmk-folder-card.featured h3{
    font-size:clamp(42px,4.2vw,72px)!important;
    line-height:1.02!important;
    max-width:780px!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc{
    max-width:58ch!important;
    font-size:clamp(16px,1.25vw,20px)!important;
    line-height:1.55!important;
}
html body .lmk-folder-body{
    z-index:2!important;
    padding:26px!important;
    text-shadow:0 3px 18px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.9)!important;
}
html body .lmk-folder-label{
    color:#ffe2a0!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
    font-size:12px!important;
    font-weight:900!important;
    margin-bottom:10px!important;
}
html body .lmk-folder-card h3{
    text-transform:none!important;
    text-wrap:balance;
    font-size:clamp(28px,2.2vw,42px)!important;
    line-height:1.07!important;
    margin-bottom:10px!important;
}
html body .lmk-folder-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:clamp(14px,1.05vw,17px)!important;
    line-height:1.5!important;
}
html body .lmk-folder-count{
    margin-top:18px!important;
    min-width:96px!important;
    text-align:center!important;
}

/* Album child: full cover image, text below left, then gallery */
html body .lmk-album-clean-wrap{
    max-width:1180px;
    margin:0 auto;
}
html body .lmk-album-cover-wide{
    position:relative;
    border-radius:34px;
    overflow:hidden;
    border:1px solid rgba(255,226,160,.18);
    box-shadow:0 28px 90px rgba(0,0,0,.32);
    min-height:clamp(360px,54vw,680px);
    background:#070707;
}
html body .lmk-album-cover-wide img{
    width:100%;
    height:100%;
    min-height:inherit;
    object-fit:cover;
    display:block;
}
html body .lmk-album-cover-wide::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 55%,rgba(0,0,0,.28) 100%);
    pointer-events:none;
}
html body .lmk-album-text-under{
    text-align:left;
    margin:26px 0 34px;
    padding:0 6px;
    max-width:900px;
}
html body .lmk-album-text-under .lmk-album-kicker{
    color:#ffe2a0;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:10px;
}
html body .lmk-album-text-under h1{
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    color:#fff;
    font-size:clamp(44px,5.8vw,86px);
    line-height:1.02;
    margin:0 0 14px;
    text-transform:none!important;
    text-wrap:balance;
    text-shadow:0 5px 22px rgba(0,0,0,.72);
}
html body .lmk-album-text-under p{
    color:rgba(255,255,255,.88);
    font-size:clamp(17px,1.5vw,22px);
    line-height:1.65;
    margin:0;
    max-width:780px;
}
html body .lmk-album-text-under .lmk-signature-line{
    margin-top:18px;
    color:#ffe2a0;
    font-weight:900;
}
html body .lmk-album-clean-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:20px;
}
html body .lmk-album-clean-actions .lmk-album-chip,
html body .lmk-album-clean-actions .lmk-mini-link{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:9px 14px;
    border:1px solid rgba(255,226,160,.18);
    background:rgba(0,0,0,.24);
    color:#ffe2a0!important;
    font-weight:850;
}

/* Dynamic footer quote */
html body .lmk-footer-quote{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-wrap:balance;
}

@media(max-width:1100px){
    html body .lmk-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
    html body .lmk-folder-card.featured{grid-column:span 2!important;}
}
@media(max-width:760px){
    html body .lmk-folder-grid{grid-template-columns:1fr!important;gap:22px!important;}
    html body .lmk-folder-card,
    html body .lmk-folder-card.featured{grid-column:auto!important;min-height:360px!important;}
    html body .lmk-folder-card.featured .lmk-folder-body{max-width:100%!important;left:auto!important;bottom:auto!important;text-align:center!important;align-items:center!important;}
    html body .lmk-folder-card.featured h3{font-size:clamp(32px,10vw,48px)!important;text-align:center!important;}
    html body .lmk-folder-card.featured .lmk-folder-desc{font-size:16px!important;text-align:center!important;}
    html body .lmk-album-cover-wide{border-radius:24px;min-height:460px;}
    html body .lmk-album-cover-wide img{object-fit:cover;}
    html body .lmk-album-text-under{margin:22px 0 28px;padding:0 2px;}
    html body .lmk-album-text-under h1{font-size:clamp(36px,11vw,54px);}
    html body .lmk-album-text-under p{font-size:16px;}
}


/* =========================================================
   LONGMK V10.30 - DYNAMIC EDITORIAL LIBRARY
   Chốt phương án:
   - Tên nhóm chủ đề vẫn động, nhưng chống trùng/na ná bằng bank riêng.
   - Thư viện cảm xúc và Chọn bộ ảnh dùng editorial grid có nhịp.
   - Text trên card nhỏ hơn, gom về góc dưới bên trái.
   - Mô tả tối đa 1-2 dòng, ảnh thoáng và sang hơn.
   - Desktop/iPad/mobile responsive ổn định.
   ========================================================= */

/* ===== THƯ VIỆN CẢM XÚC: editorial grid cho chủ đề cha ===== */
html body .lmk-service-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    gap:24px!important;
    align-items:stretch!important;
}
html body .lmk-service-grid .lmk-card{
    min-height:360px!important;
    border-radius:30px!important;
    border:1px solid rgba(255,226,160,.16)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
    transform:translateZ(0)!important;
}
html body .lmk-service-grid .lmk-card:nth-child(1),
html body .lmk-service-grid .lmk-card:nth-child(6){
    grid-column:span 2!important;
}
html body .lmk-service-grid .lmk-card:nth-child(1){
    min-height:430px!important;
}
html body .lmk-service-grid .lmk-card:nth-child(6){
    min-height:390px!important;
}
html body .lmk-service-grid .lmk-card img{
    filter:saturate(1.05) contrast(1.04) brightness(.96)!important;
    transition:transform .75s ease, filter .75s ease!important;
}
html body .lmk-service-grid .lmk-card:hover img{
    transform:scale(1.045)!important;
    filter:saturate(1.08) contrast(1.04) brightness(1.03)!important;
}
html body .lmk-service-grid .lmk-card:after,
html body .lmk-service-grid .lmk-card::after{
    background:
        linear-gradient(180deg,
            rgba(0,0,0,.00) 0%,
            rgba(0,0,0,.12) 36%,
            rgba(0,0,0,.64) 100%)!important;
}
html body .lmk-service-grid .lmk-card-body{
    left:24px!important;
    right:24px!important;
    bottom:22px!important;
    text-align:left!important;
    z-index:3!important;
    padding:0!important;
    transform:none!important;
}
html body .lmk-service-grid .lmk-card-body h3{
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    color:#ffe7ad!important;
    font-size:clamp(25px,1.9vw,38px)!important;
    line-height:1.06!important;
    margin:0 0 7px!important;
    max-width:13ch!important;
    text-shadow:0 3px 14px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.95)!important;
    text-wrap:balance!important;
}
html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body h3,
html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body h3{
    font-size:clamp(34px,3.1vw,58px)!important;
    max-width:15ch!important;
}
html body .lmk-service-grid .lmk-card-body p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:30ch!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(13px,.95vw,15.5px)!important;
    line-height:1.45!important;
    text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
}
html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body p,
html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body p{
    max-width:42ch!important;
    font-size:clamp(14px,1.05vw,17px)!important;
}
html body .lmk-service-grid .lmk-mini-link{
    margin-top:10px!important;
    font-size:12px!important;
    color:#ffe2a0!important;
    text-shadow:0 2px 8px rgba(0,0,0,.8)!important;
}

/* ===== CHỌN BỘ ẢNH: PRO 1 + một phần PRO 2 ===== */
html body .lmk-folder-heading{
    margin:50px auto 26px!important;
}
html body .lmk-folder-heading h2{
    font-size:clamp(44px,5.2vw,80px)!important;
    line-height:1.02!important;
    margin-bottom:8px!important;
}
html body .lmk-folder-heading .lmk-signature-line{
    font-size:clamp(13px,1vw,17px)!important;
}
html body .lmk-folder-grid,
html body .lmk-folder-grid-smart{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    gap:26px!important;
    align-items:stretch!important;
}
html body .lmk-folder-card{
    min-height:315px!important;
    border-radius:30px!important;
    border:1px solid rgba(255,226,160,.17)!important;
    box-shadow:0 22px 64px rgba(0,0,0,.25)!important;
    overflow:hidden!important;
    position:relative!important;
}
html body .lmk-folder-card.featured{
    grid-column:span 2!important;
    min-height:410px!important;
}
/* Các album nhiều thư mục sẽ không đơn điệu: định kỳ có card ngang */
html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
    grid-column:span 2!important;
    min-height:350px!important;
}
html body .lmk-folder-card img{
    filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
    transition:transform .78s ease, filter .78s ease!important;
}
html body .lmk-folder-card:hover img{
    transform:scale(1.045)!important;
    filter:saturate(1.08) contrast(1.045) brightness(1.04)!important;
}
/* Gradient tập trung từ dưới trái lên, không che đen toàn ảnh */
html body .lmk-folder-card::after,
html body .lmk-folder-card:after{
    background:
        radial-gradient(circle at 18% 88%, rgba(0,0,0,.68) 0%, rgba(0,0,0,.46) 34%, rgba(0,0,0,.12) 72%, transparent 100%),
        linear-gradient(180deg, rgba(0,0,0,.00) 0%, rgba(0,0,0,.10) 48%, rgba(0,0,0,.55) 100%)!important;
    opacity:.96!important;
}
/* Text block luôn nằm góc dưới bên trái */
html body .lmk-folder-body,
html body .lmk-folder-card.featured .lmk-folder-body{
    left:24px!important;
    right:22px!important;
    bottom:22px!important;
    top:auto!important;
    max-width:min(410px,82%)!important;
    text-align:left!important;
    align-items:flex-start!important;
    padding:0!important;
    transform:none!important;
    z-index:3!important;
}
html body .lmk-folder-card.featured .lmk-folder-body{
    left:32px!important;
    bottom:30px!important;
    max-width:min(540px,72%)!important;
}
html body .lmk-folder-label{
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    margin:0 0 6px!important;
    color:#ffe2a0!important;
    text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
}
html body .lmk-folder-card h3,
html body .lmk-folder-body h3{
    font-family:"Noto Serif","Playfair Display","Times New Roman",serif!important;
    font-size:clamp(24px,1.85vw,36px)!important;
    line-height:1.06!important;
    margin:0 0 7px!important;
    max-width:12.5ch!important;
    color:#fff!important;
    text-align:left!important;
    text-shadow:0 3px 13px rgba(0,0,0,.74),0 1px 2px rgba(0,0,0,.92)!important;
    text-wrap:balance!important;
}
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3{
    font-size:clamp(34px,3.25vw,58px)!important;
    max-width:15ch!important;
}
html body .lmk-folder-desc,
html body .lmk-folder-body p,
html body .lmk-folder-body p.lmk-folder-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:32ch!important;
    font-size:clamp(12px,.92vw,15px)!important;
    line-height:1.42!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    text-align:left!important;
    text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p{
    font-size:clamp(13px,1vw,16px)!important;
    max-width:44ch!important;
}
html body .lmk-folder-count{
    margin-top:12px!important;
    min-width:78px!important;
    padding:8px 14px!important;
    font-size:12px!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}

/* Tablet/iPad ngang: vẫn có card nổi bật, text không quá lớn */
@media(max-width:1180px){
    html body .lmk-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
    html body .lmk-service-grid .lmk-card:nth-child(1){grid-column:span 2!important;}
    html body .lmk-service-grid .lmk-card:nth-child(6){grid-column:span 1!important;}
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){grid-column:span 2!important;}
}
@media(max-width:820px){
    html body .lmk-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    html body .lmk-service-grid .lmk-card:nth-child(1),
    html body .lmk-service-grid .lmk-card:nth-child(6){grid-column:span 2!important;}
    html body .lmk-service-grid .lmk-card-body h3{font-size:clamp(24px,4vw,34px)!important;}
    html body .lmk-folder-card h3{font-size:clamp(24px,4vw,34px)!important;}
    html body .lmk-folder-card.featured h3{font-size:clamp(32px,6vw,50px)!important;}
}
/* Mobile: 1 cột, text vẫn ở dưới trái nhưng gọn, dễ đọc */
@media(max-width:620px){
    html body .lmk-service-grid,
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{grid-template-columns:1fr!important;gap:20px!important;}
    html body .lmk-service-grid .lmk-card,
    html body .lmk-service-grid .lmk-card:nth-child(1),
    html body .lmk-service-grid .lmk-card:nth-child(6),
    html body .lmk-folder-card,
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:auto!important;
        min-height:360px!important;
    }
    html body .lmk-service-grid .lmk-card-body,
    html body .lmk-folder-body,
    html body .lmk-folder-card.featured .lmk-folder-body{
        left:20px!important;
        right:20px!important;
        bottom:20px!important;
        max-width:88%!important;
        text-align:left!important;
        align-items:flex-start!important;
    }
    html body .lmk-service-grid .lmk-card-body h3,
    html body .lmk-folder-card h3,
    html body .lmk-folder-card.featured h3{
        font-size:clamp(28px,8vw,42px)!important;
        text-align:left!important;
        max-width:12ch!important;
    }
    html body .lmk-service-grid .lmk-card-body p,
    html body .lmk-folder-desc,
    html body .lmk-folder-body p{
        font-size:14.5px!important;
        line-height:1.42!important;
        -webkit-line-clamp:2!important;
        max-width:30ch!important;
        text-align:left!important;
    }
}


/* =========================================================
   LONGMK V10.31 - HERO BOTTOM LEFT + EDITORIAL FOLDER PRO
   Chốt:
   - Khối chữ hero trang chủ xuống góc trái dưới trên PC.
   - iPad hạ vừa phải, mobile giữ dễ đọc.
   - Chọn bộ ảnh theo hướng Editorial B: 1 lớn + 1 nhỏ cân trục.
   - Text nhỏ hơn, nằm góc dưới trái, crop ảnh ưu tiên khuôn mặt.
   ========================================================= */

/* ===== HOME HERO: text xuống góc trái dưới ===== */
@media (min-width:1025px){
    html body .lmk-hero{
        min-height:760px!important;
        height:100vh!important;
    }

    html body .lmk-hero:after{
        background:
            linear-gradient(0deg,
                rgba(0,0,0,.64) 0%,
                rgba(0,0,0,.30) 36%,
                rgba(0,0,0,.12) 70%,
                rgba(0,0,0,.30) 100%),
            linear-gradient(90deg,
                rgba(0,0,0,.82) 0%,
                rgba(0,0,0,.54) 34%,
                rgba(0,0,0,.14) 68%,
                rgba(0,0,0,.28) 100%)!important;
        opacity:1!important;
    }

    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero-content{
        height:100%!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding-top:0!important;
        padding-bottom:clamp(46px,7vh,86px)!important;
        box-sizing:border-box!important;
    }

    html body .lmk-hero .lmk-hero-box{
        width:min(620px,48vw)!important;
        max-width:620px!important;
        margin:0!important;
        margin-left:clamp(28px,2.6vw,58px)!important;
        padding:clamp(24px,2.1vw,34px) clamp(26px,2.4vw,40px)!important;
        border-radius:30px!important;
        text-align:left!important;
        background:rgba(0,0,0,.055)!important;
        border:1px solid rgba(216,170,72,.13)!important;
        box-shadow:0 18px 58px rgba(0,0,0,.16)!important;
        backdrop-filter:blur(1.1px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(1.1px) saturate(1.02)!important;
        transform:none!important;
    }

    html body .lmk-hero .lmk-hero-box .lmk-kicker{
        font-size:clamp(10px,.72vw,12px)!important;
        letter-spacing:.18em!important;
        margin:0 0 10px!important;
        color:#ffe2a0!important;
        text-shadow:0 3px 12px rgba(0,0,0,.72)!important;
    }

    html body .lmk-hero h1{
        font-size:clamp(36px,4.25vw,70px)!important;
        line-height:.98!important;
        margin:0 0 16px!important;
        text-align:left!important;
        text-shadow:0 6px 28px rgba(0,0,0,.78),0 1px 3px rgba(0,0,0,.92)!important;
    }

    html body .lmk-hero p{
        max-width:58ch!important;
        margin:0 0 22px!important;
        font-size:clamp(14px,1.02vw,17px)!important;
        line-height:1.62!important;
        text-align:left!important;
        color:rgba(255,255,255,.92)!important;
        text-shadow:0 3px 14px rgba(0,0,0,.74)!important;
    }

    html body .lmk-hero .lmk-actions{
        justify-content:flex-start!important;
        gap:14px!important;
    }

    html body .lmk-hero .lmk-btn{
        font-size:12px!important;
        padding:12px 18px!important;
        min-height:44px!important;
    }
}

/* iPad/tablet: hạ xuống nhưng vẫn thoáng, không sát đáy */
@media (min-width:761px) and (max-width:1024px){
    html body .lmk-hero{
        min-height:720px!important;
        height:calc(100svh - 0px)!important;
    }
    html body .lmk-hero:after{
        background:
            linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.28) 46%,rgba(0,0,0,.82) 100%)!important;
    }
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero-content{
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding-bottom:54px!important;
    }
    html body .lmk-hero .lmk-hero-box{
        width:min(610px,82vw)!important;
        max-width:610px!important;
        margin:0 0 0 22px!important;
        padding:24px 24px!important;
        text-align:left!important;
        background:rgba(0,0,0,.07)!important;
        border:1px solid rgba(216,170,72,.12)!important;
        backdrop-filter:blur(1px)!important;
        -webkit-backdrop-filter:blur(1px)!important;
    }
    html body .lmk-hero h1{
        font-size:clamp(38px,7vw,60px)!important;
        line-height:1!important;
        text-align:left!important;
    }
    html body .lmk-hero p{
        font-size:15.5px!important;
        line-height:1.58!important;
        text-align:left!important;
    }
    html body .lmk-hero .lmk-actions{justify-content:flex-start!important;}
}

/* Điện thoại: vẫn xuống dưới nhưng gọn, dễ bấm */
@media (max-width:760px){
    html body .lmk-hero{
        min-height:100svh!important;
        height:auto!important;
    }
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero-content{
        align-items:flex-end!important;
        justify-content:center!important;
        padding-bottom:34px!important;
    }
    html body .lmk-hero .lmk-hero-box{
        max-width:calc(100vw - 30px)!important;
        width:calc(100vw - 30px)!important;
        margin:0 auto!important;
        padding:20px 18px!important;
        text-align:left!important;
        border-radius:22px!important;
        background:rgba(0,0,0,.075)!important;
    }
    html body .lmk-hero h1{
        font-size:clamp(32px,10vw,45px)!important;
        line-height:1.02!important;
        text-align:left!important;
        margin-bottom:12px!important;
    }
    html body .lmk-hero p{
        font-size:14.2px!important;
        line-height:1.52!important;
        text-align:left!important;
        margin-bottom:16px!important;
    }
    html body .lmk-hero .lmk-actions{gap:10px!important;}
    html body .lmk-hero .lmk-btn{width:100%!important;min-height:42px!important;}
}

/* ===== CHỌN BỘ ẢNH: Editorial B cân trục, text thấp hơn ===== */
html body .lmk-folder-heading{
    margin:clamp(76px,8vw,118px) auto 28px!important;
    padding-top:10px!important;
}
html body .lmk-folder-heading h2{
    font-size:clamp(42px,4.45vw,68px)!important;
    line-height:1.02!important;
    margin-bottom:10px!important;
    letter-spacing:.005em!important;
}
html body .lmk-folder-heading .lmk-signature-line{
    font-size:clamp(12px,.92vw,15px)!important;
    line-height:1.45!important;
}

@media (min-width:1181px){
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:minmax(0,2fr) minmax(320px,1fr) minmax(320px,1fr)!important;
        gap:28px!important;
        align-items:stretch!important;
    }

    /* Hàng đầu: card lớn trái + card phụ phải, cùng chiều cao */
    html body .lmk-folder-card.featured{
        grid-column:span 2!important;
        min-height:420px!important;
        height:420px!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-child(2),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(2){
        grid-column:span 1!important;
        min-height:420px!important;
        height:420px!important;
        filter:brightness(1.04)!important;
    }

    /* Các card phía dưới: nhịp editorial, không đều nhàm chán */
    html body .lmk-folder-grid .lmk-folder-card:nth-child(n+3),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(n+3){
        min-height:322px!important;
        height:322px!important;
        grid-column:span 1!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:span 2!important;
        min-height:360px!important;
        height:360px!important;
    }
}

html body .lmk-folder-card img{
    object-fit:cover!important;
    object-position:52% 24%!important;
    filter:saturate(1.05) contrast(1.035) brightness(1.02)!important;
}
html body .lmk-folder-card.featured img{
    object-position:56% 22%!important;
}
html body .lmk-folder-grid .lmk-folder-card:nth-child(2) img,
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(2) img{
    object-position:50% 20%!important;
    filter:saturate(1.06) contrast(1.025) brightness(1.08)!important;
}

html body .lmk-folder-card::after,
html body .lmk-folder-card:after{
    background:
        linear-gradient(180deg,
            rgba(0,0,0,.02) 0%,
            rgba(0,0,0,.08) 42%,
            rgba(0,0,0,.58) 100%),
        radial-gradient(circle at 18% 88%, rgba(0,0,0,.68) 0%, rgba(0,0,0,.42) 30%, rgba(0,0,0,.10) 70%, transparent 100%)!important;
    opacity:.92!important;
}
html body .lmk-folder-grid .lmk-folder-card:nth-child(2)::after,
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(2)::after{
    background:
        linear-gradient(180deg,
            rgba(0,0,0,.00) 0%,
            rgba(0,0,0,.07) 42%,
            rgba(0,0,0,.50) 100%),
        radial-gradient(circle at 18% 88%, rgba(0,0,0,.58) 0%, rgba(0,0,0,.32) 32%, rgba(0,0,0,.08) 70%, transparent 100%)!important;
}

html body .lmk-folder-body,
html body .lmk-folder-card.featured .lmk-folder-body{
    left:clamp(18px,1.7vw,28px)!important;
    right:clamp(18px,1.7vw,28px)!important;
    bottom:clamp(18px,2vw,30px)!important;
    top:auto!important;
    max-width:min(390px,78%)!important;
    text-align:left!important;
}
html body .lmk-folder-card.featured .lmk-folder-body{
    left:clamp(24px,2.1vw,36px)!important;
    bottom:clamp(24px,2.3vw,36px)!important;
    max-width:min(510px,68%)!important;
}

html body .lmk-folder-label{
    font-size:9.5px!important;
    letter-spacing:.13em!important;
    margin-bottom:6px!important;
}
html body .lmk-folder-card h3,
html body .lmk-folder-body h3{
    font-size:clamp(21px,1.45vw,29px)!important;
    line-height:1.06!important;
    margin-bottom:6px!important;
    max-width:12.5ch!important;
}
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3{
    font-size:clamp(34px,2.75vw,48px)!important;
    max-width:14ch!important;
}
html body .lmk-folder-desc,
html body .lmk-folder-body p,
html body .lmk-folder-body p.lmk-folder-desc{
    font-size:clamp(11.5px,.78vw,13.6px)!important;
    line-height:1.38!important;
    -webkit-line-clamp:2!important;
    max-width:30ch!important;
    margin-bottom:0!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p{
    font-size:clamp(13px,.92vw,15.5px)!important;
    line-height:1.42!important;
    max-width:42ch!important;
}
html body .lmk-folder-count{
    margin-top:11px!important;
    padding:7px 13px!important;
    font-size:11px!important;
    min-width:70px!important;
}

/* iPad: 2 cột, card đầu nổi bật nhưng không lệch */
@media (min-width:761px) and (max-width:1180px){
    html body .lmk-folder-heading{
        margin-top:72px!important;
    }
    html body .lmk-folder-heading h2{
        font-size:clamp(42px,7vw,62px)!important;
    }
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:22px!important;
    }
    html body .lmk-folder-card.featured{
        grid-column:span 2!important;
        min-height:390px!important;
        height:390px!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-child(2),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(2),
    html body .lmk-folder-card{
        min-height:330px!important;
        height:330px!important;
        grid-column:span 1!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:span 2!important;
        min-height:350px!important;
        height:350px!important;
    }
    html body .lmk-folder-card h3,
    html body .lmk-folder-body h3{
        font-size:clamp(24px,3.4vw,36px)!important;
    }
}

/* Mobile: 1 cột, text nhỏ gọn ở góc dưới trái */
@media (max-width:760px){
    html body .lmk-folder-heading{
        margin-top:58px!important;
        margin-bottom:22px!important;
    }
    html body .lmk-folder-heading h2{
        font-size:clamp(36px,11vw,50px)!important;
        line-height:1.04!important;
    }
    html body .lmk-folder-heading .lmk-signature-line{
        font-size:13px!important;
        max-width:90vw!important;
    }
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:1fr!important;
        gap:20px!important;
    }
    html body .lmk-folder-card,
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(2),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(2),
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:auto!important;
        min-height:350px!important;
        height:350px!important;
    }
    html body .lmk-folder-body,
    html body .lmk-folder-card.featured .lmk-folder-body{
        left:20px!important;
        right:20px!important;
        bottom:20px!important;
        max-width:86%!important;
        text-align:left!important;
        align-items:flex-start!important;
    }
    html body .lmk-folder-card h3,
    html body .lmk-folder-card.featured h3,
    html body .lmk-folder-body h3{
        font-size:clamp(27px,8vw,40px)!important;
        line-height:1.05!important;
        max-width:12.5ch!important;
        text-align:left!important;
    }
    html body .lmk-folder-desc,
    html body .lmk-folder-body p{
        font-size:14px!important;
        line-height:1.38!important;
        -webkit-line-clamp:2!important;
        max-width:30ch!important;
        text-align:left!important;
    }
    html body .lmk-folder-card img{
        object-position:50% 22%!important;
    }
}


/* =========================================================
   LONGMK V10.32 - BALANCED CARD TEXT
   Chuẩn size chữ theo yêu cầu:
   - Title card lớn: 34–48px
   - Mô tả card lớn: 13–15.5px
   - Tag nhỏ: 9.5px
   - Nút số ảnh: 11px
   - Tất cả card chủ đề/thư mục không vượt chuẩn này.
   ========================================================= */

/* ===== THƯ VIỆN CẢM XÚC: card chủ đề cha ===== */
html body .lmk-service-grid .lmk-card-body{
    left:clamp(18px,1.7vw,28px)!important;
    right:clamp(18px,1.7vw,28px)!important;
    bottom:clamp(18px,1.8vw,28px)!important;
    max-width:min(410px,82%)!important;
    text-align:left!important;
}

html body .lmk-service-grid .lmk-card-body h3{
    font-size:clamp(23px,1.55vw,32px)!important;
    line-height:1.06!important;
    margin:0 0 6px!important;
    max-width:12.5ch!important;
    text-align:left!important;
    text-wrap:balance!important;
}

/* Card chủ đề lớn trong Thư viện cảm xúc: không vượt 48px */
html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body h3,
html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body h3,
html body .lmk-service-grid .lmk-card.is-featured .lmk-card-body h3,
html body .lmk-service-grid .lmk-card.featured .lmk-card-body h3{
    font-size:clamp(34px,2.75vw,48px)!important;
    line-height:1.06!important;
    max-width:14ch!important;
}

html body .lmk-service-grid .lmk-card-body p{
    font-size:clamp(12px,.82vw,13.8px)!important;
    line-height:1.38!important;
    max-width:30ch!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
}

html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body p,
html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body p,
html body .lmk-service-grid .lmk-card.is-featured .lmk-card-body p,
html body .lmk-service-grid .lmk-card.featured .lmk-card-body p{
    font-size:clamp(13px,.92vw,15.5px)!important;
    line-height:1.42!important;
    max-width:42ch!important;
}

html body .lmk-service-grid .lmk-mini-link{
    font-size:11px!important;
    margin-top:10px!important;
}

/* ===== CHỌN BỘ ẢNH: card thư mục con ===== */
html body .lmk-folder-label{
    font-size:9.5px!important;
    line-height:1.18!important;
    letter-spacing:.13em!important;
    margin:0 0 6px!important;
}

html body .lmk-folder-card h3,
html body .lmk-folder-body h3{
    font-size:clamp(22px,1.45vw,31px)!important;
    line-height:1.06!important;
    margin:0 0 6px!important;
    max-width:12.5ch!important;
    text-align:left!important;
    text-wrap:balance!important;
}

/* Card thư mục lớn: đúng chuẩn bạn chốt 34–48px */
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3,
html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6) h3,
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6) h3{
    font-size:clamp(34px,2.75vw,48px)!important;
    line-height:1.06!important;
    max-width:14ch!important;
}

html body .lmk-folder-desc,
html body .lmk-folder-body p,
html body .lmk-folder-body p.lmk-folder-desc{
    font-size:clamp(11.5px,.78vw,13.6px)!important;
    line-height:1.38!important;
    max-width:30ch!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
    text-align:left!important;
}

html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p,
html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6) .lmk-folder-desc,
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6) .lmk-folder-desc{
    font-size:clamp(13px,.92vw,15.5px)!important;
    line-height:1.42!important;
    max-width:42ch!important;
}

html body .lmk-folder-count{
    font-size:11px!important;
    line-height:1!important;
    padding:7px 13px!important;
    min-width:70px!important;
    margin-top:11px!important;
}

/* Text block vẫn ở góc dưới trái, gọn hơn để không che ảnh */
html body .lmk-folder-body,
html body .lmk-folder-card.featured .lmk-folder-body{
    left:clamp(18px,1.7vw,28px)!important;
    right:clamp(18px,1.7vw,28px)!important;
    bottom:clamp(18px,1.9vw,30px)!important;
    top:auto!important;
    max-width:min(410px,82%)!important;
    text-align:left!important;
    align-items:flex-start!important;
}

html body .lmk-folder-card.featured .lmk-folder-body{
    left:clamp(24px,2.1vw,34px)!important;
    bottom:clamp(24px,2.2vw,34px)!important;
    max-width:min(520px,70%)!important;
}

/* ===== iPad: không cho title vượt 48px ===== */
@media(max-width:1180px){
    html body .lmk-service-grid .lmk-card-body h3,
    html body .lmk-folder-card h3,
    html body .lmk-folder-body h3{
        font-size:clamp(22px,3vw,32px)!important;
    }
    html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body h3,
    html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body h3,
    html body .lmk-folder-card.featured h3,
    html body .lmk-folder-card.featured .lmk-folder-body h3,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6) h3,
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6) h3{
        font-size:clamp(30px,5.2vw,48px)!important;
    }
}

/* ===== Điện thoại: vẫn giữ dễ đọc nhưng không to quá ===== */
@media(max-width:760px){
    html body .lmk-service-grid .lmk-card-body h3,
    html body .lmk-folder-card h3,
    html body .lmk-folder-body h3{
        font-size:clamp(24px,7.2vw,34px)!important;
        line-height:1.06!important;
        max-width:12.5ch!important;
    }
    html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body h3,
    html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body h3,
    html body .lmk-folder-card.featured h3,
    html body .lmk-folder-card.featured .lmk-folder-body h3{
        font-size:clamp(30px,8.8vw,42px)!important;
        max-width:13ch!important;
    }
    html body .lmk-service-grid .lmk-card-body p,
    html body .lmk-folder-desc,
    html body .lmk-folder-body p{
        font-size:13.5px!important;
        line-height:1.38!important;
        max-width:30ch!important;
        -webkit-line-clamp:2!important;
    }
    html body .lmk-folder-label{font-size:9px!important;}
    html body .lmk-folder-count{font-size:10.5px!important;padding:7px 12px!important;}
}


/* =========================================================
   LONGMK V10.33 - HERO FORCE BOTTOM LEFT
   Fix: V10.32 tối ưu card nhưng hero vẫn bị các đoạn CSS cũ V8.x ghi đè.
   Đoạn này đặt cuối file, selector mạnh, ép hero xuống đúng góc dưới trái.
   ========================================================= */
@media (min-width:1025px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:720px!important;
        height:100svh!important;
        overflow:hidden!important;
    }

    html body.home .lmk-hero:after,
    html body .lmk-hero:after{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.62) 0%,
                rgba(0,0,0,.42) 30%,
                rgba(0,0,0,.12) 58%,
                rgba(0,0,0,.32) 100%),
            linear-gradient(0deg,
                rgba(0,0,0,.56) 0%,
                rgba(0,0,0,.22) 34%,
                rgba(0,0,0,.08) 100%)!important;
        z-index:1!important;
    }

    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body.home .lmk-hero-content,
    html body .lmk-hero-content{
        width:min(1680px,94vw)!important;
        height:100%!important;
        min-height:inherit!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding:0 0 clamp(44px,6.2vh,78px) 0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        position:relative!important;
        z-index:3!important;
        box-sizing:border-box!important;
    }

    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        transform:none!important;

        width:min(520px,32vw)!important;
        max-width:520px!important;
        min-width:430px!important;
        margin:0!important;
        padding:24px 26px 26px!important;
        text-align:left!important;
        border-radius:24px!important;
        background:rgba(0,0,0,.055)!important;
        border:1px solid rgba(216,170,72,.105)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12)!important;
        backdrop-filter:blur(1px) saturate(1.02)!important;
        -webkit-backdrop-filter:blur(1px) saturate(1.02)!important;
    }

    html body.home .lmk-hero .lmk-kicker,
    html body .lmk-hero .lmk-kicker{
        font-size:9.5px!important;
        line-height:1.2!important;
        letter-spacing:.15em!important;
        margin:0 0 9px!important;
        text-transform:none!important;
        color:#ffe2a0!important;
        text-align:left!important;
    }

    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        max-width:10.8ch!important;
        font-size:clamp(34px,3.1vw,54px)!important;
        line-height:1.03!important;
        letter-spacing:.005em!important;
        margin:0 0 12px!important;
        color:#fff!important;
        text-align:left!important;
        text-wrap:balance!important;
        text-shadow:0 5px 16px rgba(0,0,0,.62),0 1px 2px rgba(0,0,0,.85)!important;
    }

    html body.home .lmk-hero p,
    html body .lmk-hero p{
        max-width:48ch!important;
        font-size:clamp(12.5px,.86vw,15.2px)!important;
        line-height:1.64!important;
        margin:0 0 16px!important;
        color:rgba(255,255,255,.93)!important;
        text-align:left!important;
        text-shadow:0 3px 12px rgba(0,0,0,.55)!important;
    }

    html body.home .lmk-hero .lmk-actions,
    html body .lmk-hero .lmk-actions{
        display:flex!important;
        justify-content:flex-start!important;
        align-items:center!important;
        gap:10px!important;
        flex-wrap:wrap!important;
        margin:0!important;
    }

    html body.home .lmk-hero .lmk-btn,
    html body .lmk-hero .lmk-btn{
        width:auto!important;
        min-width:0!important;
        padding:10px 16px!important;
        font-size:10.5px!important;
        line-height:1.1!important;
        letter-spacing:.04em!important;
        border-radius:999px!important;
    }
}

@media (min-width:1500px){
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content{
        width:min(1760px,94vw)!important;
        padding-bottom:clamp(52px,6.8vh,88px)!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:min(540px,30vw)!important;
        max-width:540px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(38px,3vw,56px)!important;
    }
}

@media (min-width:1025px) and (max-height:760px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:620px!important;
    }
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content{
        padding-bottom:32px!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:460px!important;
        min-width:420px!important;
        padding:20px 22px 22px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(30px,2.75vw,48px)!important;
        margin-bottom:10px!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:12.5px!important;
        line-height:1.55!important;
        margin-bottom:13px!important;
    }
}

@media (max-width:1024px){
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body.home .lmk-hero-content,
    html body .lmk-hero-content{
        height:100%!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:center!important;
        padding:0 18px clamp(34px,5vh,54px)!important;
        box-sizing:border-box!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:min(560px,92vw)!important;
        max-width:560px!important;
        margin:0 auto!important;
        padding:22px 20px!important;
        text-align:left!important;
        background:rgba(0,0,0,.075)!important;
        border:1px solid rgba(216,170,72,.11)!important;
        border-radius:22px!important;
        backdrop-filter:blur(.8px)!important;
        -webkit-backdrop-filter:blur(.8px)!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(34px,7.5vw,52px)!important;
        line-height:1.04!important;
        margin:0 0 12px!important;
        max-width:11ch!important;
        text-align:left!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:14px!important;
        line-height:1.55!important;
        margin-bottom:15px!important;
        text-align:left!important;
    }
    html body.home .lmk-hero .lmk-actions,
    html body .lmk-hero .lmk-actions{
        justify-content:flex-start!important;
    }
}

@media (max-width:560px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:100svh!important;
        height:100svh!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        padding:18px 16px!important;
        border-radius:20px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(29px,8.5vw,38px)!important;
        line-height:1.04!important;
        max-width:11ch!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:13.2px!important;
        line-height:1.48!important;
        display:-webkit-box!important;
        -webkit-line-clamp:4!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
    html body.home .lmk-hero .lmk-btn,
    html body .lmk-hero .lmk-btn{
        font-size:10px!important;
        padding:9px 13px!important;
        width:auto!important;
    }
}


/* =========================================================
   LONGMK V10.34 - HERO COMPACT TWO LINES
   Yêu cầu:
   - Giảm toàn bộ khung chữ hero khoảng 50% so với bản đang hiển thị.
   - Tiêu đề chỉ còn 2 hàng:
       Nơi cảm xúc
       Trở thành ký ức
   - Text vẫn nằm góc dưới bên trái, ảnh phía sau thoáng hơn.
   Đặt cuối file để thắng các CSS cũ có !important.
   ========================================================= */
@media (min-width:1025px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:680px!important;
        height:100svh!important;
        overflow:hidden!important;
    }

    html body.home .lmk-hero:after,
    html body .lmk-hero:after{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.48) 0%,
                rgba(0,0,0,.30) 30%,
                rgba(0,0,0,.08) 58%,
                rgba(0,0,0,.26) 100%),
            linear-gradient(0deg,
                rgba(0,0,0,.44) 0%,
                rgba(0,0,0,.16) 35%,
                rgba(0,0,0,.05) 100%)!important;
    }

    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body.home .lmk-hero-content,
    html body .lmk-hero-content{
        width:min(1680px,94vw)!important;
        height:100%!important;
        min-height:inherit!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding:0 0 clamp(42px,5.8vh,76px) 0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        position:relative!important;
        z-index:3!important;
        box-sizing:border-box!important;
    }

    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:min(390px,24vw)!important;
        max-width:390px!important;
        min-width:330px!important;
        padding:16px 18px 18px!important;
        margin:0!important;
        border-radius:20px!important;
        text-align:left!important;
        background:rgba(0,0,0,.038)!important;
        border:1px solid rgba(216,170,72,.075)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 8px 22px rgba(0,0,0,.10)!important;
        backdrop-filter:blur(.55px) saturate(1.01)!important;
        -webkit-backdrop-filter:blur(.55px) saturate(1.01)!important;
    }

    html body.home .lmk-hero .lmk-kicker,
    html body .lmk-hero .lmk-kicker{
        font-size:8.5px!important;
        line-height:1.15!important;
        letter-spacing:.14em!important;
        margin:0 0 7px!important;
        text-align:left!important;
        color:#ffe2a0!important;
    }

    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        max-width:100%!important;
        font-size:clamp(34px,2.5vw,48px)!important;
        line-height:.98!important;
        letter-spacing:.002em!important;
        margin:0 0 10px!important;
        color:#fff!important;
        text-align:left!important;
        text-transform:uppercase!important;
        text-wrap:balance!important;
        text-shadow:0 4px 13px rgba(0,0,0,.65),0 1px 2px rgba(0,0,0,.90)!important;
    }

    html body.home .lmk-hero p,
    html body .lmk-hero p{
        max-width:39ch!important;
        font-size:clamp(11.3px,.72vw,13.4px)!important;
        line-height:1.48!important;
        margin:0 0 12px!important;
        color:rgba(255,255,255,.92)!important;
        text-align:left!important;
        text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
        display:-webkit-box!important;
        -webkit-line-clamp:4!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }

    html body.home .lmk-hero .lmk-actions,
    html body .lmk-hero .lmk-actions{
        display:flex!important;
        justify-content:flex-start!important;
        align-items:center!important;
        gap:8px!important;
        flex-wrap:wrap!important;
        margin:0!important;
    }

    html body.home .lmk-hero .lmk-btn,
    html body .lmk-hero .lmk-btn{
        width:auto!important;
        min-width:0!important;
        padding:8px 12px!important;
        font-size:9.6px!important;
        line-height:1.1!important;
        letter-spacing:.035em!important;
        border-radius:999px!important;
    }
}

@media (min-width:1500px){
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content{
        width:min(1760px,94vw)!important;
        padding-bottom:clamp(48px,6.2vh,82px)!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:400px!important;
        max-width:400px!important;
        min-width:360px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(36px,2.45vw,50px)!important;
    }
}

@media (min-width:1025px) and (max-height:760px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:600px!important;
    }
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content{
        padding-bottom:30px!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:360px!important;
        min-width:320px!important;
        padding:14px 16px 16px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(31px,2.25vw,42px)!important;
        margin-bottom:8px!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:11.2px!important;
        line-height:1.42!important;
        margin-bottom:10px!important;
        -webkit-line-clamp:3!important;
    }
}

@media (max-width:1024px){
    html body.home .lmk-hero .lmk-container.lmk-hero-content,
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body.home .lmk-hero-content,
    html body .lmk-hero-content{
        height:100%!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:center!important;
        padding:0 18px clamp(30px,4.7vh,48px)!important;
        box-sizing:border-box!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:min(420px,88vw)!important;
        max-width:420px!important;
        margin:0 auto!important;
        padding:17px 16px!important;
        text-align:left!important;
        background:rgba(0,0,0,.055)!important;
        border:1px solid rgba(216,170,72,.085)!important;
        border-radius:20px!important;
        backdrop-filter:blur(.55px)!important;
        -webkit-backdrop-filter:blur(.55px)!important;
    }
    html body.home .lmk-hero .lmk-kicker,
    html body .lmk-hero .lmk-kicker{
        font-size:8px!important;
        margin-bottom:6px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(31px,6.8vw,44px)!important;
        line-height:.99!important;
        margin:0 0 9px!important;
        max-width:100%!important;
        text-align:left!important;
        text-transform:uppercase!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:12.6px!important;
        line-height:1.42!important;
        margin-bottom:12px!important;
        text-align:left!important;
        display:-webkit-box!important;
        -webkit-line-clamp:3!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
    html body.home .lmk-hero .lmk-btn,
    html body .lmk-hero .lmk-btn{
        font-size:9.5px!important;
        padding:8px 12px!important;
    }
}

@media (max-width:560px){
    html body.home .lmk-hero,
    html body .lmk-hero{
        min-height:100svh!important;
        height:100svh!important;
    }
    html body.home .lmk-hero-box,
    html body .lmk-hero-box{
        width:min(360px,88vw)!important;
        padding:15px 14px!important;
        border-radius:18px!important;
    }
    html body.home .lmk-hero h1,
    html body .lmk-hero h1{
        font-size:clamp(28px,7.8vw,36px)!important;
        line-height:.99!important;
    }
    html body.home .lmk-hero p,
    html body .lmk-hero p{
        font-size:12px!important;
        line-height:1.38!important;
        -webkit-line-clamp:3!important;
    }
}


/* =========================================================
   LONGMK V10.39 - EDITORIAL TEXT BALANCE + HERO TXT CONFIG
   - Hero card height auto theo nội dung hero.txt.
   - Giữ chiều rộng đẹp, border tự ôm nội dung.
   - Không cắt mô tả hero bằng dấu ...
   - Cân dòng tiêu đề/mô tả cho toàn web.
   ========================================================= */
html body .lmk-smart-title,
html body .lmk-hero h1,
html body .lmk-title h2,
html body .lmk-card h3,
html body .lmk-folder-card h3,
html body .lmk-featured-content h2,
html body .lmk-folder-heading h2,
html body .lmk-gallery-hero h1,
html body .lmk-gallery-hero-title{
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

html body .lmk-smart-copy,
html body .lmk-hero p,
html body .lmk-title p,
html body .lmk-card p,
html body .lmk-folder-desc,
html body .lmk-featured-content p,
html body .lmk-signature-line,
html body .lmk-gallery-hero p{
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

html body .lmk-hero .lmk-container.lmk-hero-content,
html body.home .lmk-hero .lmk-container.lmk-hero-content{
    overflow:visible!important;
}

html body .lmk-hero-box,
html body.home .lmk-hero-box{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}

html body .lmk-hero h1,
html body.home .lmk-hero h1{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    white-space:normal!important;
}

html body .lmk-hero h1 br,
html body.home .lmk-hero h1 br{
    display:block!important;
}

html body .lmk-hero p,
html body.home .lmk-hero p{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
}

html body .lmk-hero .lmk-actions,
html body.home .lmk-hero .lmk-actions{
    margin-top:12px!important;
}

@media (min-width:1025px){
    html body .lmk-hero-box,
    html body.home .lmk-hero-box{
        width:min(430px,25vw)!important;
        min-width:350px!important;
        max-width:430px!important;
        padding:18px 20px 19px!important;
        border-radius:21px!important;
    }
    html body .lmk-hero h1,
    html body.home .lmk-hero h1{
        font-size:clamp(34px,2.45vw,48px)!important;
        line-height:1.01!important;
        margin-bottom:11px!important;
    }
    html body .lmk-hero p,
    html body.home .lmk-hero p{
        max-width:41ch!important;
        font-size:clamp(11.8px,.72vw,13.6px)!important;
        line-height:1.52!important;
        margin-bottom:0!important;
    }
}

@media (min-width:1500px){
    html body .lmk-hero-box,
    html body.home .lmk-hero-box{
        width:440px!important;
        max-width:440px!important;
        min-width:370px!important;
    }
    html body .lmk-hero h1,
    html body.home .lmk-hero h1{
        font-size:clamp(36px,2.35vw,50px)!important;
    }
}

@media (max-width:1024px){
    html body .lmk-hero-box,
    html body.home .lmk-hero-box{
        width:min(430px,88vw)!important;
        max-width:430px!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow:visible!important;
        padding:17px 16px 18px!important;
    }
    html body .lmk-hero h1,
    html body.home .lmk-hero h1{
        font-size:clamp(30px,6.6vw,43px)!important;
        line-height:1.01!important;
        margin-bottom:9px!important;
    }
    html body .lmk-hero p,
    html body.home .lmk-hero p{
        font-size:12.6px!important;
        line-height:1.46!important;
        margin-bottom:0!important;
        max-height:none!important;
        overflow:visible!important;
    }
}

@media (max-width:560px){
    html body .lmk-hero .lmk-container.lmk-hero-content,
    html body.home .lmk-hero .lmk-container.lmk-hero-content{
        padding-left:14px!important;
        padding-right:14px!important;
        padding-bottom:clamp(34px,5.2vh,54px)!important;
    }
    html body .lmk-hero-box,
    html body.home .lmk-hero-box{
        width:min(360px,88vw)!important;
        padding:15px 14px 16px!important;
        border-radius:18px!important;
    }
    html body .lmk-hero h1,
    html body.home .lmk-hero h1{
        font-size:clamp(28px,7.3vw,36px)!important;
        line-height:1.02!important;
        margin-bottom:8px!important;
    }
    html body .lmk-hero p,
    html body.home .lmk-hero p{
        font-size:12px!important;
        line-height:1.44!important;
    }
    html body .lmk-hero .lmk-actions,
    html body.home .lmk-hero .lmk-actions{
        gap:8px!important;
        margin-top:11px!important;
    }
    html body .lmk-hero .lmk-btn,
    html body.home .lmk-hero .lmk-btn{
        width:100%!important;
        justify-content:center!important;
    }
}

/* Card text smart cap: giữ card gọn nhưng dòng đẹp hơn. */
html body .lmk-folder-card h3,
html body .lmk-card h3{
    text-wrap:balance!important;
}
html body .lmk-folder-card .lmk-folder-desc,
html body .lmk-card p{
    text-wrap:pretty!important;
}


/* =========================================================
   V10.39 - Safe Editorial Text Balance toàn web
   - Chữ tự co giãn theo chiều rộng cố định
   - Đoạn văn chia nhịp đẹp, tránh dòng cuối 1 chữ
   - Folder/card/album/hero hiển thị chuyên nghiệp hơn trên PC/iPad/mobile
   ========================================================= */
html body .lmk-copy-paragraph{
    display:block!important;
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}
html body .lmk-copy-paragraph + .lmk-copy-paragraph{
    margin-top:.42em!important;
}
html body .lmk-editorial-copy,
html body .lmk-smart-copy,
html body .lmk-hero p,
html body .lmk-title p,
html body .lmk-album-hero p,
html body .lmk-album-text-under p,
html body .lmk-folder-desc,
html body .lmk-card-body p,
html body .lmk-featured-content p,
html body .lmk-signature-line,
html body .lmk-footer-quote{
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    hanging-punctuation:first last;
    font-kerning:normal;
    text-rendering:optimizeLegibility;
}

/* Hero: đoạn mô tả theo phong cách editorial, không thụt ra thụt vào quá mạnh */
@media (min-width:1025px){
    html body .lmk-hero p,
    html body.home .lmk-hero p,
    html body .lmk-hero .lmk-smart-copy{
        width:min(100%, 58ch)!important;
        max-width:58ch!important;
        text-align:justify!important;
        text-align-last:left!important;
        text-justify:inter-word!important;
        letter-spacing:.004em!important;
        word-spacing:.012em!important;
        line-height:1.58!important;
    }
    html body .lmk-hero p .lmk-copy-paragraph,
    html body.home .lmk-hero p .lmk-copy-paragraph{
        max-width:58ch!important;
    }
    html body .lmk-hero p .lmk-copy-long,
    html body.home .lmk-hero p .lmk-copy-long{
        font-size:.96em!important;
        line-height:1.56!important;
    }
}

/* iPad/mobile: không justify cứng để tránh giãn khoảng trắng tiếng Việt */
@media (max-width:1024px){
    html body .lmk-hero p,
    html body.home .lmk-hero p,
    html body .lmk-hero .lmk-smart-copy,
    html body .lmk-album-text-under p,
    html body .lmk-album-hero p,
    html body .lmk-folder-desc,
    html body .lmk-card-body p{
        text-align:left!important;
        text-align-last:auto!important;
        line-height:1.52!important;
    }
    html body .lmk-copy-paragraph + .lmk-copy-paragraph{
        margin-top:.36em!important;
    }
}

/* Nội dung trang/thư mục: PC canh đẹp kiểu tạp chí, card nhỏ vẫn gọn */
@media (min-width:1025px){
    html body .lmk-album-text-under p,
    html body .lmk-album-hero p,
    html body .lmk-title p{
        max-width:64ch!important;
        margin-left:auto!important;
        margin-right:auto!important;
        text-align:justify!important;
        text-align-last:center!important;
        text-justify:inter-word!important;
        line-height:1.66!important;
    }
    html body .lmk-album-text-under p{
        text-align-last:left!important;
    }
    html body .lmk-folder-heading .lmk-signature-line,
    html body .lmk-footer-quote{
        max-width:58ch!important;
        margin-left:auto!important;
        margin-right:auto!important;
        text-wrap:balance!important;
        text-align:center!important;
    }
}

/* Folder cards: cân dòng trong từng thẻ, không để mô tả bị rối */
html body .lmk-folder-body,
html body .lmk-card-body{
    text-wrap:pretty!important;
}
html body .lmk-folder-card h3,
html body .lmk-folder-body h3,
html body .lmk-card-body h3{
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}
html body .lmk-folder-desc,
html body .lmk-folder-body p.lmk-folder-desc,
html body .lmk-card-body p{
    max-width:46ch!important;
    line-height:1.48!important;
    letter-spacing:.002em!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p{
    max-width:58ch!important;
    line-height:1.52!important;
}

/* Cho phép mô tả folder gọn nhưng không cắt xấu */
html body .lmk-folder-desc,
html body .lmk-folder-body p,
html body .lmk-service-grid .lmk-card-body p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p{
    -webkit-line-clamp:3!important;
}

/* Trang xem bên trong một folder: hiện đủ mô tả, chia đoạn đẹp */
html body .lmk-album-text-under p,
html body .lmk-album-clean-wrap .lmk-album-text-under p{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
}

/* Tự điều chỉnh theo độ dài nội dung */
html body .lmk-copy-short{max-width:42ch!important;}
html body .lmk-copy-medium{max-width:54ch!important;}
html body .lmk-copy-long{max-width:64ch!important;}
html body .lmk-folder-desc .lmk-copy-short,
html body .lmk-card-body p .lmk-copy-short{max-width:34ch!important;}
html body .lmk-folder-desc .lmk-copy-medium,
html body .lmk-card-body p .lmk-copy-medium{max-width:42ch!important;}
html body .lmk-folder-desc .lmk-copy-long,
html body .lmk-card-body p .lmk-copy-long{max-width:46ch!important;}

/* Mobile: giảm độ dày chữ mô tả để khối nhìn thoáng, không bị nặng */
@media (max-width:560px){
    html body .lmk-hero p,
    html body.home .lmk-hero p{
        font-size:11.6px!important;
        line-height:1.48!important;
        max-width:100%!important;
    }
    html body .lmk-folder-desc,
    html body .lmk-card-body p{
        font-size:12.4px!important;
        line-height:1.46!important;
    }
    html body .lmk-folder-card.featured .lmk-folder-desc,
    html body .lmk-folder-card.featured .lmk-folder-body p{
        -webkit-line-clamp:2!important;
    }
    html body .lmk-album-text-under p,
    html body .lmk-album-hero p,
    html body .lmk-title p{
        max-width:100%!important;
        text-align:left!important;
        text-align-last:auto!important;
    }
}

/* V10.39 JS density classes: width đo theo độ dài nội dung */
html body .lmk-smart-text.lmk-density-short{--lmk-smart-measure:42ch;}
html body .lmk-smart-text.lmk-density-medium{--lmk-smart-measure:52ch;}
html body .lmk-smart-text.lmk-density-long{--lmk-smart-measure:60ch;}
html body .lmk-smart-text.lmk-density-xl{--lmk-smart-measure:66ch;}
html body p.lmk-smart-text,
html body .lmk-editorial-copy.lmk-smart-text,
html body .lmk-smart-copy.lmk-smart-text,
html body .lmk-folder-desc.lmk-smart-text,
html body .lmk-signature-line.lmk-smart-text{
    max-width:min(100%, var(--lmk-smart-measure,58ch))!important;
}
html body .lmk-card-body p.lmk-smart-text,
html body .lmk-folder-body p.lmk-smart-text{
    max-width:min(100%, var(--lmk-smart-measure,46ch))!important;
}


/* =========================================================
   LONGMK V10.39 - TEXT ENCODING FIX + SCIENTIFIC EDITORIAL LAYOUT
   - Sửa lỗi chữ hiện \xC2\xA0.
   - Không canh giữa các đoạn văn dài.
   - Title canh giữa; nội dung dài canh trái trong cột đọc chuẩn.
   - Card album giãn dòng tiêu đề nhẹ hơn.
   ========================================================= */
html body .lmk-copy-paragraph,
html body .lmk-editorial-copy,
html body .lmk-smart-copy,
html body .lmk-title p,
html body .lmk-album-hero p,
html body .lmk-album-text-under p,
html body .lmk-folder-desc,
html body .lmk-card-body p,
html body .lmk-feature p,
html body .lmk-contact-card p,
html body .lmk-signature-line,
html body .lmk-footer-quote{
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
    font-kerning:normal!important;
    text-rendering:optimizeLegibility!important;
    text-align-last:auto!important;
}

/* Đoạn dài: không canh giữa, không justify cứng. Giữ cột đọc đẹp như tạp chí. */
html body .lmk-title p,
html body .lmk-album-hero p,
html body .lmk-album-text-under p,
html body .lmk-about-home .lmk-title p,
html body .lmk-contact-section .lmk-title p{
    max-width:min(780px, 92vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
    text-align-last:auto!important;
    line-height:1.72!important;
    letter-spacing:.003em!important;
    word-spacing:normal!important;
}

html body .lmk-title p .lmk-copy-paragraph,
html body .lmk-album-hero p .lmk-copy-paragraph,
html body .lmk-album-text-under p .lmk-copy-paragraph,
html body .lmk-about-home .lmk-title p .lmk-copy-paragraph,
html body .lmk-contact-section .lmk-title p .lmk-copy-paragraph{
    display:block!important;
    max-width:72ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
    line-height:1.72!important;
}

html body .lmk-title p .lmk-copy-paragraph + .lmk-copy-paragraph,
html body .lmk-album-hero p .lmk-copy-paragraph + .lmk-copy-paragraph,
html body .lmk-album-text-under p .lmk-copy-paragraph + .lmk-copy-paragraph,
html body .lmk-about-home .lmk-title p .lmk-copy-paragraph + .lmk-copy-paragraph{
    margin-top:.78em!important;
}

/* Hero trang chủ: vẫn giữ khung trái, nhưng bỏ justify để chữ không thụt ra thụt vào. */
html body.home .lmk-hero p,
html body .lmk-hero p,
html body.home .lmk-hero p .lmk-copy-paragraph,
html body .lmk-hero p .lmk-copy-paragraph{
    text-align:left!important;
    text-align-last:auto!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    line-height:1.56!important;
}
html body.home .lmk-hero p .lmk-copy-paragraph + .lmk-copy-paragraph,
html body .lmk-hero p .lmk-copy-paragraph + .lmk-copy-paragraph{
    margin-top:.5em!important;
}

/* Tiêu đề lớn giữ trung tâm, đoạn văn dài đọc theo cột trái. */
html body .lmk-title,
html body .lmk-album-hero{
    text-align:center!important;
}
html body .lmk-title h2,
html body .lmk-album-hero h1,
html body .lmk-gallery-hero h1,
html body .lmk-folder-heading h2{
    text-align:center!important;
    text-wrap:balance!important;
}

/* Giới thiệu / thư viện: bố cục khoa học hơn trên PC. */
@media (min-width:1025px){
    html body .lmk-about-home .lmk-title,
    html body .lmk-section.alt .lmk-title,
    html body .lmk-album-hero .lmk-container{
        max-width:980px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    html body .lmk-about-home .lmk-title p,
    html body .lmk-section.alt .lmk-title p,
    html body .lmk-album-hero p{
        padding-left:24px!important;
        border-left:2px solid rgba(216,170,72,.36)!important;
    }
    html body .lmk-title h2,
    html body .lmk-album-hero h1{
        margin-bottom:22px!important;
    }
}

/* iPad / mobile: bỏ đường viền để gọn, giữ padding dễ đọc. */
@media (max-width:1024px){
    html body .lmk-title p,
    html body .lmk-album-hero p,
    html body .lmk-album-text-under p,
    html body .lmk-about-home .lmk-title p{
        max-width:min(620px, 88vw)!important;
        padding-left:0!important;
        border-left:0!important;
        line-height:1.64!important;
        text-align:left!important;
    }
    html body .lmk-title p .lmk-copy-paragraph,
    html body .lmk-album-hero p .lmk-copy-paragraph,
    html body .lmk-album-text-under p .lmk-copy-paragraph{
        max-width:100%!important;
        line-height:1.64!important;
    }
}

/* Card/folder: giãn dòng tiêu đề nhẹ để 2 dòng không dính nhau. */
html body .lmk-folder-card h3,
html body .lmk-folder-body h3,
html body .lmk-card-body h3,
html body .lmk-service-grid .lmk-card-body h3{
    line-height:1.10!important;
    letter-spacing:-.012em!important;
    text-wrap:balance!important;
}
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3,
html body .lmk-service-grid .lmk-card:nth-child(1) .lmk-card-body h3,
html body .lmk-service-grid .lmk-card:nth-child(6) .lmk-card-body h3{
    line-height:1.08!important;
}
html body .lmk-folder-desc,
html body .lmk-card-body p{
    line-height:1.54!important;
    text-align:left!important;
}

/* Chặn lại các rule justify cũ của V10.38. */
@media (min-width:1025px){
    html body .lmk-hero p,
    html body.home .lmk-hero p,
    html body .lmk-title p,
    html body .lmk-album-hero p,
    html body .lmk-album-text-under p{
        text-align:left!important;
        text-align-last:auto!important;
        text-justify:auto!important;
    }
}

/* Bảo vệ nếu trình duyệt/Safari hiển thị NBSP hoặc escape cũ trong nội dung cache. */
html body .lmk-copy-paragraph{
    white-space:normal!important;
}


/* =========================================================
   V10.41 - Simple Shared Selection
   Khách vẫn chỉ bấm chọn ảnh như cũ, nhưng nhiều người cùng xem sẽ thấy dấu tích đã chọn.
   ========================================================= */
.lmk-select-card.lmk-selected-other .lmk-check,
.lmk-select-card.lmk-selected-together .lmk-check,
.lmk-lightbox-select.lmk-other-selected .circle{
    background:rgba(255,255,255,.78)!important;
    border-color:rgba(255,255,255,.95)!important;
    box-shadow:0 0 0 3px rgba(0,0,0,.28), 0 8px 24px rgba(0,0,0,.36)!important;
}
.lmk-select-card.lmk-selected-other .lmk-check:after,
.lmk-lightbox-select.lmk-other-selected .circle:after{
    content:"✓"!important;
    color:#111!important;
    font-weight:900!important;
}
.lmk-select-card.lmk-selected-me .lmk-check,
.lmk-select-card.selected .lmk-check{
    background:linear-gradient(135deg,#b98728,#ffe2a0)!important;
    border-color:#ffe2a0!important;
    box-shadow:0 0 0 3px rgba(0,0,0,.28), 0 8px 24px rgba(216,170,72,.35)!important;
}
.lmk-select-card.lmk-selected-together .lmk-check{
    background:linear-gradient(135deg,#b98728,#ffe2a0)!important;
    border-color:#fff7dc!important;
    box-shadow:0 0 0 3px rgba(255,226,160,.28), 0 10px 30px rgba(216,170,72,.42)!important;
}
.lmk-select-card.lmk-selected-other img{filter:saturate(.95) brightness(.86)!important;}
.lmk-select-card.lmk-selected-me img,
.lmk-select-card.lmk-selected-together img{filter:saturate(1.06) brightness(.94)!important;}
.lmk-select-card.lmk-selected-other:before,
.lmk-select-card.lmk-selected-me:before,
.lmk-select-card.lmk-selected-together:before{
    content:"";
    position:absolute;inset:0;z-index:3;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18));
}
.lmk-client-toolbar .lmk-select-count{
    min-width:132px;text-align:center;padding:10px 14px;border-radius:999px;
    background:rgba(216,170,72,.12);border:1px solid rgba(216,170,72,.28);
}
.lmk-draft-status strong{color:#ffe2a0;}
.lmk-message.info{display:block;background:rgba(216,170,72,.12);border:1px solid rgba(216,170,72,.24);color:#f6e7c5;}
@media(max-width:560px){
    .lmk-client-toolbar .lmk-select-count{text-align:left;min-width:0;display:inline-block;}
}


/* =========================================================
   V10.44 LUXURY VIETNAMESE LOCAL FONT OVERRIDE
   Font nội bộ ưu tiên đọc từ wp-content/longmk-private/fonts/
   ========================================================= */
:root{
    --lmk-font-heading:"Longmk Display","Playfair Display","Longmk Serif Fallback","Noto Serif Display","Noto Serif",Georgia,serif;
    --lmk-font-body:"Longmk Body","Be Vietnam Pro","Inter","Segoe UI",Arial,sans-serif;
}
html,body,
.lmk-standalone,
.lmk-standalone p,
.lmk-standalone a,
.lmk-standalone span,
.lmk-standalone input,
.lmk-standalone button,
.lmk-standalone textarea{
    font-family:var(--lmk-font-body)!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}
.lmk-hero h1,
.lmk-title h2,
.lmk-album-hero h1,
.lmk-card-body h3,
.lmk-feature b,
.lmk-contact-card h2,
.lmk-footer-brand,
.lmk-footer-quote,
.lmk-editorial-title,
.lmk-folder-title,
.lmk-album-title{
    font-family:var(--lmk-font-heading)!important;
}
.lmk-hero h1{
    font-weight:700!important;
    line-height:1.07!important;
    letter-spacing:.012em!important;
    text-transform:uppercase!important;
    text-shadow:0 5px 22px rgba(0,0,0,.48)!important;
}
.lmk-title h2,
.lmk-album-hero h1{
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:.006em!important;
}
.lmk-card-body h3{
    font-weight:700!important;
    line-height:1.10!important;
    letter-spacing:.002em!important;
}
.lmk-kicker,
.lmk-menu a,
.lmk-btn,
.lmk-mini-link{
    font-family:var(--lmk-font-body)!important;
}
.lmk-hero p,
.lmk-title p,
.lmk-album-hero p,
.lmk-copy-paragraph{
    font-family:var(--lmk-font-body)!important;
    letter-spacing:0!important;
}
@media(max-width:900px){
    .lmk-hero h1{line-height:1.11!important;letter-spacing:.006em!important;}
    .lmk-card-body h3{line-height:1.13!important;}
}


/* =========================================================
   LONGMK V10.45 - AUTO ALBUM TXT + EDITORIAL FILL GRID
   - 8 chủ đề cha: card 7 và 8 tự giãn để lấp hàng cuối.
   - Album con: hàng cuối 2 card tự chia nửa hàng, không để trống lớn.
   - Giãn dòng tiêu đề card nhẹ hơn.
   ========================================================= */
html body .lmk-service-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    gap:24px!important;
}
html body .lmk-service-grid .lmk-card:nth-child(7),
html body .lmk-service-grid .lmk-card:nth-child(8){
    grid-column:span 2!important;
    min-height:390px!important;
}
html body .lmk-service-grid .lmk-card:nth-child(7) .lmk-card-body h3,
html body .lmk-service-grid .lmk-card:nth-child(8) .lmk-card-body h3{
    font-size:clamp(34px,3.0vw,56px)!important;
    line-height:1.10!important;
    max-width:15ch!important;
}
html body .lmk-service-grid .lmk-card:nth-child(7) .lmk-card-body p,
html body .lmk-service-grid .lmk-card:nth-child(8) .lmk-card-body p{
    max-width:44ch!important;
    font-size:clamp(14px,1.05vw,17px)!important;
}
html body .lmk-service-grid .lmk-card-body h3,
html body .lmk-folder-card h3,
html body .lmk-folder-body h3{
    line-height:1.11!important;
}
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3{
    line-height:1.09!important;
}
/* Folder album con: nếu hàng cuối còn 2 card, để 2 card giãn đều hết chiều ngang trên desktop */
@media(min-width:1181px){
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        gap:26px!important;
    }
    html body .lmk-folder-card{
        grid-column:span 2!important;
    }
    html body .lmk-folder-card.featured{
        grid-column:span 4!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:span 4!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-last-child(2):nth-child(3n+1),
    html body .lmk-folder-grid .lmk-folder-card:nth-last-child(1):nth-child(3n+2),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(2):nth-child(3n+1),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(1):nth-child(3n+2){
        grid-column:span 3!important;
        min-height:360px!important;
    }
    html body .lmk-folder-grid .lmk-folder-card:nth-last-child(1):nth-child(3n+1),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(1):nth-child(3n+1){
        grid-column:2 / span 4!important;
        min-height:380px!important;
    }
}
@media(max-width:1180px){
    html body .lmk-service-grid .lmk-card:nth-child(7),
    html body .lmk-service-grid .lmk-card:nth-child(8){
        grid-column:span 1!important;
        min-height:360px!important;
    }
}
@media(max-width:820px){
    html body .lmk-service-grid .lmk-card:nth-child(7),
    html body .lmk-service-grid .lmk-card:nth-child(8){
        grid-column:span 2!important;
    }
}
@media(max-width:620px){
    html body .lmk-service-grid .lmk-card:nth-child(7),
    html body .lmk-service-grid .lmk-card:nth-child(8){
        grid-column:auto!important;
        min-height:360px!important;
    }
}


/* =========================================================
   V10.47: Mobile Album Fix + Design Gallery + Auto Local Fonts
   ========================================================= */
:root{
  --lmk-font-display: "Longmk Display", "Longmk Serif Fallback", "Playfair Display", Georgia, serif;
  --lmk-font-serif: "Longmk Serif Fallback", "Noto Serif Display", Georgia, serif;
  --lmk-font-body: "Longmk Body", "Be Vietnam Pro", Inter, "Segoe UI", Arial, sans-serif;
}
html body,
html body .lmk-standalone,
html body .lmk-menu a,
html body .lmk-btn,
html body .lmk-mini-link,
html body .lmk-folder-desc,
html body .lmk-editorial-copy,
html body .lmk-signature-line{
  font-family:var(--lmk-font-body)!important;
}
html body .lmk-hero h1,
html body .lmk-title h2,
html body .lmk-album-hero h1,
html body .lmk-album-text-under h1,
html body .lmk-folder-heading h2,
html body .lmk-folder-card h3,
html body .lmk-card-body h3,
html body .lmk-gallery-hero h1{
  font-family:var(--lmk-font-display)!important;
  font-optical-sizing:auto;
}

/* Card title: thoáng dòng hơn */
html body .lmk-folder-card h3,
html body .lmk-card-body h3{
  line-height:1.09!important;
  letter-spacing:.012em!important;
}

/* PC/iPad: giữ editorial fill grid; hàng cuối 2 card tự lấp hết */
@media (min-width: 901px){
  html body .lmk-folder-grid,
  html body .lmk-folder-grid-smart{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:26px!important;
    align-items:stretch!important;
  }
  html body .lmk-folder-grid .lmk-folder-card,
  html body .lmk-folder-grid-smart .lmk-folder-card{
    grid-column:span 2!important;
  }
  html body .lmk-folder-grid .lmk-folder-card.featured,
  html body .lmk-folder-grid-smart .lmk-folder-card.featured,
  html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
    grid-column:span 3!important;
  }
  html body .lmk-folder-grid .lmk-folder-card:nth-last-child(2):nth-child(3n+1),
  html body .lmk-folder-grid .lmk-folder-card:nth-last-child(1):nth-child(3n+2),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(2):nth-child(3n+1),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(1):nth-child(3n+2){
    grid-column:span 3!important;
  }
  html body .lmk-folder-grid .lmk-folder-card:nth-last-child(1):nth-child(3n+1),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-last-child(1):nth-child(3n+1){
    grid-column:2 / span 4!important;
  }
}

/* iPad: 2 card / hàng */
@media (min-width:701px) and (max-width:900px){
  html body .lmk-folder-grid,
  html body .lmk-folder-grid-smart{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }
  html body .lmk-folder-grid .lmk-folder-card,
  html body .lmk-folder-grid-smart .lmk-folder-card,
  html body .lmk-folder-card.featured,
  html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
    grid-column:auto!important;
    width:100%!important;
    min-height:430px!important;
  }
}

/* Điện thoại: tuyệt đối không ép nhiều cột; mỗi album một hàng để chữ không bị dọc */
@media (max-width:700px){
  html body .lmk-section{padding-left:0!important;padding-right:0!important;}
  html body .lmk-folder-grid,
  html body .lmk-folder-grid-smart{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:24px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  html body .lmk-folder-grid .lmk-folder-card,
  html body .lmk-folder-grid-smart .lmk-folder-card,
  html body .lmk-folder-card,
  html body .lmk-folder-card.featured,
  html body .lmk-folder-grid .lmk-folder-card:nth-child(n),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(n){
    grid-column:1 / -1!important;
    width:min(100%, 420px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:520px!important;
    aspect-ratio:3/4.6!important;
    border-radius:30px!important;
    display:block!important;
    overflow:hidden!important;
  }
  html body .lmk-folder-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  html body .lmk-folder-card .lmk-folder-body,
  html body .lmk-folder-card.featured .lmk-folder-body{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
    top:auto!important;
    max-width:calc(100% - 48px)!important;
    text-align:left!important;
    align-items:flex-start!important;
  }
  html body .lmk-folder-card h3,
  html body .lmk-folder-card.featured h3,
  html body .lmk-folder-card .lmk-folder-body h3{
    font-size:clamp(38px, 13vw, 58px)!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    max-width:100%!important;
  }
  html body .lmk-folder-card .lmk-folder-desc,
  html body .lmk-folder-card.featured .lmk-folder-desc{
    font-size:17px!important;
    line-height:1.48!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body .lmk-folder-card .lmk-folder-count{
    font-size:16px!important;
    line-height:1.35!important;
  }
}

/* Design gallery mode: dành cho ảnh cưới khổ dài / ảnh thiết kế 25x70 */
html body .lmk-gallery-grid-design{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
html body .lmk-gallery-grid-design .lmk-gallery-item{
  aspect-ratio:16/10!important;
  min-height:320px!important;
  background:#0b0b0b!important;
  border-radius:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .lmk-gallery-grid-design .lmk-gallery-item::before{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:0;
  background-image:var(--lmk-img-bg);
  background-size:cover;
  background-position:center;
  filter:blur(22px) saturate(1.08) brightness(.65);
  transform:scale(1.12);
  opacity:.78;
}
html body .lmk-gallery-grid-design .lmk-gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at center,rgba(0,0,0,.02),rgba(0,0,0,.42));
  pointer-events:none;
}
html body .lmk-gallery-grid-design .lmk-gallery-item img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
html body .lmk-gallery-grid-design .lmk-gallery-item:hover img{transform:none!important;}

@media(max-width:700px){
  html body .lmk-gallery-grid,
  html body .lmk-gallery-grid-design{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  html body .lmk-gallery-grid-design .lmk-gallery-item{
    width:100%!important;
    min-height:clamp(245px, 68vw, 380px)!important;
    aspect-ratio:4/3!important;
    border-radius:22px!important;
  }
  html body .lmk-album-text-under h1,
  html body .lmk-gallery-hero h1{
    font-size:clamp(42px, 12vw, 64px)!important;
    line-height:1.08!important;
  }
}


/* =========================================================
   LONGMK V10.47 - MOBILE FORCE CATEGORY CARD FIX
   Mục tiêu: trên điện thoại tuyệt đối không còn 4 cột hẹp.
   Áp dụng cho trang Album ảnh / Thư viện cảm xúc dùng .lmk-service-grid .lmk-card.
   ========================================================= */
@media (max-width: 700px){
  html body .lmk-service-grid,
  html body .lmk-section .lmk-service-grid,
  html body main .lmk-service-grid,
  html body .lmk-container .lmk-service-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:28px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  html body .lmk-service-grid > .lmk-card,
  html body .lmk-service-grid .lmk-card,
  html body .lmk-card{
    grid-column:1 / -1!important;
    width:min(100%, 430px)!important;
    max-width:calc(100vw - 34px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:520px!important;
    height:auto!important;
    aspect-ratio:3 / 4.7!important;
    border-radius:30px!important;
    overflow:hidden!important;
    display:block!important;
  }
  html body .lmk-service-grid > .lmk-card img,
  html body .lmk-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important;
  }
  html body .lmk-service-grid > .lmk-card .lmk-card-body,
  html body .lmk-card .lmk-card-body{
    left:24px!important;
    right:24px!important;
    bottom:25px!important;
    top:auto!important;
    max-width:calc(100% - 48px)!important;
    width:auto!important;
    text-align:left!important;
    display:block!important;
  }
  html body .lmk-service-grid > .lmk-card .lmk-card-body h3,
  html body .lmk-card .lmk-card-body h3{
    font-size:clamp(38px, 12vw, 56px)!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
    max-width:100%!important;
    width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
  html body .lmk-service-grid > .lmk-card .lmk-card-body p,
  html body .lmk-card .lmk-card-body p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:17px!important;
    line-height:1.48!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  html body .lmk-service-grid > .lmk-card .lmk-mini-link,
  html body .lmk-card .lmk-mini-link{
    font-size:17px!important;
    line-height:1.35!important;
    display:inline-flex!important;
    margin-top:15px!important;
  }
}

@media (min-width:701px) and (max-width:980px){
  html body .lmk-service-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }
  html body .lmk-service-grid > .lmk-card{
    grid-column:auto!important;
    width:100%!important;
    min-height:430px!important;
    aspect-ratio:3/4!important;
  }
}

/* =========================================================
   V10.48 - Daily Font + Nude Safe Cover + Mobile polish
   ========================================================= */
body,.lmk-standalone{font-family:var(--lmk-font-body)!important;}
.lmk-menu a{font-family:var(--lmk-font-menu)!important;}
.lmk-btn,.lmk-mini-link,.lmk-tab,.lmk-folder-count,.lmk-select-count{font-family:var(--lmk-font-button)!important;}
.lmk-hero h1{font-family:var(--lmk-font-display)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:.006em!important;text-shadow:0 7px 22px rgba(0,0,0,.48)!important;}
.lmk-title h2,.lmk-library-hero h1,.lmk-album-hero h1,.lmk-footer-brand{font-family:var(--lmk-font-section)!important;}
.lmk-card-body h3,.lmk-folder-body h3,.lmk-featured-title{font-family:var(--lmk-font-card)!important;}
.lmk-album-text-under h1{font-family:var(--lmk-font-album)!important;}

.lmk-safe-cover-card{background:radial-gradient(circle at 30% 18%, rgba(216,170,72,.20), transparent 38%),linear-gradient(135deg,#12100b,#050505 72%)!important;}
.lmk-safe-cover-card:after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.84))!important;}
.lmk-safe-cover-placeholder{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:26px;border:1px solid rgba(216,170,72,.20);background:radial-gradient(circle at 15% 15%,rgba(255,226,160,.13),transparent 35%);z-index:1;}
.lmk-safe-cover-placeholder span{font-family:var(--lmk-font-menu)!important;color:rgba(255,226,160,.82);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;}
.lmk-safe-cover-card img{display:none!important;}
.lmk-safe-cover-card .lmk-folder-body{z-index:3!important;}

@media (max-width:700px){
  html body .lmk-service-grid,
  html body .lmk-service-grid-editorial,
  html body .lmk-folder-grid,
  html body .lmk-folder-grid-smart{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:28px!important;
    padding-left:22px!important;
    padding-right:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .lmk-service-grid > .lmk-card,
  html body .lmk-folder-grid > .lmk-folder-card,
  html body .lmk-folder-grid-smart > .lmk-folder-card{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:430px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:500px!important;
    aspect-ratio:3 / 4.55!important;
    border-radius:30px!important;
  }
  html body .lmk-card-body h3,
  html body .lmk-folder-body h3{
    font-size:clamp(35px,10.5vw,52px)!important;
    line-height:1.10!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
  html body .lmk-card-body p,
  html body .lmk-folder-body p{
    font-size:16px!important;
    line-height:1.48!important;
    max-width:100%!important;
    -webkit-line-clamp:2!important;
  }
  html body .lmk-folder-body,
  html body .lmk-card-body{left:24px!important;right:24px!important;bottom:26px!important;max-width:calc(100% - 48px)!important;}
  html body .lmk-hero h1{font-size:clamp(38px,10vw,58px)!important;line-height:1.10!important;}
}


/* =========================================================
   LONGMK V10.49 - SMART DESIGN COVER
   Dành cho album cưới/ảnh thiết kế khổ dài 25x70:
   - Cover không crop/cắt ảnh.
   - Nền blur dùng chính ảnh để lấp khung đẹp.
   - Mobile dùng khung rộng, hiển thị đủ bố cục.
   ========================================================= */
html body .lmk-album-cover-wide.lmk-design-cover,
html body .lmk-album-cover-wide.cover-mode-contain{
    position:relative!important;
    min-height:clamp(420px,52vw,720px)!important;
    aspect-ratio:16/9!important;
    border-radius:32px!important;
    background:#080808!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    isolation:isolate!important;
    border:1px solid rgba(216,170,72,.22)!important;
}
html body .lmk-album-cover-wide.lmk-design-cover::before,
html body .lmk-album-cover-wide.cover-mode-contain::before{
    content:""!important;
    position:absolute!important;
    inset:-34px!important;
    z-index:0!important;
    background-image:var(--lmk-cover-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    filter:blur(28px) saturate(1.08) brightness(.62)!important;
    transform:scale(1.13)!important;
    opacity:.86!important;
}
html body .lmk-album-cover-wide.lmk-design-cover::after,
html body .lmk-album-cover-wide.cover-mode-contain::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:radial-gradient(circle at center,rgba(0,0,0,.02),rgba(0,0,0,.50))!important;
}
html body .lmk-album-cover-wide.lmk-design-cover img,
html body .lmk-album-cover-wide.cover-mode-contain img{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
    display:block!important;
}
html body .lmk-album-cover-wide.lmk-design-cover.cover-layout-tall{
    max-width:min(980px,94vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    aspect-ratio:4/5!important;
}
html body .lmk-album-cover-wide.lmk-design-cover.cover-layout-wide{
    aspect-ratio:16/9!important;
}
html body .lmk-album-cover-wide.cover-blur-0::before{
    display:none!important;
}
html body .lmk-gallery-grid-design .lmk-gallery-item.design{
    background:#070707!important;
    box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
}
html body .lmk-gallery-grid-design .lmk-gallery-item.design img{
    object-fit:contain!important;
}

@media(max-width:700px){
    html body .lmk-album-cover-wide.lmk-design-cover,
    html body .lmk-album-cover-wide.cover-mode-contain{
        width:100%!important;
        max-width:calc(100vw - 28px)!important;
        min-height:clamp(270px,74vw,430px)!important;
        aspect-ratio:4/3!important;
        border-radius:24px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    html body .lmk-album-cover-wide.lmk-design-cover.cover-layout-tall{
        aspect-ratio:3/4!important;
        min-height:clamp(430px,124vw,620px)!important;
    }
    html body .lmk-gallery-grid-design .lmk-gallery-item.design{
        min-height:clamp(285px,78vw,430px)!important;
        aspect-ratio:4/3!important;
        border-radius:24px!important;
    }
    html body .lmk-gallery-grid-design .lmk-gallery-item.design::before{
        filter:blur(20px) saturate(1.05) brightness(.60)!important;
        inset:-22px!important;
    }
}


/* =========================================================
   LONGMK V10.50 - FONT SAFE MANAGER + DESIGN COVER PRO
   Fix tận gốc lỗi font tiếng Việt: KHẮC/MẮT không còn bị tách chữ.
   ========================================================= */
:root{
  --lmk-font-heading:var(--lmk-font-section)!important;
  --lmk-title-safe:var(--lmk-font-section)!important;
}
html body,
html body .lmk-standalone,
html body .lmk-standalone p,
html body .lmk-standalone a,
html body .lmk-standalone span,
html body .lmk-standalone button,
html body .lmk-standalone input,
html body .lmk-standalone textarea{
  font-family:var(--lmk-font-body)!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .lmk-hero h1,
html body .lmk-title h2,
html body .lmk-library-hero h1,
html body .lmk-album-hero h1,
html body .lmk-album-text-under h1,
html body .lmk-card-body h3,
html body .lmk-folder-card h3,
html body .lmk-folder-body h3,
html body .lmk-footer-brand,
html body .lmk-footer-quote,
html body .lmk-contact-card h2,
html body .lmk-feature b{
  font-family:var(--lmk-title-safe)!important;
  font-feature-settings:"liga" 0,"calt" 0!important;
  -webkit-font-kerning:normal!important;
  font-kerning:normal!important;
  text-rendering:geometricPrecision!important;
  text-transform:none!important;
}
html body .lmk-folder-card h3,
html body .lmk-card-body h3{
  line-height:1.11!important;
  letter-spacing:.004em!important;
}
html body .lmk-hero h1,
html body .lmk-album-text-under h1{
  line-height:1.10!important;
  letter-spacing:.002em!important;
}
html body .lmk-kicker,
html body .lmk-folder-label,
html body .lmk-menu a,
html body .lmk-btn,
html body .lmk-mini-link,
html body .lmk-folder-count{
  font-family:var(--lmk-font-button)!important;
}

/* Footer quote: PC ép đẹp 2 hàng khi footer.txt dùng dấu | */
@media(min-width:1024px){
  html body .lmk-footer-quote{
    max-width:min(1320px,92vw)!important;
    font-family:var(--lmk-font-section)!important;
    font-size:clamp(34px,3vw,54px)!important;
    line-height:1.34!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .lmk-footer-quote .lmk-copy-paragraph{
    display:block!important;
    white-space:nowrap!important;
    margin:0 auto .34em!important;
  }
}
@media(max-width:768px){
  html body .lmk-footer-quote .lmk-copy-paragraph{
    display:block!important;
    white-space:normal!important;
  }
}

/* Design Cover Pro cho card album cưới / ảnh thiết kế: chữ riêng, ảnh riêng */
html body .lmk-folder-card.lmk-design-folder-card{
  background:radial-gradient(circle at 14% 12%,rgba(216,170,72,.16),transparent 34%),linear-gradient(135deg,#090909,#111 54%,#050505)!important;
  border:1px solid rgba(255,226,160,.22)!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body .lmk-folder-card.lmk-design-folder-card::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--lmk-design-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(24px) saturate(1.04) brightness(.46)!important;
  transform:scale(1.12)!important;
  opacity:.72!important;
}
html body .lmk-folder-card.lmk-design-folder-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.68) 45%,rgba(0,0,0,.20) 100%)!important;
  opacity:1!important;
}
html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image{
  position:absolute!important;
  z-index:2!important;
  top:24px!important;
  right:24px!important;
  bottom:24px!important;
  width:45%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.35)!important;
}
html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image img,
html body .lmk-folder-card.lmk-design-folder-card > .lmk-design-card-image > img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
}
html body .lmk-folder-card.lmk-design-folder-card .lmk-folder-body{
  z-index:3!important;
  left:28px!important;
  right:auto!important;
  bottom:28px!important;
  max-width:44%!important;
  width:44%!important;
  text-align:left!important;
}
html body .lmk-folder-card.lmk-design-folder-card h3{
  max-width:11.5ch!important;
  font-size:clamp(30px,3.2vw,56px)!important;
  line-height:1.12!important;
  color:#fff!important;
}
html body .lmk-folder-card.lmk-design-folder-card .lmk-folder-desc{
  max-width:28ch!important;
  -webkit-line-clamp:3!important;
}
html body .lmk-folder-card.lmk-design-folder-card .lmk-folder-count{
  margin-top:18px!important;
}

@media(max-width:700px){
  html body .lmk-folder-card.lmk-design-folder-card{
    min-height:620px!important;
    aspect-ratio:auto!important;
    max-width:430px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card::after{
    background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.42) 44%,rgba(0,0,0,.82) 100%)!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image{
    top:24px!important;
    left:22px!important;
    right:22px!important;
    bottom:auto!important;
    width:auto!important;
    height:52%!important;
    border-radius:22px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card .lmk-folder-body{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    width:auto!important;
    max-width:calc(100% - 48px)!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card h3{
    font-size:clamp(32px,9.4vw,48px)!important;
    max-width:100%!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card .lmk-folder-desc{
    max-width:100%!important;
    -webkit-line-clamp:2!important;
  }
}


/* =========================================================
   LONGMK V10.51 - DESIGN ALBUM GRID PRO + FOOTER FIT
   1) Album cưới/design không bị ép thành card hẹp trên PC.
   2) Footer quote trên PC giảm khoảng 50%, ép 2 hàng đẹp.
   ========================================================= */

/* Footer PC: giảm chữ lớn 50% và ép đúng 2 hàng khi footer_quote dùng dấu | */
@media (min-width:1024px){
  html body .lmk-footer{
    padding-top:58px!important;
    padding-bottom:34px!important;
  }
  html body .lmk-footer-inner{
    max-width:1180px!important;
  }
  html body .lmk-footer-brand{
    font-size:clamp(34px,2.7vw,50px)!important;
    line-height:1.08!important;
    letter-spacing:.075em!important;
    margin-bottom:10px!important;
  }
  html body .lmk-footer-tagline{
    font-size:clamp(13px,.95vw,16px)!important;
    line-height:1.42!important;
    letter-spacing:.12em!important;
    margin-bottom:26px!important;
  }
  html body .lmk-footer-quote{
    max-width:min(1120px,92vw)!important;
    margin:0 auto 28px!important;
    font-size:clamp(23px,1.7vw,34px)!important;
    line-height:1.42!important;
    font-family:var(--lmk-font-body)!important;
    font-weight:400!important;
    color:#fff4df!important;
    text-align:center!important;
  }
  html body .lmk-footer-quote .lmk-copy-paragraph{
    display:block!important;
    white-space:nowrap!important;
    margin:0 auto .42em!important;
  }
  html body .lmk-copyright{
    font-size:clamp(12px,.85vw,15px)!important;
    letter-spacing:.08em!important;
  }
}
@media (max-width:768px){
  html body .lmk-footer-brand{font-size:clamp(30px,7vw,42px)!important;letter-spacing:.04em!important;}
  html body .lmk-footer-quote{font-size:clamp(22px,5.2vw,32px)!important;line-height:1.46!important;max-width:92vw!important;}
  html body .lmk-footer-quote .lmk-copy-paragraph{white-space:normal!important;}
}

/* Design album grid PC: album cưới/design không được rơi vào card skinny */
@media (min-width:1181px){
  html body .lmk-folder-grid:has(.lmk-design-folder-card),
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card){
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:30px!important;
    align-items:stretch!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-folder-card,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-folder-card{
    grid-column:span 4!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card{
    grid-column:span 6!important;
    min-height:390px!important;
    aspect-ratio:16/8!important;
    border-radius:30px!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card.featured,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card.featured{
    grid-column:1 / -1!important;
    min-height:430px!important;
    aspect-ratio:16/6.2!important;
  }
  /* Nếu hàng cuối còn 1 design card, cho nó giãn full để không hụt bố cục */
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card:last-child:nth-child(odd),
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card:last-child:nth-child(odd){
    grid-column:1 / -1!important;
    min-height:400px!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-design-card-image,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-design-card-image{
    right:28px!important;
    top:26px!important;
    bottom:26px!important;
    width:42%!important;
    border-radius:24px!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-folder-body,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-folder-body{
    left:34px!important;
    bottom:34px!important;
    width:48%!important;
    max-width:48%!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card h3,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card h3{
    font-size:clamp(34px,2.65vw,56px)!important;
    line-height:1.12!important;
    letter-spacing:.002em!important;
    max-width:16ch!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card.featured h3,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card.featured h3{
    font-size:clamp(42px,3.1vw,70px)!important;
    max-width:17ch!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-folder-desc,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card .lmk-folder-desc{
    font-size:clamp(15px,1.03vw,18px)!important;
    line-height:1.55!important;
    max-width:36ch!important;
    -webkit-line-clamp:2!important;
  }
}

/* Laptop vừa: design card tự xuống 1 card / hàng, tránh ép chữ */
@media (min-width:901px) and (max-width:1180px){
  html body .lmk-folder-grid:has(.lmk-design-folder-card),
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card){
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-folder-card,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-folder-card,
  html body .lmk-folder-grid:has(.lmk-design-folder-card) > .lmk-design-folder-card,
  html body .lmk-folder-grid-smart:has(.lmk-design-folder-card) > .lmk-design-folder-card{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:390px!important;
    aspect-ratio:16/7!important;
  }
  html body .lmk-design-folder-card h3{
    font-size:clamp(34px,4.1vw,56px)!important;
    max-width:18ch!important;
  }
}

/* Mobile/iPad giữ ổn định, nhưng design card không để chữ đè ảnh */
@media (max-width:900px){
  html body .lmk-folder-card.lmk-design-folder-card h3{
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-wrap:balance!important;
  }
}


/* =========================================================
   LONGMK V10.52 - CONTACT INTRO THREE-LINE PRO
   - PC: contact_desc dùng dấu | sẽ giữ đúng 3 hàng, tự canh chiều rộng theo dòng dài nhất.
   - Mobile/iPad: tự xuống dòng mềm để không tràn màn hình.
   - Khối Đặt lịch chụp canh giữa lại cho cân.
   ========================================================= */
html body .lmk-contact-hero{
  padding-top:clamp(130px,10vw,170px)!important;
  padding-bottom:clamp(54px,5vw,82px)!important;
}
html body .lmk-contact-hero h1{
  font-size:clamp(46px,4.9vw,78px)!important;
  line-height:1.08!important;
  max-width:min(1180px,92vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
html body .lmk-contact-intro-three{
  width:fit-content!important;
  max-width:min(1220px,94vw)!important;
  margin:24px auto 0!important;
  color:#ddd0bd!important;
  text-align:left!important;
  font-size:clamp(17px,1.24vw,22px)!important;
  line-height:1.74!important;
  letter-spacing:.002em!important;
}
html body .lmk-contact-intro-three .lmk-copy-paragraph{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  line-height:inherit!important;
}
html body .lmk-contact-intro-three .lmk-copy-paragraph + .lmk-copy-paragraph{
  margin-top:.34em!important;
}
@media (min-width:1181px){
  html body .lmk-contact-intro-three .lmk-copy-paragraph{
    white-space:nowrap!important;
  }
}
@media (max-width:1180px){
  html body .lmk-contact-intro-three{
    width:min(840px,92vw)!important;
    font-size:clamp(16px,2vw,20px)!important;
    line-height:1.68!important;
  }
  html body .lmk-contact-intro-three .lmk-copy-paragraph{
    white-space:normal!important;
  }
}
@media (max-width:768px){
  html body .lmk-contact-hero{
    padding-top:108px!important;
    padding-bottom:42px!important;
  }
  html body .lmk-contact-hero h1{
    font-size:clamp(32px,9vw,44px)!important;
    line-height:1.14!important;
    text-align:left!important;
  }
  html body .lmk-contact-hero .lmk-kicker{
    text-align:left!important;
  }
  html body .lmk-contact-intro-three{
    width:100%!important;
    max-width:92vw!important;
    margin-top:18px!important;
    font-size:16px!important;
    line-height:1.62!important;
    text-align:left!important;
  }
  html body .lmk-contact-intro-three .lmk-copy-paragraph + .lmk-copy-paragraph{
    margin-top:.62em!important;
  }
}

/* Contact cards: PC 40/60, khối đặt lịch canh giữa */
@media (min-width:1024px){
  html body .lmk-contact.lmk-contact-pro{
    grid-template-columns:minmax(360px,0.92fr) minmax(520px,1.08fr)!important;
    gap:26px!important;
    align-items:stretch!important;
  }
}
html body .lmk-contact-card.lmk-booking-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
html body .lmk-contact-card.lmk-booking-card h2,
html body .lmk-contact-card.lmk-booking-card p,
html body .lmk-contact-card.lmk-booking-card .lmk-editorial-copy,
html body .lmk-contact-card.lmk-booking-card .lmk-copy-paragraph{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .lmk-contact-card.lmk-booking-card .lmk-editorial-copy{
  max-width:780px!important;
}
html body .lmk-contact-card.lmk-booking-card .lmk-copy-paragraph{
  max-width:62ch!important;
  line-height:1.78!important;
}
html body .lmk-contact-card.lmk-booking-card .lmk-btn{
  margin-top:8px!important;
  min-width:160px!important;
}
@media(max-width:768px){
  html body .lmk-contact-card.lmk-booking-card{
    align-items:stretch!important;
  }
  html body .lmk-contact-card.lmk-booking-card h2,
  html body .lmk-contact-card.lmk-booking-card p,
  html body .lmk-contact-card.lmk-booking-card .lmk-editorial-copy,
  html body .lmk-contact-card.lmk-booking-card .lmk-copy-paragraph{
    text-align:center!important;
  }
  html body .lmk-contact-card.lmk-booking-card .lmk-btn{
    width:100%!important;
  }
}


/* =========================================================
   LONGMK V10.55 - CONTACT DESC EXACT + SAFE DESIGN MOTION
   Nền: V10.52 ổn định.
   Sửa chính:
   - contact_desc dùng HTML riêng .lmk-contact-line, không phụ thuộc .lmk-editorial-copy.
   - PC cố định đúng 3 dòng theo dấu |.
   - Màn 901-1180px hoặc PC zoom lớn: tự giảm font bằng CSS để vẫn giữ 3 dòng.
   - Mobile <=900px: trả về xuống dòng mềm.
   ========================================================= */

/* Tắt ảnh hưởng của text smart/global đối với riêng đoạn mô tả liên hệ */
html body .lmk-contact-hero .lmk-contact-intro-exact{
  color:#ddd0bd!important;
  text-align:left!important;
  letter-spacing:.002em!important;
  margin:24px auto 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:.34em!important;
  text-wrap:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body .lmk-contact-hero .lmk-contact-intro-exact .lmk-contact-line{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:inherit!important;
  text-align:left!important;
  text-wrap:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* PC rộng: chữ đẹp, đúng 3 dòng, tự rộng theo dòng dài nhất */
@media (min-width:1181px){
  html body .lmk-contact-hero .lmk-container{
    width:min(1680px,94vw)!important;
  }
  html body .lmk-contact-hero .lmk-contact-intro-exact{
    width:max-content!important;
    max-width:94vw!important;
    font-size:clamp(17px,1.02vw,20px)!important;
    line-height:1.72!important;
  }
}

/* PC/laptop bị zoom hoặc màn vừa: ưu tiên đúng 3 dòng, giảm font nhẹ */
@media (min-width:901px) and (max-width:1180px){
  html body .lmk-contact-hero .lmk-container{
    width:min(1120px,96vw)!important;
  }
  html body .lmk-contact-hero .lmk-contact-intro-exact{
    width:max-content!important;
    max-width:96vw!important;
    font-size:clamp(13.2px,1.18vw,14.8px)!important;
    line-height:1.62!important;
    margin-top:20px!important;
  }
}

/* Mobile/iPad nhỏ: không ép 3 dòng, cho đọc tự nhiên */
@media (max-width:900px){
  html body .lmk-contact-hero .lmk-contact-intro-exact{
    width:100%!important;
    max-width:92vw!important;
    font-size:16px!important;
    line-height:1.62!important;
    gap:.62em!important;
    margin-top:18px!important;
  }
  html body .lmk-contact-hero .lmk-contact-intro-exact .lmk-contact-line{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* Motion an toàn: chỉ chạy ánh sáng nhẹ trên khung ảnh design, không đụng chữ/card/grid */
@keyframes lmkV1055DesignLight{
  0%{background-position:-180% 50%, 25% 20%, 80% 78%;opacity:.15;}
  50%{background-position:80% 50%, 34% 26%, 72% 70%;opacity:.23;}
  100%{background-position:220% 50%, 28% 22%, 78% 76%;opacity:.17;}
}

html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(115deg, transparent 0%, transparent 39%, rgba(255,236,188,.18) 49%, transparent 61%, transparent 100%),
    radial-gradient(circle at 25% 20%, rgba(255,226,160,.10), transparent 34%),
    radial-gradient(circle at 80% 78%, rgba(216,170,72,.09), transparent 32%)!important;
  background-size:220% 100%, 100% 100%, 100% 100%!important;
  mix-blend-mode:screen!important;
  animation:lmkV1055DesignLight 36s ease-in-out infinite!important;
}

@media (prefers-reduced-motion:reduce){
  html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image::after{
    animation:none!important;
    opacity:.12!important;
  }
}


/* =========================================================
   LONGMK V10.56 - RESOURCES SHOP LITE
   Trang /tai-nguyen/ - tài nguyên miễn phí/có phí, token download.
   ========================================================= */
html body .lmk-resource-hero{
  padding-top:clamp(130px,10vw,170px)!important;
  padding-bottom:clamp(56px,5vw,80px)!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(216,170,72,.18),transparent 30%),
    radial-gradient(circle at 82% 20%,rgba(255,226,160,.10),transparent 32%),
    linear-gradient(180deg,#050505,#101010)!important;
}
html body .lmk-resource-filter{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:0 auto 34px!important;
}
html body .lmk-resource-filter a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 17px!important;
  border-radius:999px!important;
  border:1px solid rgba(216,170,72,.34)!important;
  color:#fff8ed!important;
  background:rgba(255,255,255,.045)!important;
  text-decoration:none!important;
  font-family:var(--lmk-font-button)!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body .lmk-resource-filter a.active,
html body .lmk-resource-filter a:hover{
  color:#120d04!important;
  background:linear-gradient(135deg,#b98728,#ffe2a0,#b98728)!important;
  border-color:transparent!important;
}

html body .lmk-resource-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}
html body .lmk-resource-card{
  position:relative!important;
  min-height:520px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  text-decoration:none!important;
  color:#fff!important;
  background:#111!important;
  border:1px solid rgba(255,226,160,.20)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.52)!important;
  isolation:isolate!important;
}
html body .lmk-resource-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  filter:saturate(1.02) contrast(1.02)!important;
  transform:scale(1.01)!important;
  transition:transform 7s ease, filter .4s ease!important;
}
html body .lmk-resource-card:hover img{
  transform:scale(1.055)!important;
  filter:saturate(1.08) contrast(1.05)!important;
}
html body .lmk-resource-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.24) 44%,rgba(0,0,0,.82) 100%),
    linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.04) 62%)!important;
}
html body .lmk-resource-card::after{
  content:""!important;
  position:absolute!important;
  left:-40%!important;
  top:0!important;
  width:38%!important;
  height:100%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,transparent,rgba(255,236,188,.14),transparent)!important;
  transform:skewX(-12deg)!important;
  opacity:.0!important;
}
html body .lmk-resource-card:hover::after{
  animation:lmkResourceSweep 1.4s ease forwards!important;
}
@keyframes lmkResourceSweep{
  0%{left:-45%;opacity:0;}
  20%{opacity:.34;}
  100%{left:120%;opacity:0;}
}
html body .lmk-resource-body{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  padding:30px 28px!important;
}
html body .lmk-resource-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:16px!important;
}
html body .lmk-resource-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-family:var(--lmk-font-button)!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
}
html body .lmk-resource-badge.free{
  color:#091c0f!important;
  background:linear-gradient(135deg,#85ffb1,#d8ffe5)!important;
}
html body .lmk-resource-badge.paid{
  color:#fff!important;
  background:linear-gradient(135deg,#e92e4d,#ff5c76)!important;
}
html body .lmk-resource-price{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  color:#081014!important;
  background:linear-gradient(135deg,#00d5ff,#7ef1ff)!important;
  font-family:var(--lmk-font-button)!important;
  font-weight:950!important;
  font-size:14px!important;
  line-height:1!important;
}
html body .lmk-resource-card h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-family:var(--lmk-font-card)!important;
  font-size:clamp(30px,2.7vw,46px)!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
  text-shadow:0 4px 18px rgba(0,0,0,.62)!important;
  text-transform:uppercase!important;
}
html body .lmk-resource-card p{
  margin:0!important;
  color:#f3e7d4!important;
  font-size:16px!important;
  line-height:1.55!important;
  max-width:52ch!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body .lmk-resource-actions{
  margin-top:18px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
html body .lmk-resource-actions .lmk-btn{
  min-width:150px!important;
}
html body .lmk-resource-panel{
  margin:42px auto 0!important;
  max-width:880px!important;
  padding:34px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#151515,#080808)!important;
  border:1px solid rgba(216,170,72,.32)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.50)!important;
}
html body .lmk-resource-panel h2{
  margin:0 0 12px!important;
  color:#ffe2a0!important;
  font-family:var(--lmk-font-section)!important;
  font-size:clamp(30px,3vw,44px)!important;
}
html body .lmk-resource-order-code{
  display:inline-block!important;
  margin:12px 0!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:rgba(216,170,72,.12)!important;
  border:1px solid rgba(216,170,72,.28)!important;
  color:#ffe2a0!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
html body .lmk-resource-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:22px!important;
}
html body .lmk-resource-form label{
  display:block!important;
  color:#ffe2a0!important;
  font-weight:900!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body .lmk-resource-form input,
html body .lmk-resource-form textarea{
  width:100%!important;
  margin-top:8px!important;
  padding:14px 15px!important;
  border-radius:14px!important;
  border:1px solid rgba(216,170,72,.32)!important;
  background:#050505!important;
  color:#fff!important;
  font-size:16px!important;
}
html body .lmk-resource-form textarea{
  min-height:106px!important;
  resize:vertical!important;
}
html body .lmk-resource-form .full{
  grid-column:1 / -1!important;
}
html body .lmk-resource-note{
  color:#d8cab4!important;
  line-height:1.68!important;
  font-size:16px!important;
}
html body .lmk-resource-alert{
  margin:0 auto 24px!important;
  max-width:900px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(216,170,72,.28)!important;
  background:rgba(216,170,72,.10)!important;
  color:#fff0d0!important;
  line-height:1.6!important;
}
@media(max-width:1100px){
  html body .lmk-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  html body .lmk-resource-grid{grid-template-columns:1fr!important;gap:24px!important;}
  html body .lmk-resource-card{min-height:500px!important;border-radius:24px!important;}
  html body .lmk-resource-body{padding:26px 22px!important;}
  html body .lmk-resource-card h3{font-size:clamp(28px,9vw,40px)!important;}
  html body .lmk-resource-form{grid-template-columns:1fr!important;}
  html body .lmk-resource-panel{padding:24px 20px!important;}
}


/* =========================================================
   LONGMK V10.57 - CONTACT DESC HARD FIX FINAL
   Dứt khoát:
   - Không dùng .lmk-editorial-copy cho contact_desc.
   - PC: mỗi span = 1 dòng, đúng 3 dòng theo nội dung TXT.
   - Mobile/iPad nhỏ: cho xuống dòng mềm.
   ========================================================= */
html body .lmk-contact-hero .lmk-contact-intro-three,
html body .lmk-contact-hero .lmk-contact-intro-exact{
  display:none!important;
}

html body .lmk-contact-hero .lmk-contact-desc-fixed{
  color:#ddd0bd!important;
  text-align:left!important;
  margin:24px auto 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:.44em!important;
  width:max-content!important;
  max-width:96vw!important;
  font-family:var(--lmk-font-body)!important;
  font-size:clamp(16px,1.02vw,20px)!important;
  line-height:1.64!important;
  letter-spacing:.002em!important;
  text-wrap:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body .lmk-contact-hero .lmk-contact-desc-fixed .lmk-contact-fixed-line{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:inherit!important;
  text-align:left!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-wrap:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

@media (min-width:1181px){
  html body .lmk-contact-hero .lmk-container{
    width:min(1680px,94vw)!important;
  }
  html body .lmk-contact-hero h1{
    max-width:min(1380px,94vw)!important;
  }
  html body .lmk-contact-hero .lmk-contact-desc-fixed{
    max-width:94vw!important;
    font-size:clamp(17px,1vw,20px)!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  html body .lmk-contact-hero .lmk-container{
    width:min(1140px,97vw)!important;
  }
  html body .lmk-contact-hero .lmk-contact-desc-fixed{
    max-width:97vw!important;
    font-size:clamp(12.5px,1.16vw,14.6px)!important;
    line-height:1.58!important;
    gap:.42em!important;
  }
}

@media (max-width:900px){
  html body .lmk-contact-hero .lmk-contact-desc-fixed{
    width:100%!important;
    max-width:92vw!important;
    font-size:16px!important;
    line-height:1.62!important;
    gap:.62em!important;
    margin-top:18px!important;
  }
  html body .lmk-contact-hero .lmk-contact-desc-fixed .lmk-contact-fixed-line{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

html body .lmk-menu a.lmk-menu-resource{
  color:#ffe2a0!important;
}


/* LONGMK V10.58 - fallback ngoài style.css cho trang Liên hệ */
html body .lmk-contact-pro .lmk-booking-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
html body .lmk-contact-pro .lmk-booking-card .lmk-editorial-copy,
html body .lmk-contact-pro .lmk-booking-card .lmk-copy-paragraph,
html body .lmk-contact-pro .lmk-booking-card p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .lmk-menu a.lmk-menu-resource{
  color:#ffe2a0!important;
}


/* LONGMK V10.60 - Home Resource Teaser */
html body .lmk-home-resource-teaser .lmk-resource-home-box{
  max-width:980px!important;
}
html body .lmk-home-resource-teaser h2{
  font-family:var(--lmk-font-section)!important;
  font-size:clamp(38px,4vw,64px)!important;
  margin:0 0 14px!important;
  color:#fff!important;
  text-transform:uppercase!important;
}
html body .lmk-home-resource-teaser p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* =========================================================
   LONGMK V10.61 - CONTACT CARD COMPACT + RESOURCE CARD CLEAN
   Tối ưu các vùng user đánh dấu:
   - Card liên hệ bớt trống, nội dung cân giữa và gọn hơn.
   - Card tài nguyên có cover/placeholder rõ, badge không đè rối, lấy tên folder hiển thị.
   ========================================================= */

/* HOME CONTACT: bớt khoảng trống trong 2 khung */
html body .lmk-home-contact-section{
  padding-top:clamp(70px,6vw,96px)!important;
  padding-bottom:clamp(70px,6vw,96px)!important;
}
html body .lmk-home-contact-section .lmk-title{
  margin-bottom:34px!important;
}
html body .lmk-home-contact-section .lmk-contact,
html body .lmk-home-contact-section .lmk-home-contact-pro{
  gap:24px!important;
  align-items:stretch!important;
}
html body .lmk-home-contact-section .lmk-contact-card{
  min-height:250px!important;
  padding:clamp(28px,3vw,42px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
html body .lmk-home-contact-section .lmk-contact-card h2{
  margin:0 0 20px!important;
  font-size:clamp(30px,2.4vw,46px)!important;
  line-height:1.08!important;
}
html body .lmk-home-contact-section .lmk-contact-card p{
  margin:7px auto!important;
  max-width:700px!important;
  text-align:center!important;
}
html body .lmk-home-contact-section .lmk-facebook{
  margin-top:18px!important;
}
html body .lmk-home-contact-section .lmk-home-booking-card .lmk-btn{
  margin-top:18px!important;
}

/* RESOURCE GRID: gọn, có cover/không cover đều đẹp */
html body .lmk-resource-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:34px!important;
}
html body .lmk-resource-card{
  min-height:560px!important;
  border-radius:30px!important;
  align-items:flex-end!important;
  background:
    radial-gradient(circle at 18% 14%,rgba(216,170,72,.16),transparent 34%),
    linear-gradient(145deg,#111,#050505 72%)!important;
}
html body .lmk-resource-card.no-cover img{
  display:none!important;
}
html body .lmk-resource-card.no-cover::before{
  background:
    radial-gradient(circle at 20% 10%,rgba(216,170,72,.20),transparent 30%),
    radial-gradient(circle at 82% 80%,rgba(255,226,160,.10),transparent 32%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.82))!important;
}
html body .lmk-resource-card.has-cover::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.86) 100%),
    linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.04) 62%)!important;
}
html body .lmk-resource-body{
  padding:34px 34px 38px!important;
  text-align:left!important;
}
html body .lmk-resource-folder-name{
  position:absolute!important;
  left:26px!important;
  top:22px!important;
  right:26px!important;
  z-index:5!important;
  color:rgba(255,248,237,.78)!important;
  font-family:var(--lmk-font-body)!important;
  font-weight:800!important;
  font-size:14px!important;
  line-height:1.35!important;
  text-align:left!important;
  text-shadow:0 4px 18px rgba(0,0,0,.72)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .lmk-resource-badges{
  justify-content:flex-start!important;
  margin-bottom:14px!important;
  gap:9px!important;
}
html body .lmk-resource-badge,
html body .lmk-resource-price{
  min-height:30px!important;
  padding:7px 13px!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 8px 22px rgba(0,0,0,.30)!important;
}
html body .lmk-resource-card h3{
  text-align:left!important;
  font-size:clamp(30px,3.1vw,52px)!important;
  line-height:1.04!important;
  max-width:12.5ch!important;
  margin:0 0 14px!important;
  text-transform:uppercase!important;
}
html body .lmk-resource-card p{
  text-align:left!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.55!important;
  max-width:40ch!important;
  -webkit-line-clamp:3!important;
}
html body .lmk-resource-actions{
  justify-content:flex-start!important;
  margin-top:22px!important;
}
html body .lmk-resource-actions .lmk-btn{
  min-width:170px!important;
}

@media(max-width:900px){
  html body .lmk-resource-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  html body .lmk-resource-card{
    min-height:520px!important;
  }
  html body .lmk-resource-card h3{
    font-size:clamp(30px,10vw,44px)!important;
    max-width:100%!important;
  }
  html body .lmk-resource-card p{
    max-width:100%!important;
  }
  html body .lmk-home-contact-section .lmk-contact-card{
    min-height:auto!important;
  }
}


/* =========================================================
   LONGMK V10.62 - RESOURCE TWO TOPICS FINAL
   ========================================================= */
html body .lmk-resource-section-v1062{
  padding-top:70px!important;
}
html body .lmk-resource-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:34px!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
html body .lmk-resource-topic-card{
  min-height:330px!important;
  border-radius:32px!important;
  padding:42px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(216,170,72,.20),transparent 34%),
    linear-gradient(145deg,#151515,#050505 72%)!important;
  border:1px solid rgba(255,226,160,.25)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.50)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  position:relative!important;
  overflow:hidden!important;
}
html body .lmk-resource-topic-card.free{
  background:
    radial-gradient(circle at 18% 10%,rgba(133,255,177,.14),transparent 30%),
    linear-gradient(145deg,#151515,#050505 72%)!important;
}
html body .lmk-resource-topic-card h2{
  font-family:var(--lmk-font-section)!important;
  font-size:clamp(36px,3.5vw,62px)!important;
  line-height:1.04!important;
  margin:0 0 12px!important;
  color:#fff!important;
}
html body .lmk-resource-topic-kicker{
  color:#ffe2a0!important;
  font-family:var(--lmk-font-button)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}
html body .lmk-resource-topic-card p{
  color:#eee1cd!important;
  font-size:17px!important;
  line-height:1.62!important;
  max-width:48ch!important;
  margin:0 0 18px!important;
}
html body .lmk-resource-topic-card span{
  display:inline-flex!important;
  width:max-content!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  color:#120d04!important;
  background:linear-gradient(135deg,#b98728,#ffe2a0,#b98728)!important;
  font-weight:950!important;
}

html body .lmk-resource-subhead{
  max-width:980px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
html body .lmk-resource-subhead h2{
  font-family:var(--lmk-font-section)!important;
  font-size:clamp(38px,4vw,68px)!important;
  line-height:1.04!important;
  color:#fff!important;
  margin:12px 0!important;
}
html body .lmk-resource-subhead p{
  color:#d8cab4!important;
  font-size:17px!important;
  line-height:1.65!important;
  margin:0 auto!important;
  max-width:760px!important;
}
html body .lmk-resource-folder-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:34px!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
html body .lmk-resource-folder-card{
  position:relative!important;
  min-height:420px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 14%,rgba(216,170,72,.16),transparent 34%),
    linear-gradient(145deg,#111,#050505 72%)!important;
  border:1px solid rgba(255,226,160,.22)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.50)!important;
  isolation:isolate!important;
}
html body .lmk-resource-folder-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  filter:saturate(1.04) contrast(1.03)!important;
}
html body .lmk-resource-folder-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.32) 45%,rgba(0,0,0,.88) 100%)!important;
}
html body .lmk-resource-folder-card.no-cover img{
  display:none!important;
}
html body .lmk-resource-folder-card.no-cover::before{
  background:
    radial-gradient(circle at 20% 10%,rgba(216,170,72,.18),transparent 30%),
    radial-gradient(circle at 82% 80%,rgba(255,226,160,.08),transparent 32%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.86))!important;
}
html body .lmk-resource-folder-body{
  position:absolute!important;
  z-index:3!important;
  left:30px!important;
  right:30px!important;
  bottom:30px!important;
  text-align:left!important;
}
html body .lmk-resource-folder-name{
  color:rgba(255,248,237,.78)!important;
  font-family:var(--lmk-font-body)!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:1.35!important;
  margin-bottom:12px!important;
  text-shadow:0 4px 18px rgba(0,0,0,.72)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .lmk-resource-folder-card .lmk-resource-badges{
  justify-content:flex-start!important;
  gap:9px!important;
  margin:0 0 14px!important;
}
html body .lmk-resource-folder-card .lmk-resource-badge,
html body .lmk-resource-folder-card .lmk-resource-price{
  min-height:30px!important;
  padding:7px 13px!important;
  font-size:12px!important;
  line-height:1!important;
}
html body .lmk-resource-folder-card h3{
  font-family:var(--lmk-font-card)!important;
  font-size:clamp(30px,2.7vw,48px)!important;
  line-height:1.08!important;
  color:#fff!important;
  margin:0 0 12px!important;
  max-width:15ch!important;
  text-transform:none!important;
}
html body .lmk-resource-folder-card p{
  color:#f3e7d4!important;
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.55!important;
  max-width:42ch!important;
  margin:0!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions{
  justify-content:flex-start!important;
  margin-top:20px!important;
}
html body .lmk-resource-folder-card .lmk-btn{
  min-width:160px!important;
}

@media(max-width:900px){
  html body .lmk-resource-topic-grid,
  html body .lmk-resource-folder-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  html body .lmk-resource-topic-card{
    min-height:300px!important;
    padding:30px 24px!important;
  }
  html body .lmk-resource-folder-card{
    min-height:430px!important;
  }
  html body .lmk-resource-folder-body{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
  }
  html body .lmk-resource-folder-card h3{
    font-size:clamp(30px,9vw,44px)!important;
    max-width:100%!important;
  }
}


/* =========================================================
   LONGMK V10.63 - HOME RESOURCE POLISH + EDITABLE TOPIC NAMES
   ========================================================= */

/* Trang chủ: block tài nguyên gọn và sang hơn, không còn chữ dồn giữa card */
html body .lmk-home-resource-teaser.v1063{
  padding-top:clamp(58px,5vw,82px)!important;
  padding-bottom:clamp(58px,5vw,82px)!important;
}
html body .lmk-resource-home-box-v1063{
  max-width:1180px!important;
  margin:0 auto!important;
  border-radius:30px!important;
  padding:clamp(34px,4vw,58px)!important;
  border:1px solid rgba(216,170,72,.30)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(216,170,72,.18),transparent 34%),
    linear-gradient(145deg,rgba(22,22,22,.96),rgba(5,5,5,.96) 74%)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.52)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(28px,4vw,60px)!important;
  align-items:center!important;
}
html body .lmk-resource-home-copy{
  text-align:left!important;
}
html body .lmk-resource-home-copy .lmk-kicker{
  margin-bottom:14px!important;
}
html body .lmk-resource-home-copy h2{
  font-family:var(--lmk-font-section)!important;
  font-size:clamp(42px,4.2vw,78px)!important;
  line-height:1.02!important;
  color:#fff!important;
  margin:0 0 14px!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
}
html body .lmk-resource-home-copy p{
  color:#eee1cd!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.65!important;
  max-width:720px!important;
  margin:0!important;
  text-align:left!important;
}
html body .lmk-resource-home-copy .lmk-copy-paragraph{
  text-align:left!important;
  margin-left:0!important;
}
html body .lmk-resource-home-action{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}
html body .lmk-resource-home-action .lmk-btn{
  min-width:230px!important;
  min-height:58px!important;
  font-size:15px!important;
}
html body .lmk-resource-home-mini{
  color:#d8cab4!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  opacity:.86!important;
}

/* Trang /tai-nguyen/: tên 2 chủ đề mềm hơn, không quá khô */
html body .lmk-resource-topic-card h2{
  text-transform:none!important;
  letter-spacing:.005em!important;
  font-size:clamp(38px,3.4vw,62px)!important;
  max-width:9.5em!important;
}
html body .lmk-resource-topic-card{
  min-height:310px!important;
  padding:clamp(32px,3.5vw,46px)!important;
}
html body .lmk-resource-topic-card p{
  max-width:46ch!important;
}
html body .lmk-resource-subhead h2{
  text-transform:none!important;
  letter-spacing:.005em!important;
}

@media(max-width:900px){
  html body .lmk-resource-home-box-v1063{
    grid-template-columns:1fr!important;
    text-align:center!important;
    padding:30px 24px!important;
  }
  html body .lmk-resource-home-copy,
  html body .lmk-resource-home-copy p,
  html body .lmk-resource-home-copy .lmk-copy-paragraph{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .lmk-resource-home-copy h2{
    font-size:clamp(36px,10vw,54px)!important;
  }
  html body .lmk-resource-topic-card h2{
    max-width:100%!important;
  }
}


/* =========================================================
   LONGMK V10.64 - RESOURCE FOLDER CARD POLISH FINAL
   Tối ưu phần card folder tài nguyên:
   - Không còn badge đè lên tên folder.
   - Tên folder thành dòng nhỏ gọn phía trên.
   - Badge/giá nhỏ, nằm sạch sẽ.
   - Title auto đẹp hơn, giảm size để không vỡ chữ.
   ========================================================= */

html body .lmk-resource-folder-grid{
  max-width:1360px!important;
  gap:30px!important;
}

html body .lmk-resource-folder-card{
  min-height:480px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(216,170,72,.18),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(255,226,160,.06),transparent 30%),
    linear-gradient(145deg,#121212,#050505 72%)!important;
}

html body .lmk-resource-folder-card::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:29px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%,transparent 100%)!important;
}

html body .lmk-resource-folder-body{
  position:absolute!important;
  z-index:4!important;
  left:clamp(26px,3vw,44px)!important;
  right:clamp(26px,3vw,44px)!important;
  bottom:clamp(26px,3vw,42px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
  max-width:720px!important;
}

/* Quan trọng: ghi đè CSS cũ đang position:absolute làm tên folder chồng lên badge */
html body .lmk-resource-folder-card .lmk-resource-folder-name{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:rgba(255,248,237,.72)!important;
  font-family:var(--lmk-font-body)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-align:left!important;
  text-shadow:0 4px 18px rgba(0,0,0,.80)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  order:1!important;
}

html body .lmk-resource-folder-card .lmk-resource-badges{
  order:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:0!important;
}

html body .lmk-resource-folder-card .lmk-resource-badge,
html body .lmk-resource-folder-card .lmk-resource-price{
  min-height:28px!important;
  height:28px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  font-weight:950!important;
  box-shadow:0 7px 18px rgba(0,0,0,.34)!important;
}

html body .lmk-resource-folder-card h3{
  order:3!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#fff!important;
  font-family:var(--lmk-font-card)!important;
  font-size:clamp(32px,2.45vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:.005em!important;
  font-weight:700!important;
  text-transform:none!important;
  text-align:left!important;
  max-width:min(100%,19ch)!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-shadow:0 6px 24px rgba(0,0,0,.62)!important;
}

html body .lmk-resource-folder-card p{
  order:4!important;
  margin:0!important;
  padding:0!important;
  color:#f0e4d1!important;
  font-family:var(--lmk-font-body)!important;
  font-size:clamp(15px,1.05vw,18px)!important;
  line-height:1.62!important;
  max-width:54ch!important;
  text-align:left!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body .lmk-resource-folder-card .lmk-resource-actions{
  order:5!important;
  justify-content:flex-start!important;
  margin:22px 0 0!important;
  padding:0!important;
}

html body .lmk-resource-folder-card .lmk-btn{
  min-width:170px!important;
  min-height:46px!important;
  padding:12px 20px!important;
  font-size:13px!important;
}

/* Card có ảnh: làm chữ đọc rõ, không cháy nền */
html body .lmk-resource-folder-card.has-cover::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.88) 100%),
    linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.05) 68%)!important;
}

/* Card không ảnh: nền placeholder sang hơn, không trống bẩn */
html body .lmk-resource-folder-card.no-cover{
  background:
    radial-gradient(circle at 12% 12%,rgba(216,170,72,.20),transparent 32%),
    radial-gradient(circle at 82% 82%,rgba(255,226,160,.07),transparent 34%),
    linear-gradient(145deg,#111,#050505 76%)!important;
}

html body .lmk-resource-folder-card.no-cover::before{
  background:
    linear-gradient(120deg,rgba(216,170,72,.07),transparent 36%,rgba(255,255,255,.018) 58%,transparent 100%)!important;
}

/* Riêng title dài: cho card trả phí có hơi rộng hơn */
html body .lmk-resource-folder-card.type-paid h3{
  max-width:min(100%,20ch)!important;
}

/* Ở màn rất rộng tránh title phóng quá lớn */
@media(min-width:1600px){
  html body .lmk-resource-folder-card h3{
    font-size:48px!important;
  }
}

@media(max-width:900px){
  html body .lmk-resource-folder-card{
    min-height:440px!important;
  }
  html body .lmk-resource-folder-body{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
  }
  html body .lmk-resource-folder-card h3{
    font-size:clamp(30px,8.8vw,42px)!important;
    max-width:100%!important;
  }
  html body .lmk-resource-folder-card p{
    max-width:100%!important;
    -webkit-line-clamp:3!important;
  }
}


/* =========================================================
   LONGMK V10.65 - RESOURCE CARD CLEAN
   Theo yêu cầu: bỏ phần tên folder nhỏ + badge Miễn phí/Có phí + giá trên card folder.
   Card chỉ còn: tiêu đề, mô tả, nút Tải folder hoặc Xem giá / đặt mua.
   ========================================================= */

html body .lmk-resource-folder-card .lmk-resource-folder-name,
html body .lmk-resource-folder-card .lmk-resource-badges,
html body .lmk-resource-folder-card .lmk-resource-badge,
html body .lmk-resource-folder-card .lmk-resource-price{
  display:none!important;
  visibility:hidden!important;
}

html body .lmk-resource-folder-card h3{
  order:1!important;
  margin-top:0!important;
  margin-bottom:16px!important;
  max-width:min(100%,20ch)!important;
}

html body .lmk-resource-folder-card p{
  order:2!important;
  margin-top:0!important;
}

html body .lmk-resource-folder-card .lmk-resource-actions{
  order:3!important;
  margin-top:24px!important;
}

html body .lmk-resource-folder-body{
  gap:0!important;
}

/* Vì đã bỏ badge/giá, đẩy nội dung lên nhẹ cho card thoáng và sang hơn */
@media(min-width:901px){
  html body .lmk-resource-folder-card{
    min-height:440px!important;
  }
  html body .lmk-resource-folder-body{
    bottom:clamp(34px,3.4vw,54px)!important;
  }
}


/* =========================================================
   LONGMK V10.68 - RESOURCE TOPIC/FOLDER MOTION + GALLERY
   ========================================================= */

/* Motion nền cho 2 chủ đề lớn */
html body .lmk-resource-topic-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .lmk-resource-topic-card .lmk-topic-content{
  position:relative!important;
  z-index:4!important;
}
html body .lmk-topic-motion-bg,
html body .lmk-folder-motion-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#090909!important;
}
html body .lmk-topic-motion-bg span,
html body .lmk-folder-motion-bg span{
  position:absolute!important;
  inset:0!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:0!important;
  transform:scale(1.04)!important;
  animation:lmkResCrossFade 24s infinite ease-in-out!important;
  animation-delay:calc(var(--i,0) * 4.8s)!important;
  filter:saturate(1.05) contrast(1.03)!important;
}
html body .lmk-resource-topic-card::before,
html body .lmk-resource-folder-card::before{
  z-index:2!important;
}
html body .lmk-resource-topic-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.36) 54%,rgba(0,0,0,.76)),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.70))!important;
}
html body .lmk-resource-folder-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.28) 58%,rgba(0,0,0,.60)),
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.80))!important;
}
@keyframes lmkResCrossFade{
  0%{opacity:0;transform:scale(1.04) translateX(0);}
  8%{opacity:1;}
  28%{opacity:1;transform:scale(1.10) translateX(-1.5%);}
  38%{opacity:0;transform:scale(1.12) translateX(1.5%);}
  100%{opacity:0;transform:scale(1.04) translateX(0);}
}
@media (prefers-reduced-motion: reduce){
  html body .lmk-topic-motion-bg span,
  html body .lmk-folder-motion-bg span{
    animation:none!important;
  }
  html body .lmk-topic-motion-bg span:first-child,
  html body .lmk-folder-motion-bg span:first-child{
    opacity:1!important;
  }
}

/* Folder card: có thể bấm vào để xem gallery */
html body .lmk-resource-folder-card[data-href]{
  cursor:pointer!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
html body .lmk-resource-folder-card .lmk-btn.secondary{
  background:rgba(255,255,255,.08)!important;
  color:#fff8ed!important;
  border-color:rgba(255,226,160,.26)!important;
}
html body .lmk-resource-folder-card .lmk-btn.secondary:hover{
  background:rgba(255,226,160,.14)!important;
}

/* Gallery xem ảnh trong folder */
html body .lmk-gallery-actions{
  display:flex!important;
  justify-content:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:22px!important;
}
html body .lmk-resource-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  max-width:1380px!important;
  margin:0 auto!important;
}
html body .lmk-resource-gallery-item{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,226,160,.20)!important;
  background:#111!important;
  aspect-ratio:4/5!important;
  box-shadow:0 22px 70px rgba(0,0,0,.42)!important;
}
html body .lmk-resource-gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:scale(1.01)!important;
  transition:transform 1.2s ease, filter .6s ease!important;
}
html body .lmk-resource-gallery-item:hover img{
  transform:scale(1.055)!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
html body .lmk-resource-gallery-item::after{
  content:"Xem ảnh"!important;
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  z-index:2!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#120d04!important;
  background:linear-gradient(135deg,#b98728,#ffe2a0,#b98728)!important;
  font-weight:950!important;
  font-size:12px!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  transition:opacity .35s ease, transform .35s ease!important;
}
html body .lmk-resource-gallery-item:hover::after{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* Làm topic card có ảnh motion nhìn sang hơn */
html body .lmk-resource-topic-card.has-motion h2,
html body .lmk-resource-topic-card.has-motion p,
html body .lmk-resource-topic-card.has-motion .lmk-resource-topic-kicker{
  text-shadow:0 6px 24px rgba(0,0,0,.72)!important;
}
html body .lmk-resource-topic-card.has-motion span{
  position:relative!important;
  z-index:5!important;
}

@media(max-width:1100px){
  html body .lmk-resource-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html body .lmk-resource-gallery-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html body .lmk-resource-gallery-item{
    border-radius:20px!important;
  }
}


/* =========================================================
   LONGMK V10.69 - FORCE SHOW TOPIC COVERS
   Ép 2 card chủ đề tài nguyên hiện cover/motion từ folder con.
   ========================================================= */
html body .lmk-resource-topic-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#080808!important;
}
html body .lmk-resource-topic-card .lmk-topic-content{
  position:relative!important;
  z-index:5!important;
}
html body .lmk-topic-motion-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#080808!important;
}
html body .lmk-topic-motion-bg span{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:0!important;
  transform:scale(1.04)!important;
  animation:lmkTopicCoverForce1069 25s infinite ease-in-out!important;
  animation-delay:calc(var(--i,0) * 5s)!important;
  filter:saturate(1.04) contrast(1.04)!important;
}
html body .lmk-topic-motion-bg span:first-child{
  opacity:1!important;
}
html body .lmk-resource-topic-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.42) 52%,rgba(0,0,0,.78)),
    linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.74))!important;
}
html body .lmk-resource-topic-card.has-motion::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:radial-gradient(circle at 22% 14%,rgba(216,170,72,.20),transparent 34%)!important;
  pointer-events:none!important;
}
@keyframes lmkTopicCoverForce1069{
  0%{opacity:0;transform:scale(1.04) translateX(0);}
  8%{opacity:1;}
  30%{opacity:1;transform:scale(1.11) translateX(-1.8%);}
  40%{opacity:0;transform:scale(1.13) translateX(1.8%);}
  100%{opacity:0;transform:scale(1.04) translateX(0);}
}
@media (prefers-reduced-motion: reduce){
  html body .lmk-topic-motion-bg span{
    animation:none!important;
  }
  html body .lmk-topic-motion-bg span:first-child{
    opacity:1!important;
  }
}

/* Nếu chưa có ảnh nào thì vẫn giữ nền sang */
html body .lmk-resource-topic-card:not(.has-motion){
  background:
    radial-gradient(circle at 18% 10%,rgba(216,170,72,.20),transparent 34%),
    linear-gradient(145deg,#151515,#050505 72%)!important;
}


/* =========================================================
   LONGMK V10.70 - REAL IMAGE MOTION FINAL
   Dùng IMG thật thay cho background-image để ảnh cover chắc chắn hiện.
   ========================================================= */

/* motion layer */
html body .lmk-topic-motion-bg,
html body .lmk-folder-motion-bg,
html body .lmk-real-motion-bg{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#070707!important;
  pointer-events:none!important;
}

html body .lmk-topic-motion-bg img,
html body .lmk-folder-motion-bg img,
html body .lmk-real-motion-bg img,
html body img.lmk-real-motion-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  opacity:0!important;
  transform:scale(1.04)!important;
  animation:lmkRealImgMotion1070 25s infinite ease-in-out!important;
  animation-delay:calc(var(--i,0) * 5s)!important;
  filter:saturate(1.06) contrast(1.04)!important;
}

/* ảnh đầu tiên phải hiện ngay, tránh màn đen lúc load */
html body .lmk-topic-motion-bg img:first-child,
html body .lmk-folder-motion-bg img:first-child,
html body .lmk-real-motion-bg img:first-child{
  opacity:1!important;
}

/* content trên ảnh */
html body .lmk-resource-topic-card .lmk-topic-content,
html body .lmk-resource-folder-card .lmk-resource-folder-body{
  position:relative!important;
  z-index:6!important;
}

/* overlay giảm đen để thấy ảnh rõ hơn */
html body .lmk-resource-topic-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.28) 55%,rgba(0,0,0,.58)),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62))!important;
  pointer-events:none!important;
}
html body .lmk-resource-topic-card.has-motion::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  background:
    radial-gradient(circle at 22% 12%,rgba(216,170,72,.16),transparent 30%),
    radial-gradient(circle at 86% 78%,rgba(0,0,0,.24),transparent 36%)!important;
  pointer-events:none!important;
}

html body .lmk-resource-folder-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.22) 58%,rgba(0,0,0,.54)),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.68))!important;
  pointer-events:none!important;
}

/* loại bỏ nền đen quá mạnh từ các bản trước */
html body .lmk-resource-topic-card.has-motion,
html body .lmk-resource-folder-card.has-motion{
  background:#070707!important;
}

/* motion keyframes */
@keyframes lmkRealImgMotion1070{
  0%{opacity:0;transform:scale(1.04) translateX(0);}
  6%{opacity:1;}
  30%{opacity:1;transform:scale(1.10) translateX(-1.4%);}
  40%{opacity:0;transform:scale(1.12) translateX(1.4%);}
  100%{opacity:0;transform:scale(1.04) translateX(0);}
}

/* nếu chỉ có 1 ảnh thì đứng yên nhưng vẫn hiện */
html body .lmk-real-motion-bg img:only-child,
html body .lmk-topic-motion-bg img:only-child,
html body .lmk-folder-motion-bg img:only-child{
  animation:none!important;
  opacity:1!important;
  transform:scale(1.03)!important;
}

@media (prefers-reduced-motion: reduce){
  html body .lmk-topic-motion-bg img,
  html body .lmk-folder-motion-bg img,
  html body .lmk-real-motion-bg img{
    animation:none!important;
  }
  html body .lmk-topic-motion-bg img:first-child,
  html body .lmk-folder-motion-bg img:first-child,
  html body .lmk-real-motion-bg img:first-child{
    opacity:1!important;
  }
}

/* Debug page */
html body .lmk-resource-debug-v1070{
  padding-top:140px!important;
  color:#fff8ed!important;
}
html body .lmk-resource-debug-v1070 h1{
  font-size:42px!important;
  margin-bottom:14px!important;
}
html body .lmk-resource-debug-v1070 h2{
  color:#ffe2a0!important;
  margin-top:34px!important;
}
html body .lmk-debug-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
html body .lmk-debug-card{
  border:1px solid rgba(216,170,72,.26)!important;
  border-radius:18px!important;
  padding:18px!important;
  background:#101010!important;
}
html body .lmk-debug-card strong,
html body .lmk-debug-card span,
html body .lmk-debug-card code{
  display:block!important;
  margin-bottom:10px!important;
}
html body .lmk-debug-card code{
  white-space:normal!important;
  color:#b7ad9d!important;
  font-size:12px!important;
}
html body .lmk-debug-imgs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:10px 0!important;
}
html body .lmk-debug-imgs img{
  width:92px!important;
  height:72px!important;
  object-fit:cover!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.15)!important;
}
@media(max-width:800px){
  html body .lmk-debug-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   LONGMK V10.71 - RESOURCE CARD LAYOUT FINAL
   Fix lỗi V10.70:
   - Ảnh đã hiện nhưng chữ/nút bị nằm phía trên, có card bị cắt tiêu đề.
   - Đưa toàn bộ nội dung folder xuống đáy card.
   - Giảm overlay đen vừa đủ để ảnh thấy rõ nhưng chữ vẫn đọc tốt.
   ========================================================= */

/* CARD FOLDER: giữ một khung editorial ổn định */
html body .lmk-resource-folder-grid{
  align-items:stretch!important;
  gap:34px!important;
}

html body .lmk-resource-folder-card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:430px!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  border-radius:30px!important;
  background:#070707!important;
}

/* Lớp ảnh thật phủ full card */
html body .lmk-resource-folder-card .lmk-folder-motion-bg,
html body .lmk-resource-folder-card .lmk-real-motion-bg{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background:#070707!important;
}

html body .lmk-resource-folder-card .lmk-folder-motion-bg img,
html body .lmk-resource-folder-card .lmk-real-motion-bg img,
html body .lmk-resource-folder-card img.lmk-real-motion-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  display:block!important;
}

/* Overlay mới: thấy ảnh rõ hơn, nhưng phần dưới đủ tối để chữ/nút không rối */
html body .lmk-resource-folder-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.28) 38%,rgba(0,0,0,.84) 100%),
    linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.22) 54%,rgba(0,0,0,.38) 100%)!important;
  pointer-events:none!important;
}

/* Bỏ lớp phủ phụ quá đậm từ các bản cũ */
html body .lmk-resource-folder-card.has-motion::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(216,170,72,.10),transparent 28%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 100%)!important;
  pointer-events:none!important;
}

/* Phần nội dung phải nằm đáy card, không tham gia flow phía trên */
html body .lmk-resource-folder-card .lmk-resource-folder-body{
  position:absolute!important;
  left:clamp(28px,3.2vw,50px)!important;
  right:clamp(28px,3.2vw,50px)!important;
  top:auto!important;
  bottom:clamp(28px,3.2vw,46px)!important;
  z-index:7!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  text-align:left!important;
  max-width:calc(100% - 56px)!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

/* Card sạch: bỏ folder nhỏ/badge/giá như yêu cầu cũ */
html body .lmk-resource-folder-card .lmk-resource-folder-name,
html body .lmk-resource-folder-card .lmk-resource-badges,
html body .lmk-resource-folder-card .lmk-resource-badge,
html body .lmk-resource-folder-card .lmk-resource-price{
  display:none!important;
}

/* Title không bị cắt, không chui lên khỏi card */
html body .lmk-resource-folder-card h3{
  order:1!important;
  display:block!important;
  position:static!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#fff!important;
  font-family:var(--lmk-font-card)!important;
  font-size:clamp(34px,3.35vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:.003em!important;
  font-weight:750!important;
  text-transform:none!important;
  text-align:left!important;
  max-width:min(100%,16ch)!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
  text-shadow:0 8px 28px rgba(0,0,0,.78)!important;
}

/* Mô tả gọn, không lấn nút */
html body .lmk-resource-folder-card p{
  order:2!important;
  display:-webkit-box!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:#f3e7d4!important;
  font-family:var(--lmk-font-body)!important;
  font-size:clamp(15px,1.15vw,19px)!important;
  line-height:1.55!important;
  max-width:min(100%,56ch)!important;
  text-align:left!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 4px 18px rgba(0,0,0,.72)!important;
}

/* Nút nằm dưới mô tả, không đè lên mặt mẫu */
html body .lmk-resource-folder-card .lmk-resource-actions{
  order:3!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:12px!important;
  margin:22px 0 0!important;
  padding:0!important;
}

html body .lmk-resource-folder-card .lmk-resource-actions .lmk-btn{
  min-width:160px!important;
  min-height:48px!important;
  padding:13px 22px!important;
  font-size:13px!important;
  line-height:1!important;
  border-radius:999px!important;
}

/* Nếu không có cover: vẫn giữ nội dung nằm đáy và nền sang */
html body .lmk-resource-folder-card.no-cover{
  background:
    radial-gradient(circle at 16% 10%,rgba(216,170,72,.18),transparent 32%),
    radial-gradient(circle at 84% 82%,rgba(255,226,160,.08),transparent 34%),
    linear-gradient(145deg,#121212,#050505 78%)!important;
}

html body .lmk-resource-folder-card.no-cover::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72))!important;
}

/* Card chủ đề lớn: ảnh rõ hơn một chút */
html body .lmk-resource-topic-card.has-motion::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.32) 45%,rgba(0,0,0,.76) 100%),
    linear-gradient(90deg,rgba(0,0,0,.50),rgba(0,0,0,.24) 56%,rgba(0,0,0,.50))!important;
}

/* Desktop rất rộng: tránh title quá to */
@media(min-width:1600px){
  html body .lmk-resource-folder-card h3{
    font-size:54px!important;
  }
}

/* Tablet */
@media(max-width:1100px){
  html body .lmk-resource-folder-card{
    min-height:400px!important;
    aspect-ratio:auto!important;
  }
  html body .lmk-resource-folder-card h3{
    font-size:clamp(32px,5.5vw,48px)!important;
    max-width:18ch!important;
  }
}

/* Mobile */
@media(max-width:700px){
  html body .lmk-resource-folder-card{
    min-height:440px!important;
    border-radius:24px!important;
  }
  html body .lmk-resource-folder-card .lmk-resource-folder-body{
    left:22px!important;
    right:22px!important;
    bottom:24px!important;
    max-width:calc(100% - 44px)!important;
  }
  html body .lmk-resource-folder-card h3{
    font-size:clamp(30px,10vw,42px)!important;
    max-width:100%!important;
  }
  html body .lmk-resource-folder-card p{
    -webkit-line-clamp:3!important;
    max-width:100%!important;
  }
  html body .lmk-resource-folder-card .lmk-resource-actions{
    gap:10px!important;
  }
  html body .lmk-resource-folder-card .lmk-resource-actions .lmk-btn{
    min-width:140px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* =========================================================
   LONGMK V10.72 - RESOURCE SLIDER SMALL TEXT + ALBUM MOTION
   ========================================================= */

/* 1) Resource topic cards: hình là chính, chữ nhỏ, box kính mờ góc trái dưới */
html body .lmk-resource-topic-grid{
  gap:34px!important;
}
html body .lmk-resource-topic-card{
  min-height:430px!important;
  border-radius:34px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  isolation:isolate!important;
}
html body .lmk-resource-topic-card .lmk-topic-content{
  position:absolute!important;
  z-index:8!important;
  left:clamp(22px,2.5vw,38px)!important;
  right:auto!important;
  bottom:clamp(22px,2.5vw,34px)!important;
  width:min(430px,calc(100% - 44px))!important;
  padding:22px 24px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,226,160,.20)!important;
  background:linear-gradient(135deg,rgba(10,10,10,.58),rgba(10,10,10,.34))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35)!important;
  text-align:left!important;
}
html body .lmk-resource-topic-card .lmk-resource-topic-kicker{
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  margin:0 0 9px!important;
  text-align:left!important;
}
html body .lmk-resource-topic-card h2{
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.02!important;
  max-width:9.5em!important;
  margin:0 0 12px!important;
  text-align:left!important;
  text-transform:none!important;
}
html body .lmk-resource-topic-card p{
  font-size:clamp(14px,1.05vw,16.5px)!important;
  line-height:1.55!important;
  max-width:36ch!important;
  margin:0 0 16px!important;
  text-align:left!important;
  color:#f2e5d0!important;
}
html body .lmk-resource-topic-card span:not(.lmk-real-motion-bg):not(.lmk-topic-motion-bg){
  font-size:13px!important;
  min-height:38px!important;
  padding:10px 15px!important;
  border-radius:999px!important;
}

/* 2) Topic/resource motion: ảnh rõ hơn, chữ không rung */
html body .lmk-topic-motion-bg,
html body .lmk-folder-motion-bg,
html body .lmk-real-motion-bg{
  z-index:1!important;
}
html body .lmk-topic-motion-bg img,
html body .lmk-folder-motion-bg img,
html body .lmk-real-motion-bg img,
html body img.lmk-real-motion-img{
  animation-duration:26s!important;
  filter:saturate(1.06) contrast(1.03) brightness(.98)!important;
}
html body .lmk-resource-topic-card.has-motion::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.62) 100%),
    linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.16) 55%,rgba(0,0,0,.42))!important;
}
html body .lmk-resource-topic-card.has-motion::after{
  background:radial-gradient(circle at 18% 12%,rgba(216,170,72,.12),transparent 30%)!important;
}

/* Dots cho topic/card động */
html body .lmk-resource-topic-card.has-motion .lmk-topic-content::after,
html body .lmk-resource-folder-card.has-motion .lmk-resource-folder-body::after,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body::after{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  margin-top:14px!important;
  background:rgba(255,226,160,.95)!important;
  box-shadow:14px 0 0 rgba(255,255,255,.48),28px 0 0 rgba(255,255,255,.34),42px 0 0 rgba(255,255,255,.26),56px 0 0 rgba(255,255,255,.18)!important;
}

/* 3) Resource folder cards: box nhỏ, chữ nhỏ, ảnh là chính */
html body .lmk-resource-folder-card{
  min-height:430px!important;
  border-radius:32px!important;
}
html body .lmk-resource-folder-card .lmk-resource-folder-body{
  left:clamp(22px,2.5vw,36px)!important;
  right:auto!important;
  bottom:clamp(22px,2.5vw,34px)!important;
  width:min(460px,calc(100% - 44px))!important;
  max-width:min(460px,calc(100% - 44px))!important;
  padding:22px 24px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,226,160,.20)!important;
  background:linear-gradient(135deg,rgba(9,9,9,.60),rgba(9,9,9,.36))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35)!important;
}
html body .lmk-resource-folder-card h3{
  font-size:clamp(28px,2.25vw,36px)!important;
  line-height:1.06!important;
  max-width:14ch!important;
  margin-bottom:10px!important;
}
html body .lmk-resource-folder-card p{
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.55!important;
  max-width:38ch!important;
  -webkit-line-clamp:2!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions{
  margin-top:16px!important;
  gap:10px!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions .lmk-btn{
  min-width:128px!important;
  min-height:40px!important;
  padding:11px 16px!important;
  font-size:13px!important;
}

/* 4) Chọn bộ ảnh / folder album: thêm motion preview + box nhỏ giống hình 4 */
html body .lmk-folder-card.lmk-album-motion-card-v1072{
  isolation:isolate!important;
  background:#070707!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  display:block!important;
  background:#080808!important;
  box-shadow:none!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image img,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-img-v1072{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  opacity:0!important;
  transform:scale(1.04)!important;
  animation:lmkAlbumMotion1072 25s infinite ease-in-out!important;
  animation-delay:calc(var(--i,0) * 5s)!important;
  filter:saturate(1.05) contrast(1.03) brightness(.98)!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-img-v1072:first-child{
  opacity:1!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-img-v1072:only-child{
  animation:none!important;
  opacity:1!important;
  transform:scale(1.03)!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
  z-index:3!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.24) 46%,rgba(0,0,0,.68) 100%),
    linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.10) 56%,rgba(0,0,0,.32))!important;
}

/* Box chữ nhỏ cho "Chọn bộ ảnh" */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
  z-index:8!important;
  left:clamp(22px,2.5vw,36px)!important;
  right:auto!important;
  bottom:clamp(22px,2.5vw,34px)!important;
  width:min(390px,calc(100% - 44px))!important;
  max-width:min(390px,calc(100% - 44px))!important;
  padding:20px 22px!important;
  border-radius:23px!important;
  border:1px solid rgba(255,226,160,.20)!important;
  background:linear-gradient(135deg,rgba(9,9,9,.58),rgba(9,9,9,.32))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35)!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-label{
  font-size:10px!important;
  letter-spacing:.12em!important;
  margin-bottom:8px!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
  font-size:clamp(26px,2.2vw,38px)!important;
  line-height:1.05!important;
  max-width:12.5ch!important;
  margin-bottom:9px!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc{
  font-size:clamp(14px,1vw,15.5px)!important;
  line-height:1.5!important;
  max-width:34ch!important;
  -webkit-line-clamp:2!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-count{
  font-size:12px!important;
  min-height:36px!important;
  padding:10px 14px!important;
}

/* Dots riêng trong ảnh album, nằm góc phải dưới */
html body .lmk-motion-dots-v1072{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  z-index:7!important;
  display:flex!important;
  gap:7px!important;
}
html body .lmk-motion-dots-v1072 i{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.45)!important;
}
html body .lmk-motion-dots-v1072 i:first-child{
  background:#ffe2a0!important;
}

@keyframes lmkAlbumMotion1072{
  0%{opacity:0;transform:scale(1.04) translateX(0);}
  6%{opacity:1;}
  30%{opacity:1;transform:scale(1.10) translateX(-1.4%);}
  40%{opacity:0;transform:scale(1.12) translateX(1.4%);}
  100%{opacity:0;transform:scale(1.04) translateX(0);}
}

/* 5) Resource gallery lightbox */
html.lmk-lightbox-open,
html.lmk-lightbox-open body{
  overflow:hidden!important;
}
html body .lmk-resource-lightbox-v1072{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(18px,3vw,42px)!important;
  background:rgba(0,0,0,.92)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease, visibility .22s ease!important;
}
html body .lmk-resource-lightbox-v1072.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body .lmk-resource-lightbox-v1072 figure{
  margin:0!important;
  max-width:min(96vw,1500px)!important;
  max-height:92vh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
}
html body .lmk-resource-lightbox-v1072 img{
  max-width:100%!important;
  max-height:84vh!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:18px!important;
  box-shadow:0 28px 100px rgba(0,0,0,.62)!important;
}
html body .lmk-resource-lightbox-v1072 figcaption{
  color:#f4e8d6!important;
  font-size:14px!important;
  text-align:center!important;
  opacity:.9!important;
}
html body .lmk-resource-lightbox-v1072 button{
  position:absolute!important;
  z-index:2!important;
  border:1px solid rgba(255,226,160,.28)!important;
  background:rgba(16,16,16,.58)!important;
  color:#ffe2a0!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
  font-weight:900!important;
}
html body .lmk-resource-lightbox-v1072 .lmk-rlb-close{
  top:20px!important;
  right:22px!important;
  width:46px!important;
  height:46px!important;
  border-radius:999px!important;
  font-size:30px!important;
  line-height:1!important;
}
html body .lmk-resource-lightbox-v1072 .lmk-rlb-prev,
html body .lmk-resource-lightbox-v1072 .lmk-rlb-next{
  top:50%!important;
  width:52px!important;
  height:70px!important;
  transform:translateY(-50%)!important;
  border-radius:18px!important;
  font-size:48px!important;
  line-height:1!important;
}
html body .lmk-resource-lightbox-v1072 .lmk-rlb-prev{left:22px!important;}
html body .lmk-resource-lightbox-v1072 .lmk-rlb-next{right:22px!important;}

@media (prefers-reduced-motion: reduce){
  html body .lmk-album-motion-img-v1072,
  html body .lmk-topic-motion-bg img,
  html body .lmk-folder-motion-bg img,
  html body .lmk-real-motion-bg img{
    animation:none!important;
  }
  html body .lmk-album-motion-img-v1072:first-child,
  html body .lmk-topic-motion-bg img:first-child,
  html body .lmk-folder-motion-bg img:first-child,
  html body .lmk-real-motion-bg img:first-child{
    opacity:1!important;
  }
}

@media(max-width:900px){
  html body .lmk-resource-topic-card .lmk-topic-content,
  html body .lmk-resource-folder-card .lmk-resource-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    padding:18px 18px!important;
  }
  html body .lmk-resource-topic-card h2{
    font-size:clamp(30px,9vw,40px)!important;
  }
  html body .lmk-resource-folder-card h3,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
    font-size:clamp(26px,8vw,34px)!important;
    max-width:100%!important;
  }
  html body .lmk-resource-lightbox-v1072 .lmk-rlb-prev,
  html body .lmk-resource-lightbox-v1072 .lmk-rlb-next{
    width:42px!important;
    height:58px!important;
    font-size:38px!important;
  }
  html body .lmk-resource-lightbox-v1072 .lmk-rlb-prev{left:10px!important;}
  html body .lmk-resource-lightbox-v1072 .lmk-rlb-next{right:10px!important;}
}


/* =========================================================
   LONGMK V10.73 - JS MOTION ENGINE OVERRIDE
   Sửa lỗi motion không thấy rõ:
   - Tắt CSS keyframe cũ trong vùng JS motion.
   - JS điều khiển class .is-active.
   - Ảnh đổi rõ hơn, dot đổi theo.
   ========================================================= */

html body .lmk-js-motion-v1073{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#070707!important;
  z-index:1!important;
}

/* Tắt animation CSS cũ để không tranh với JS */
html body .lmk-js-motion-v1073 img,
html body .lmk-js-motion-v1073 .lmk-js-motion-img-v1073{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  opacity:0!important;
  transform:scale(1.025) translateX(0)!important;
  animation:none!important;
  transition:
    opacity 950ms ease,
    transform 4200ms ease,
    filter 900ms ease!important;
  will-change:opacity, transform!important;
  filter:saturate(1.05) contrast(1.03) brightness(.98)!important;
}

/* Ảnh active hiện rõ và có zoom/pan nhẹ để thấy đang chuyển động */
html body .lmk-js-motion-v1073 img.is-active,
html body .lmk-js-motion-v1073 .lmk-js-motion-img-v1073.is-active{
  opacity:1!important;
  transform:scale(1.085) translateX(var(--motion-pan,1.2%))!important;
  z-index:2!important;
}

/* Nếu chỉ có 1 ảnh thì vẫn hiện bình thường */
html body .lmk-js-motion-v1073.has-one-image img:first-child{
  opacity:1!important;
  transform:scale(1.035)!important;
}

/* Dots chạy theo ảnh */
html body .lmk-js-motion-v1073 .lmk-motion-dots-v1072,
html body .lmk-js-dots-v1073{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  z-index:9!important;
  display:flex!important;
  gap:7px!important;
  pointer-events:none!important;
}

html body .lmk-js-motion-v1073 .lmk-motion-dots-v1072 i,
html body .lmk-js-dots-v1073 i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.12)!important;
  transition:background .35s ease, transform .35s ease, opacity .35s ease!important;
  opacity:.85!important;
}

html body .lmk-js-motion-v1073 .lmk-motion-dots-v1072 i.is-active,
html body .lmk-js-dots-v1073 i.is-active{
  background:#ffe2a0!important;
  transform:scale(1.18)!important;
  opacity:1!important;
}

/* Dot giả cũ trong content dễ làm người dùng tưởng dot đứng yên, nên tắt */
html body .lmk-resource-topic-card.has-motion .lmk-topic-content::after,
html body .lmk-resource-folder-card.has-motion .lmk-resource-folder-body::after,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body::after{
  display:none!important;
  content:none!important;
}

/* Làm ảnh phía sau sáng hơn chút để nhìn rõ chuyển động */
html body .lmk-resource-topic-card.has-motion::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.54) 100%),
    linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.10) 56%,rgba(0,0,0,.32))!important;
}

html body .lmk-resource-folder-card.has-motion::before,
html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.20) 46%,rgba(0,0,0,.58) 100%),
    linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.10) 56%,rgba(0,0,0,.30))!important;
}

/* Box chữ vẫn sang nhưng nhỏ gọn */
html body .lmk-resource-topic-card .lmk-topic-content,
html body .lmk-resource-folder-card .lmk-resource-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body{
  background:linear-gradient(135deg,rgba(9,9,9,.54),rgba(9,9,9,.30))!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

/* Chọn bộ ảnh: chỉnh tránh card con bị lệch vào giữa quá hẹp sau V10.72 */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
  width:min(380px,calc(100% - 44px))!important;
  max-width:min(380px,calc(100% - 44px))!important;
}

/* Mobile: dot xuống thấp gọn */
@media(max-width:900px){
  html body .lmk-js-motion-v1073 .lmk-motion-dots-v1072,
  html body .lmk-js-dots-v1073{
    right:14px!important;
    bottom:14px!important;
  }
}

/* Tôn trọng reduced motion */
@media (prefers-reduced-motion: reduce){
  html body .lmk-js-motion-v1073 img,
  html body .lmk-js-motion-v1073 .lmk-js-motion-img-v1073{
    transition:none!important;
    transform:scale(1.03)!important;
  }
}


/* =========================================================
   LONGMK V10.74 - SPLIT IMAGE MOTION LAYOUT
   Chốt hướng mới:
   - Chữ bên trái, ảnh chuyển động bên phải.
   - Không để hình nằm trực tiếp dưới chữ.
   - Box chữ gần như trong suốt.
   - Chữ nhỏ lại.
   - Ảnh đầu tiên cũng có motion nhẹ.
   ========================================================= */

/* Motion ảnh active: có chuyển động ngay cả ảnh đầu tiên */
@keyframes lmkMotionAlive1074{
  0%{transform:scale(1.035) translateX(-.8%) translateY(0);}
  50%{transform:scale(1.075) translateX(1.0%) translateY(-.5%);}
  100%{transform:scale(1.045) translateX(-.4%) translateY(.4%);}
}
html body .lmk-js-motion-v1073 img.is-active,
html body .lmk-js-motion-v1073 .lmk-js-motion-img-v1073.is-active{
  opacity:1!important;
  animation:lmkMotionAlive1074 6.6s ease-in-out infinite alternate!important;
  z-index:2!important;
}
html body .lmk-js-motion-v1073.has-one-image img:first-child{
  opacity:1!important;
  animation:lmkMotionAlive1074 7.5s ease-in-out infinite alternate!important;
}

/* =========================================================
   A. 2 CARD CHỦ ĐỀ TÀI NGUYÊN: chữ trái, ảnh phải
   ========================================================= */
html body .lmk-resource-topic-grid{
  gap:34px!important;
  align-items:stretch!important;
}
html body .lmk-resource-topic-card{
  min-height:380px!important;
  border-radius:34px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(216,170,72,.11),transparent 28%),
    linear-gradient(135deg,#101010,#050505 72%)!important;
}

/* Ảnh chỉ nằm bên phải */
html body .lmk-resource-topic-card .lmk-topic-motion-bg,
html body .lmk-resource-topic-card .lmk-real-motion-bg,
html body .lmk-resource-topic-card .lmk-js-motion-v1073{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  bottom:20px!important;
  left:46%!important;
  width:auto!important;
  height:auto!important;
  inset:auto 20px 20px 46%!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#090909!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.28)!important;
}

/* Overlay chỉ phủ bên ảnh, không che chữ */
html body .lmk-resource-topic-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  bottom:20px!important;
  left:46%!important;
  z-index:3!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.08) 55%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}
html body .lmk-resource-topic-card.has-motion::after{
  display:none!important;
  content:none!important;
}

/* Chữ bên trái: nhỏ hơn, trong suốt gần 0 */
html body .lmk-resource-topic-card .lmk-topic-content{
  position:absolute!important;
  z-index:8!important;
  top:50%!important;
  left:clamp(24px,3vw,46px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:calc(46% - 64px)!important;
  max-width:420px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body .lmk-resource-topic-card .lmk-resource-topic-kicker{
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  margin:0 0 10px!important;
  color:#ffe2a0!important;
  text-align:left!important;
}
html body .lmk-resource-topic-card h2{
  font-size:clamp(30px,2.35vw,38px)!important;
  line-height:1.05!important;
  max-width:10ch!important;
  margin:0 0 12px!important;
  color:#fff!important;
  text-align:left!important;
  text-shadow:0 8px 26px rgba(0,0,0,.72)!important;
}
html body .lmk-resource-topic-card p{
  font-size:clamp(13.5px,1vw,15px)!important;
  line-height:1.58!important;
  max-width:34ch!important;
  margin:0 0 16px!important;
  color:#f3e8d7!important;
  text-align:left!important;
}
html body .lmk-resource-topic-card span:not(.lmk-real-motion-bg):not(.lmk-topic-motion-bg):not(.lmk-js-dots-v1073):not(.lmk-motion-dots-v1072){
  font-size:12.5px!important;
  min-height:36px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
}

/* Dot nằm trong vùng ảnh phải */
html body .lmk-resource-topic-card .lmk-motion-dots-v1072,
html body .lmk-resource-topic-card .lmk-js-dots-v1073{
  right:18px!important;
  bottom:16px!important;
}

/* =========================================================
   B. CARD FOLDER TÀI NGUYÊN: chữ trái, ảnh phải
   ========================================================= */
html body .lmk-resource-folder-card{
  min-height:380px!important;
  aspect-ratio:16/8!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(216,170,72,.10),transparent 30%),
    linear-gradient(135deg,#111,#050505 74%)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Ảnh chỉ bên phải */
html body .lmk-resource-folder-card .lmk-folder-motion-bg,
html body .lmk-resource-folder-card .lmk-real-motion-bg,
html body .lmk-resource-folder-card .lmk-js-motion-v1073{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  bottom:20px!important;
  left:45%!important;
  width:auto!important;
  height:auto!important;
  inset:auto 20px 20px 45%!important;
  border-radius:26px!important;
  overflow:hidden!important;
  z-index:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.12),0 18px 54px rgba(0,0,0,.26)!important;
}

/* Overlay ảnh bên phải */
html body .lmk-resource-folder-card.has-motion::before{
  content:""!important;
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  bottom:20px!important;
  left:45%!important;
  z-index:3!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.08) 55%,rgba(0,0,0,.26)),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}
html body .lmk-resource-folder-card.has-motion::after{
  display:none!important;
  content:none!important;
}

/* Nội dung chữ trái, không box đậm */
html body .lmk-resource-folder-card .lmk-resource-folder-body{
  position:absolute!important;
  z-index:8!important;
  top:50%!important;
  left:clamp(24px,3vw,46px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:calc(45% - 62px)!important;
  max-width:420px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body .lmk-resource-folder-card h3{
  font-size:clamp(28px,2.35vw,38px)!important;
  line-height:1.06!important;
  max-width:12ch!important;
  margin:0 0 10px!important;
  color:#fff!important;
}
html body .lmk-resource-folder-card p{
  font-size:clamp(13.5px,1vw,15.5px)!important;
  line-height:1.55!important;
  max-width:34ch!important;
  -webkit-line-clamp:2!important;
  color:#f2e5d0!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions{
  margin-top:16px!important;
  gap:10px!important;
}
html body .lmk-resource-folder-card .lmk-resource-actions .lmk-btn{
  min-width:122px!important;
  min-height:38px!important;
  padding:10px 15px!important;
  font-size:12.5px!important;
}

/* =========================================================
   C. CHỌN BỘ ẢNH / ALBUM CARD: chữ trái, ảnh phải
   ========================================================= */
html body .lmk-folder-card.lmk-album-motion-card-v1072{
  min-height:360px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(216,170,72,.10),transparent 30%),
    linear-gradient(135deg,#111,#050505 74%)!important;
}

/* Ảnh bên phải, không nằm dưới chữ */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-motion-v1073{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  bottom:18px!important;
  left:44%!important;
  width:auto!important;
  height:auto!important;
  inset:auto 18px 18px 44%!important;
  border-radius:26px!important;
  z-index:1!important;
  overflow:hidden!important;
  background:#080808!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.12),0 18px 54px rgba(0,0,0,.26)!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image img,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-img-v1072{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Overlay chỉ trên vùng ảnh */
html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  bottom:18px!important;
  left:44%!important;
  z-index:3!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.08) 55%,rgba(0,0,0,.24)),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}

/* Chữ bên trái */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
  position:absolute!important;
  z-index:8!important;
  top:50%!important;
  left:clamp(24px,3vw,46px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:calc(44% - 62px)!important;
  max-width:390px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-label{
  font-size:10px!important;
  letter-spacing:.13em!important;
  margin-bottom:9px!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
  font-size:clamp(28px,2.6vw,42px)!important;
  line-height:1.05!important;
  max-width:11ch!important;
  margin:0 0 10px!important;
  color:#fff!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc{
  font-size:clamp(13.5px,1vw,15.5px)!important;
  line-height:1.55!important;
  max-width:32ch!important;
  -webkit-line-clamp:2!important;
  color:#f2e5d0!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-count{
  font-size:12px!important;
  min-height:36px!important;
  padding:9px 14px!important;
  margin-top:14px!important;
}

/* Dot ảnh album nằm bên phải */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-dots-v1072,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-dots-v1073{
  right:16px!important;
  bottom:14px!important;
}

/* =========================================================
   D. Mobile: ảnh trên, chữ dưới để không bị hẹp
   ========================================================= */
@media(max-width:900px){
  html body .lmk-resource-topic-card,
  html body .lmk-resource-folder-card,
  html body .lmk-folder-card.lmk-album-motion-card-v1072{
    min-height:560px!important;
    aspect-ratio:auto!important;
  }

  html body .lmk-resource-topic-card .lmk-topic-motion-bg,
  html body .lmk-resource-topic-card .lmk-real-motion-bg,
  html body .lmk-resource-topic-card .lmk-js-motion-v1073,
  html body .lmk-resource-folder-card .lmk-folder-motion-bg,
  html body .lmk-resource-folder-card .lmk-real-motion-bg,
  html body .lmk-resource-folder-card .lmk-js-motion-v1073,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-motion-v1073{
    top:18px!important;
    left:18px!important;
    right:18px!important;
    bottom:auto!important;
    height:58%!important;
    width:auto!important;
    inset:18px 18px auto 18px!important;
    border-radius:24px!important;
  }

  html body .lmk-resource-topic-card.has-motion::before,
  html body .lmk-resource-folder-card.has-motion::before,
  html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
    top:18px!important;
    left:18px!important;
    right:18px!important;
    bottom:auto!important;
    height:58%!important;
    border-radius:24px!important;
  }

  html body .lmk-resource-topic-card .lmk-topic-content,
  html body .lmk-resource-folder-card .lmk-resource-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    top:auto!important;
    left:22px!important;
    right:22px!important;
    bottom:24px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
  }

  html body .lmk-resource-topic-card h2,
  html body .lmk-resource-folder-card h3,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
    max-width:100%!important;
    font-size:clamp(28px,8vw,38px)!important;
  }

  html body .lmk-resource-topic-card p,
  html body .lmk-resource-folder-card p,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc{
    max-width:100%!important;
  }
}


/* =========================================================
   LONGMK V10.75 - MOTION FRAME FIX
   Phân tích lỗi V10.74:
   - Có rule dùng inset:auto 20px 20px 46%.
   - top bị thành auto nên khung ảnh co lại thành một dải nhỏ phía dưới.
   - Bản này ép lại khung ảnh bằng inset đầy đủ: top/right/bottom/left.
   ========================================================= */

/* 1) ÉP LẠI KHUNG ẢNH TÀI NGUYÊN: không còn co thành dải nhỏ */
html body .lmk-resource-topic-card .lmk-topic-motion-bg,
html body .lmk-resource-topic-card .lmk-real-motion-bg,
html body .lmk-resource-topic-card .lmk-js-motion-v1073,
html body .lmk-resource-topic-card .lmk-motion-ready-v1075{
  position:absolute!important;
  inset:22px 22px 22px 44%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#090909!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.30)!important;
}

/* Folder tài nguyên */
html body .lmk-resource-folder-card .lmk-folder-motion-bg,
html body .lmk-resource-folder-card .lmk-real-motion-bg,
html body .lmk-resource-folder-card .lmk-js-motion-v1073,
html body .lmk-resource-folder-card .lmk-motion-ready-v1075{
  position:absolute!important;
  inset:22px 22px 22px 44%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#090909!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.30)!important;
}

/* Chọn bộ ảnh / album */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-motion-v1073,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1075{
  position:absolute!important;
  inset:20px 20px 20px 44%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#090909!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.30)!important;
}

/* 2) OVERLAY CHỈ PHỦ VÙNG ẢNH, KHÔNG CHE CHỮ */
html body .lmk-resource-topic-card.has-motion::before{
  inset:22px 22px 22px 44%!important;
  top:auto!important; right:auto!important; bottom:auto!important; left:auto!important;
  position:absolute!important;
  z-index:3!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.05) 56%,rgba(0,0,0,.22)),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.14))!important;
  pointer-events:none!important;
}
html body .lmk-resource-folder-card.has-motion::before{
  inset:22px 22px 22px 44%!important;
  top:auto!important; right:auto!important; bottom:auto!important; left:auto!important;
  position:absolute!important;
  z-index:3!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06) 56%,rgba(0,0,0,.22)),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16))!important;
  pointer-events:none!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
  inset:20px 20px 20px 44%!important;
  top:auto!important; right:auto!important; bottom:auto!important; left:auto!important;
  position:absolute!important;
  z-index:3!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.05) 56%,rgba(0,0,0,.22)),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.14))!important;
  pointer-events:none!important;
}

/* 3) JS MOTION ỔN ĐỊNH, ĐỔI ẢNH RÕ */
@keyframes lmkMotionAlive1075{
  0%{transform:scale(1.035) translateX(var(--x1,-.8%)) translateY(0);}
  55%{transform:scale(1.080) translateX(var(--x2,1%)) translateY(-.6%);}
  100%{transform:scale(1.045) translateX(var(--x1,-.8%)) translateY(.35%);}
}
html body .lmk-motion-ready-v1075 img,
html body .lmk-motion-ready-v1075 .lmk-motion-img-v1075{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  opacity:0!important;
  transform:scale(1.035)!important;
  animation:none!important;
  transition:opacity 850ms ease!important;
  will-change:opacity,transform!important;
  filter:saturate(1.05) contrast(1.03) brightness(.99)!important;
}
html body .lmk-motion-ready-v1075 img.is-active,
html body .lmk-motion-ready-v1075 .lmk-motion-img-v1075.is-active{
  opacity:1!important;
  z-index:2!important;
  animation:lmkMotionAlive1075 6.8s ease-in-out infinite alternate!important;
}
html body .lmk-motion-ready-v1075.has-one-image img:first-child{
  opacity:1!important;
  animation:lmkMotionAlive1075 7.5s ease-in-out infinite alternate!important;
}

/* 4) DOT THẬT CHẠY THEO ẢNH */
html body .lmk-motion-ready-v1075 .lmk-motion-dots-v1072,
html body .lmk-motion-ready-v1075 .lmk-js-dots-v1075{
  position:absolute!important;
  right:16px!important;
  bottom:14px!important;
  z-index:9!important;
  display:flex!important;
  gap:7px!important;
  pointer-events:none!important;
}
html body .lmk-motion-ready-v1075 .lmk-motion-dots-v1072 i,
html body .lmk-motion-ready-v1075 .lmk-js-dots-v1075 i{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  display:block!important;
  background:rgba(255,255,255,.38)!important;
  opacity:.9!important;
  transition:background .35s ease, transform .35s ease, opacity .35s ease!important;
}
html body .lmk-motion-ready-v1075 .lmk-motion-dots-v1072 i.is-active,
html body .lmk-motion-ready-v1075 .lmk-js-dots-v1075 i.is-active{
  background:#ffe2a0!important;
  transform:scale(1.20)!important;
  opacity:1!important;
}

/* 5) CHỮ NHỎ GỌN, KHÔNG TRÀN */
html body .lmk-resource-topic-card .lmk-topic-content{
  width:calc(44% - 64px)!important;
  max-width:390px!important;
}
html body .lmk-resource-topic-card h2{
  font-size:clamp(28px,2.15vw,36px)!important;
  line-height:1.05!important;
  max-width:10.5ch!important;
}
html body .lmk-resource-topic-card p{
  font-size:clamp(13px,.95vw,14.5px)!important;
  line-height:1.55!important;
  max-width:32ch!important;
}
html body .lmk-resource-folder-card .lmk-resource-folder-body{
  width:calc(44% - 64px)!important;
  max-width:390px!important;
}
html body .lmk-resource-folder-card h3{
  font-size:clamp(26px,2.15vw,36px)!important;
  max-width:12ch!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
  width:calc(44% - 64px)!important;
  max-width:370px!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
  font-size:clamp(28px,2.35vw,40px)!important;
  max-width:11ch!important;
}

/* 6) MOBILE: ảnh trên, chữ dưới */
@media(max-width:900px){
  html body .lmk-resource-topic-card .lmk-topic-motion-bg,
  html body .lmk-resource-topic-card .lmk-real-motion-bg,
  html body .lmk-resource-topic-card .lmk-motion-ready-v1075,
  html body .lmk-resource-folder-card .lmk-folder-motion-bg,
  html body .lmk-resource-folder-card .lmk-real-motion-bg,
  html body .lmk-resource-folder-card .lmk-motion-ready-v1075,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1075{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    width:auto!important;
    border-radius:24px!important;
  }
  html body .lmk-resource-topic-card.has-motion::before,
  html body .lmk-resource-folder-card.has-motion::before,
  html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
}


/* =========================================================
   LONGMK V10.76 - WEDDING DESIGN FIT MOTION
   Mục tiêu:
   - Album cưới/design: ảnh bên phải chuyển động nhưng không crop.
   - Dùng contain + nền blur từ cover.
   - Motion sạch, giảm bóng ảnh chồng nhau.
   - Không ảnh hưởng phần Tài nguyên đang ổn.
   ========================================================= */

/* -----------------------------
   1. Motion engine sạch hơn
------------------------------ */
@keyframes lmkMotionAlive1076{
  0%{transform:scale(1.018) translateX(var(--x1,-.45%)) translateY(0);}
  55%{transform:scale(1.045) translateX(var(--x2,.65%)) translateY(-.35%);}
  100%{transform:scale(1.025) translateX(var(--x1,-.45%)) translateY(.25%);}
}
@keyframes lmkDesignMainAlive1076{
  0%{transform:scale(.995) translateX(var(--x1,-.35%));}
  55%{transform:scale(1.018) translateX(var(--x2,.45%));}
  100%{transform:scale(1.005) translateX(var(--x1,-.35%));}
}

html body .lmk-motion-ready-v1076 img,
html body .lmk-motion-ready-v1076 .lmk-motion-img-v1076{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:0!important;
  animation:none!important;
  transition:opacity 420ms ease!important;
  will-change:opacity,transform!important;
  filter:saturate(1.05) contrast(1.03) brightness(.99)!important;
}
html body .lmk-motion-ready-v1076 img.is-active,
html body .lmk-motion-ready-v1076 .lmk-motion-img-v1076.is-active{
  opacity:1!important;
  z-index:2!important;
  animation:lmkMotionAlive1076 7s ease-in-out infinite alternate!important;
}
html body .lmk-motion-ready-v1076 img.is-leaving,
html body .lmk-motion-ready-v1076 .lmk-motion-img-v1076.is-leaving{
  opacity:0!important;
  z-index:1!important;
  transition:opacity 220ms ease!important;
}
html body .lmk-motion-ready-v1076.has-one-image img:first-child{
  opacity:1!important;
  animation:lmkMotionAlive1076 7.5s ease-in-out infinite alternate!important;
}

/* Dot thật */
html body .lmk-motion-ready-v1076 .lmk-motion-dots-v1072,
html body .lmk-motion-ready-v1076 .lmk-js-dots-v1076{
  position:absolute!important;
  right:16px!important;
  bottom:14px!important;
  z-index:9!important;
  display:flex!important;
  gap:7px!important;
  pointer-events:none!important;
}
html body .lmk-motion-ready-v1076 .lmk-motion-dots-v1072 i,
html body .lmk-motion-ready-v1076 .lmk-js-dots-v1076 i{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  display:block!important;
  background:rgba(255,255,255,.38)!important;
  transition:background .25s ease, transform .25s ease, opacity .25s ease!important;
}
html body .lmk-motion-ready-v1076 .lmk-motion-dots-v1072 i.is-active,
html body .lmk-motion-ready-v1076 .lmk-js-dots-v1076 i.is-active{
  background:#ffe2a0!important;
  transform:scale(1.18)!important;
}

/* Tắt motion cũ nếu còn tồn tại */
html body .lmk-motion-ready-v1076 img.is-active{
  transition:opacity 380ms ease!important;
}

/* -----------------------------
   2. Album cưới/design bên ngoài: contain + blur
------------------------------ */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072{
  min-height:360px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(216,170,72,.10),transparent 28%),
    linear-gradient(135deg,#111,#050505 74%)!important;
}

/* Khung ảnh bên phải đủ lớn, không co dải nhỏ */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076{
  position:absolute!important;
  inset:22px 22px 22px 43%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#0a0a0a!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.30)!important;
}

/* Nền blur từ ảnh cover để lấp khoảng trống khi contain */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image::before,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072::before{
  content:""!important;
  position:absolute!important;
  inset:-24px!important;
  z-index:0!important;
  background-image:var(--lmk-design-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(18px) saturate(.92) brightness(.62)!important;
  transform:scale(1.10)!important;
  opacity:.72!important;
}

/* Ảnh chính của album cưới/design: contain, không crop */
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076 img,
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072 img,
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain.lmk-album-motion-card-v1072 .lmk-design-card-image img{
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
  z-index:2!important;
  filter:saturate(1.03) contrast(1.02) brightness(1)!important;
  transition:opacity 300ms ease!important;
}
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076 img.is-active{
  animation:lmkDesignMainAlive1076 7.2s ease-in-out infinite alternate!important;
}
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076 img.is-leaving{
  transition:opacity 180ms ease!important;
}

/* Overlay nhẹ chỉ trên khung ảnh */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072::after{
  content:""!important;
  position:absolute!important;
  inset:22px 22px 22px 43%!important;
  z-index:3!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.03) 56%,rgba(0,0,0,.16)),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10))!important;
  pointer-events:none!important;
}

/* Chữ trái gọn, không đè ảnh */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
  position:absolute!important;
  z-index:8!important;
  top:50%!important;
  left:clamp(24px,3vw,46px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:calc(43% - 64px)!important;
  max-width:390px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured h3{
  font-size:clamp(28px,2.35vw,40px)!important;
  line-height:1.05!important;
  max-width:11.5ch!important;
}
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc{
  font-size:clamp(13.5px,1vw,15.5px)!important;
  line-height:1.55!important;
  max-width:32ch!important;
  -webkit-line-clamp:2!important;
}

/* -----------------------------
   3. Album detail cover cưới/design: motion contain + blur
------------------------------ */
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1076{
  position:relative!important;
  overflow:hidden!important;
  border-radius:34px!important;
  min-height:clamp(430px,52vw,720px)!important;
  background:#090909!important;
  isolation:isolate!important;
}
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1076::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--lmk-cover-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(22px) saturate(.9) brightness(.62)!important;
  transform:scale(1.10)!important;
  opacity:.78!important;
}
html body .lmk-album-cover-motion-v1076{
  position:absolute!important;
  inset:24px!important;
  z-index:1!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.20)!important;
}
html body .lmk-album-cover-motion-v1076 img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
  opacity:0!important;
  transition:opacity 300ms ease!important;
}
html body .lmk-album-cover-motion-v1076 img.is-active{
  opacity:1!important;
  z-index:2!important;
  animation:lmkDesignMainAlive1076 7.5s ease-in-out infinite alternate!important;
}
html body .lmk-album-cover-motion-v1076 img.is-leaving{
  opacity:0!important;
  transition:opacity 180ms ease!important;
}
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1076::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 24%,transparent 76%,rgba(0,0,0,.18)),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12))!important;
  pointer-events:none!important;
}
html body .lmk-album-cover-motion-v1076 .lmk-motion-dots-v1072{
  right:22px!important;
  bottom:20px!important;
}

/* -----------------------------
   4. Album thường: giữ cinematic cover, không ép contain
------------------------------ */
html body .lmk-folder-card:not(.lmk-design-folder-card).lmk-album-motion-card-v1072 .lmk-motion-ready-v1076 img{
  object-fit:cover!important;
}

/* -----------------------------
   5. Mobile
------------------------------ */
@media(max-width:900px){
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072{
    min-height:560px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072::after{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    top:auto!important;
    left:22px!important;
    right:22px!important;
    bottom:24px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 h3{
    max-width:100%!important;
    font-size:clamp(28px,8vw,38px)!important;
  }
  html body .lmk-album-cover-wide.lmk-design-fit-motion-v1076{
    min-height:440px!important;
  }
  html body .lmk-album-cover-motion-v1076{
    inset:16px!important;
    border-radius:22px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  html body .lmk-motion-ready-v1076 img,
  html body .lmk-album-cover-motion-v1076 img{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   LONGMK V10.77 - ALBUM MOTION RECURSIVE FIT
   Sửa dứt điểm:
   - Quét đủ ảnh bằng PHP v1077.
   - Slide 2 lớp: blur nền + ảnh thật contain.
   - Không crop mặt/chữ cưới/design.
   - Không bóng ma khi chuyển ảnh.
   ========================================================= */

@keyframes lmkMainAlive1077{
  0%{transform:scale(1.000) translateX(var(--x1,-.35%));}
  50%{transform:scale(1.018) translateX(var(--x2,.55%));}
  100%{transform:scale(1.006) translateX(var(--x1,-.35%));}
}
@keyframes lmkBgAlive1077{
  0%{transform:scale(1.10) translateX(var(--x1,-.35%));}
  50%{transform:scale(1.15) translateX(var(--x2,.55%));}
  100%{transform:scale(1.12) translateX(var(--x1,-.35%));}
}

/* Container chung */
html body .lmk-motion-ready-v1077{
  position:absolute!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Item có thể là span slide hoặc img trực tiếp */
html body .lmk-motion-ready-v1077 > .lmk-motion-item-v1077,
html body .lmk-motion-ready-v1077 > img.lmk-motion-item-v1077{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  opacity:0!important;
  z-index:1!important;
  transition:opacity 360ms ease!important;
  will-change:opacity,transform!important;
}
html body .lmk-motion-ready-v1077 > .lmk-motion-item-v1077.is-active,
html body .lmk-motion-ready-v1077 > img.lmk-motion-item-v1077.is-active{
  opacity:1!important;
  z-index:3!important;
}
html body .lmk-motion-ready-v1077 > .lmk-motion-item-v1077.is-leaving,
html body .lmk-motion-ready-v1077 > img.lmk-motion-item-v1077.is-leaving{
  opacity:0!important;
  z-index:2!important;
  transition:opacity 180ms ease!important;
}
html body .lmk-motion-ready-v1077.has-one-image > .lmk-motion-item-v1077:first-child,
html body .lmk-motion-ready-v1077.has-one-image > img.lmk-motion-item-v1077:first-child{
  opacity:1!important;
}

/* Container cũ chỉ có img trực tiếp */
html body .lmk-motion-ready-v1077 > img.lmk-motion-item-v1077{
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.05) contrast(1.03) brightness(.99)!important;
}
html body .lmk-motion-ready-v1077 > img.lmk-motion-item-v1077.is-active{
  animation:lmkMainAlive1077 7s ease-in-out infinite alternate!important;
}

/* Slide 2 lớp cho cưới/design */
html body .lmk-motion-slider-v1077 .lmk-motion-slide-bg-v1077,
html body .lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
}
html body .lmk-motion-slider-v1077 .lmk-motion-slide-bg-v1077{
  object-fit:cover!important;
  object-position:center!important;
  filter:blur(20px) saturate(.92) brightness(.58)!important;
  transform:scale(1.12)!important;
  z-index:0!important;
}
html body .lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077{
  object-fit:cover!important;
  object-position:center!important;
  z-index:2!important;
  filter:saturate(1.04) contrast(1.02) brightness(1)!important;
}

/* Design/cưới: main contain, nền blur lấp khung */
html body .lmk-design-motion-ready-v1077 .lmk-motion-slide-main-v1077,
html body .lmk-design-fit-slider-v1077 .lmk-motion-slide-main-v1077{
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
html body .lmk-design-motion-ready-v1077 .lmk-motion-item-v1077.is-active .lmk-motion-slide-main-v1077,
html body .lmk-design-fit-slider-v1077 .lmk-motion-item-v1077.is-active .lmk-motion-slide-main-v1077{
  animation:lmkMainAlive1077 7.2s ease-in-out infinite alternate!important;
}
html body .lmk-design-motion-ready-v1077 .lmk-motion-item-v1077.is-active .lmk-motion-slide-bg-v1077,
html body .lmk-design-fit-slider-v1077 .lmk-motion-item-v1077.is-active .lmk-motion-slide-bg-v1077{
  animation:lmkBgAlive1077 8s ease-in-out infinite alternate!important;
}

/* Dot chạy theo ảnh thật */
html body .lmk-motion-ready-v1077 > .lmk-motion-dots-v1072,
html body .lmk-motion-ready-v1077 > .lmk-js-dots-v1077{
  position:absolute!important;
  right:16px!important;
  bottom:14px!important;
  z-index:10!important;
  display:flex!important;
  gap:7px!important;
  pointer-events:none!important;
}
html body .lmk-motion-ready-v1077 > .lmk-motion-dots-v1072 i,
html body .lmk-motion-ready-v1077 > .lmk-js-dots-v1077 i{
  width:7px!important;
  height:7px!important;
  display:block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
  transition:background .25s ease,transform .25s ease!important;
}
html body .lmk-motion-ready-v1077 > .lmk-motion-dots-v1072 i.is-active,
html body .lmk-motion-ready-v1077 > .lmk-js-dots-v1077 i.is-active{
  background:#ffe2a0!important;
  transform:scale(1.18)!important;
}

/* Album cưới/design bên ngoài: ép contain, không crop mặt */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077 .lmk-design-fit-slider-v1077,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-fit-slider-v1077{
  position:absolute!important;
  inset:22px 22px 22px 43%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:1!important;
  background:#0a0a0a!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,160,.13),0 18px 56px rgba(0,0,0,.30)!important;
}

/* Overlay design vừa đủ, không làm mất ảnh chính */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077::after,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072::after{
  content:""!important;
  position:absolute!important;
  inset:22px 22px 22px 43%!important;
  z-index:4!important;
  border-radius:28px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.02) 56%,rgba(0,0,0,.12)),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08))!important;
  pointer-events:none!important;
}

/* Album detail cover design: slide contain + blur */
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077{
  position:relative!important;
  overflow:hidden!important;
  border-radius:34px!important;
  min-height:clamp(430px,52vw,720px)!important;
  background:#090909!important;
  isolation:isolate!important;
}
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--lmk-cover-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(22px) saturate(.9) brightness(.62)!important;
  transform:scale(1.10)!important;
  opacity:.78!important;
}
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077 .lmk-album-cover-motion-v1076{
  position:absolute!important;
  inset:24px!important;
  z-index:1!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.20)!important;
}
html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077 .lmk-motion-slide-main-v1077{
  object-fit:contain!important;
  padding:10px!important;
}

/* Debug motion */
html body .lmk-debug-motion-v1077 img{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}

/* Mobile */
@media(max-width:900px){
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077 .lmk-design-fit-slider-v1077,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-fit-slider-v1077{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077::after,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072::after{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
  html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077{
    min-height:440px!important;
  }
  html body .lmk-album-cover-wide.lmk-design-fit-motion-v1077 .lmk-album-cover-motion-v1076{
    inset:16px!important;
    border-radius:22px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  html body .lmk-motion-ready-v1077 *{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   LONGMK V10.78 - ALBUM MOTION VISIBLE FIX
   Nguyên nhân lỗi V10.77:
   - CSS cũ có selector mạnh:
     .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image img { opacity:0!important; ... }
   - V10.77 đổi sang slide 2 lớp nhưng img bên trong vẫn bị rule cũ làm opacity=0.
   - Vì vậy chỉ thấy nền blur, không thấy ảnh thật.
   Bản này ép lại img trong slide v1077: ảnh luôn visible, opacity điều khiển ở parent slide.
   ========================================================= */

/* 1) Ép ảnh trong slide v1077 luôn hiện, không bị rule cũ opacity=0 */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image.lmk-motion-slider-v1077 .lmk-motion-slide-v1077 > img,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072.lmk-motion-slider-v1077 .lmk-motion-slide-v1077 > img,
html body .lmk-album-cover-motion-v1076.lmk-motion-slider-v1077 .lmk-motion-slide-v1077 > img,
html body .lmk-motion-slider-v1077 .lmk-motion-slide-v1077 > img{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  animation:none!important;
  transition:none!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}

/* 2) Parent slide mới là nơi ẩn/hiện, tránh bóng ma */
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077{
  opacity:0!important;
  visibility:hidden!important;
  z-index:1!important;
  transition:opacity 300ms ease, visibility 300ms ease!important;
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-active{
  opacity:1!important;
  visibility:visible!important;
  z-index:5!important;
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-leaving{
  opacity:0!important;
  visibility:hidden!important;
  z-index:2!important;
  transition:opacity 160ms ease, visibility 160ms ease!important;
}

/* 3) Lớp nền blur luôn cover, lớp ảnh thật contain */
html body .lmk-motion-slider-v1077 .lmk-motion-slide-bg-v1077{
  object-fit:cover!important;
  object-position:center!important;
  z-index:1!important;
  filter:blur(20px) saturate(.95) brightness(.62)!important;
  transform:scale(1.12)!important;
}
html body .lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077{
  object-fit:cover!important;
  object-position:center!important;
  z-index:3!important;
  filter:saturate(1.04) contrast(1.02) brightness(1)!important;
}

/* 4) Cưới/design: ảnh thật không crop */
html body .lmk-design-fit-slider-v1077 .lmk-motion-slide-main-v1077,
html body .lmk-design-motion-ready-v1077 .lmk-motion-slide-main-v1077,
html body .lmk-folder-card.lmk-design-folder-card .lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077,
html body .lmk-album-cover-motion-v1076.lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077{
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
}

/* 5) Motion cho ảnh active nhưng không đụng opacity của img */
@keyframes lmkMainAlive1078{
  0%{transform:scale(1.000) translateX(-.25%) translateY(0);}
  50%{transform:scale(1.014) translateX(.35%) translateY(-.2%);}
  100%{transform:scale(1.004) translateX(-.15%) translateY(.15%);}
}
@keyframes lmkBgAlive1078{
  0%{transform:scale(1.11) translateX(-.4%);}
  50%{transform:scale(1.16) translateX(.55%);}
  100%{transform:scale(1.13) translateX(-.25%);}
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-active .lmk-motion-slide-main-v1077{
  animation:lmkMainAlive1078 7.2s ease-in-out infinite alternate!important;
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-active .lmk-motion-slide-bg-v1077{
  animation:lmkBgAlive1078 8s ease-in-out infinite alternate!important;
}

/* 6) Đảm bảo khung ảnh cưới/design nằm đúng bên phải và có chiều cao */
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-fit-slider-v1077,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077 .lmk-design-fit-slider-v1077{
  position:absolute!important;
  inset:22px 22px 22px 43%!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#0a0a0a!important;
  z-index:1!important;
}

/* 7) Nếu ảnh thiết kế vẫn quá to/dọc: tăng khoảng thở trong khung */
html body .lmk-folder-card.lmk-design-folder-card.cover-mode-contain .lmk-design-fit-slider-v1077 .lmk-motion-slide-main-v1077{
  padding:16px!important;
}

/* 8) Tắt pseudo blur cũ quá mạnh trên chính container v1077 nếu nó che ảnh */
html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image.lmk-motion-slider-v1077::before,
html body .lmk-folder-card.lmk-design-folder-card .lmk-album-motion-preview-v1072.lmk-motion-slider-v1077::before{
  opacity:.38!important;
  filter:blur(16px) saturate(.9) brightness(.55)!important;
  z-index:0!important;
}

/* 9) Dot nằm trên cùng */
html body .lmk-motion-slider-v1077 > .lmk-motion-dots-v1072,
html body .lmk-motion-slider-v1077 > .lmk-js-dots-v1077{
  z-index:20!important;
  visibility:visible!important;
  opacity:1!important;
}

/* 10) Mobile */
@media(max-width:900px){
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-design-fit-slider-v1077,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-v1077 .lmk-design-fit-slider-v1077{
    inset:18px 18px auto 18px!important;
    height:58%!important;
    border-radius:24px!important;
  }
}

/* Debug: không để CSS motion làm mờ ảnh debug */
html body .lmk-debug-motion-v1077 img{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  transform:none!important;
}


/* =========================================================
   LONGMK V10.79 - SOFT MOTION + NO CROP FINAL
   Mục tiêu:
   1) Motion nhẹ hơn, mềm hơn, không giật.
   2) Ảnh dọc (portrait) ưu tiên không cắt mặt.
   3) Áp dụng cho cả:
      - Tài nguyên (topic + folder)
      - Chọn bộ ảnh / Album
   ========================================================= */

/* ---------------------------------------------------------
   A. TÀI NGUYÊN: engine crossfade mềm cho IMG trực tiếp
   --------------------------------------------------------- */
html body .lmk-topic-motion-bg > img,
html body .lmk-folder-motion-bg > img,
html body .lmk-real-motion-bg > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
  transition:
    opacity .95s cubic-bezier(.22,.61,.36,1)!important,
    transform 5.8s ease-in-out!important,
    visibility .95s linear!important;
  transform:scale(1.015) translate3d(0,0,0)!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.03) contrast(1.02) brightness(.98)!important;
  z-index:1!important;
}

html body .lmk-topic-motion-bg > img.is-active,
html body .lmk-folder-motion-bg > img.is-active,
html body .lmk-real-motion-bg > img.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1.035) translate3d(.45%,-.25%,0)!important;
  z-index:3!important;
}

html body .lmk-topic-motion-bg > img.is-leaving,
html body .lmk-folder-motion-bg > img.is-leaving,
html body .lmk-real-motion-bg > img.is-leaving{
  opacity:0!important;
  visibility:hidden!important;
  transform:scale(1.01) translate3d(-.22%,.15%,0)!important;
  z-index:2!important;
}

/* Ảnh đầu hiện ngay khi JS chưa kịp chạy */
html body .lmk-topic-motion-bg > img:first-child:not(.is-active):not(.is-leaving),
html body .lmk-folder-motion-bg > img:first-child:not(.is-active):not(.is-leaving),
html body .lmk-real-motion-bg > img:first-child:not(.is-active):not(.is-leaving){
  opacity:1!important;
  visibility:visible!important;
}

/* Ảnh dọc: tránh cắt mặt */
html body .lmk-topic-motion-bg > img.is-portrait,
html body .lmk-folder-motion-bg > img.is-portrait,
html body .lmk-real-motion-bg > img.is-portrait{
  object-fit:contain!important;
  object-position:center center!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.06),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08)),
    #0a0a0a!important;
}

/* ---------------------------------------------------------
   B. ALBUM / CHỌN BỘ ẢNH: motion slide dịu hơn
   --------------------------------------------------------- */
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077{
  transition:opacity .95s cubic-bezier(.22,.61,.36,1), visibility .95s linear!important;
}

html body .lmk-motion-slider-v1077 .lmk-motion-slide-bg-v1077{
  filter:blur(18px) saturate(.94) brightness(.60)!important;
  transform:scale(1.08)!important;
  transition:transform 6.6s ease-in-out, opacity .95s cubic-bezier(.22,.61,.36,1)!important;
}

html body .lmk-motion-slider-v1077 .lmk-motion-slide-main-v1077{
  transition:
    transform 6s ease-in-out!important,
    opacity .95s cubic-bezier(.22,.61,.36,1)!important;
  object-position:center center!important;
}

html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-active .lmk-motion-slide-main-v1077{
  transform:scale(1.022) translate3d(.35%,-.22%,0)!important;
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-active .lmk-motion-slide-bg-v1077{
  transform:scale(1.12) translate3d(.45%,0,0)!important;
}

/* Ảnh dọc trong album/design: giữ nguyên mặt và cơ thể */
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-portrait .lmk-motion-slide-main-v1077{
  object-fit:contain!important;
  object-position:center center!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-portrait .lmk-motion-slide-bg-v1077{
  object-fit:cover!important;
  object-position:center center!important;
}

/* ---------------------------------------------------------
   C. HERO / ẢNH COVER RỘNG: tránh cắt mặt nếu ảnh dọc
   --------------------------------------------------------- */
html body .lmk-album-cover-wide.cover-mode-contain img,
html body .lmk-album-cover-motion-v1076 .lmk-motion-slide-main-v1077.is-portrait{
  object-fit:contain!important;
  object-position:center center!important;
}

/* ---------------------------------------------------------
   D. DỊU bớt overlay để ảnh sáng hơn, nhìn mềm hơn
   --------------------------------------------------------- */
html body .lmk-resource-topic-card.has-motion::before,
html body .lmk-resource-folder-card.has-motion::before,
html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.03) 55%,rgba(0,0,0,.16)),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.10))!important;
}

/* ---------------------------------------------------------
   E. Chữ card tài nguyên nhỏ gọn hơn một chút
   --------------------------------------------------------- */
html body .lmk-resource-topic-card h2{
  font-size:clamp(26px,2.15vw,34px)!important;
  max-width:11ch!important;
}
html body .lmk-resource-folder-card h3{
  font-size:clamp(26px,2.1vw,34px)!important;
  max-width:11ch!important;
}
html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
  font-size:clamp(26px,2.35vw,38px)!important;
}

/* ---------------------------------------------------------
   F. Mobile portrait: tránh cắt mặt
   --------------------------------------------------------- */
@media(max-width:900px){
  html body .lmk-topic-motion-bg > img.is-portrait,
  html body .lmk-folder-motion-bg > img.is-portrait,
  html body .lmk-real-motion-bg > img.is-portrait,
  html body .lmk-motion-slider-v1077 > .lmk-motion-slide-v1077.is-portrait .lmk-motion-slide-main-v1077{
    padding:8px!important;
  }
}


/* =========================================================
   LONGMK V10.81 - RESTORE LUXURY CATEGORY LAYOUT
   Khôi phục phần chủ đề ngoài Album ảnh về kiểu cũ sang trọng:
   - Không dùng bố cục V10.80 chữ trái / ảnh phải cho card chủ đề ngoài.
   - Giữ layout editorial: card lớn + card dọc như trước.
   - Các fix tài nguyên và motion V10.79 vẫn giữ.
   ========================================================= */
html body .lmk-category-card-v1080,
html body .lmk-category-bg-v1080,
html body .lmk-category-image-frame-v1080,
html body .lmk-category-body-v1080,
html body .lmk-category-kicker-v1080{
  all:revert-layer;
}

/* Nếu CSS V10.80 còn cache, ưu tiên layout grid/editorial cũ */
html body .lmk-service-grid-editorial > .lmk-card:not(.lmk-folder-card){
  position:relative;
  overflow:hidden;
}
html body .lmk-service-grid-editorial > .lmk-card:not(.lmk-folder-card) > img{
  display:block!important;
}


/* =========================================================
   LONGMK V10.83 - ROLLBACK STABLE LAYOUT GUARD
   Mục tiêu: gỡ tác động của V10.82 làm card nhỏ/dọc/vỡ chữ.
   Bản này giữ layout V10.81, chỉ thêm guard chống cache cũ.
   ========================================================= */

/* Gỡ các layout chia ảnh/phần text từ V10.82 nếu cache còn sót */
html body .lmk-featured-stage .lmk-featured-slide-bg,
html body .lmk-featured-stage .lmk-featured-slide-main,
html body .lmk-featured-stage .lmk-featured-slide > img.lmk-featured-slide-bg,
html body .lmk-featured-stage .lmk-featured-slide > img.lmk-featured-slide-main{
  display:none!important;
}

/* Featured stage quay lại dùng background-image/card cũ */
html body .lmk-featured-stage .lmk-featured-slide{
  background-size:cover!important;
  background-position:center 28%!important;
}

/* Folder/card album giữ kích thước editorial cũ, không ép thành cột hẹp */
html body .lmk-folder-grid-smart{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
}

html body .lmk-folder-grid-smart > .lmk-folder-card,
html body .lmk-folder-grid-smart > a.lmk-folder-card{
  min-width:0!important;
  overflow:hidden!important;
}

html body .lmk-folder-grid-smart > .lmk-folder-card.featured,
html body .lmk-folder-grid-smart > a.lmk-folder-card.featured{
  grid-column:span 6!important;
  min-height:clamp(380px,32vw,520px)!important;
}

html body .lmk-folder-grid-smart > .lmk-folder-card:not(.featured),
html body .lmk-folder-grid-smart > a.lmk-folder-card:not(.featured){
  grid-column:span 3!important;
  min-height:clamp(360px,30vw,500px)!important;
}

/* Với iPad/desktop vừa: không để card bị bó thành quá hẹp */
@media(max-width:1200px){
  html body .lmk-folder-grid-smart > .lmk-folder-card.featured,
  html body .lmk-folder-grid-smart > a.lmk-folder-card.featured{
    grid-column:span 6!important;
  }
  html body .lmk-folder-grid-smart > .lmk-folder-card:not(.featured),
  html body .lmk-folder-grid-smart > a.lmk-folder-card:not(.featured){
    grid-column:span 6!important;
  }
}

/* Mobile: 1 card / hàng */
@media(max-width:760px){
  html body .lmk-folder-grid-smart{
    grid-template-columns:1fr!important;
  }
  html body .lmk-folder-grid-smart > .lmk-folder-card,
  html body .lmk-folder-grid-smart > a.lmk-folder-card,
  html body .lmk-folder-grid-smart > .lmk-folder-card.featured,
  html body .lmk-folder-grid-smart > a.lmk-folder-card.featured{
    grid-column:1 / -1!important;
    min-height:420px!important;
  }
}

/* Gỡ ảnh contain/slide ép của V10.82 nếu còn cache: quay về cover-position mềm */
html body .lmk-folder-card .lmk-design-card-image img,
html body .lmk-folder-card > img,
html body .lmk-card > img{
  object-fit:cover!important;
  object-position:center 28%!important;
}

/* Không cho chữ bị rơi từng ký tự vì card hẹp */
html body .lmk-folder-card h3,
html body .lmk-card h3{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Tài nguyên giữ layout đang ổn, không đổi */
html body .lmk-resource-topic-card h2,
html body .lmk-resource-folder-card h3{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}


/* =========================================================
   LONGMK V10.84 - STABLE ALBUM LAYOUT FROM V10.39
   Mục tiêu:
   - Giữ code mới V10.83: tài nguyên, shared selection, AI/TXT, design album.
   - Khôi phục bố cục album/folder theo bản V10.39 ổn định.
   - Chặn lỗi card bị ép hẹp, chữ rớt từng chữ.
   ========================================================= */

html body .lmk-folder-heading{
    max-width:920px!important;
    margin:0 auto clamp(28px,3vw,48px)!important;
    text-align:center!important;
}
html body .lmk-folder-heading h2{
    font-size:clamp(42px,5.2vw,86px)!important;
    line-height:1.02!important;
    margin-bottom:8px!important;
}
html body .lmk-folder-heading .lmk-signature-line{
    font-size:clamp(13px,1vw,17px)!important;
}

/* Grid chính: quay về kiểu ổn định, không dùng span 12/cột hẹp */
html body .lmk-folder-grid,
html body .lmk-folder-grid-smart{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    gap:26px!important;
    align-items:stretch!important;
}

/* Card album */
html body .lmk-folder-grid > .lmk-folder-card,
html body .lmk-folder-grid-smart > .lmk-folder-card,
html body .lmk-folder-grid > a.lmk-folder-card,
html body .lmk-folder-grid-smart > a.lmk-folder-card{
    grid-column:auto!important;
    min-width:0!important;
    min-height:315px!important;
    border-radius:30px!important;
    border:1px solid rgba(255,226,160,.17)!important;
    box-shadow:0 22px 64px rgba(0,0,0,.25)!important;
    overflow:hidden!important;
    position:relative!important;
    isolation:isolate!important;
}

/* Card nổi bật */
html body .lmk-folder-grid > .lmk-folder-card.featured,
html body .lmk-folder-grid-smart > .lmk-folder-card.featured,
html body .lmk-folder-grid > a.lmk-folder-card.featured,
html body .lmk-folder-grid-smart > a.lmk-folder-card.featured{
    grid-column:span 2!important;
    min-height:410px!important;
}

/* Một số card ngang định kỳ giống bố cục cũ */
html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
    grid-column:span 2!important;
    min-height:350px!important;
}

/* Ảnh trong card: giữ cover như bản cũ, nhưng nâng điểm nhìn lên để hạn chế cắt đầu */
html body .lmk-folder-card > img,
html body .lmk-folder-card .lmk-design-card-image,
html body .lmk-folder-card .lmk-album-motion-preview-v1072,
html body .lmk-folder-card .lmk-motion-slider-v1077{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    z-index:0!important;
}
html body .lmk-folder-card img,
html body .lmk-folder-card .lmk-design-card-image img,
html body .lmk-folder-card .lmk-motion-slider-v1077 img,
html body .lmk-folder-card .lmk-motion-slide-main-v1077{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center 24%!important;
    display:block!important;
    filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
    transition:transform .9s ease, filter .9s ease, opacity 1.15s ease!important;
}
/* Riêng album cưới/design khổ dài: giữ contain để không cắt layout thiết kế */
html body .lmk-folder-card.lmk-design-folder-card .lmk-motion-slide-main-v1077,
html body .lmk-folder-card.lmk-design-folder-card .lmk-design-card-image img{
    object-fit:contain!important;
    object-position:center center!important;
    padding:10px!important;
    box-sizing:border-box!important;
}
html body .lmk-folder-card:hover img{
    transform:scale(1.035)!important;
    filter:saturate(1.06) contrast(1.035) brightness(1.03)!important;
}

/* Motion album: crossfade mềm, không giật */
html body .lmk-folder-card .lmk-motion-slider-v1077 .lmk-motion-slide-v1077{
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity 1.15s cubic-bezier(.22,.61,.36,1), visibility 1.15s linear!important;
    z-index:1!important;
}
html body .lmk-folder-card .lmk-motion-slider-v1077 .lmk-motion-slide-v1077:first-child,
html body .lmk-folder-card .lmk-motion-slider-v1077 .lmk-motion-slide-v1077.is-active{
    opacity:1!important;
    visibility:visible!important;
    z-index:2!important;
}
html body .lmk-folder-card .lmk-motion-slide-bg-v1077{
    object-fit:cover!important;
    object-position:center!important;
    filter:blur(18px) saturate(.98) brightness(.56)!important;
    transform:scale(1.10)!important;
}
html body .lmk-folder-card .lmk-motion-slide-main-v1077{
    transform:scale(1)!important;
}
html body .lmk-folder-card .lmk-motion-slide-v1077.is-active .lmk-motion-slide-main-v1077{
    transform:scale(1.018)!important;
}

/* Gradient cũ: tập trung dưới trái, không che đen toàn ảnh */
html body .lmk-folder-card::after,
html body .lmk-folder-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
        radial-gradient(circle at 18% 88%, rgba(0,0,0,.68) 0%, rgba(0,0,0,.46) 34%, rgba(0,0,0,.12) 72%, transparent 100%),
        linear-gradient(180deg, rgba(0,0,0,.00) 0%, rgba(0,0,0,.10) 48%, rgba(0,0,0,.55) 100%)!important;
    opacity:.96!important;
}

/* Text block luôn nằm góc dưới bên trái */
html body .lmk-folder-body,
html body .lmk-folder-card.featured .lmk-folder-body{
    position:absolute!important;
    left:24px!important;
    right:22px!important;
    bottom:22px!important;
    top:auto!important;
    max-width:min(410px,82%)!important;
    text-align:left!important;
    align-items:flex-start!important;
    padding:0!important;
    transform:none!important;
    z-index:3!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
html body .lmk-folder-card.featured .lmk-folder-body{
    left:32px!important;
    bottom:30px!important;
    max-width:min(540px,72%)!important;
}
html body .lmk-folder-label{
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    margin:0 0 6px!important;
    color:#ffe2a0!important;
    text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
}
html body .lmk-folder-card h3,
html body .lmk-folder-body h3{
    font-family:var(--lmk-font-title, "Noto Serif Display", "Noto Serif", "Times New Roman", serif)!important;
    font-size:clamp(24px,1.85vw,36px)!important;
    line-height:1.06!important;
    margin:0 0 7px!important;
    max-width:12.5ch!important;
    color:#fff!important;
    text-align:left!important;
    text-shadow:0 3px 13px rgba(0,0,0,.74),0 1px 2px rgba(0,0,0,.92)!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}
html body .lmk-folder-card.featured h3,
html body .lmk-folder-card.featured .lmk-folder-body h3{
    font-size:clamp(34px,3.25vw,58px)!important;
    max-width:15ch!important;
}
html body .lmk-folder-desc,
html body .lmk-folder-body p,
html body .lmk-folder-body p.lmk-folder-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:32ch!important;
    font-size:clamp(12px,.92vw,15px)!important;
    line-height:1.42!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    text-align:left!important;
    text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
}
html body .lmk-folder-card.featured .lmk-folder-desc,
html body .lmk-folder-card.featured .lmk-folder-body p{
    font-size:clamp(13px,1vw,16px)!important;
    max-width:44ch!important;
}
html body .lmk-folder-count{
    margin-top:12px!important;
    min-width:78px!important;
    padding:8px 14px!important;
    font-size:12px!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}

/* iPad / tablet */
@media(max-width:1180px){
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:22px!important;
    }
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:span 2!important;
    }
}
@media(max-width:820px){
    html body .lmk-folder-card h3{font-size:clamp(24px,4vw,34px)!important;}
    html body .lmk-folder-card.featured h3{font-size:clamp(32px,6vw,50px)!important;}
}
/* Mobile: 1 cột */
@media(max-width:620px){
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        grid-template-columns:1fr!important;
        gap:20px!important;
    }
    html body .lmk-folder-card,
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        grid-column:auto!important;
        min-height:360px!important;
    }
    html body .lmk-folder-body,
    html body .lmk-folder-card.featured .lmk-folder-body{
        left:20px!important;
        right:20px!important;
        bottom:20px!important;
        max-width:88%!important;
        text-align:left!important;
        align-items:flex-start!important;
    }
    html body .lmk-folder-card h3,
    html body .lmk-folder-card.featured h3{
        font-size:clamp(28px,8vw,42px)!important;
        text-align:left!important;
        max-width:12ch!important;
    }
    html body .lmk-folder-desc,
    html body .lmk-folder-body p{
        font-size:14.5px!important;
        line-height:1.42!important;
        -webkit-line-clamp:2!important;
        max-width:30ch!important;
        text-align:left!important;
    }
}

/* Featured slider: chuyển mềm hơn */
html body .lmk-featured-slide{
    transition:opacity 1.2s cubic-bezier(.22,.61,.36,1)!important;
}
html body .lmk-featured-stage .lmk-featured-slide{
    background-size:cover!important;
    background-position:center 24%!important;
}
html body .lmk-featured-slide.is-leaving{
    opacity:0!important;
}

/* Tài nguyên: giữ bố cục mới nhất, chỉ làm motion dịu hơn */
html body .lmk-resource-topic-card img,
html body .lmk-resource-folder-card img,
html body .lmk-real-motion-bg img,
html body .lmk-topic-motion-bg img,
html body .lmk-folder-motion-bg img{
    transition:opacity 1.15s cubic-bezier(.22,.61,.36,1), transform 5.8s ease!important;
}
html body .lmk-real-motion-bg img.is-active,
html body .lmk-topic-motion-bg img.is-active,
html body .lmk-folder-motion-bg img.is-active{
    transform:scale(1.018)!important;
}


/* =========================================================
   LONGMK V10.85 - SMART COVER ENGINE PRO
   Giữ nguyên layout V10.84, chỉ tối ưu ảnh cover trong folder card.
   ========================================================= */

/* Container ảnh smart cover */
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-cover-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-motion-v1085{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    z-index:0!important;
    background:#080808!important;
}

/* Slide motion smart */
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide{
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:1!important;
    transition:opacity 1.18s cubic-bezier(.22,.61,.36,1), visibility 1.18s linear!important;
}
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide.is-active{
    opacity:1!important;
    visibility:visible!important;
    z-index:3!important;
}
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide.is-leaving{
    opacity:0!important;
    visibility:hidden!important;
    z-index:2!important;
}

/* Hai lớp ảnh: nền blur + ảnh chính */
html body .lmk-folder-card .lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-smart-main-v1085{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    transition:transform 6.2s ease, opacity 1.18s cubic-bezier(.22,.61,.36,1), filter .8s ease!important;
}

/* Mặc định cover như layout cũ */
html body .lmk-folder-card.lmk-cover-fit-cover .lmk-smart-bg-v1085{
    opacity:0!important;
}
html body .lmk-folder-card.lmk-cover-fit-cover .lmk-smart-main-v1085{
    object-fit:cover!important;
    object-position:var(--lmk-cover-position, center 24%)!important;
    padding:0!important;
    transform:scale(1)!important;
    filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
}

/* Hybrid / contain: không cắt đầu/mặt, nền blur lấp khung */
html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-bg-v1085{
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    filter:blur(22px) saturate(.95) brightness(.48)!important;
    transform:scale(1.13)!important;
}
html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
    object-fit:contain!important;
    object-position:var(--lmk-cover-main-position, center top)!important;
    padding:clamp(8px,1.2vw,16px)!important;
    box-sizing:border-box!important;
    transform:scale(1)!important;
    filter:saturate(1.04) contrast(1.02) brightness(.99)!important;
}

/* Design/cưới luôn ưu tiên không cắt ảnh thiết kế */
html body .lmk-folder-card.lmk-cover-design-v1085 .lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-design-folder-card .lmk-smart-main-v1085{
    object-fit:contain!important;
    object-position:center center!important;
    padding:clamp(10px,1.3vw,18px)!important;
}

/* Motion siêu nhẹ, không giật */
html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-v1085-slide.is-active .lmk-smart-main-v1085{
    transform:scale(1.016)!important;
}
html body .lmk-folder-card.lmk-smart-motion-card-v1085.lmk-cover-fit-cover .lmk-v1085-slide.is-active .lmk-smart-main-v1085{
    transform:scale(1.026)!important;
}
html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-v1085-slide.is-active .lmk-smart-bg-v1085{
    transform:scale(1.16)!important;
}

/* Dot smart nằm trên ảnh, không che chữ */
html body .lmk-folder-card .lmk-v1085-dots{
    position:absolute!important;
    right:18px!important;
    bottom:18px!important;
    z-index:6!important;
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
}
html body .lmk-folder-card .lmk-v1085-dots i{
    width:7px!important;
    height:7px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.48)!important;
    opacity:.75!important;
    transition:all .25s ease!important;
    box-shadow:none!important;
}
html body .lmk-folder-card .lmk-v1085-dots i.active{
    width:9px!important;
    height:9px!important;
    background:#f4d77d!important;
    opacity:1!important;
}

/* Đảm bảo chữ luôn nổi trên smart cover */
html body .lmk-folder-card .lmk-folder-body{
    z-index:8!important;
}

/* Khi dùng hybrid, giảm gradient tối một chút để nhìn ảnh sạch hơn */
html body .lmk-folder-card.lmk-cover-fit-hybrid::after,
html body .lmk-folder-card.lmk-cover-fit-contain::after,
html body .lmk-folder-card.lmk-cover-safe-v1085::after{
    background:
        radial-gradient(circle at 18% 88%, rgba(0,0,0,.66) 0%, rgba(0,0,0,.42) 34%, rgba(0,0,0,.10) 72%, transparent 100%),
        linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.09) 48%, rgba(0,0,0,.52) 100%)!important;
}

/* Responsive giữ layout cũ */
@media(max-width:620px){
    html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
    html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
    html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
        padding:10px!important;
    }
    html body .lmk-folder-card .lmk-v1085-dots{
        right:16px!important;
        bottom:16px!important;
    }
}

@media (prefers-reduced-motion: reduce){
    html body .lmk-folder-card .lmk-v1085-slide,
    html body .lmk-folder-card .lmk-smart-bg-v1085,
    html body .lmk-folder-card .lmk-smart-main-v1085{
        transition:none!important;
        transform:none!important;
    }
}


/* =========================================================
   LONGMK V10.86 - SMART COVER VISIBLE FIX
   Nguyên nhân V10.85 bị mất ảnh:
   - CSS motion cũ V10.72/V10.77 có rule mạnh:
     .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image img { opacity:0!important; animation:... }
   - Smart Cover V10.85 dùng lại .lmk-design-card-image nên ảnh mới cũng bị opacity=0.
   Fix:
   - Chỉ ép lại ảnh thuộc Smart Cover V10.85/V10.86 hiển thị.
   - Không đổi layout V10.84.
   ========================================================= */

html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-design-card-image.lmk-smart-motion-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-cover-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-motion-v1085{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    z-index:1!important;
    background:#080808!important;
    box-shadow:none!important;
}

html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-smart-motion-v1085 .lmk-v1085-slide,
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:1!important;
    animation:none!important;
    transition:opacity 1.18s cubic-bezier(.22,.61,.36,1), visibility 1.18s linear!important;
}

html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-smart-motion-v1085 .lmk-v1085-slide.is-active,
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide.is-active,
html body .lmk-folder-card .lmk-smart-motion-v1085 .lmk-v1085-slide:first-child{
    opacity:1!important;
    visibility:visible!important;
    z-index:3!important;
}

/* Override rule cũ ép opacity=0 cho mọi img trong lmk-design-card-image */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image.lmk-smart-cover-v1085 img.lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image.lmk-smart-cover-v1085 img.lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image.lmk-smart-motion-v1085 img.lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image.lmk-smart-motion-v1085 img.lmk-smart-main-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-cover-v1085 img.lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-cover-v1085 img.lmk-smart-main-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-motion-v1085 img.lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-design-card-image.lmk-smart-motion-v1085 img.lmk-smart-main-v1085{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    animation:none!important;
    transition:transform 6.2s ease, opacity 1.18s cubic-bezier(.22,.61,.36,1), filter .8s ease!important;
}

/* Mode cover: giữ bố cục V10.84 */
html body .lmk-folder-card.lmk-cover-fit-cover .lmk-smart-bg-v1085{
    opacity:0!important;
    pointer-events:none!important;
}
html body .lmk-folder-card.lmk-cover-fit-cover .lmk-smart-main-v1085{
    object-fit:cover!important;
    object-position:var(--lmk-cover-position, center 24%)!important;
    padding:0!important;
    filter:saturate(1.04) contrast(1.04) brightness(.98)!important;
}

/* Mode hybrid/contain: nền blur + ảnh chính contain để tránh cắt đầu */
html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-bg-v1085,
html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-bg-v1085{
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    filter:blur(22px) saturate(.95) brightness(.50)!important;
    transform:scale(1.13)!important;
}
html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
    object-fit:contain!important;
    object-position:var(--lmk-cover-main-position, center top)!important;
    padding:clamp(8px,1.2vw,16px)!important;
    box-sizing:border-box!important;
    filter:saturate(1.04) contrast(1.02) brightness(.99)!important;
}

/* Motion nhẹ, chỉ chạy trên slide active */
html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-v1085-slide.is-active .lmk-smart-main-v1085{
    transform:scale(1.016)!important;
}
html body .lmk-folder-card.lmk-smart-motion-card-v1085.lmk-cover-fit-cover .lmk-v1085-slide.is-active .lmk-smart-main-v1085{
    transform:scale(1.026)!important;
}

/* Dot nằm trên ảnh, không ảnh hưởng ảnh */
html body .lmk-folder-card .lmk-v1085-dots{
    position:absolute!important;
    right:18px!important;
    bottom:18px!important;
    z-index:9!important;
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
}

@media(max-width:620px){
    html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
    html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
    html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
        padding:10px!important;
    }
}


/* =========================================================
   LONGMK V10.87 - SMART ORIENTATION STAGE PRO
   Fix: album con rộng ngang nhưng thấp; trình chiếu nhận biết ảnh đứng/ngang.
   ========================================================= */

/* Album con: stage cao hơn, không còn cảm giác khung ngang quá dẹt */
html body .lmk-album-clean-wrap{
  max-width:min(1280px, 100%)!important;
}
html body .lmk-album-cover-wide.lmk-smart-album-stage-v1087{
  position:relative!important;
  width:100%!important;
  min-height:clamp(520px, 58vw, 760px)!important;
  height:auto!important;
  aspect-ratio:16 / 10!important;
  max-height:none!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:#080808!important;
  isolation:isolate!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
}
html body .lmk-stage-slider-v1087,
html body .lmk-stage-slide-v1087{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
html body .lmk-stage-slide-v1087{
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity 1.2s cubic-bezier(.22,.61,.36,1), visibility 1.2s linear!important;
  z-index:1!important;
}
html body .lmk-stage-slide-v1087.is-active{
  opacity:1!important;
  visibility:visible!important;
  z-index:3!important;
}
html body .lmk-stage-slide-v1087.is-leaving{
  opacity:0!important;
  visibility:hidden!important;
  z-index:2!important;
}
html body .lmk-stage-bg-v1087,
html body .lmk-stage-main-v1087{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  max-width:none!important;
  max-height:none!important;
  transition:transform 6.3s ease, opacity 1.2s cubic-bezier(.22,.61,.36,1)!important;
}
html body .lmk-stage-bg-v1087{
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(24px) saturate(.95) brightness(.52)!important;
  transform:scale(1.14)!important;
  opacity:.95!important;
}
html body .lmk-stage-slide-v1087.lmk-slide-fit-cover .lmk-stage-main-v1087{
  object-fit:cover!important;
  object-position:center 24%!important;
  padding:0!important;
}
html body .lmk-stage-slide-v1087.lmk-slide-fit-contain .lmk-stage-main-v1087,
html body .lmk-stage-slide-v1087.lmk-img-portrait .lmk-stage-main-v1087,
html body .lmk-stage-slide-v1087.lmk-img-wide .lmk-stage-main-v1087,
html body .lmk-stage-slide-v1087.lmk-img-square .lmk-stage-main-v1087{
  object-fit:contain!important;
  object-position:center center!important;
  padding:clamp(12px, 1.2vw, 20px)!important;
  box-sizing:border-box!important;
}
html body .lmk-stage-slide-v1087.lmk-img-portrait .lmk-stage-main-v1087{
  object-position:center top!important;
}
html body .lmk-stage-slide-v1087.is-active .lmk-stage-main-v1087{
  transform:scale(1.018)!important;
}
html body .lmk-stage-slide-v1087.is-active .lmk-stage-bg-v1087{
  transform:scale(1.17)!important;
}
html body .lmk-stage-dots-v1087{
  position:absolute!important;
  right:22px!important;
  bottom:22px!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html body .lmk-stage-dots-v1087 i{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.44)!important;
  opacity:.82!important;
  transition:all .28s ease!important;
}
html body .lmk-stage-dots-v1087 i.active{
  width:10px!important;
  height:10px!important;
  background:#f4d77d!important;
  opacity:1!important;
}
html body .lmk-album-cover-wide.lmk-smart-album-stage-v1087::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.10) 60%,rgba(0,0,0,.26))!important;
}

/* Nếu album chủ yếu ảnh dọc, tăng chiều cao để mẫu không bị ép */
html body .lmk-album-cover-wide.lmk-smart-album-stage-v1087.lmk-stage-type-portrait{
  min-height:clamp(620px, 66vw, 860px)!important;
  aspect-ratio:14 / 10!important;
}

/* Gallery trong album con: tự nhận ảnh đứng/ngang, không ép 1 tỷ lệ cho tất cả */
html body .lmk-gallery-grid .lmk-gallery-item.lmk-smart-gallery-item-v1087{
  min-height:unset!important;
  background:#0a0a0a!important;
  isolation:isolate!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-portrait{
  aspect-ratio:3 / 4!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-square{
  aspect-ratio:1 / 1!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-landscape{
  aspect-ratio:4 / 3!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-wide{
  grid-column:span 2!important;
  aspect-ratio:16 / 9!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-portrait img{
  object-fit:cover!important;
  object-position:center top!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-wide img,
html body .lmk-gallery-grid .lmk-gallery-item.design img{
  object-fit:contain!important;
  object-position:center center!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-wide::before,
html body .lmk-gallery-grid .lmk-gallery-item.design::before{
  content:""!important;
  position:absolute!important;
  inset:-22px!important;
  z-index:0!important;
  background-image:var(--lmk-img-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(18px) brightness(.55) saturate(.96)!important;
  transform:scale(1.12)!important;
}
html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-wide img,
html body .lmk-gallery-grid .lmk-gallery-item.design img{
  position:relative!important;
  z-index:2!important;
}

/* Folder cards: mỗi slide nhận biết hướng ảnh riêng, không lấy cấu hình của ảnh đầu áp cho toàn bộ */
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-slide-fit-contain .lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-portrait .lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-wide .lmk-smart-bg-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-square .lmk-smart-bg-v1085{
  object-fit:cover!important;
  opacity:1!important;
  filter:blur(22px) saturate(.94) brightness(.48)!important;
  transform:scale(1.13)!important;
}
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-slide-fit-contain .lmk-smart-main-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-portrait .lmk-smart-main-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-wide .lmk-smart-main-v1085,
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-square .lmk-smart-main-v1085{
  object-fit:contain!important;
  object-position:center top!important;
  padding:clamp(8px,1.1vw,15px)!important;
  box-sizing:border-box!important;
}
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-landscape .lmk-smart-bg-v1085{
  opacity:0!important;
}
html body .lmk-folder-card .lmk-smart-motion-v1087 .lmk-v1087-slide.lmk-img-landscape .lmk-smart-main-v1085{
  object-fit:cover!important;
  object-position:center 24%!important;
  padding:0!important;
}

/* Tăng chiều cao hợp lý cho card ảnh dọc, tránh rộng ngang nhưng dẹt */
@media (min-width:1181px){
  html body .lmk-folder-grid .lmk-folder-card.lmk-cover-type-portrait,
  html body .lmk-folder-grid-smart .lmk-folder-card.lmk-cover-type-portrait{
    min-height:430px!important;
    height:430px!important;
  }
  html body .lmk-folder-grid .lmk-folder-card.featured.lmk-cover-type-portrait,
  html body .lmk-folder-grid-smart .lmk-folder-card.featured.lmk-cover-type-portrait{
    min-height:470px!important;
    height:470px!important;
  }
  html body .lmk-folder-grid .lmk-folder-card.lmk-cover-type-wide,
  html body .lmk-folder-grid-smart .lmk-folder-card.lmk-cover-type-wide{
    min-height:360px!important;
    height:360px!important;
  }
}

@media(max-width:900px){
  html body .lmk-album-cover-wide.lmk-smart-album-stage-v1087{
    min-height:clamp(430px, 75vw, 680px)!important;
    aspect-ratio:4 / 3!important;
    border-radius:26px!important;
  }
  html body .lmk-album-cover-wide.lmk-smart-album-stage-v1087.lmk-stage-type-portrait{
    min-height:clamp(520px, 92vw, 760px)!important;
    aspect-ratio:3 / 4!important;
  }
  html body .lmk-stage-slide-v1087.lmk-slide-fit-contain .lmk-stage-main-v1087,
  html body .lmk-stage-slide-v1087.lmk-img-portrait .lmk-stage-main-v1087,
  html body .lmk-stage-slide-v1087.lmk-img-wide .lmk-stage-main-v1087,
  html body .lmk-stage-slide-v1087.lmk-img-square .lmk-stage-main-v1087{
    padding:10px!important;
  }
}
@media(max-width:700px){
  html body .lmk-gallery-grid .lmk-gallery-item.lmk-img-wide{
    grid-column:auto!important;
    aspect-ratio:4 / 3!important;
  }
}
@media (prefers-reduced-motion: reduce){
  html body .lmk-stage-slide-v1087,
  html body .lmk-stage-bg-v1087,
  html body .lmk-stage-main-v1087{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   LONGMK V10.88 - iPAD / TABLET OVERLAY FIX
   Lỗi đã thấy trên iPad:
   - Box chữ của .lmk-folder-body bị CSS cũ ép rộng 100% và có nền glass.
   - Nền glass thành một dải ngang lớn che ảnh.
   Cách fix:
   - Trên tablet/mobile, text box luôn nhỏ gọn bên trái.
   - Tắt nền glass/backdrop của text box.
   - Chỉ dùng gradient nhẹ trên card để chữ vẫn đọc được.
   - Không đổi layout PC đang ổn.
   ========================================================= */

/* Chặn mọi rule cũ tạo panel nền cho box chữ album motion */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    background:transparent!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
}

/* Gradient nằm trên card, không dùng panel ngang che ảnh */
html body .lmk-folder-card.lmk-album-motion-card-v1072::after,
html body .lmk-folder-card.lmk-album-motion-card-v1072:after{
    background:
        radial-gradient(circle at 18% 68%, rgba(0,0,0,.58) 0%, rgba(0,0,0,.34) 32%, rgba(0,0,0,.08) 62%, transparent 100%),
        linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.32) 30%, rgba(0,0,0,.08) 60%, transparent 100%),
        linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.16) 56%, rgba(0,0,0,.42) 100%)!important;
    opacity:.82!important;
    pointer-events:none!important;
}

/* Chữ nổi bằng shadow thay vì dùng nền che */
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-label,
html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc,
html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-count{
    text-shadow:
        0 3px 16px rgba(0,0,0,.95),
        0 1px 4px rgba(0,0,0,.95)!important;
}

/* Tablet/iPad ngang hoặc dọc: text box không được kéo full ngang */
@media (max-width:1180px){
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
        position:absolute!important;
        z-index:9!important;
        top:auto!important;
        left:clamp(22px,3vw,34px)!important;
        right:auto!important;
        bottom:clamp(24px,3.2vw,38px)!important;
        transform:none!important;
        width:min(330px,42vw)!important;
        max-width:min(330px,42vw)!important;
        min-width:0!important;
        padding:0!important;
        margin:0!important;
        background:transparent!important;
        background-image:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        box-shadow:none!important;
        border:0!important;
        border-radius:0!important;
        text-align:left!important;
        align-items:flex-start!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
        font-size:clamp(30px,4.4vw,54px)!important;
        line-height:.98!important;
        max-width:10.8ch!important;
        margin-bottom:8px!important;
        text-align:left!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        hyphens:none!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc,
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body p{
        font-size:clamp(13px,1.55vw,16px)!important;
        line-height:1.38!important;
        max-width:28ch!important;
        -webkit-line-clamp:2!important;
        color:rgba(255,255,255,.88)!important;
        text-align:left!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-label{
        font-size:10px!important;
        line-height:1.15!important;
        margin-bottom:7px!important;
        max-width:22ch!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-count{
        margin-top:12px!important;
        padding:9px 15px!important;
        min-width:76px!important;
    }
}

/* iPad dọc / mobile lớn: card vẫn sang, nhưng chữ nhỏ hơn để không che ảnh */
@media (max-width:820px){
    html body .lmk-folder-grid,
    html body .lmk-folder-grid-smart{
        gap:22px!important;
    }

    html body .lmk-folder-card,
    html body .lmk-folder-card.featured,
    html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
    html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
        min-height:clamp(300px,47vw,430px)!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
        left:clamp(20px,4vw,30px)!important;
        bottom:clamp(22px,4vw,32px)!important;
        width:min(300px,48vw)!important;
        max-width:min(300px,48vw)!important;
        right:auto!important;
        background:transparent!important;
        padding:0!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
        font-size:clamp(27px,7vw,42px)!important;
        line-height:.98!important;
        max-width:10.4ch!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc,
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body p{
        font-size:clamp(12.5px,3.2vw,15px)!important;
        line-height:1.32!important;
        max-width:25ch!important;
        -webkit-line-clamp:2!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072::after,
    html body .lmk-folder-card.lmk-album-motion-card-v1072:after{
        background:
            radial-gradient(circle at 18% 68%, rgba(0,0,0,.62) 0%, rgba(0,0,0,.36) 35%, rgba(0,0,0,.08) 67%, transparent 100%),
            linear-gradient(90deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.32) 42%, rgba(0,0,0,.05) 74%, transparent 100%),
            linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.14) 55%, rgba(0,0,0,.35) 100%)!important;
    }
}

/* Điện thoại hẹp: cho text nằm dưới trái nhưng không còn nền ngang */
@media (max-width:560px){
    html body .lmk-folder-card,
    html body .lmk-folder-card.featured{
        min-height:330px!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
    html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
        left:18px!important;
        bottom:20px!important;
        width:min(270px,70vw)!important;
        max-width:min(270px,70vw)!important;
        right:auto!important;
        padding:0!important;
        background:transparent!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 h3,
    html body .lmk-folder-card.lmk-album-motion-card-v1072.featured h3{
        font-size:clamp(26px,8.2vw,38px)!important;
        line-height:.98!important;
        max-width:10ch!important;
    }

    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-desc{
        font-size:13px!important;
        line-height:1.32!important;
        max-width:24ch!important;
    }
}

/* Chặn dot giả nằm trong body làm tăng chiều cao box chữ trên mobile */
@media (max-width:820px){
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body::after{
        display:none!important;
        content:none!important;
    }
}


/* =========================================================
   LONGMK V10.89 - CHILD FOLDER OVERLAY FINAL
   Fix lỗi mobile/iPad: ảnh thư mục con bị mảng kính/đen che ngang.
   Nguyên nhân: CSS cũ V10.72/V10.76/V10.77 ép .lmk-design-card-image
   và ::after thành một khung 58% phía trên. Đoạn này đặt cuối file
   để đè lại toàn bộ.
   ========================================================= */

/* 1) Card album/folder con: ảnh phải là nền full card, không còn khung ảnh 58% phía trên */
@media (max-width:1180px){

  html body .lmk-folder-card.lmk-album-motion-card-v1072,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085,
  html body .lmk-folder-card.lmk-cover-safe-v1085{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#050505!important;
  }

  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-motion-v1073,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1076,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-ready-v1077,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-fit-slider-v1077,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-design-card-image,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-smart-motion-v1085,
  html body .lmk-folder-card .lmk-design-card-image.lmk-smart-cover-v1085,
  html body .lmk-folder-card .lmk-design-card-image.lmk-smart-motion-v1085{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    max-height:none!important;
    border-radius:inherit!important;
    overflow:hidden!important;
    z-index:0!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    background:#050505!important;
    box-shadow:none!important;
    transform:none!important;
  }

  /* 2) Mọi slide/ảnh bên trong cũng phủ full card, không giữ inset cũ */
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-v1085-slide,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-slide-v1077,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-v1085-slide,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-motion-slide-v1077{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
    overflow:hidden!important;
  }

  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image img,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-img-v1072,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-slide-main-v1077,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085 .lmk-smart-main-v1085,
  html body .lmk-folder-card .lmk-smart-main-v1085{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:2!important;
    filter:saturate(1.04) contrast(1.02) brightness(1.03)!important;
    transform:scale(1)!important;
  }

  /* 3) Ảnh thường full card, ưu tiên mặt cao hơn chút */
  html body .lmk-folder-card.lmk-cover-fit-cover .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-type-landscape .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-type-wide .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image > img,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-motion-slide-main-v1077{
    object-fit:cover!important;
    object-position:var(--lmk-cover-position, center 24%)!important;
  }

  /* 4) Ảnh dọc/khó: vẫn full card nhưng dùng nền blur + main contain */
  html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-bg-v1085,
  html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-bg-v1085,
  html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-bg-v1085{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.88!important;
    visibility:visible!important;
    z-index:1!important;
    filter:blur(20px) saturate(.92) brightness(.55)!important;
    transform:scale(1.12)!important;
  }

  html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
    object-fit:contain!important;
    object-position:var(--lmk-cover-main-position, center top)!important;
    padding:clamp(8px,1.3vw,14px)!important;
    box-sizing:border-box!important;
    z-index:2!important;
  }

  /* 5) Lớp phủ đen chỉ là gradient nhẹ toàn card, KHÔNG còn mảng kính 58% phía trên */
  html body .lmk-folder-card.lmk-album-motion-card-v1072::after,
  html body .lmk-folder-card.lmk-album-motion-card-v1072:after,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085::after,
  html body .lmk-folder-card.lmk-smart-motion-card-v1085:after,
  html body .lmk-folder-card::after,
  html body .lmk-folder-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
    z-index:4!important;
    pointer-events:none!important;
    opacity:1!important;
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.43) 32%,
        rgba(0,0,0,.15) 60%,
        rgba(0,0,0,.05) 100%
      ),
      linear-gradient(180deg,
        rgba(0,0,0,.03) 0%,
        rgba(0,0,0,.08) 45%,
        rgba(0,0,0,.40) 100%
      )!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
  }

  /* 6) Khối chữ nằm riêng, không còn nền kính ngang */
  html body .lmk-folder-card .lmk-folder-body,
  html body .lmk-folder-card.featured .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-design-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    position:absolute!important;
    z-index:9!important;
    left:clamp(18px,4vw,32px)!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(20px,4vw,34px)!important;
    width:min(300px,48vw)!important;
    max-width:min(300px,48vw)!important;
    min-width:0!important;
    min-height:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    text-align:left!important;
    align-items:flex-start!important;
    display:block!important;
  }

  html body .lmk-folder-card .lmk-folder-body::before,
  html body .lmk-folder-card .lmk-folder-body::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  html body .lmk-folder-card .lmk-folder-label{
    font-size:clamp(8px,1.5vw,10px)!important;
    line-height:1.18!important;
    letter-spacing:.13em!important;
    margin:0 0 6px!important;
    color:#ffe2a0!important;
    max-width:22ch!important;
    text-shadow:0 2px 8px rgba(0,0,0,.9)!important;
  }

  html body .lmk-folder-card h3,
  html body .lmk-folder-card.featured h3,
  html body .lmk-folder-card .lmk-folder-body h3{
    font-size:clamp(27px,6.6vw,44px)!important;
    line-height:1.01!important;
    letter-spacing:.005em!important;
    max-width:10.8ch!important;
    margin:0 0 7px!important;
    color:#fff!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-shadow:0 3px 14px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.92)!important;
  }

  html body .lmk-folder-card .lmk-folder-desc,
  html body .lmk-folder-card .lmk-folder-body p{
    font-size:clamp(12.5px,2.7vw,15px)!important;
    line-height:1.34!important;
    max-width:26ch!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:rgba(255,255,255,.9)!important;
    text-align:left!important;
    text-shadow:0 2px 8px rgba(0,0,0,.86)!important;
  }

  html body .lmk-folder-card .lmk-folder-count{
    position:relative!important;
    z-index:10!important;
    margin-top:11px!important;
    padding:8px 14px!important;
    min-width:72px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  html body .lmk-folder-card .lmk-v1085-dots,
  html body .lmk-folder-card .lmk-motion-dots-v1072,
  html body .lmk-folder-card .lmk-motion-dots-v1073{
    z-index:10!important;
    right:16px!important;
    bottom:18px!important;
  }
}

/* Điện thoại hẹp: giảm chữ thêm để không che mặt/mẫu */
@media (max-width:560px){
  html body .lmk-folder-card,
  html body .lmk-folder-card.featured,
  html body .lmk-folder-grid .lmk-folder-card:nth-child(7n+6),
  html body .lmk-folder-grid-smart .lmk-folder-card:nth-child(7n+6){
    min-height:clamp(300px,82vw,360px)!important;
  }

  html body .lmk-folder-card .lmk-folder-body,
  html body .lmk-folder-card.featured .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-folder-body,
  html body .lmk-folder-card.lmk-album-motion-card-v1072.featured .lmk-folder-body{
    left:18px!important;
    bottom:18px!important;
    width:min(255px,68vw)!important;
    max-width:min(255px,68vw)!important;
  }

  html body .lmk-folder-card h3,
  html body .lmk-folder-card.featured h3,
  html body .lmk-folder-card .lmk-folder-body h3{
    font-size:clamp(26px,8.1vw,38px)!important;
    max-width:10ch!important;
  }

  html body .lmk-folder-card .lmk-folder-desc,
  html body .lmk-folder-card .lmk-folder-body p{
    font-size:13px!important;
    line-height:1.32!important;
    max-width:24ch!important;
  }

  html body .lmk-folder-card.lmk-cover-fit-hybrid .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-fit-contain .lmk-smart-main-v1085,
  html body .lmk-folder-card.lmk-cover-safe-v1085 .lmk-smart-main-v1085{
    padding:8px!important;
  }

  html body .lmk-folder-card.lmk-album-motion-card-v1072::after,
  html body .lmk-folder-card.lmk-album-motion-card-v1072:after,
  html body .lmk-folder-card::after,
  html body .lmk-folder-card:after{
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.74) 0%,
        rgba(0,0,0,.48) 34%,
        rgba(0,0,0,.18) 64%,
        rgba(0,0,0,.04) 100%
      ),
      linear-gradient(180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.08) 45%,
        rgba(0,0,0,.42) 100%
      )!important;
  }
}

/* iPad Safari hay giữ cache layer cũ: ép tắt riêng các rule làm khung ảnh top 58% */
@supports (-webkit-touch-callout: none){
  @media (max-width:1180px){
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-design-card-image,
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-album-motion-preview-v1072,
    html body .lmk-folder-card.lmk-album-motion-card-v1072 .lmk-js-motion-v1073,
    html body .lmk-folder-card.lmk-album-motion-card-v1072::after{
      inset:0!important;
      height:100%!important;
      width:100%!important;
      border-radius:inherit!important;
    }
  }
}