.vault-page,.vault-detail{padding-top:48px;padding-bottom:70px}.vault-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.vault-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.25;margin:12px 0 22px}.vault-heading>a,.vault-back{color:var(--orange,#f8941d)}.vault-notice{padding:16px 20px;border-left:3px solid #f8941d;background:#1c1b18;color:#c7c1b7;font-size:14px;line-height:1.8;margin:18px 0 28px}.vault-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;background:#161616;border:1px solid #333;padding:22px;margin:24px 0}.vault-filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c6bfae;min-width:140px;flex:1}.vault-filters .vault-query{flex:3;min-width:230px}.vault-filters input,.vault-filters select{background:#252525;border:1px solid #45433d;color:#f4ede2;border-radius:0;padding:12px;font:inherit;min-height:46px;width:100%;max-width:100%}.vault-reset{padding:12px 0;color:#b7aea0}.vault-result-count{color:#a99e8b;margin:24px 0}.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.vault-card{min-width:0;background:#191918;border:1px solid #302d27}.vault-image{display:block;aspect-ratio:1.55;position:relative;background:#26231e;overflow:hidden}.vault-image>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.vault-image:hover>img{transform:scale(1.035)}.vault-image>span:first-child{display:grid;place-items:center;height:100%;color:#746955;font:700 30px 'Barlow Condensed',sans-serif}.vault-type{position:absolute;bottom:0;left:0;padding:5px 12px;background:#f8941d;color:#171717;font-size:12px;font-weight:700}.vault-card-copy{padding:20px}.vault-card h3{font-size:20px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.vault-summary{color:#aea99e;font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vault-price{font:700 24px 'Barlow',sans-serif;color:#f8941d}.vault-price small{display:block;font:12px 'Noto Sans Thai',sans-serif;color:#aaa}.vault-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:48px 0 0}.vault-detail{max-width:1100px}.vault-back{display:inline-block;margin-bottom:25px}.vault-detail>h1{font-size:clamp(28px,4vw,48px);line-height:1.4;overflow-wrap:anywhere;margin:16px 0 24px}.vault-cover{display:block;width:100%;max-height:650px;object-fit:contain;background:#141414;margin:30px auto}.vault-body{max-width:820px;margin:35px auto;font-size:18px;line-height:1.95;overflow-wrap:anywhere;color:#e0d9ce}.vault-body p{margin:16px 0}.vault-body p:empty{display:none}.vault-body img{max-width:100%;height:auto}.vault-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.vault-body td,.vault-body th{border:1px solid #514b41;padding:8px}.vault-body a{color:#f8941d;text-decoration:underline}.vault-detail-price{font-size:32px;color:#f8941d}.vault-detail-price small{font-size:14px;color:#bab2a4}.vault-gallery{margin:40px 0}.vault-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vault-gallery button{padding:0;border:0;background:#252525;cursor:pointer;aspect-ratio:1.3;overflow:hidden}.vault-gallery img{width:100%;height:100%;object-fit:cover}.vault-lightbox img{display:block;width:100%;max-height:65vh;object-fit:contain}.vault-lightbox>div{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.vault-source{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:30px 0;margin:30px 0;border-block:1px solid #3c362e;font-size:13px;color:#a99e8b}.vault-videos .btn{margin:8px}.vault-home-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:#211b12;border-block:1px solid #64451d;margin:28px 0}.vault-home-banner strong{font:800 36px 'Barlow Condensed',sans-serif;color:#f8941d;margin-right:8px}.vault-home-banner>span:last-child{font-size:14px;color:#f8941d}
@media(max-width:900px){.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-heading{align-items:start;flex-direction:column;gap:0}.vault-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.vault-page,.vault-detail{padding-top:28px}.vault-grid{grid-template-columns:1fr}.vault-filters{padding:15px;gap:12px}.vault-filters label{min-width:120px}.vault-filters .vault-query{min-width:100%;flex-basis:100%}.vault-filters .btn{width:100%}.vault-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-home-banner{align-items:start;flex-direction:column}.vault-body{font-size:16px}.vault-pagination{gap:12px}.vault-pagination .btn{padding:10px 13px}.vault-notice{padding:12px 14px}}
.vault-video{width:100%;aspect-ratio:16/9;border:0;background:#111;display:block;margin:20px 0}.vault-image-missing{min-height:100px;color:#c2bbaa;font-size:13px}.vault-body h2{margin-top:36px}
.ad-placement-wrap{max-width:1250px;margin:auto;padding:20px 28px 0;background:#191919f5}
.admin-preview-label{display:block;margin-bottom:8px;font-size:12px;color:#bdb09b}
.hdp-ad{grid-column:1/-1;min-width:0;border:1px solid #514330;background:linear-gradient(115deg,#211b14,#141414 65%);padding:12px 22px 20px;margin:16px 0 28px;position:relative;overflow:hidden}
.hdp-ad-top{margin:0;min-height:142px}.hdp-ad-label{display:flex;justify-content:space-between;gap:16px;font:500 10px 'Barlow','Noto Sans Thai',sans-serif;letter-spacing:1.6px;color:#a39b8e;margin-bottom:14px}.hdp-ad-label span{font-weight:600;color:#bf9155}
.hdp-ad-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.hdp-ad-kicker{color:#f8941d;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:1px}.hdp-ad h2{font:600 clamp(19px,2.3vw,27px)/1.35 'Barlow','Noto Sans Thai',sans-serif;color:#eee8de;margin:5px 0}.hdp-ad p{font-size:13px;line-height:1.6;color:#aea596;margin:6px 0 0}.hdp-ad-link{flex-shrink:0;font-size:13px;font-weight:600;color:#f6b361;border:1px solid #846033;padding:12px 16px;display:inline-flex;align-items:center;gap:20px}.hdp-ad-link:hover{background:#f8941d;color:#171717;border-color:#f8941d}.vault-grid>.hdp-ad{margin:4px 0;min-height:180px;display:flex;flex-direction:column;justify-content:center}.vault-detail>.hdp-ad{margin:36px 0}
@media(max-width:600px){.ad-placement-wrap{padding:14px 16px 0}.hdp-ad{padding:12px 16px 17px}.hdp-ad-content{align-items:flex-start;flex-direction:column;gap:14px}.hdp-ad h2{font-size:20px}.hdp-ad p{font-size:12px}.hdp-ad-label{font-size:9px;letter-spacing:1px;margin-bottom:10px}.hdp-ad-link{padding:9px 12px;min-height:42px}.hdp-ad-top{min-height:200px}}
.sample-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample-ad{padding:8px 18px 8px 0;min-width:0;border-right:1px solid #4b3e2b}.sample-ad:last-child{border-right:0;padding-right:0}.sample-ad-top{display:flex;align-items:center;gap:10px}.sample-ad-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;border:1px solid #957442;border-radius:3px;color:#f4c37d;font:700 22px 'Barlow Condensed',sans-serif}.sample-ad-plate .sample-ad-mark{font-size:17px;background:#e8dfc9;color:#171717;letter-spacing:1px}.sample-ad .hdp-ad-kicker{font-size:12px;letter-spacing:1.5px}.sample-ad h2{font-size:21px;margin-top:9px}.sample-ad p{font-size:12px}.sample-ad-cta{border:0;border-bottom:1px solid #776044;background:none;color:#f6bd73;font-size:12px;padding:8px 0 5px;margin-top:5px;display:flex;gap:18px;align-items:center;min-height:38px}.sample-ad-cta:hover{color:#fff}.sample-ad-footer{border-top:1px solid #3d3428;margin-top:15px;padding-top:10px;display:flex;justify-content:space-between;gap:12px;color:#9f9688;font-size:10px;line-height:1.5}.sample-ad-footer a{color:#e4ad69;white-space:nowrap}.sample-ad-modal{padding:12px}.sample-ad-modal p{line-height:1.8}.sample-ad-modal h2{font-size:28px}.sample-ad-modal .btn{margin-top:14px}
@media(max-width:600px){.sample-ad-grid{grid-template-columns:1fr;gap:0}.sample-ad{display:grid;grid-template-columns:1fr auto;column-gap:12px;border-right:0;border-bottom:1px solid #443927;padding:12px 0}.sample-ad:last-child{border-bottom:0}.sample-ad-top{grid-column:1}.sample-ad h2{grid-column:1;font-size:18px;margin:6px 0 0}.sample-ad p{display:none}.sample-ad-cta{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-height:44px}.sample-ad-mark{width:30px;height:25px;font-size:19px}.sample-ad-footer{flex-direction:column;gap:5px;margin-top:5px}.hdp-ad-top{min-height:0}}
