.threei7-x-card .x-profile{position:relative;z-index:1}.threei7-x-card .x-avatar{position:relative;z-index:2}.threei7-x-interactions{font-size:14px;padding:14px 0;line-height:1.6}
.threei7-linkedin-card{background:white;border:1px solid #d6d6d6;border-radius:14px;padding:16px}.li-cover{width:100%;max-height:180px;object-fit:cover}.li-logo{width:80px;height:80px;object-fit:contain}.li-image{max-width:100%;max-height:480px;object-fit:contain}.li-post{border-top:1px solid #d6d6d6;margin-top:16px;padding-top:16px}.threei7-ig-subpreview-grid{display:none}.threei7-instagram-actions,.presentation-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.threei7-ig-avatar,.threei7-ig-grid-item{cursor:pointer}
.threei7-media-viewer{max-width:90vw;width:440px;max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:20px}.threei7-media-viewer::backdrop,.threei7-presentation::backdrop{background:#0f2f44bb}.vertical-media{display:block;width:auto;max-width:100%;height:auto;max-height:65vh;object-fit:contain;margin:auto}.single-media{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}
.threei7-presentation{box-sizing:border-box;width:1040px;max-width:96vw;max-height:94vh;overflow:auto;background:#d6d6d6;border:0;padding:24px;color:#0f2f44;font-family:Montserrat,Arial,sans-serif}.threei7-presentation button,.threei7-presentation-tools button,.threei7-instagram-actions button,.threei7-media-viewer button{padding:10px 14px;border-radius:8px;border:0;cursor:pointer}.mockup-page{background:#d6d6d6;padding:32px;margin:24px 0;min-height:600px;box-sizing:border-box;border-bottom:1px solid #0f2f44;overflow-wrap:anywhere}.mockup-page h2{font-weight:600;font-size:28px;color:inherit;margin:24px 0}.mockup-page h3{color:inherit}.mockup-page footer{margin-top:30px;font-size:12px;line-height:1.5}.agency-brand{font-size:32px}.agency-logo{max-width:140px;max-height:70px;object-fit:contain}.mockup-cover{background:#0f2f44;color:#d6d6d6;display:flex;flex-direction:column;justify-content:space-between}.brand-slogan{font-weight:500;text-transform:none}.mockup-page *{box-shadow:none!important}.mockup-page .threei7-ig-grid-item{min-height:0}.mockup-page .threei7-ig-highlights{flex-wrap:wrap;overflow:visible}.mockup-page .post-image,.mockup-page .fb-post-image{max-height:480px;background-size:contain}.mockup-page .threei7-ig-grid{max-width:600px;margin:auto}.mockup-page .tk-grid div{min-height:0}.mockup-page .mockup-media{text-align:center}
@media(max-width:600px){.threei7-presentation{padding:12px}.mockup-page{padding:16px;min-height:0}.mockup-page .threei7-ig-header{flex-wrap:wrap}.mockup-page h2{font-size:24px}}
@media print{body.threei7-printing{margin:0!important;background:#d6d6d6!important}body.threei7-printing *{visibility:hidden!important}body.threei7-printing .threei7-presentation,body.threei7-printing .threei7-presentation *{visibility:visible!important}body.threei7-printing .threei7-presentation{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}body.threei7-printing .presentation-actions,body.threei7-printing .presentation-help{display:none!important}.mockup-page{break-before:page;min-height:0;margin:0;padding:10mm;border:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.mockup-page:first-of-type{break-before:auto}.mockup-page img{max-height:210mm!important}.mockup-page footer{break-inside:avoid}.mockup-page .vertical-media{height:190mm!important}.mockup-page .threei7-ig-grid{max-width:150mm}.mockup-page .threei7-instagram-desktop{break-inside:avoid}.mockup-page .threei7-preview-screen{display:block}@page{size:A4 portrait;margin:10mm}}
.mockup-page>article,.mockup-page>.threei7-facebook-card,.mockup-page>.threei7-google-card,.mockup-page>.threei7-tiktok-card,.mockup-page>.threei7-x-card{max-width:520px;margin:0 auto;border:8px solid #0f2f44;border-radius:20px;box-sizing:border-box}.mockup-page footer .agency-logo{max-width:70px;max-height:40px}.mockup-page footer{display:flex;align-items:center;gap:12px}.mockup-page>div:not(.agency-brand){max-width:100%}.threei7-project-card{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.threei7-presentation .mockup-page>.agency-brand{display:flex;justify-content:flex-end;width:100%}.threei7-presentation .mockup-page footer{justify-content:space-between}.threei7-presentation .mockup-page footer>.agency-brand{margin-left:auto;flex-shrink:0}.threei7-presentation .agency-logo{background:transparent!important}.threei7-presentation .brand-slogan{font-weight:500!important}.presentation-actions select{padding:10px;max-width:100%;font-size:14px}.threei7-presentation[data-orientation=portrait] .mockup-page{max-width:794px;margin-left:auto;margin-right:auto}.threei7-presentation[data-orientation=landscape]{width:1200px}.threei7-presentation[data-orientation=landscape] .mockup-page{min-height:480px}.threei7-presentation[data-orientation=landscape] .mockup-cover{min-height:560px}.threei7-presentation[data-orientation=landscape] .mockup-media img{max-height:50vh}
@media print{.threei7-presentation[data-orientation=landscape] .mockup-page{max-width:none;min-height:0}.threei7-presentation[data-orientation=landscape] .mockup-page .vertical-media{height:125mm!important}.threei7-presentation[data-orientation=landscape] .mockup-page img{max-height:130mm!important}.threei7-presentation[data-orientation=landscape] .threei7-ig-grid{max-width:100mm}.threei7-presentation[data-orientation=landscape] .threei7-ig-avatar{width:55px;height:55px}.threei7-presentation[data-orientation=landscape] .threei7-ig-highlights i{width:36px;height:36px}.threei7-presentation[data-orientation=landscape] .mockup-page h2{font-size:20px;margin:8px 0}.threei7-presentation[data-orientation=landscape] .agency-logo{max-height:30px!important}.threei7-presentation[data-orientation=landscape] .mockup-page footer{margin-top:10px}}