/* Product screenshots and two-platform demonstrations. */
#screenshots,#demos{scroll-margin-top:120px}.product-media-section{padding-top:55px}.product-media-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.product-media-heading h2{font-size:39px!important;letter-spacing:-1.4px!important;margin:16px 0 12px}.product-media-heading p{font-size:13px;color:#77836d;margin:0;line-height:1.8}.gallery-platform-toggle{display:flex;padding:5px;background:#f6f8f1;border:1px solid #dfe7d6;border-radius:9px;gap:5px;flex-shrink:0}.gallery-platform-toggle button{background:transparent;border:0;border-radius:5px;padding:11px 18px;font-size:11px!important;color:#7b8972}.gallery-platform-toggle button[aria-pressed=true]{background:var(--green);color:#fff;box-shadow:0 3px 10px #28472c0d}.product-media-layout{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:30px;align-items:start}.product-gallery{min-width:0}.gallery-stage{border:1px solid #e2e8da;border-radius:12px;overflow:hidden;background:#f8faf4}.gallery-slide{margin:0}.gallery-slide[hidden],[data-gallery-panel][hidden]{display:none!important}.gallery-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:#f8faf4;cursor:zoom-in}.gallery-image-button>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;display:block}.gallery-enlarge-mark{position:absolute;right:15px;bottom:15px;background:#fff;color:var(--green);border:1px solid #dbe5d1;border-radius:6px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:9px;box-shadow:0 3px 12px #2634240b}.gallery-slide figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:17px 20px;background:#fff;color:#63765b;border-top:1px solid #e3e9dc;line-height:1.6}.gallery-image-count{font-size:10px;color:#94a086;white-space:nowrap}.gallery-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}.gallery-thumb{min-width:0;border:1px solid #e1e7d9;background:#fff;padding:5px;border-radius:8px;color:#7c8971;text-align:left}.gallery-thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:4px}.gallery-thumb>span{display:block;font-size:9px!important;line-height:1.6;padding:8px 5px 4px;min-height:39px}.gallery-thumb[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green);color:var(--green);background:#f8fbf3}.gallery-placeholder-note{font-size:9px!important;color:#9aa28e;text-align:center;line-height:1.8;margin:15px 0 0}.plugin-demos>.eyebrow{font-size:9px;letter-spacing:1.2px}.plugin-demos>h2{font-size:23px!important;letter-spacing:-.7px!important;margin:14px 0 21px}.plugin-demo-card{border:1px solid #dfe7d7;border-radius:10px;padding:22px;background:#fafcf6}.plugin-demo-card+.plugin-demo-card{margin-top:16px}.demo-platform-mark{display:flex;gap:10px;align-items:center;margin-bottom:20px}.demo-platform-mark>span{font-size:11px;font-weight:500;line-height:1.65}.demo-platform-mark.woocommerce{display:block}.demo-platform-mark.woocommerce>span{display:block;margin-top:9px;font-size:10px;color:#8a947f;font-weight:400}.plugin-demo-card h3{font-size:18px!important;letter-spacing:-.5px!important;margin:0 0 12px}.plugin-demo-card p{font-size:11px;line-height:1.9;color:#7a886c;margin-bottom:18px}.plugin-demo-card .button-ap{font-size:10px;min-height:40px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;width:100%}.demo-preview-note{font-size:9px!important;line-height:1.8;color:#a0a791;margin:14px 0 0}.gallery-lightbox{width:min(1160px,calc(100vw - 48px));max-width:1160px;padding:0;border:1px solid #dce5d3;border-radius:12px;background:#fff;box-shadow:0 25px 90px #0c2c2060;max-height:calc(100vh - 48px);color:var(--ink);overflow:auto}.gallery-lightbox:not([open]){display:none}.gallery-lightbox::backdrop{background:#10291dd9;backdrop-filter:blur(4px)}.gallery-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:12px}.gallery-lightbox-top button{font-size:24px!important;background:transparent;border:0;line-height:1;padding:4px 7px;color:#65815a}.gallery-lightbox-image{display:flex;align-items:center;justify-content:center;background:#f8faf3}.gallery-lightbox-image img{width:100%;height:auto;max-height:calc(100vh - 180px);object-fit:contain}.gallery-lightbox-bottom{display:flex;align-items:center;justify-content:center;gap:25px;padding:15px;border-top:1px solid var(--line)}.gallery-lightbox-bottom button{width:36px;height:36px;display:grid;place-items:center;background:#f4f8ec;color:var(--green);border:1px solid #dce5d2;border-radius:50%}.gallery-lightbox-bottom [data-lightbox-prev] svg{transform:rotate(180deg)}.gallery-lightbox-bottom>span{font-size:11px;color:#7f9071}.product-hero .actions{flex-wrap:wrap}.product-hero .actions .button-ap{font-size:11px;padding:13px 17px}.product-hero .actions .text-link{font-size:11px}
@media(max-width:1000px){.product-media-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.gallery-thumb>span{font-size:8px!important}.plugin-demo-card{padding:19px}.product-media-heading h2{font-size:35px!important}}
@media(max-width:800px){.product-media-layout{grid-template-columns:1fr}.plugin-demos{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:14px}.plugin-demos>.eyebrow,.plugin-demos>h2,.demo-preview-note{grid-column:1/-1}.plugin-demos>h2{margin:0}.plugin-demo-card+.plugin-demo-card{margin-top:0}.demo-preview-note{margin:0}.gallery-thumb>span{font-size:10px!important}.product-media-heading{align-items:start}.gallery-platform-toggle button{padding:10px 13px}}
@media(max-width:600px){#screenshots,#demos{scroll-margin-top:100px}.product-media-section{padding-top:35px}.product-media-heading{display:block;margin-bottom:24px}.product-media-heading h2{font-size:30px!important;letter-spacing:-1px!important}.product-media-heading p{font-size:12px}.gallery-platform-toggle{margin-top:24px;width:max-content}.gallery-platform-toggle button{font-size:11px!important;padding:10px 17px}.gallery-thumbnails{gap:7px;margin-top:12px}.gallery-thumb{padding:4px}.gallery-thumb>span{font-size:8px!important;padding:6px 3px 2px;min-height:36px;line-height:1.65}.gallery-slide figcaption{font-size:11px;padding:14px 15px}.gallery-enlarge-mark{font-size:8px;right:10px;bottom:10px;padding:7px 8px}.gallery-enlarge-mark svg{width:13px;height:13px}.gallery-placeholder-note{font-size:8px!important}.plugin-demos{grid-template-columns:1fr;gap:16px}.plugin-demo-card{padding:23px}.demo-platform-mark.woocommerce{display:flex;flex-wrap:wrap;gap:13px}.demo-platform-mark.woocommerce>span{margin:0}.plugin-demo-card p{font-size:12px}.plugin-demo-card .button-ap{font-size:11px}.gallery-lightbox{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.gallery-lightbox-top{font-size:11px;padding:14px 16px}.gallery-lightbox-bottom{padding:12px}.product-hero .actions{gap:13px}.product-hero .actions .button-ap{font-size:10px;padding:12px 16px}.product-hero .actions .text-link{font-size:10px}}
@media print{.gallery-thumbnails,.plugin-demos,.gallery-enlarge-mark,.gallery-lightbox{display:none!important}.product-media-layout{display:block}.gallery-stage{break-inside:avoid}}

/* Keep captions, preview controls and thumbnail labels readable at every width. */
.ap-site .product-media-heading p{font-size:14px;color:#53645f;line-height:1.7}
.ap-site .gallery-platform-toggle button{min-height:44px;font-size:13px!important}
.ap-site .gallery-thumbnails{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.ap-site .gallery-thumb{color:#53645f}
.ap-site .gallery-thumb img{object-fit:contain;background:#faf7f2}
.ap-site .gallery-thumb>span{font-size:13px!important;line-height:1.5;min-height:44px;padding:10px 7px 6px}
.ap-site .gallery-slide figcaption{font-size:14px;color:#53645f;line-height:1.6}
.ap-site .gallery-image-count{font-size:12px;color:#53645f}
.ap-site .gallery-enlarge-mark{position:static;width:max-content;min-height:44px;margin:10px auto;font-size:12px}
.ap-site .gallery-thumb:focus-visible,.ap-site .gallery-image-button:focus-visible,.ap-site .gallery-platform-toggle button:focus-visible{outline:3px solid #176d63;outline-offset:3px}
.ap-site .plugin-demos>.eyebrow{font-size:12px;color:#176d63}
.ap-site .plugin-demo-card p{font-size:14px;color:#53645f;line-height:1.7}
.ap-site .plugin-demo-card .button-ap{font-size:13px;min-height:44px}
.ap-site .gallery-lightbox-top{font-size:14px;line-height:1.5}
.ap-site .gallery-lightbox-top button,.ap-site .gallery-lightbox-bottom button{min-width:44px;min-height:44px}
.ap-site .gallery-lightbox-bottom>span{font-size:13px;color:#53645f}
.ap-site .gallery-lightbox-bottom{flex-wrap:wrap;gap:12px 22px}
.ap-site .gallery-full-size-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #176d63;border-radius:8px;color:#176d63;background:#fff;font-size:14px;line-height:1.4;text-decoration:none}
.ap-site .gallery-full-size-link[hidden]{display:none}
.ap-site .gallery-full-size-link:hover{background:#eef3ef}
.ap-site .gallery-full-size-link:focus-visible{outline:3px solid #176d63;outline-offset:3px}
@media(max-width:600px){
 .ap-site .gallery-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ap-site .gallery-slide figcaption{font-size:13px}
 .ap-site .gallery-thumb>span{font-size:12px!important}
 .ap-site .product-media-heading p,.ap-site .plugin-demo-card p{font-size:14px}
 .ap-site .gallery-full-size-link{flex-basis:100%;max-width:260px}
}

/* A product without reviewed screenshots invites the visitor into its interactive preview instead. */
.gallery-empty-stage{background:linear-gradient(160deg,#f8faf4 0%,#eef5ec 100%)}
.gallery-empty-state{padding:44px 46px;min-height:100%;display:flex;flex-direction:column;align-items:flex-start}
.gallery-empty-state h3{font-size:28px!important;letter-spacing:-.9px!important;margin:4px 0 14px}
.gallery-empty-state>p{font-size:13px;line-height:1.85;color:#5f6f58;max-width:560px;margin:0 0 26px}
.gallery-empty-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.gallery-empty-steps li{background:#fff;border:1px solid #dfe7d6;border-radius:10px;padding:16px 18px;font-size:12px;line-height:1.6;color:#45563f}
.gallery-empty-steps strong{display:block;font-size:24px;font-weight:400;letter-spacing:-1px;color:#9fc0a5;margin-bottom:8px}
.gallery-empty-state .button-ap{font-size:12px}
@media(max-width:800px){.gallery-empty-state{padding:30px 26px}.gallery-empty-state h3{font-size:24px!important}}
@media(max-width:600px){.gallery-empty-state{padding:24px 18px}.gallery-empty-steps{grid-template-columns:1fr;gap:9px}.gallery-empty-steps li{display:flex;align-items:baseline;gap:12px;padding:12px 14px}.gallery-empty-steps strong{font-size:18px;margin:0}}