/*
Theme Name: Longmk Photography V10.28 Gemini JSON Fix
Theme URI: https://longmkphoto.synology.me
Description: Longmk Photography V10.28: sửa lỗi Gemini trả JSON không hợp lệ bằng parser mềm + response schema + fallback.
Author: Longmk Photography
Template: diamond
Version: 10.28.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;
    }
}