/* 29/9/2026: แยกงานแนะนำแอปจากตารางข้อมูล เพื่ออัปเดตภาพได้โดยไม่แตะเอนจิน */
.langbar .in{gap:16px;flex-wrap:wrap}.langbar .brand{margin-right:auto}
.app-install{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid #8ef3cc;border-radius:12px;background:linear-gradient(135deg,#8de8c3,#3acba9);color:#072920!important;font:700 14px var(--ui);text-decoration:none;box-shadow:0 1px 0 #fff8 inset,0 7px 20px #00bd8d22;white-space:nowrap}
.app-install:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00bd8d44}.app-install:active{transform:translateY(1px)}
.app-install-store{width:190px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;overflow:hidden}
.app-install-store img{display:block;width:100%;height:auto}
/* 3/10/2026: ตัวอย่างคู่/คี่ใช้คำเต็มและสีแยกชนิด อ่านได้แม้ไม่รู้จัก LOGIC มาก่อน */
.app-pattern-guide{padding:28px;border:1px solid #57d8bb40;border-radius:22px;background:linear-gradient(130deg,#123b3c,#101e2e);box-shadow:var(--depth-shadow)}
.app-pattern-guide>.eyebrow{color:#73ead0;font-size:12px;letter-spacing:.03em}.app-pattern-guide>h2{margin:8px 0 12px;color:#edf9fa}.app-pattern-guide>.sub{color:#bed2db;max-width:76ch;margin-bottom:18px}
.app-pattern-key{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 18px;border-radius:12px;background:#06141f77;color:#c5d9e1;font-size:14px;line-height:1.8}.app-pattern-key b{color:#fff}
.app-pattern-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 12px}.app-pattern-cards article{min-width:0;padding:20px 16px;border:1px solid #ffffff1c;border-radius:14px;background:#0a1725aa}.app-pattern-name{font:600 11px var(--ui);color:#94b4ce}.app-pattern-cards h3{font:600 17px/1.6 var(--ui);color:#e6f3fa;margin:8px 0 16px}.app-pattern-cards p{font-size:14px;line-height:1.8;color:#b2cbd5;margin:14px 0 0}
.app-pattern-sequence{display:flex;flex-wrap:wrap;gap:6px}.app-pattern-sequence span{font:700 11px var(--ui);padding:8px;border-radius:7px;border:1px solid}.app-pattern-sequence .is-even{background:#163d65;color:#b9daff;border-color:#619cde}.app-pattern-sequence .is-odd{background:#075044;color:#9dffe0;border-color:#46d5ac}
@media(max-width:850px){.app-pattern-cards{grid-template-columns:1fr}.app-pattern-guide{padding:22px}.app-pattern-key{display:grid;gap:10px}.app-pattern-cards h3{margin-bottom:12px}}
.app-install-store:hover{box-shadow:0 10px 25px #0008,0 0 0 1px rgba(var(--depth-accent),.45)}
.app-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.app-gallery-head h2{margin-bottom:8px}.app-gallery-head .sub{margin-bottom:0}.app-gallery-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-gallery-count{min-width:76px;color:#abc4d0;font:600 13px var(--ui);text-align:center;font-variant-numeric:tabular-nums}
.app-gallery-head .eyebrow{font-size:12.5px;letter-spacing:.14em}.hero.yg-depth-hero .trustdate{letter-spacing:.03em}
.app-gallery-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--depth-edge);background:var(--depth-surface);color:#d9e9ee;font-size:22px}
.app-gallery-nav button:disabled{opacity:.38;cursor:not-allowed}.app-gallery-nav button:focus-visible,.app-shot button:focus-visible{outline:2px solid #8ef3cc;outline-offset:3px}
.app-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;padding:24px 4px 28px;scroll-snap-type:x mandatory;scrollbar-color:rgba(var(--depth-accent),.5) #ffffff08;scrollbar-width:thin}
.app-shot{min-width:0;margin:0;scroll-snap-align:start}.app-shot button{display:block;width:100%;padding:8px;border:1px solid #b9d6e044;border-radius:23px;background:linear-gradient(150deg,#53717e,#16232e 35%,#060c14);box-shadow:0 15px 25px -15px #000,0 1px 0 #ffffff40 inset;overflow:hidden}
.app-shot img{width:100%;height:auto;aspect-ratio:9/21;object-fit:contain;object-position:top;display:block;background:#030715;border-radius:16px}
.app-shot figcaption{padding:15px 5px 0;line-height:1.65}.app-shot strong{display:block;font:600 17px var(--ui);color:#e2edf1}.app-shot figcaption span{display:block;margin-top:6px;color:#bdced5;font-size:14px}
.app-preview-note{font-size:12px;color:#8da9b8;line-height:1.8;margin:8px 0 0}
.app-features{border:1px solid var(--depth-edge);border-radius:20px;overflow:hidden;box-shadow:var(--depth-shadow);background:var(--depth-surface)}
.app-features table{width:100%;border-collapse:collapse;text-align:left}.app-features th,.app-features td{padding:19px 24px;border-bottom:1px solid #ffffff09;line-height:1.65}.app-features thead{background:rgba(var(--depth-accent),.07)}.app-features th{color:#dbe9ee}.app-features td:first-child{width:32%;font-weight:600;color:rgb(var(--depth-accent))}.app-features td:last-child{color:#a9c0cb}.app-features tr:last-child td{border-bottom:0}
.app-founder{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:32px;border:1px solid var(--depth-edge);border-radius:22px;background:radial-gradient(ellipse at 0 0,rgba(var(--depth-accent),.1),transparent 65%),var(--depth-surface);box-shadow:var(--depth-shadow)}
.app-founder img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 12px 16px #0008)}.app-founder h2{margin:0 0 12px}.app-founder p{line-height:1.9;color:#adc3ce;max-width:68ch}.app-founder a{display:inline-block;color:rgb(var(--depth-accent));text-underline-offset:5px}
.app-lightbox{max-width:min(94vw,720px);width:720px;max-height:92dvh;padding:16px;border:1px solid #badbe655;border-radius:20px;background:#0c1721;color:#e2edf1;box-shadow:0 25px 90px #000a}.app-lightbox::backdrop{background:#000c;backdrop-filter:blur(8px)}.app-lightbox header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.app-lightbox button{min-width:44px;min-height:44px;border:1px solid #ffffff33;border-radius:10px;background:#203340;color:white;padding:7px 14px}.app-lightbox img{display:block;max-width:100%;height:auto;margin:auto}.app-lightbox figure{margin:0;max-height:calc(92dvh - 110px);overflow:auto;overscroll-behavior:contain}.app-lightbox figcaption{padding:12px 0;font-size:13px;color:#abc4d0}
@media(max-width:850px){.app-gallery{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.langbar .in{gap:8px}.langbar .app-install{order:3}.langbar .app-install:not(.app-install-store){width:100%;padding:8px 12px;min-height:40px}.langbar .app-install-store{width:174px;margin-inline:auto}.app-gallery{grid-auto-columns:100%;gap:16px}.app-gallery-head{align-items:center;flex-wrap:wrap}.app-gallery-head h2{font-size:24px}.app-gallery-nav{gap:5px;margin-left:auto}.app-features th,.app-features td{padding:15px 12px;font-size:13px}.app-features td:first-child{width:38%}.app-founder{grid-template-columns:1fr;padding:24px;gap:18px}.app-founder img{width:72px;height:72px}.app-founder h2{font-size:24px}.app-founder p{font-size:14px}.app-lightbox{padding:12px}}
@media(prefers-reduced-motion:reduce){.app-install:hover,.app-install:active{transform:none}.app-gallery{scroll-behavior:auto}}