/* Client-site views and original campaign artwork, loaded where used. */
.case-site-view{margin:0;min-width:0}
.site-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:#fff}
.site-view-domain{font-size:13px;font-weight:600;color:#232321;overflow-wrap:anywhere}
.site-view-modes{display:flex;gap:6px;flex-shrink:0}
.site-view-modes[hidden]{display:none}
.site-view-modes button{min-height:44px;border:1px solid #c9c9bd;padding:9px 15px;border-radius:4px;background:transparent;font-size:13px;color:#232321}
.site-view-modes button[aria-pressed="true"]{background:#232321;border-color:#232321;color:#fff}
.site-view-toolbar>a{font-size:13px;display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;color:#232321}
.site-view-toolbar>a:hover{color:#b90044}
.site-view-viewport{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;background:#fff;border:1px solid var(--line)}
.site-view-viewport iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;display:block;transform-origin:0 0;pointer-events:none}
.case-site-view[data-mode="mobile"] .site-view-viewport{width:min(100%,390px);aspect-ratio:1/2;margin:20px auto 0;border:6px solid #232321;border-radius:20px;box-sizing:content-box;max-width:calc(100% - 12px)}
.case-site-view>figcaption{font-size:12px;line-height:1.5;color:#5b5b53;margin-top:13px}
.site-view-thumb{display:flex;flex-direction:column;background:#fff}
.site-thumb-bar{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:#f4f3ed;border-bottom:1px solid #deded4;color:#52524a;font-size:10px}
.site-thumb-bar>span:first-child{font-size:8px;letter-spacing:3px;color:#77796a}
.site-view-thumb .site-view-viewport{flex:1;aspect-ratio:auto;border:0;width:100%;min-height:0}
.wachawin-campaign-cover{padding:35px;background:#eef2ee;border-radius:6px}
.wachawin-cover-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}
.wachawin-cover-title>img{width:250px;height:65px;object-fit:contain;mix-blend-mode:multiply}
.wachawin-cover-title>span{font-size:12px;font-weight:600;color:#2f4336;line-height:1.5}
.wachawin-cover-posters{display:flex;align-items:center;justify-content:center;gap:30px}
.wachawin-cover-posters img{height:500px;width:auto;max-width:calc(50% - 15px);object-fit:contain;filter:drop-shadow(0 12px 10px #153a2530)}
.wachawin-campaign-gallery{padding-top:25px;padding-bottom:80px}
.wachawin-campaign-gallery h2{margin-bottom:35px}
.wachawin-poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.wachawin-poster-grid figure{margin:0;min-width:0}
.wachawin-poster-grid img{width:100%;height:auto;background:#fff;border-radius:3px}
.wachawin-poster-grid figcaption{font-size:13px;color:#3e493f;line-height:1.5;margin-top:13px}
@media(max-width:800px){
 .site-view-toolbar{gap:12px;padding:12px 15px;flex-wrap:wrap}
 .site-view-toolbar>a{margin-left:auto}
 .wachawin-campaign-cover{padding:25px}
 .wachawin-cover-title>img{width:200px;height:55px}
 .wachawin-cover-posters{gap:20px}
 .wachawin-cover-posters img{height:400px;max-width:calc(50% - 10px)}
 .wachawin-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
}
@media(max-width:600px){
 .site-view-toolbar{align-items:center}
 .site-view-domain{width:100%}
 .site-view-modes{gap:5px}
 .site-view-modes button{padding:9px 12px}
 .case-site-view:not(.site-view-ready) .site-view-viewport{aspect-ratio:1/2}
 .case-site-view[data-mode="mobile"] .site-view-viewport{margin-top:16px}
 .wachawin-campaign-cover{padding:20px 14px}
 .wachawin-cover-title{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}
 .wachawin-cover-title>img{width:180px;height:45px}
 .wachawin-cover-posters{gap:10px}
 .wachawin-cover-posters img{height:280px;max-width:calc(50% - 5px)}
 .wachawin-campaign-gallery h2{font-size:34px}
 .wachawin-poster-grid{gap:24px 15px}
}

.catalog-preview .wachawin-campaign-cover{box-sizing:border-box;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:10px 14px}.catalog-preview .wachawin-cover-title{margin:0 0 5px;display:block}.catalog-preview .wachawin-cover-title img{width:100px;height:25px}.catalog-preview .wachawin-cover-title span{display:none}.catalog-preview .wachawin-cover-posters{min-height:0;gap:9px}.catalog-preview .wachawin-cover-posters img{height:100%;max-width:calc(50% - 5px)}