:root{--green:#0a5a34;--green2:#19d86e;--deep:#06110e;--panel:#091714cc;--line:#ffffff1a;--text:#eef7ef;--muted:#b9c8be;--purple:#7654cf;--gold:#dabe96;--blue:#62caff;--shadow:0 30px 90px #0008}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:#07110e}.page{display:none;min-height:100vh}.page.active{display:block}.home-page{position:relative;overflow:hidden;border-radius:0 0 12px 12px}.bg-rotator{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=80');background-size:cover;background-position:center;animation:slowZoom 60s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#0001,#0009 70%),linear-gradient(180deg,#03110baa,#020907cc)}@keyframes slowZoom{to{transform:scale(1.08)}}.glass,.topbar{backdrop-filter:blur(22px);background:#06120d99;border:1px solid #ffffff16}.topbar{position:relative;z-index:2;margin:0 auto;width:min(100%,1720px);height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-radius:0 0 18px 18px}.brand,.app-title{display:flex;align-items:center;gap:12px;color:#d9ffe2;text-decoration:none;font-weight:900;font-size:25px}.brand-icon,.mini-logo{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#082b19,#1d8f50);box-shadow:0 0 28px #2cff7570}.home-nav,.app-actions{display:flex;align-items:center;gap:12px}.search-pill{height:42px;min-width:210px;border-radius:28px;border:1px solid #ffffff1a;background:#06100dd8;display:flex;align-items:center;gap:10px;padding:0 15px;color:#cfe9d5}.search-pill input{width:100%;border:0;background:transparent;outline:none;color:#eaf7ee}.search-pill.wide{width:min(520px,42vw)}kbd{font-size:11px;border:1px solid #ffffff22;border-radius:6px;padding:2px 7px;color:#aab8ad}.nav-btn,.lang{border:1px solid #ffffff18;color:white;background:#09130ecc;border-radius:20px;padding:10px 18px;text-decoration:none;font-weight:700}.download{background:linear-gradient(135deg,#1bb45f,#0a6b3b)}button{cursor:pointer}.hero{position:relative;z-index:1;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 18px}.welcome{font-size:31px;color:#c8ffd7;margin:0}.hero h1{font-size:92px;line-height:.9;margin:12px 0;background:linear-gradient(180deg,#fff,#a8ffbd 48%,#136b42);-webkit-background-clip:text;color:transparent;text-shadow:0 18px 60px #0cff7280}.subtitle{font-size:18px;margin:0 0 32px;color:#edf7ed}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,210px));gap:28px}.app-card{height:210px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(145deg,#10241dcc,#06110dcc);box-shadow:var(--shadow);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;transition:.28s}.app-card:hover,.active-card{transform:translateY(-8px);border-color:#21d76d;box-shadow:0 0 55px #13d56e55}.app-card b{font-size:18px}.app-card small{color:#d9dedb}.app-icon{font-size:58px;filter:drop-shadow(0 14px 24px #000)}.box{color:#ffd570}.bolt{color:#be7cff}.keyboard{color:#74d5ff}.purple:hover{border-color:#895eff;box-shadow:0 0 55px #895eff66}.blue:hover{border-color:#5bcfff;box-shadow:0 0 55px #5bcfff55}.photo-credit{position:absolute;left:24px;bottom:23px;z-index:2;color:#ffffffb0;font-size:13px}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;color:white}.scroll-hint>span{display:block;font-size:13px;margin-top:8px}.app-page{background:radial-gradient(circle at 28% 30%,#073c24,#06110e 48%,#020503);}.app-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#03120bbb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.hamburger{font-size:27px;background:transparent;color:#dff7e6;border:0}.app-title small{display:block;color:#c9d7cc;font-size:12px}.feature-tabs{height:80px;display:flex;align-items:end;justify-content:center;gap:12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#071611,#07161188)}.tab{min-width:150px;height:64px;border:0;background:transparent;color:#dbe7df;border-radius:18px 18px 0 0;font-weight:700}.tab span{display:block;font-size:22px}.tab.active{color:#79ff9b;background:linear-gradient(180deg,#0a3d25,#0c2118);box-shadow:inset 0 -3px #39ff7f}.guide-layout{display:grid;grid-template-columns:420px 1fr;gap:34px;max-width:1560px;margin:0 auto;padding:48px 34px}.phone-wrap{display:flex;justify-content:center}.phone{width:335px;height:720px;background:#050807;border:6px solid #202b29;border-radius:42px;padding:16px 11px 11px;box-shadow:0 40px 100px #000,0 0 0 1px #89ffc229}.phone-speaker{width:92px;height:7px;background:#1a2220;border-radius:9px;margin:0 auto 11px}.screen{height:100%;border-radius:27px;overflow:hidden;background:#f4f6f4;color:#161616}.screen-top{height:47px;background:#07552e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:800}.screen-top small{background:#05271a;padding:6px 8px;border-radius:20px}.screen-nav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #ddd}.screen-content{padding:14px 13px;font-size:13px}.screen-content h4,.field-title{color:#075d31;margin:15px 0 8px;display:block}.screen-content label{display:inline-flex;align-items:center;gap:6px;margin:7px 0}.screen-content input{accent-color:#4d4d4d}.screen-content .muted{color:#aaa}.line{border-bottom:1px solid #777;padding:7px 0}.row{display:grid!important;grid-template-columns:70px 1fr;gap:5px;align-items:center}.row small{grid-column:2}.screen-content select,.select-box{border:1px solid #aaa;background:white;padding:10px;border-radius:4px}.select-box{display:flex;justify-content:space-between}.link-row{display:block;border:0;background:transparent;color:#075d31;font-weight:800;padding:10px 0}.apply{width:100%;height:42px;border:0;border-radius:17px;background:var(--purple);color:white;margin-top:10px;font-weight:800}.open{background:#6d50bd}.clickable{border-radius:6px;transition:.16s}.clickable:hover,.clickable.selected{background:#d8ffe9;color:#064b28!important}.content-panel{min-width:0}.panel-head .crumb{color:#91e7aa;margin:0 0 5px}.panel-head h2{font-size:36px;margin:0 0 5px}.panel-head p{color:#d7e6da}.chips{display:flex;gap:10px;margin:20px 0}.chip{border:1px solid #ffffff2a;border-radius:22px;background:#0a1510;color:white;padding:10px 22px}.chip.active{background:linear-gradient(135deg,#1ab65d,#0b6b3d)}.info-grid{display:grid;grid-template-columns:1fr 420px;gap:24px}.guide-card,.video-card,.warn-card,.custom-modal-demo{border:1px solid #ffffff18;background:linear-gradient(145deg,#0b1d16cc,#07110dcc);border-radius:18px;padding:22px;box-shadow:0 20px 65px #0005}.guide-card p{line-height:1.7;color:#d5e1d7}.guide-card li{margin:10px 0}.guide-card li::marker{content:'✅ ';}.video-thumb{height:210px;margin:12px 0;background:linear-gradient(135deg,#74b43b,#c5a242 35%,#5f9d39 70%,#302a12);border-radius:12px;display:grid;place-items:center;border:1px solid #ffffff25}.video-thumb span{width:72px;height:72px;border-radius:50%;background:#0009;display:grid;place-items:center;font-size:31px}.controls{font-size:13px;color:#e7ede8}.warn-card{margin-top:20px;background:linear-gradient(145deg,#2a2107cc,#0b100bcc);border-color:#ffc44d44}.warn-card li{margin:6px 0}.custom-modal-demo{display:none;margin-top:24px;background:#f8faf8;color:#181818;max-width:780px}.custom-modal-demo.show{display:block}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h3{margin:0;font-size:26px}.modal-title label{color:#11612e;font-weight:800}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.machine-title{text-align:center;color:#777;font-weight:900;margin:13px 0 22px}.machines{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.machines button{height:82px;border:0;background:#fff;border-radius:16px;font-size:40px;box-shadow:0 8px 25px #0001}@media(max-width:1000px){.app-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.phone{width:min(335px,92vw)}.topbar,.app-header{height:auto;gap:12px;flex-wrap:wrap;padding:14px}.home-nav,.app-actions{flex-wrap:wrap}.feature-tabs{overflow:auto;justify-content:flex-start;padding-left:12px}.hero h1{font-size:62px}}

/* BOHD update 02: mobile scale + real app icons + real Mod Hay Day screen */
.home-nav .search-pill{display:none!important}.topbar{flex-wrap:nowrap}.home-nav{flex-wrap:nowrap}.brand{white-space:nowrap}.app-grid{align-items:start}.app-card{height:auto;min-height:0;background:transparent;border:0;box-shadow:none;gap:8px;padding:0 8px;overflow:visible}.app-card:hover,.active-card{transform:translateY(-7px);background:transparent;border:0;box-shadow:none}.app-icon-img{width:136px;height:136px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#10241dcc,#06110dcc);border:1px solid #ffffff22;box-shadow:0 25px 80px #0009,0 0 42px #0ddb7040;transition:.25s}.app-card:hover .app-icon-img,.active-card .app-icon-img{border-color:#21d76d;box-shadow:0 0 60px #13d56e66}.app-icon-img img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 18px 26px #0008)}.app-card b,.app-card small{text-shadow:0 3px 12px #000}.app-card b{font-size:17px;margin-top:8px}.app-card small{font-size:13px;color:#e2ece5}.purple:hover .app-icon-img{border-color:#895eff;box-shadow:0 0 55px #895eff66}.blue:hover .app-icon-img{border-color:#5bcfff;box-shadow:0 0 55px #5bcfff55}.app-title .mini-logo{padding:0;background:transparent;box-shadow:none}.mini-logo img{width:31px;height:31px;border-radius:9px;object-fit:contain}.home-btn{width:38px;height:38px;border-radius:14px;border:1px solid #ffffff22;background:#092016;color:#dff7e6;font-size:25px;font-weight:900;line-height:1;display:grid;place-items:center}.home-btn:hover{background:#0d5d38;color:#fff}.phone{height:760px}.screen.phone-image-screen{position:relative;background:#0b0f0c;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.phone-ui-img{width:100%;height:100%;object-fit:contain;background:#f7f9f7;display:block}.hotspot{position:absolute;border:0;background:transparent;border-radius:8px}.hotspot:hover,.hotspot.selected{outline:2px solid #32f47d;background:#30ff8020}.hs-slot{left:7%;top:6.5%;width:86%;height:7%}.hs-basic{left:7%;top:15%;width:70%;height:8%}.hs-fish{left:7%;top:24%;width:75%;height:12%}.hs-crops{left:7%;top:38.5%;width:86%;height:8%}.hs-price{left:7%;top:51.5%;width:50%;height:6%}.hs-custom-items{left:7%;top:64.5%;width:60%;height:4%}.hs-interface{left:7%;top:73%;width:86%;height:8%}.hs-apply{left:7%;top:83.5%;width:86%;height:11%}.guide-card li{cursor:pointer}.guide-card li:hover{color:#89ffac}
@media(max-width:700px){.topbar{height:54px;padding:0 12px;border-radius:0}.brand{font-size:18px;gap:8px}.brand-icon{width:27px;height:27px}.home-nav{gap:6px}.home-nav .nav-btn{display:none}.home-nav .lang{padding:7px 10px;font-size:12px}.hero{justify-content:flex-start;min-height:calc(100vh - 54px);padding-top:15vh}.welcome{font-size:20px}.hero h1{font-size:54px}.subtitle{font-size:13px;margin-bottom:26px}.app-grid{grid-template-columns:repeat(4,1fr);gap:7px;width:100%;max-width:430px}.app-icon-img{width:68px;height:68px;border-radius:16px}.app-card{padding:0 2px}.app-card b{font-size:11px;line-height:1.15;margin-top:5px}.app-card small{display:none}.photo-credit{font-size:11px;left:12px;bottom:12px}.scroll-hint{display:none}.app-header{height:58px;padding:0 10px;flex-wrap:nowrap}.app-title{font-size:18px;gap:8px}.home-btn{width:34px;height:34px;font-size:22px}.app-actions .search-pill{display:none}.app-actions .lang{padding:7px 10px;font-size:12px}.feature-tabs{height:68px;align-items:center}.tab{min-width:88px;height:54px;font-size:11px}.tab span{font-size:18px}.guide-layout{padding:18px 10px;gap:20px}.phone{width:92vw;max-width:335px;height:740px;border-radius:36px}.panel-head h2{font-size:26px}.chips{overflow:auto;padding-bottom:5px}.chip{white-space:nowrap;padding:8px 14px}.guide-card,.video-card,.warn-card{padding:16px}.modal-grid{grid-template-columns:1fr 1fr}.machines{grid-template-columns:repeat(3,1fr);gap:12px}}

/* BOHD update 03 */
.app-icon-img{overflow:hidden;padding:0}.app-icon-img img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.app-card:nth-child(3) .app-icon-img img,.app-card:nth-child(4) .app-icon-img img{object-fit:contain;padding:3px}.phone{height:760px}.screen.phone-app-screen{background:#f4f7f5;color:#111;position:relative;display:flex;flex-direction:column;overflow:hidden}.mock-top{height:42px;background:#075530;color:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:13px;flex:0 0 auto}.mock-top b{flex:1}.mock-top button{border:0;border-radius:14px;background:#06291a;color:#fff;font-size:10px;padding:5px 8px}.home-menu{font-size:18px}.mock-sub{height:34px;background:#fff;border-bottom:1px solid #e4e7e4;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:12px;flex:0 0 auto}.mock-scroll{flex:1;overflow:hidden;background:#f3f6f4;padding:11px 8px 16px}.mock-card{background:#fff;border:1px solid #d7ddd9;border-radius:12px;padding:11px 10px 14px}.mock-card h4{font-size:12px;color:#0a5a34;margin:12px 0 7px}.phone-row{width:100%;border:0;background:transparent;color:#111;text-align:left;font-size:12px;min-height:28px;padding:5px 5px 5px 28px;border-radius:8px;position:relative;margin:2px 0}.phone-row::before{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);width:15px;height:15px;border:2px solid #8a8f8b;border-radius:2px;background:#fff}.phone-row.on::before{background:#444;border-color:#444;box-shadow:inset 0 0 0 2px #444}.phone-row.on::after{content:'✓';position:absolute;left:8px;top:50%;transform:translateY(-58%);color:#fff;font-size:14px;font-weight:900}.phone-row.off{color:#aaa}.phone-row.link{font-weight:800;color:#075d31;padding-left:5px}.phone-row.link::before,.phone-field::before,.dropdown::before{display:none}.phone-field{border-radius:8px;padding-left:5px}.phone-field b{display:block;color:#075d31;margin-bottom:5px}.phone-field span{display:block;border-bottom:1px solid #777;padding:5px 0;font-size:15px}.phone-field small{display:block;color:#777;margin-top:6px}.select-line{display:grid;grid-template-columns:70px 1fr 72px;gap:5px;align-items:center}.select-line em{font-style:normal;border:1px solid #bbb;border-radius:4px;padding:8px 17px 8px 8px;position:relative;background:#fff}.select-line em::after{content:'⌄';position:absolute;right:6px;color:#777}.select-line i{font-style:normal;color:#245b36;font-size:10px;border-bottom:1px solid #777;padding-bottom:4px}.inline-row{display:flex;gap:14px}.phone-row.compact{width:auto;min-width:70px}.dropdown{border:1px solid #bbb;border-radius:4px;padding:12px 12px;margin-top:7px;display:flex;justify-content:space-between}.mock-action{width:100%;height:37px;border:0;border-radius:16px;background:#7654cf;color:#fff;font-weight:800;margin-top:9px;letter-spacing:.5px}.outside-title{color:#151515!important;margin:14px 0 7px!important}.mock-white{background:#fff;border-radius:12px;padding:13px;color:#666;font-size:12px}.mock-white.tall{height:58px}.phone-row:hover,.phone-row.selected{background:#dbffe9!important;box-shadow:inset 0 0 0 2px #29da70;color:#064b28!important}.content-panel .guide-card li{padding:7px 10px;border-radius:10px;list-style-position:inside}.content-panel .guide-card li.active{background:#143d29;color:#8dffae;box-shadow:inset 0 0 0 1px #29da70}.chips .chip:nth-child(n+2){opacity:1}.chips .chip:nth-child(n+2)::after{content:''}.example-box{display:none;margin-top:18px;border:1px dashed #ffffff33;border-radius:14px;padding:16px;background:#081611}.example-box.show{display:block}.empty-media{height:120px;border-radius:12px;border:1px dashed #ffffff30;display:grid;place-items:center;color:#9fb4a5;background:#ffffff08;margin-top:10px}.video-thumb.no-video{background:#101915;color:#a7b6aa}.video-thumb.no-video span{width:auto;height:auto;background:transparent;font-size:15px}.guide-card h4{margin-top:20px;color:#a5ffba}@media(max-width:700px){.app-icon-img img{object-fit:cover}.phone{height:760px}.mock-scroll{overflow:hidden}.mock-card{padding:9px 8px}.phone-row{font-size:11px;min-height:26px;padding-top:4px;padding-bottom:4px}.mock-card h4{margin:9px 0 5px}.select-line{grid-template-columns:58px 1fr 62px}.select-line em{padding:7px 14px 7px 6px}.select-line i{font-size:9px}.mock-action{height:34px}}


/* BOHD v4 fixes */
.app-icon-img{overflow:hidden!important;padding:0!important}
.app-icon-img img{width:118%!important;height:118%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:inherit!important;padding:0!important;transform:scale(1.02)}
.app-card:nth-child(3) .app-icon-img img,.app-card:nth-child(4) .app-icon-img img{object-fit:cover!important;padding:0!important;width:118%!important;height:118%!important}
.mock-scroll{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#0a5a34 #e9eee9;padding-bottom:14px!important}
.mock-scroll::-webkit-scrollbar{width:5px}.mock-scroll::-webkit-scrollbar-thumb{background:#0a5a34;border-radius:9px}.mock-scroll::-webkit-scrollbar-track{background:#e9eee9}
.screen.phone-app-screen{overflow:hidden!important}.phone{overflow:hidden!important}.mock-card{margin-bottom:10px}
.guide-card.main-card{height:430px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2ada72 #0b1712}
.guide-card.main-card::-webkit-scrollbar{width:7px}.guide-card.main-card::-webkit-scrollbar-thumb{background:#2ada72;border-radius:9px}.guide-card.main-card::-webkit-scrollbar-track{background:#0b1712}
.info-grid{align-items:start}.media-col{max-height:430px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#2ada72 #0b1712}.media-col::-webkit-scrollbar{width:7px}.media-col::-webkit-scrollbar-thumb{background:#2ada72;border-radius:9px}.media-col::-webkit-scrollbar-track{background:#0b1712}
.content-panel .guide-card li.active{background:#143d29!important;color:#8dffae!important;box-shadow:inset 0 0 0 1px #29da70!important}
.phone-row.selected{background:#dbffe9!important;box-shadow:inset 0 0 0 2px #29da70!important;color:#064b28!important}
@media(max-width:700px){.app-icon-img img{width:120%!important;height:120%!important}.mock-scroll{overflow-y:auto!important}.guide-card.main-card{height:390px}.media-col{max-height:390px}.phone{height:720px}.mock-card{padding-bottom:10px!important}.phone-row{font-size:10.5px}.select-line{grid-template-columns:56px 1fr 64px!important}}


/* BOHD update v5 */
.app-icon-img img{width:135%!important;height:135%!important;object-fit:cover!important;max-width:none!important;max-height:none!important;transform:scale(1.04)!important;padding:0!important}
.app-card:nth-child(3) .app-icon-img img,.app-card:nth-child(4) .app-icon-img img{width:135%!important;height:135%!important;object-fit:cover!important;transform:scale(1.04)!important;padding:0!important}
.mock-scroll{overflow-y:auto!important;padding-bottom:18px!important;scrollbar-width:thin;scrollbar-color:#0a5a34 #e9eee9}
.mock-scroll::-webkit-scrollbar{width:5px}.mock-scroll::-webkit-scrollbar-thumb{background:#0a5a34;border-radius:9px}.mock-scroll::-webkit-scrollbar-track{background:#e9eee9}
.phone{height:760px!important;overflow:hidden!important}.screen.phone-app-screen{overflow:hidden!important}.mock-card{padding-bottom:12px!important;margin-bottom:10px!important}
.phone-row.on::before{background:#fff!important;border-color:#8a8f8b!important;box-shadow:none!important}.phone-row.on::after{content:none!important}
.phone-row.check.selected::before{background:#444!important;border-color:#444!important;box-shadow:inset 0 0 0 2px #444!important}.phone-row.check.selected::after{content:'✓'!important;position:absolute;left:8px;top:50%;transform:translateY(-58%);color:#fff;font-size:14px;font-weight:900}
.phone-field.selected::before,.phone-row.link.selected::before,.dropdown.selected::before{display:none!important}.phone-field.selected::after,.phone-row.link.selected::after,.dropdown.selected::after{content:none!important}
.info-grid{align-items:stretch!important}.guide-card.main-card{height:560px!important;overflow-y:auto!important}.media-col{max-height:none!important;overflow:visible!important;padding-right:0!important}.video-card,.warn-card{overflow:visible!important}.custom-modal-demo{display:none!important}
.content-panel .guide-card li.active{background:#143d29!important;color:#8dffae!important;box-shadow:inset 0 0 0 1px #29da70!important;font-weight:800}
.video-thumb{height:245px!important}.warn-card{margin-top:20px!important}
@media(max-width:1000px){.guide-card.main-card{height:520px!important}.info-grid{grid-template-columns:1fr!important}.media-col{overflow:visible!important}.phone{height:730px!important}.mock-scroll{overflow-y:auto!important}}
@media(max-width:700px){.app-icon-img img{width:138%!important;height:138%!important}.phone{height:700px!important}.guide-card.main-card{height:480px!important}.mock-scroll{overflow-y:auto!important}.mock-card{padding-bottom:18px!important}.phone-row{font-size:10.5px!important}.feature-tabs .tab{min-width:98px!important}}


/* v6 tweaks */
/* Trả icon trang Home về cỡ giống v4, không phóng quá lố */
.app-card .app-icon-img img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;padding:0!important;border-radius:inherit;}
.app-card:nth-child(3) .app-icon-img img,.app-card:nth-child(4) .app-icon-img img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;padding:0!important;}
/* Bỏ nhãn Ctrl K và giữ ô tìm kiếm hiện trên điện thoại trong trang Bo NVH */
.search-pill kbd{display:none!important;}
@media(max-width:700px){
  .app-header{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 10px;gap:8px;}
  .app-header .app-actions{display:flex!important;width:100%;gap:8px;align-items:center;flex-wrap:nowrap;}
  .app-header .app-actions .search-pill{display:flex!important;min-width:0;flex:1;width:auto;height:38px;}
  .app-header .app-actions .lang{flex:0 0 auto;}
}

/* v7 download center + footer + icon sizing */
.home-nav .nav-btn.download{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,#1bb45f,#0a6b3b);box-shadow:0 0 28px #12c96a55;}
.app-icon-img{overflow:hidden;}
/* Chỉnh lại icon Home: AutoScript tăng nhẹ, 3 icon còn lại tăng nhiều hơn nhưng không phóng quá lố */
.app-card .app-icon-img img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:inherit!important;padding:0!important;}
.app-card:nth-child(1) .app-icon-img img,
.app-card:nth-child(2) .app-icon-img img,
.app-card:nth-child(4) .app-icon-img img{transform:scale(1.28)!important;}
.app-card:nth-child(3) .app-icon-img img{transform:scale(1.08)!important;}
.home-page{min-height:200vh;}
.home-footer{position:absolute;left:0;right:0;bottom:0;z-index:3;height:92px;border-top:1px solid #ffffff28;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:linear-gradient(180deg,#03110a22,#020806cc);backdrop-filter:blur(12px);color:#e9fff0;font-weight:700;}
.socials{display:flex;align-items:center;gap:14px;}
.social{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#050906;background:#eaf7ef;font-weight:1000;font-size:21px;box-shadow:0 8px 24px #0006;transition:.2s;}
.social:hover{transform:translateY(-3px);background:#86ffae;}
.social.telegram{font-size:18px;}
.social.empty{opacity:.55;}
.download-page{position:relative;min-height:100vh;overflow:hidden;background:#050807;}
.download-bg{position:fixed;inset:0;z-index:0;background:#020403;}
.download-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.04);}
.download-bg:before,.download-bg:after{content:"";position:absolute;top:0;bottom:0;width:22vw;z-index:1;pointer-events:none;background:linear-gradient(90deg,#020403dd,#02040300);}
.download-bg:before{left:0}.download-bg:after{right:0;transform:scaleX(-1)}
.download-shade{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 34%,#00000012,#000000bb 72%),linear-gradient(180deg,#011009cc,#020403aa);}
.download-header{position:relative;z-index:3;height:72px;margin:0 auto;width:min(100%,1720px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-radius:0 0 18px 18px;}
.download-title{display:flex;flex-direction:column;gap:2px}.download-title b{font-size:23px}.download-title small{color:#c6d5ca}.home-btn{border:1px solid #ffffff22;background:#081812cc;color:#dfffe8;width:42px;height:42px;border-radius:14px;font-size:22px;}
.download-content{position:relative;z-index:3;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:42px 18px 58px;}
.download-card{width:min(1050px,96vw);padding:30px;border-radius:28px;box-shadow:0 35px 120px #000b;text-align:center;}
.download-card h1{font-size:clamp(32px,5vw,58px);margin:0;background:linear-gradient(180deg,#fff,#9effbb);-webkit-background-clip:text;color:transparent;}.download-card p{color:#d5e5d9;margin:10px 0 24px}.download-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px auto 24px;max-width:820px}.download-app{border:1px solid #ffffff22;background:#07130fcc;border-radius:22px;color:#fff;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:800;}.download-app img{width:74px;height:74px;object-fit:contain;border-radius:18px}.download-app.active{border-color:#29e779;box-shadow:0 0 36px #15d96f66;background:#092517dd}.download-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center}.download-links h2{width:100%;margin:4px 0 8px}.dl-btn{min-width:190px;text-decoration:none;color:#fff;border:1px solid #ffffff24;background:#081611dd;border-radius:18px;padding:14px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dl-btn.primary{background:linear-gradient(135deg,#1fc66b,#08713e);box-shadow:0 0 36px #13da6e66}.download-empty{border:1px dashed #ffffff35;border-radius:18px;padding:18px;margin:10px auto;color:#dce9df;max-width:420px}.download-card hr{border:0;border-top:1px solid #ffffff25;margin:26px 0}.protect-guide h2{font-size:clamp(20px,3vw,32px);margin:0 0 18px}.protect-video{width:min(720px,100%);border-radius:22px;border:1px solid #ffffff28;box-shadow:0 22px 70px #0009;background:#000;}
@media(min-aspect-ratio:16/10){.download-bg video{object-fit:cover;width:52vh;min-width:430px;left:50%;transform:translateX(-50%);right:auto}.download-bg{background:radial-gradient(circle at center,#13341f,#020403 70%)}.download-bg:before,.download-bg:after{width:35vw}}
@media(max-width:760px){.home-page{min-height:180vh}.topbar{gap:10px}.home-nav{display:flex!important;margin-left:auto}.home-nav .download{padding:9px 12px;font-size:13px}.home-nav .lang{padding:9px 10px}.home-footer{height:86px;padding:0 14px;font-size:12px}.socials{gap:8px}.social{width:30px;height:30px;font-size:18px}.download-header{height:auto;padding:12px;gap:10px}.download-title small{display:none}.download-apps{grid-template-columns:repeat(2,1fr);gap:12px}.download-card{padding:20px 14px}.download-app img{width:62px;height:62px}.dl-btn{width:100%;min-width:0}.download-bg video{object-position:center}}


/* v8: split pages + route and icon fixes */
.page{display:block}.page.active{display:block}a.app-card{text-decoration:none}.app-card.app-auto .app-icon-img img{width:92%!important;height:92%!important}.app-card.app-bo .app-icon-img img,.app-card.app-manager .app-icon-img img,.app-card.app-clip .app-icon-img img{width:105%!important;height:105%!important}
@media(max-width:700px){.home-nav .nav-btn.download{display:inline-flex!important;padding:7px 10px;font-size:12px;white-space:nowrap}.home-nav .lang{display:none}.app-card.app-auto .app-icon-img img{width:92%!important;height:92%!important}.app-card.app-bo .app-icon-img img,.app-card.app-manager .app-icon-img img,.app-card.app-clip .app-icon-img img{width:105%!important;height:105%!important}.app-header .app-actions .search-pill{display:flex!important;min-width:0;flex:1;width:auto;height:38px}.app-header{align-items:center}.app-actions{flex:1;justify-content:flex-end}.app-actions .lang{display:none}.search-pill input{font-size:12px}.feature-tabs{margin-top:0}}

/* BOHD update v10 */
.app-card{height:220px;text-decoration:none!important;overflow:visible!important;padding:18px 14px 16px;}
.app-card .app-icon-img{width:112px;height:112px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff10,0 16px 36px #0007;}
.app-card b{display:block;font-size:18px;line-height:1.15;margin-top:2px;color:#fff;text-shadow:0 2px 12px #000;}
.app-card small{display:block;font-size:13px;line-height:1.25;color:#d9dedb;text-shadow:0 2px 10px #000;margin-top:-3px;}
.app-card.app-auto .app-icon-img img{width:98%!important;height:98%!important;object-fit:contain!important;transform:none!important;}
.app-card.app-bo .app-icon-img img,.app-card.app-manager .app-icon-img img,.app-card.app-clip .app-icon-img img{width:122%!important;height:122%!important;object-fit:contain!important;transform:none!important;}

#cardText p{margin:0 0 10px;line-height:1.65;color:#d5e1d7}.example-box{margin:14px 0 8px!important}.guide-media{position:relative;margin:0 0 18px;border:1px solid #ffffff1f;border-radius:16px;background:#050b09;overflow:hidden;text-align:center}.guide-media img{display:block;width:100%;height:220px;object-fit:contain;background:#07110e}.guide-media figcaption{font-weight:800;color:#dfffe7;padding:10px 12px;border-top:1px solid #ffffff16}.zoom-media{position:absolute;right:10px;top:10px;z-index:2;border:1px solid #ffffff3a;background:#0009;color:#fff;border-radius:12px;padding:7px 10px;font-weight:900}.guide-video{width:100%;height:245px;object-fit:contain;background:#000;border-radius:14px;margin-top:12px;border:1px solid #ffffff24}.lightbox{position:fixed;inset:0;z-index:9999;background:#000d;display:grid;place-items:center;padding:24px}.lightbox img{max-width:96vw;max-height:90vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 90px #000}.lightbox button{position:fixed;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid #fff5;background:#000b;color:white;font-size:30px}.guide-card.main-card{height:560px!important}.content-panel .guide-card li{cursor:pointer}.phone-row.check.selected::before{background:#444!important;border-color:#444!important;box-shadow:inset 0 0 0 2px #444!important}.phone-row.check.selected::after{content:'✓'!important;position:absolute;left:8px;top:50%;transform:translateY(-58%);color:#fff;font-size:14px;font-weight:900}.phone-row.check:not(.selected)::after{content:none!important}.phone-row.check:not(.selected)::before{background:#fff!important;border-color:#8a8f8b!important;box-shadow:none!important}.media-col{overflow:visible!important}.video-card{min-height:120px}.empty-media{height:150px!important}.feature-tabs .tab{white-space:nowrap}
@media(max-width:1000px){.app-card.app-auto .app-icon-img img{width:98%!important;height:98%!important}.app-card.app-bo .app-icon-img img,.app-card.app-manager .app-icon-img img,.app-card.app-clip .app-icon-img img{width:122%!important;height:122%!important}.guide-media img{height:210px}.guide-video{height:230px}.content-panel{scroll-margin-top:84px}.guide-card.main-card{height:520px!important}}
@media(max-width:700px){.app-grid{grid-template-columns:repeat(2,minmax(132px,165px))!important;gap:18px!important}.app-card{height:185px!important}.app-card .app-icon-img{width:86px;height:86px;border-radius:20px}.app-card b{font-size:15px}.app-card small{font-size:11px}.guide-media img{height:180px}.guide-video{height:205px}.guide-card.main-card{height:500px!important}.feature-tabs{overflow-x:auto;justify-content:flex-start;padding:0 10px}.feature-tabs .tab{min-width:118px!important}.phone-row.check.selected::after{left:7px;font-size:12px}}

/* BOHD v11 fixes */
#cardText{display:block}#cardText p{margin:0 0 10px;line-height:1.65;color:#d5e1d7}.chips .chip{opacity:1!important}.chips .chip::after{content:none!important}

/* BOHD v12 home icon alignment fix - no media assets changed */
.app-card .app-icon-img{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.app-card .app-icon-img img{display:block!important;object-position:center center!important;max-width:none!important;max-height:none!important;margin:0!important;}
/* Auto Script Clicker: tăng nhẹ thêm một chút */
.app-card.app-auto .app-icon-img img{width:104%!important;height:104%!important;object-fit:contain!important;transform:none!important;}
/* 3 icon còn lại: kéo về giữa ô, tránh lệch xuống dưới, vẫn full ô vuông */
.app-card.app-bo .app-icon-img img,
.app-card.app-manager .app-icon-img img,
.app-card.app-clip .app-icon-img img{width:126%!important;height:126%!important;object-fit:contain!important;transform:translateY(-3%)!important;}
@media(max-width:700px){
  .app-card.app-auto .app-icon-img img{width:104%!important;height:104%!important;}
  .app-card.app-bo .app-icon-img img,
  .app-card.app-manager .app-icon-img img,
  .app-card.app-clip .app-icon-img img{width:126%!important;height:126%!important;transform:translateY(-3%)!important;}
}

/* ===== BOHD v13 HOME ICON FIX =====
   Sửa riêng 4 icon ở trang Home:
   - icon nằm đúng giữa ô vuông
   - không bị tụt xuống dưới
   - 3 icon còn lại phóng lớn hơn để đầy ô
   - AutoScriptClicker chỉ tăng nhẹ
*/
.home-page .app-icon-img{
  width:136px;
  height:136px;
  border-radius:25px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  position:relative;
}

.home-page .app-icon-img img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  display:block;
  margin:0;
  transform-origin:center center;
}

/* 3 icon này trong file ảnh có khoảng trống, nên cần scale lớn và kéo lên nhẹ */
.home-page .app-bo .app-icon-img img,
.home-page .app-manager .app-icon-img img,
.home-page .app-clip .app-icon-img img{
  transform:scale(1.28) translateY(-3px);
}

/* AutoScriptClicker chỉ thiếu một chút */
.home-page .app-auto .app-icon-img img{
  transform:scale(1.08);
}

/* Mobile giữ đúng tỉ lệ, không làm icon lệch */
@media (max-width: 760px){
  .home-page .app-icon-img{
    width:112px;
    height:112px;
    border-radius:22px;
  }
  .home-page .app-bo .app-icon-img img,
  .home-page .app-manager .app-icon-img img,
  .home-page .app-clip .app-icon-img img{
    transform:scale(1.28) translateY(-2px);
  }
  .home-page .app-auto .app-icon-img img{
    transform:scale(1.08);
  }
}

/* ===== BOHD v14 HOME ICON + BACKGROUND SPEED FIX =====
   - 4 icon trang Home phóng to thêm một chút.
   - Ảnh nền Home đổi/zoom chậm hơn khoảng 1 nửa.
*/
.home-page .bg-rotator{
  animation-duration:60s !important;
}

.home-page .app-icon-img{
  width:136px !important;
  height:136px !important;
  border-radius:25px;
  overflow:hidden;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.home-page .app-icon-img img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
  transform-origin:center center !important;
}

/* 3 icon này còn hở viền nên tăng thêm nhẹ */
.home-page .app-bo .app-icon-img img,
.home-page .app-manager .app-icon-img img,
.home-page .app-clip .app-icon-img img{
  transform:scale(1.24) translateY(-1px) !important;
}

/* AutoScriptClicker tăng thêm một chút */
.home-page .app-auto .app-icon-img img{
  transform:scale(1.14) !important;
}

@media (max-width: 760px){
  .home-page .app-icon-img{
    width:112px !important;
    height:112px !important;
    border-radius:22px;
  }

  .home-page .app-bo .app-icon-img img,
  .home-page .app-manager .app-icon-img img,
  .home-page .app-clip .app-icon-img img{
    transform:scale(1.24) translateY(0px) !important;
  }

  .home-page .app-auto .app-icon-img img{
    transform:scale(1.14) !important;
  }
}

/* ===== BOHD v15 FIX =====
   - Giảm 3 icon Home: Bò NVH / Bò Manager / ClipBridge nhỏ lại một chút so với v14.
   - Giữ AutoScriptClicker như v14.
   - Làm nền Home tồn lâu hơn.
*/
.home-page .bg-rotator{
  animation-duration:60s !important;
}

.home-page .app-bo .app-icon-img img,
.home-page .app-manager .app-icon-img img,
.home-page .app-clip .app-icon-img img{
  transform:scale(1.24) translateY(-1px) !important;
}

.home-page .app-auto .app-icon-img img{
  transform:scale(1.14) !important;
}

@media (max-width: 760px){
  .home-page .app-bo .app-icon-img img,
  .home-page .app-manager .app-icon-img img,
  .home-page .app-clip .app-icon-img img{
    transform:scale(1.24) translateY(0px) !important;
  }
  .home-page .app-auto .app-icon-img img{
    transform:scale(1.14) !important;
  }
}

/* ===== BOHD v16 ICON FINE TUNE =====
   Giảm thêm 3 icon Home: Bò NVH / Bò Manager / ClipBridge.
   Giữ AutoScriptClicker như v15.
*/
.home-page .app-bo .app-icon-img img,
.home-page .app-manager .app-icon-img img,
.home-page .app-clip .app-icon-img img{
  transform:scale(1.24) translateY(-1px) !important;
}

.home-page .app-auto .app-icon-img img{
  transform:scale(1.14) !important;
}

@media (max-width: 760px){
  .home-page .app-bo .app-icon-img img,
  .home-page .app-manager .app-icon-img img,
  .home-page .app-clip .app-icon-img img{
    transform:scale(1.24) translateY(0px) !important;
  }
}

/* ===== BOHD v17 BONVH LAYOUT CLEANUP =====
   - Bỏ crumb "Trang Bo NVH / Mod Hay Day".
   - Bỏ khung cảnh báo riêng.
   - Thêm tab Video và đưa video vào khung nội dung.
   - Tách "Các tính năng chính" sang cột phải.
*/
.bonvh-info-grid{
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:stretch;
}
.feature-side{
  border:1px solid #ffffff18;
  background:#07130fcc;
  border-radius:22px;
  padding:18px;
  min-height:560px;
  max-height:720px;
  overflow:auto;
  box-shadow:var(--shadow);
}
.feature-side h4{
  margin:0 0 13px;
  color:#dabe96;
  font-size:17px;
}
.feature-side #featureList{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}
.feature-side #featureList li{
  padding:11px 12px;
  border-radius:15px;
  background:#ffffff0b;
  border:1px solid #ffffff12;
  color:#eaf8ee;
  cursor:pointer;
  transition:.18s;
}
.feature-side #featureList li:hover,
.feature-side #featureList li.active{
  background:linear-gradient(135deg,#14c86c44,#7654cf33);
  border-color:#25de7a;
  box-shadow:0 0 28px #10d46d33;
  color:white;
}
.video-inside{
  width:100%;
  height:360px;
  border-radius:18px;
  overflow:hidden;
  background:#020604;
  border:1px solid #ffffff16;
}
.video-inside .guide-video{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.video-thumb.no-video.inside{
  height:220px;
  border-radius:18px;
  border:1px dashed #ffffff30;
  background:#ffffff08;
  display:grid;
  place-items:center;
  color:#d7e8dc;
}
.guide-card.main-card{
  min-height:560px;
  max-height:720px;
  overflow:auto;
}
.guide-card.main-card h4,
.guide-card.main-card > ul#featureList{
  display:none !important;
}
@media(max-width:1000px){
  .bonvh-info-grid{
    grid-template-columns:1fr;
  }
  .feature-side{
    min-height:auto;
    max-height:420px;
  }
  .video-inside{
    height:260px;
  }
}

/* ===== BOHD v18 VIDEO + FEATURE LIST FIX ===== */
.feature-side #featureList li{
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-check{
  width:19px;
  height:19px;
  min-width:19px;
  border-radius:6px;
  border:1px solid #25de7a88;
  background:#052415;
  color:#8dffb8;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
  opacity:.62;
}
.feature-side #featureList li.active .feature-check,
.feature-side #featureList li:hover .feature-check{
  opacity:1;
  background:#18d36b;
  color:#062113;
  box-shadow:0 0 18px #18d36b77;
}
.feature-side #featureList li.active{
  background:linear-gradient(135deg,#17d66d55,#7654cf33) !important;
  border-color:#25de7a !important;
  box-shadow:0 0 30px #10d46d40 !important;
}
.feature-name{
  flex:1;
}
.example-box.show{
  display:block;
}
.video-inside{
  width:100%;
  height:380px;
  border-radius:18px;
  overflow:hidden;
  background:#000;
  border:1px solid #ffffff20;
}
.video-inside video{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.video-thumb.no-video.inside{
  height:240px;
  border-radius:18px;
  border:1px dashed #ffffff33;
  background:#ffffff08;
  display:grid;
  place-items:center;
  color:#dceee2;
  font-weight:800;
}

/* ===== BOHD v19 LAYOUT ALIGN =====
   - Bỏ dòng mô tả nhỏ dưới tiêu đề topic.
   - Bỏ thanh cuộn của "Các tính năng chính".
   - Canh chiều cao khung nội dung + khung tính năng ngang đáy điện thoại.
*/
.content-panel .panel-head p#topicSubtitle{
  display:none !important;
}

.content-panel{
  height:760px;
  display:flex;
  flex-direction:column;
}

.content-panel .panel-head{
  flex:0 0 auto;
  margin-bottom:12px;
}

.content-panel .chips{
  flex:0 0 auto;
  margin-bottom:12px;
}

.bonvh-info-grid{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:stretch;
}

.guide-card.main-card,
.feature-side{
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
}

.guide-card.main-card{
  overflow:auto;
}

.feature-side{
  overflow:hidden !important;
  padding:15px !important;
}

.feature-side h4{
  margin:0 0 10px !important;
  font-size:16px !important;
}

.feature-side #featureList{
  gap:6px !important;
}

.feature-side #featureList li{
  padding:8px 10px !important;
  min-height:35px;
  font-size:13px;
  line-height:1.16;
  border-radius:12px;
}

.feature-check{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  border-radius:5px !important;
  font-size:11px !important;
}

.video-inside{
  height:330px;
}

@media(max-width:1000px){
  .content-panel{
    height:auto;
  }
  .bonvh-info-grid{
    grid-template-columns:1fr;
  }
  .feature-side{
    overflow:visible !important;
  }
  .guide-card.main-card,
  .feature-side{
    height:auto !important;
  }
}

/* ===== BOHD v20 QUICK SECTION LINKS ===== */
.quick-links{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.quick-links button{
  border:1px solid #25de7a55;
  background:linear-gradient(135deg,#0f7c45,#123c28);
  color:#ecfff2;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  box-shadow:0 0 26px #0ed96d26;
}
.quick-links button:hover{
  border-color:#29f284;
  transform:translateY(-1px);
  box-shadow:0 0 34px #0ed96d48;
}

/* ===== BOHD v21 DECO TAB ===== */
.deco-mock{
  padding:10px 0 30px;
}
.deco-card{
  background:#f5f5f5;
  border:1px solid #d8d8d8;
  border-radius:20px;
  padding:18px;
  margin-bottom:16px;
  color:#222;
}
.deco-card h4{
  margin:0 0 16px;
  color:#0b6c36;
  font-size:17px;
}
.deco-time{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid #ddd;
  font-size:15px;
}
.deco-slot{
  background:white !important;
  border:1px solid #ddd !important;
  border-radius:16px !important;
  color:#222 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:14px 16px !important;
}
.deco-slot em{
  width:74px;
  height:50px;
  border-radius:14px;
  border:1px solid #ccc;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:26px;
}
.deco-check{
  justify-content:flex-start !important;
  color:#222 !important;
  background:transparent !important;
  border:none !important;
}
.deco-check::before{
  content:'';
  width:24px;
  height:24px;
  border:2px solid #888;
  border-radius:4px;
  margin-right:12px;
  background:white;
}
.deco-check.selected::before{
  background:#0b7c3f;
  border-color:#0b7c3f;
  box-shadow:inset 0 0 0 4px white;
}
.deco-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.deco-actions .mock-action{
  height:52px;
  border-radius:8px;
}
.deco-actions .brown{
  background:#6e5036 !important;
}
.deco-ready{
  margin-top:18px;
  color:#333;
  font-size:16px;
}

/* ===== BOHD v22 FIX BROKEN TAB CLICK ===== */
.feature-tabs,
.feature-tabs .tab,
.chips,
.chips .chip,
.feature-side,
.feature-side #featureList li{
  pointer-events:auto !important;
  position:relative;
  z-index:5;
}

/* ===== BOHD v23 FISH FULL ===== */
.fishfull-mock{
  padding:8px 0 20px;
}
.fishfull-image{
  width:100%;
  display:block;
  border-radius:22px;
}

/* ===== BOHD v24 FISH PHONE SCREEN FIX =====
   Ảnh Câu Cá Full đã có sẵn header app, nên ẩn header mock cũ
   và cho ảnh lấp đầy phần màn hình điện thoại, tránh bị chồng 2 lớp.
*/
.phone-app-screen.fish-screen-mode .mock-top,
.phone-app-screen.fish-screen-mode .mock-sub{
  display:none !important;
}

.phone-app-screen.fish-screen-mode .mock-scroll{
  top:0 !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f4f6f5;
}

.phone-app-screen.fish-screen-mode .fishfull-mock{
  width:100%;
  height:100%;
  padding:0 !important;
  margin:0 !important;
  overflow:auto;
  background:#f4f6f5;
}

.phone-app-screen.fish-screen-mode .fishfull-image{
  width:100%;
  height:auto;
  min-height:100%;
  display:block;
  border-radius:0 !important;
  object-fit:cover;
  object-position:top center;
}


/* v25b fish rebuild */
.fish-ui-mock{padding:10px 0 28px;}
.fish-card{background:#f5f5f5;border:1px solid #d8d8d8;border-radius:20px;padding:18px;margin-bottom:16px;color:#222;}
.fish-card h4{margin:0 0 16px;color:#236b31;font-size:18px;font-weight:900;}
.fish-card h4.center{text-align:center;}
.fish-time{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #ddd;font-size:15px;}
.fish-slot{background:white!important;border:1px solid #ddd!important;border-radius:16px!important;color:#222!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important;}
.fish-slot em{width:74px;height:50px;border-radius:14px;border:1px solid #ccc;display:grid;place-items:center;font-style:normal;font-size:26px;}
.fish-select{border-bottom:1px solid #ccc;padding:10px 6px 16px;display:flex;justify-content:space-between;align-items:center;font-size:17px;}
.fish-info-box{margin-top:18px;border:2px solid #9ed08f;border-radius:18px;background:#f9fff6;display:grid;grid-template-columns:1fr 140px;gap:14px;padding:16px;align-items:center;}
.fish-info-text{font-size:16px;line-height:1.6;}
.fish-info-text b{color:#115326;}
.fish-info-text .blue{color:#2367e8;font-weight:800;}
.fish-info-text .purple{color:#9b43cb;font-weight:800;margin-left:6px;}
.fish-info-text .orange{color:#e19c14;font-weight:900;}
.fish-image-wrap{display:flex;justify-content:center;align-items:center;}
.fish-image-small{width:120px;height:120px;object-fit:contain;border-radius:12px;border:1px solid #ddd;background:white;}
.fish-warning{color:#be1111;font-weight:800;margin-top:18px;font-size:15px;}
.fish-map-wrap{margin-top:8px;border:2px solid #a9d79f;border-radius:20px;overflow:hidden;background:#f6fff4;}
.fish-map-image{width:100%;display:block;}
.fish-note{margin-top:14px;color:#666;font-size:14px;}
.fish-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fish-actions .mock-action{height:52px;border-radius:8px;}
.fish-actions .brown{background:#6e5036!important;}

/* ===== BOHD v26 MANAGER ACCOUNTS TAB ===== */
.phone-app-screen.manager-screen-mode .mock-top,
.phone-app-screen.manager-screen-mode .mock-sub{
  display:none !important;
}

.phone-app-screen.manager-screen-mode .mock-scroll{
  top:0 !important;
  height:100% !important;
  padding:0 !important;
  background:#e9e8f2;
  overflow:hidden !important;
}

.manager-ui-mock{
  position:relative;
  width:100%;
  height:100%;
  background:#e9e8f2;
  color:#2f2f2f;
  overflow:hidden;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

.manager-top{
  height:56px;
  background:#76502f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
}

.manager-top b{
  font-size:22px;
}

.manager-top span{
  font-weight:800;
  font-size:13px;
}

.manager-list-card{
  margin:10px;
  background:#f5f5f5;
  border-radius:20px;
  padding:14px 18px;
}

.farm-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:48px;
}

.farm-grid button{
  border:0;
  border-bottom:1px solid #ddd;
  background:transparent;
  text-align:left;
  color:#333;
  font-size:17px;
  padding:9px 0;
}

.farm-grid button.disabled{
  color:#c7c7c7;
  font-weight:900;
}

.manager-bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:54px;
  background:#f5f5f5;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
}

.manager-nav-btn{
  border:0;
  background:transparent;
  color:#111;
  font-size:30px;
  line-height:1;
  height:54px;
}

.manager-nav-btn.plus{
  font-size:34px;
}

.manager-overlay{
  position:absolute;
  inset:0;
  background:#0009;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  z-index:20;
}

.manager-dialog{
  width:92%;
  max-height:86%;
  overflow:auto;
  background:#dfbf91;
  color:#3b2518;
  border-radius:24px;
  padding:22px 34px;
  box-shadow:0 22px 80px #0008;
}

.manager-dialog.small{
  max-height:none;
  padding:24px 36px;
}

.manager-dialog h3{
  text-align:center;
  margin:0 0 20px;
  font-size:20px;
}

.manager-dialog.small h3{
  text-align:left;
}

.manager-dialog-row{
  width:100%;
  min-height:44px;
  border:0;
  background:transparent;
  color:#3b2518;
  display:flex;
  align-items:center;
  gap:14px;
  text-align:left;
  font-size:17px;
  font-weight:800;
  padding:8px 0;
}

.manager-dialog-row.check span{
  width:22px;
  height:22px;
  border:2px solid #6d604e;
  border-radius:3px;
  background:#e9ce9f;
  flex:0 0 auto;
}

.manager-dialog-row.selected span{
  background:#6d4a2d;
  box-shadow:inset 0 0 0 4px #e9ce9f;
}

.manager-dialog-row.columns{
  display:grid;
  grid-template-columns:1fr 30px 42px 30px;
  gap:12px;
}

.manager-dialog-row.columns em,
.manager-dialog-row.columns strong{
  font-style:normal;
  text-align:center;
  font-size:20px;
}

.feature-side #featureList li[data-topic^="acc_"]{
  font-size:12.5px;
}

@media(max-width:700px){
  .manager-dialog{
    padding:20px 24px;
  }
  .manager-dialog-row{
    font-size:15px;
  }
}

/* ===== BOHD v27 MANAGER DIALOG TOGGLE + SELECT ===== */
.manager-nav-btn.selected{
  background:#dfbf91;
  color:#3b2518;
}

.manager-dialog-row.selected{
  background:#6d4a2d22;
  border-radius:12px;
  padding-left:10px;
  padding-right:10px;
  box-shadow:inset 4px 0 0 #6d4a2d;
}

.manager-dialog-row:not(.check).selected{
  color:#1f130c;
  background:#6d4a2d30;
}

.manager-dialog-row.columns.selected{
  background:#6d4a2d30;
}

/* ===== BOHD v28 MANAGER DIALOG REAL TOGGLE FIX =====
   Overlay trước đó phủ lên cả thanh dưới nên không bấm lại được ☰ hoặc +.
   Đưa thanh dưới lên trên overlay để bấm lần nữa sẽ tắt bảng phụ.
*/
.manager-bottom{
  z-index:40 !important;
  position:absolute !important;
}

.manager-overlay{
  z-index:25 !important;
  bottom:54px !important;
}

.manager-dialog{
  pointer-events:auto;
}

/* ===== BOHD v29 CLONE TAB ===== */
.phone-app-screen.clone-screen-mode .mock-top,
.phone-app-screen.clone-screen-mode .mock-sub{
  display:none !important;
}

.phone-app-screen.clone-screen-mode .mock-scroll{
  top:0 !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f5f5f5;
}

.clone-ui-mock{
  position:relative;
  width:100%;
  height:100%;
  background:#f5f5f5;
  overflow:auto;
}

.clone-topbar{
  height:56px;
  background:#3d3d3d;
  color:white;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
}

.clone-topbar b{
  font-size:20px;
}

.clone-topbar span{
  font-size:34px;
  line-height:1;
}

.clone-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px 18px;
  padding:24px 22px 120px;
}

.clone-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  color:#333;
  font-size:14px;
}

.clone-icon{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:16px;
}

.clone-plus{
  position:absolute;
  right:18px;
  bottom:18px;
  width:66px;
  height:66px;
  border-radius:50%;
  border:0;
  background:#3d3d3d;
  color:white;
  font-size:42px;
  box-shadow:0 10px 28px #0005;
}

@media(max-width:700px){
  .clone-grid{
    grid-template-columns:repeat(3,1fr);
    gap:22px 10px;
    padding:20px 10px 110px;
  }

  .clone-icon{
    width:58px;
    height:58px;
  }

  .clone-item{
    font-size:13px;
  }
}


/* ===== BOHD v31 CLONE ICON DISPLAY FIX ===== */
.clone-item{
  overflow:visible !important;
}

.clone-icon{
  width:72px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:18px !important;
  display:block !important;
  background:transparent !important;
  image-rendering:auto;
  box-shadow:none !important;
  padding:0 !important;
}

@media(max-width:700px){
  .clone-icon{
    width:64px !important;
    height:64px !important;
  }
}

/* ===== BOHD v32 CLONE ICON + NO INNER SCROLL =====
   - Ép reload icon clone bằng ?v=32 trong JS.
   - Hiển thị icon đúng ảnh gốc, không crop bởi CSS cũ.
   - Bỏ thanh cuộn trong màn hình điện thoại ở tab Đi Tới Clone.
*/
.clone-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:13px 12px !important;
  padding:18px 16px 86px !important;
}

.clone-item{
  gap:4px !important;
  min-width:0;
}

.clone-icon-real,
.clone-icon{
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:12px !important;
  background:transparent !important;
  display:block !important;
  padding:0 !important;
  margin:0 auto !important;
  box-shadow:none !important;
}

.clone-item div{
  font-size:12px !important;
  line-height:1.15 !important;
  text-align:center;
  white-space:normal;
}

.clone-topbar{
  height:54px !important;
}

.clone-topbar b{
  font-size:18px !important;
}

.clone-plus{
  width:54px !important;
  height:54px !important;
  font-size:34px !important;
  right:16px !important;
  bottom:16px !important;
}

@media(max-width:700px){
  .clone-grid{
    grid-template-columns:repeat(4,1fr) !important;
    gap:12px 8px !important;
    padding:16px 10px 78px !important;
  }

  .clone-icon-real,
  .clone-icon{
    width:48px !important;
    height:48px !important;
    border-radius:11px !important;
  }

  .clone-item div{
    font-size:11px !important;
  }
}


/* ===== BOHD v33 RESTORE MOD/FISH SCROLL ===== */
.phone-app-screen.clone-screen-mode .mock-scroll{
  overflow:hidden !important;
}

.phone-app-screen.clone-screen-mode .clone-ui-mock{
  overflow:hidden !important;
}

/* ===== BOHD v34 DECO/FISH ROW SPACING FIX =====
   Sửa chữ bị chồng với ô vuông/khung ở tab Lấy Trang Trí và Câu Cá Full.
*/
.deco-slot,
.fish-slot{
  gap:14px !important;
}

.deco-slot span,
.fish-slot span{
  padding-left:4px !important;
}

.deco-check{
  gap:12px !important;
  padding-left:4px !important;
}

.deco-check::before{
  margin-right:8px !important;
  flex:0 0 auto !important;
}

.deco-check,
.deco-slot,
.fish-slot{
  text-align:left !important;
}

/* ===== BOHD v35 DECO/FISH CLEAN ROW + FISH CARD LAYOUT =====
   - Bỏ ô vuông ở đầu các dòng trong tab Lấy Trang Trí để không chồng chữ.
   - Dòng được chọn vẫn sáng lên bằng viền/nền xanh.
   - Dòng Nhập Clone ở Lấy Trang Trí và Câu Cá Full không còn bị chồng.
   - Khung thông tin cá đổi sang bố cục trên/dưới: thông tin trên, hình cá dưới.
*/

/* Bỏ checkbox giả ở Chế Độ 1 / Chế Độ 2 */
.deco-check::before{
  display:none !important;
  content:none !important;
}

.deco-check{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:0 !important;
  padding:10px 12px !important;
  margin:3px 0 !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#222 !important;
  text-align:left !important;
}

.deco-check.selected{
  border-color:#21e46f !important;
  background:#eafff1 !important;
  box-shadow:0 0 0 1px #21e46f66 inset !important;
  color:#0b5b2c !important;
}

/* Dòng Nhập Clone của tab Deco/Fish */
.deco-slot,
.fish-slot{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 16px !important;
  overflow:hidden !important;
}

.deco-slot::before,
.fish-slot::before{
  display:none !important;
  content:none !important;
}

.deco-slot span,
.fish-slot span{
  display:block !important;
  padding-left:0 !important;
  margin-left:0 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* Khung thông tin cá: đổi từ 2 cột thành trên/dưới */
.fish-info-box{
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding:14px !important;
}

.fish-info-text{
  font-size:15px !important;
  line-height:1.55 !important;
  width:100% !important;
  word-break:normal !important;
}

.fish-image-wrap{
  width:100% !important;
  justify-content:center !important;
  padding-top:4px !important;
}

.fish-image-small{
  width:118px !important;
  height:118px !important;
}

/* ===== BOHD v36 DECO/FISH SMALL SLOT NUMBER + SMALL CHECKBOX =====
   - Giảm số 0 trong ô Nhập Clone xuống khoảng 1/2.
   - Thêm lại ô vuông nhỏ đầu dòng Chế Độ 1 / Chế Độ 2, không đè chữ.
*/
.deco-slot em,
.fish-slot em{
  width:42px !important;
  height:32px !important;
  border-radius:9px !important;
  font-size:15px !important;
  line-height:1 !important;
}

/* ô tích nhỏ cho Chế Độ 1 / Chế Độ 2 */
.deco-check::before{
  display:block !important;
  content:'' !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  border:2px solid #777 !important;
  border-radius:3px !important;
  background:#fff !important;
  margin:0 9px 0 0 !important;
  box-shadow:none !important;
  flex:0 0 auto !important;
}

.deco-check.selected::before{
  background:#0b7c3f !important;
  border-color:#0b7c3f !important;
  box-shadow:inset 0 0 0 3px #fff !important;
}

.deco-check{
  padding:9px 10px !important;
  gap:0 !important;
  min-height:34px !important;
}

/* ===== BOHD v37 DECO CHECK TEXT INDENT =====
   Lùi chữ Chế Độ 1 / Chế Độ 2 qua phải để không bị ô vuông đè lên.
*/
.deco-check{
  position:relative !important;
  padding-left:36px !important;
}

.deco-check::before{
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}

/* ===== BOHD Seller page clean fix ===== */
.feature-tabs .tab-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#dbe7df;
}
.feature-tabs .tab-link:hover{
  color:#79ff9b;
  background:linear-gradient(180deg,#0a3d25,#0c2118);
}
.feature-tabs .seller-tab img{
  width:22px;
  height:22px;
  object-fit:contain;
  display:block;
  margin:0 auto 2px;
  filter:drop-shadow(0 3px 7px #0008);
}
@media(max-width:700px){
  .feature-tabs .seller-tab img{width:18px;height:18px}
}
.seller-page{
  position:relative;
  min-height:100vh;
  overflow:auto;
  background:radial-gradient(circle at 50% 18%,#0d4a2e 0%,#07110e 42%,#030605 100%);
}
.seller-page::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 20%,#13d86c22,#0000 42%),linear-gradient(180deg,#0002,#0008);
}
.seller-page .download-header{position:relative;z-index:2}
.seller-content{
  position:relative;
  z-index:1;
  min-height:calc(100vh - 88px);
  display:grid;
  place-items:start center;
  padding:42px 16px 58px;
}
.seller-card{
  width:min(1050px,96vw);
  padding:30px;
  border-radius:28px;
  box-shadow:0 35px 120px #000b;
  text-align:center;
}
.seller-card h1{
  font-size:clamp(27px,4.2vw,46px);
  margin:0 0 12px;
  background:linear-gradient(180deg,#fff,#9effbb);
  -webkit-background-clip:text;
  color:transparent;
}
.seller-note-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:8px 0 24px;
  color:#d5e5d9;
  font-weight:800;
}
.seller-info-btn{
  width:24px;
  height:24px;
  border:2px solid #f2d35f;
  border-radius:50%;
  color:#f2d35f;
  background:#00000022;
  display:inline-grid;
  place-items:center;
  font-weight:1000;
  line-height:1;
  padding:0;
}
.seller-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:820px;
  margin:0 auto;
  text-align:left;
}
.seller-row{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:center;
  min-height:48px;
  border:1px solid #ffffff1c;
  border-radius:18px;
  background:#07130fcc;
  padding:9px 14px;
}
.seller-flag{
  width:38px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.seller-flag img{
  width:36px;
  height:24px;
  object-fit:cover;
  border-radius:5px;
  box-shadow:0 5px 10px #0008;
  border:1px solid #ffffff66;
  background:#fff;
}
.seller-names{color:#dbe7df;line-height:1.55;font-weight:750}
.seller-names::before{content:': ';color:#9fb8a8;margin-right:2px}
.seller-link{color:#eaffef;text-decoration:none;border-bottom:1px dashed #ffffff66}
.seller-link:hover{color:#79ff9b;border-color:#79ff9b}
.notice-modal[hidden]{display:none!important}
.notice-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
  background:#000a;
  backdrop-filter:blur(8px);
}
.notice-box{
  width:min(760px,94vw);
  max-height:86vh;
  overflow:auto;
  border:1px solid #ffffff24;
  border-radius:26px;
  background:linear-gradient(145deg,#0b1d16f2,#07110df2);
  box-shadow:0 35px 120px #000d;
  padding:24px;
  color:#d5e1d7;
}
.notice-box h2{
  margin:0 0 14px;
  text-align:center;
  color:#f2d35f;
  font-size:30px;
}
.notice-box hr{border:0;border-top:1px solid #ffffff25;margin:0 0 18px}
.notice-box p{line-height:1.75;margin:0 0 18px;color:#d5e1d7}
.notice-box .warning{color:#f2d35f}
.notice-close{
  display:block;
  margin:6px auto 0;
  min-width:120px;
  border:1px solid #ffffff24;
  border-radius:16px;
  padding:12px 20px;
  color:white;
  font-weight:900;
  background:linear-gradient(135deg,#1fc66b,#08713e);
}
@media(max-width:760px){
  .seller-card{padding:22px 14px}
  .seller-row{grid-template-columns:38px 1fr;padding:8px 10px}
  .seller-flag{width:34px;height:23px}
  .seller-flag img{width:32px;height:21px;border-radius:4px}
  .seller-names{font-size:14px}
}

/* ===== BOHD Hayday Calculator page ===== */
@media (min-width: 1100px){
  .app-grid{grid-template-columns:repeat(5,minmax(150px,205px))!important;max-width:1160px;}
}
.app-card.app-hayday-tools .app-icon-img img{
  width:104%!important;height:104%!important;object-fit:contain!important;transform:none!important;padding:0!important;
}
.app-card.app-hayday-tools:hover .app-icon-img{border-color:#29e779;box-shadow:0 0 55px #15d96f66;}
.calculator-page{position:relative;min-height:100vh;overflow:hidden;background:#050807;}
.calculator-page .download-bg{position:fixed;inset:0;z-index:0;background:#020403;}
.calculator-page .download-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;filter:saturate(1.1) contrast(1.04);background:#000;}
.calculator-page .download-shade{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 34%,#00000012,#000000bb 72%),linear-gradient(180deg,#011009cc,#020403aa);}
.calculator-page .download-header{position:relative;z-index:3;}
.calculator-content{position:relative;z-index:3;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:42px 18px 58px;}
.calculator-card{width:min(1080px,96vw);padding:30px;border-radius:28px;box-shadow:0 35px 120px #000b;text-align:center;}
.calculator-card h1{font-size:clamp(30px,4.5vw,54px);margin:0;background:linear-gradient(180deg,#fff,#9effbb);-webkit-background-clip:text;color:transparent;}
.calc-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px auto 22px;max-width:760px;}
.calc-tool{border:1px solid #ffffff22;background:#07130fcc;border-radius:22px;color:#fff;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:900;transition:.18s;}
.calc-tool img{width:74px;height:74px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 12px 20px #0007);}
.calc-tool.active,.calc-tool:hover{border-color:#29e779;box-shadow:0 0 36px #15d96f66;background:#092517dd;transform:translateY(-2px);}
.calculator-card hr{border:0;border-top:1px solid #ffffff25;margin:24px 0;}
.calc-panel{display:none;text-align:left;}
.calc-panel.active{display:block;}
.formula-title{font-size:22px;margin:0 0 14px;color:#eaffef;text-align:left;}
.calc-block{border:1px solid #ffffff1b;background:#07130fcc;border-radius:22px;padding:18px;margin:0 0 20px;}
.calc-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;}
.calc-field label{display:block;font-size:13px;color:#cfe2d4;font-weight:800;margin:0 0 7px;}
.calc-field input{width:100%;height:46px;border-radius:15px;border:1px solid #ffffff24;background:#06100dd8;color:#eaffef;padding:0 14px;outline:none;font-weight:900;font-size:16px;}
.calc-btn{height:46px;border:1px solid #ffffff24;border-radius:15px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#1fc66b,#08713e);font-weight:1000;box-shadow:0 0 26px #13da6e44;white-space:nowrap;}
.calc-result-zone{margin-top:16px;border-top:1px dashed #ffffff28;padding-top:16px;}
.calc-choice{display:flex;justify-content:center;gap:12px;margin-bottom:14px;}
.calc-choice button{min-width:110px;height:40px;border-radius:14px;border:1px solid #ffffff24;background:#081611dd;color:#dbe7df;font-weight:900;}
.calc-choice button.active{background:linear-gradient(135deg,#1fc66b,#08713e);color:#fff;box-shadow:0 0 22px #13da6e44;}
.result-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:74px;}
.result-item{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1f;background:#050d0acc;border-radius:18px;padding:10px 12px;color:#eaffef;font-weight:1000;}
.result-item img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 12px #0008);}
.result-item.main-store img{width:64px;height:64px;}
.result-message{width:100%;text-align:center;color:#ffd66d;font-weight:900;line-height:1.5;}
.placeholder-panel{text-align:center;color:#d5e5d9;border:1px dashed #ffffff30;border-radius:20px;padding:26px;background:#07130f99;}
body.calculator-card-hidden .calculator-content{pointer-events:none;}
body.calculator-card-hidden .calculator-card{display:none!important;}
body.calculator-card-hidden .download-shade{opacity:.12;}
@media(max-width:760px){
  .calc-tools{grid-template-columns:1fr;gap:12px}.calc-tool{flex-direction:row;justify-content:center}.calc-tool img{width:58px;height:58px}.calculator-card{padding:20px 14px}.calc-form-row{grid-template-columns:1fr}.calc-btn{width:100%}.result-item img{width:34px;height:34px}.result-item.main-store img{width:50px;height:50px}
}

/* Calculator fix2: cleaner icon/result layout */
.calc-tool img[src$="barn-silo.png"]{background:transparent!important;border-radius:0!important;}
.result-items{display:block;min-height:74px;text-align:center;}
.result-section-title{font-weight:1000;color:#eaffef;text-align:center;margin:0 0 12px;font-size:17px;}
.result-material-list{display:flex;flex-direction:column;align-items:center;gap:10px;}
.result-material-list .result-item{width:min(260px,100%);justify-content:flex-start;}
.use-result-layout{display:grid;grid-template-columns:minmax(170px,.8fr) 70px minmax(220px,1fr);gap:16px;align-items:center;max-width:700px;margin:0 auto;}
.use-store-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff1f;background:#050d0a88;border-radius:20px;padding:12px;min-height:142px;}
.use-store-side .result-item.main-store{border:0;background:transparent;padding:0;flex-direction:column;gap:8px;}
.use-store-side .result-item.main-store img{width:86px;height:86px;object-fit:contain;}
.left-label{color:#ffd66d;font-weight:1000;font-size:20px;text-align:center;align-self:center;justify-self:center;text-shadow:0 0 18px #000;}
.use-material-side .result-material-list{align-items:stretch;}
.use-material-side .result-item{width:100%;}
@media(max-width:760px){
  .use-result-layout{grid-template-columns:1fr;gap:12px;}
  .use-store-side .result-item.main-store img{width:72px;height:72px;}
  .result-material-list .result-item{width:100%;}
}
/* Hayday calculator - land expansion prototype */
.land-calc-wrap{width:100%;}
.land-title{margin:0 0 18px;font-size:clamp(22px,3.2vw,34px);font-weight:950;text-align:center;color:#eaffef;text-shadow:0 2px 18px #000;}
.land-map-shell{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}
.land-map-stage{position:relative;width:min(1000px,100%);margin:0 auto;border-radius:18px;overflow:hidden;background:#00000055;box-shadow:inset 0 0 0 1px #ffffff20,0 18px 55px #0008;}
.land-map-stage img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;}
.land-hotspots{position:absolute;inset:0;z-index:2;}
.land-spot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;border:1px solid #caffd8cc;background:#00000026;color:#111;font-weight:950;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;text-shadow:0 1px 1px #fff9;box-shadow:0 0 0 3px transparent;transition:.12s ease;}
.land-spot:hover{background:#39ff7d66;box-shadow:0 0 0 6px #25ff7a33;transform:translate(-50%,-50%) scale(1.08);}
.land-spot.selected{background:#28ff79bb;color:#05270e;border-color:#dcffe6;box-shadow:0 0 0 9px #23ff703f,0 0 22px #19ff71cc;}
.land-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:44px;height:76px;border-radius:18px;border:1px solid #ffffff30;background:#06100bdd;color:#eaffef;font-size:48px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 38px #0009;}
.land-prev{left:-6px}.land-next{right:-6px}.land-arrow:hover{background:#0e2c1bdd;border-color:#2fff82;}
.land-help{margin:12px auto 0;max-width:850px;color:#dfffe8cc;font-size:13px;line-height:1.45;text-align:center;}
.land-result-box{margin:18px auto 0;padding:16px;border-radius:18px;border:1px solid #ffffff22;background:#06110dda;display:grid;gap:14px;}
.land-selected{color:#eaffef;font-size:15px;text-align:left;}
.land-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.land-material{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff1f;border-radius:16px;background:#ffffff0b;padding:10px;color:#fff;font-size:22px;font-weight:950;}
.land-material img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 12px #0007);}
.land-clear{justify-self:center;min-width:190px;}
@media(max-width:720px){.land-map-shell{gap:0}.land-arrow{width:34px;height:58px;font-size:36px;border-radius:14px}.land-prev{left:-10px}.land-next{right:-10px}.land-spot{width:24px;height:24px;font-size:12px}.land-materials{grid-template-columns:1fr}.land-material{font-size:18px}.land-material img{width:36px;height:36px}}


/* Hayday calculator FIX7: land click directly on image + centered cat video */
.calculator-page #catVideo{left:50%!important;transform:translateX(-50%)!important;right:auto!important;object-fit:contain!important;object-position:center center!important;}
.land-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.12;}
.land-title span{display:block;font-size:clamp(23px,3.4vw,36px);font-weight:1000;color:#eaffef;}
.land-title small{display:block;font-size:clamp(15px,2.1vw,22px);font-weight:900;color:#9effbb;letter-spacing:.2px;}
.land-map-shell{padding:0 54px;min-height:220px;}
.land-map-stage{cursor:crosshair;touch-action:manipulation;}
.land-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;}
.land-cell-hit{fill:rgba(0,0,0,0);stroke:rgba(255,255,255,0);stroke-width:.15;cursor:pointer;transition:fill .12s ease,stroke .12s ease,filter .12s ease;}
.land-cell-hit:hover{fill:rgba(57,255,125,.22);stroke:rgba(210,255,225,.7);filter:drop-shadow(0 0 6px rgba(57,255,125,.9));}
.land-cell-hit.selected{fill:rgba(39,255,121,.34);stroke:rgba(220,255,230,.95);stroke-width:.30;filter:drop-shadow(0 0 8px rgba(25,255,113,.80));}
.land-cell-label{font:900 3.1px system-ui,-apple-system,Segoe UI,sans-serif;fill:#06120b;paint-order:stroke;stroke:#ffffffcc;stroke-width:.45;pointer-events:none;text-anchor:middle;dominant-baseline:middle;}
.land-arrow{width:60px;height:92px;font-size:66px;line-height:.72;padding:0 0 8px;border-radius:22px;background:#06100bee;color:#f1fff5;}
.land-prev{left:-2px}.land-next{right:-2px}
@media(max-width:720px){.land-map-shell{padding:0 34px}.land-arrow{width:42px;height:70px;font-size:48px}.land-prev{left:-7px}.land-next{right:-7px}.land-cell-label{font-size:3.9px;stroke-width:.55px}}

/* FIX14: Land polygon edit/debug mode */
.land-editor{display:none;margin:14px auto 0;max-width:980px;padding:14px;border-radius:18px;border:1px solid #ffffff24;background:#06110de8;color:#eaffef;box-shadow:0 12px 36px #0008;text-align:left;}
.land-editor.active{display:block;outline:2px solid #49ff8a66;}
.land-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#9effbb;}
.land-editor-head b{font-size:15px;letter-spacing:.4px;}
.land-editor-head span{font-size:13px;color:#ffef92;}
.land-editor-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.land-editor-row label{font-size:13px;color:#dfffe8;}
.land-editor-row input{width:74px;padding:8px 10px;border-radius:12px;border:1px solid #ffffff2e;background:#ffffff12;color:#fff;font-weight:800;outline:none;}
.land-editor-row button{padding:8px 11px;border-radius:12px;border:1px solid #ffffff28;background:#16331fee;color:#eaffef;font-weight:800;cursor:pointer;}
.land-editor-row button:hover{border-color:#57ff92;background:#1f472cee;}
.land-editor-note{font-size:12.5px;line-height:1.45;color:#dfffe8cc;margin:4px 0 10px;}
.land-editor textarea{width:100%;min-height:82px;resize:vertical;border-radius:14px;border:1px solid #ffffff24;background:#0000004d;color:#ffef92;padding:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none;}
.land-edit-preview{fill:rgba(255,230,70,.22);stroke:#ffeb55;stroke-width:.45;stroke-dasharray:1.6 1.1;pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,235,85,.85));}
.land-edit-dot{fill:#ff3333;stroke:#fff;stroke-width:.35;pointer-events:none;filter:drop-shadow(0 0 4px #000);}
.land-edit-dot-label{font:900 3.2px system-ui,-apple-system,Segoe UI,sans-serif;fill:#fff;paint-order:stroke;stroke:#000;stroke-width:.45;pointer-events:none;}
.land-editor.active ~ .land-result-box{border-color:#49ff8a55;}
@media(max-width:720px){.land-editor-row{align-items:stretch}.land-editor-row button{flex:1 1 46%;font-size:12px}.land-editor-row input{width:64px}.land-editor textarea{font-size:11px}.land-edit-dot-label{font-size:4px}}

/* FIX17: label edit mode */
.land-editor-row button#landEditLabelMode{background:#243719ee;}
.land-editor-row button#landEditLabelMode:hover{background:#315024ee;}

.land-permit-material{display:none;}
.land-title small:empty{display:none;}

/* BOHD FIX20 language + land controls */
.lang{position:relative}
.bohd-lang-wrap{position:relative;display:inline-flex;align-items:center;z-index:50}
.bohd-lang-btn{border:1px solid #ffffff18;color:white;background:#09130ecc;border-radius:20px;padding:10px 14px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:7px;min-height:38px}
.bohd-lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:225px;max-height:360px;overflow:auto;padding:8px;border:1px solid #ffffff26;background:#06120df2;backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 20px 70px #0009;display:none}
.bohd-lang-wrap.open .bohd-lang-menu{display:block}
.bohd-lang-item{width:100%;border:0;background:transparent;color:#edf7ed;padding:8px 10px;border-radius:11px;text-align:left;display:flex;align-items:center;gap:9px;font-weight:700}
.bohd-lang-item:hover,.bohd-lang-item.active{background:#19d86e22;color:#d9ffe2}
.bohd-lang-item img{width:23px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff33}
.land-action-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}.land-select-all{background:linear-gradient(135deg,#17824d,#22c975)!important}.land-clear{background:linear-gradient(135deg,#7a3a24,#c47442)!important}
body:not(.bohd-edit-enabled) .land-editor{display:none!important}
@media(max-width:700px){.bohd-lang-menu{right:-4px;min-width:210px}.bohd-lang-btn{padding:7px 10px;font-size:12px}.land-action-row .calc-btn{width:auto;min-width:130px}}

/* FIX21: language menu must float above icon rows/cards on every page */
.bohd-lang-wrap{z-index:999999!important;position:relative!important}
.bohd-lang-menu{z-index:1000000!important;position:absolute!important;pointer-events:auto!important}
.download-header,.topbar,.app-topbar,.hero-header{overflow:visible!important;z-index:9999!important}
.app-actions,.download-title{overflow:visible!important}

/* FIX21: calculator select buttons same size */
.land-action-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.land-action-row .calc-btn{width:170px!important;min-width:170px!important;max-width:170px!important;height:44px!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
@media(max-width:520px){.land-action-row .calc-btn{width:145px!important;min-width:145px!important;max-width:145px!important;font-size:12px!important}}
.bohd-lang-btn img{width:22px!important;height:15px!important;object-fit:cover!important;border-radius:2px!important;box-shadow:0 0 0 1px #ffffff33!important;display:inline-block!important}
/* FIX22: keep language menu above BoNVH tool tabs */
.app-page .app-header{position:sticky!important;z-index:2147483000!important;overflow:visible!important;}
.app-page .feature-tabs{position:relative!important;z-index:1!important;}
.app-page .bohd-lang-wrap{z-index:2147483500!important;}
.app-page .bohd-lang-menu{position:fixed!important;top:66px!important;right:28px!important;z-index:2147483600!important;max-height:70vh!important;}
@media(max-width:700px){.app-page .bohd-lang-menu{top:66px!important;right:8px!important;}}

/* FIX23 language menu always above feature tabs */
.app-header,.topbar{overflow:visible!important;}
.feature-tabs{z-index:0!important;}
.bohd-lang-wrap{z-index:2147483600!important;}
.bohd-lang-menu{z-index:2147483647!important;position:fixed!important;right:28px!important;top:66px!important;}
@media(max-width:700px){.bohd-lang-menu{right:8px!important;top:60px!important;}}