.pd-page{color:#d8e9ef}.pd-wrap{width:min(1320px,calc(100% - 40px));margin:auto}.pd-hero{padding:55px 0 35px}.pd-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#a7bac4;margin-bottom:35px}.pd-eyebrow{font:11px monospace;letter-spacing:2px;color:#65e6d1}.pd-page h1{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:18px 0}.pd-lead{font-size:17px;line-height:1.9;max-width:780px;color:#a9bfcb}.pd-tags{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.pd-tags span{padding:7px 12px;border:1px solid #29404d;border-radius:30px;font-size:11px}.pd-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:32px;align-items:start}.pd-stage{border:1px solid #304956;background:#101e28;border-radius:18px;overflow:hidden}.pd-browser{display:flex;align-items:center;gap:6px;border-bottom:1px solid #304956;padding:13px 17px;direction:ltr}.pd-browser i{width:7px;height:7px;border-radius:50%;background:#65e6d1}.pd-browser span{font:10px monospace;color:#90a8b5;margin:auto}.pd-stage>button{border:0;background:#081119;padding:0;width:100%;cursor:zoom-in;display:block}.pd-stage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.pd-thumbs button{padding:3px;background:#101e28;border:1px solid #304956;border-radius:8px;cursor:pointer}.pd-thumbs button[aria-pressed=true]{border:2px solid #65e6d1;padding:2px}.pd-thumbs img{width:100%;height:auto;display:block;border-radius:5px}.pd-caption{font-size:12px;color:#9fb5c2;margin-top:13px}.pd-buy{background:linear-gradient(145deg,#132b35,#0a141d);border:1px solid #37616b;border-radius:18px;padding:28px;position:sticky;top:110px}.pd-buy h2{font-size:20px;margin:0 0 20px}.pd-price{font:bold 39px system-ui;direction:ltr;display:inline-block;color:#f1fbff}.pd-buy label{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}.pd-buy select,.pd-filters select,.pd-filters input{background:#0b1923;color:#e4f4fc;border:1px solid #36505f;border-radius:7px;padding:11px;font:inherit;max-width:100%}.pd-note{font-size:11px;line-height:1.8;color:#abc1cc}.pd-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;min-height:48px;border-radius:7px;text-decoration:none;background:#65e6d1;color:#09272f!important;border:1px solid #65e6d1;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.pd-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #65e6d125}.pd-button.secondary{background:transparent;color:#d9edf5!important;border-color:#46616d;margin-top:10px}.pd-facts{margin:22px 0 0;font-size:12px}.pd-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #2c4450}.pd-facts dt{color:#94adba}.pd-facts dd{margin:0;text-align:end}.pd-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:30px 0;border-bottom:1px solid #29404d}.pd-tabs a{padding:10px 16px;border:1px solid #29404d;border-radius:30px;font-size:13px}.pd-section{padding:65px 0;scroll-margin-top:110px}.pd-section h2{font-size:clamp(25px,3vw,38px);margin:0 0 25px}.pd-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pd-feature{border:1px solid #294653;padding:25px;border-radius:12px;background:#0a1821}.pd-feature>span{font:11px monospace;color:#65e6d1}.pd-feature h3{font-size:17px;margin:18px 0 10px}.pd-feature p,.pd-section p,.pd-section li{font-size:14px;line-height:1.9;color:#a8beca}.pd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pd-info-box{padding:28px;border:1px solid #2c4553;border-radius:12px}.pd-info-box h3{font-size:20px}.pd-info-box ul{padding-inline-start:20px}.pd-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:start}.pd-faq details{border-bottom:1px solid #314957;padding:18px 0}.pd-faq summary{cursor:pointer;font-size:15px;display:flex;justify-content:space-between;gap:20px;list-style:none}.pd-faq summary::after{content:'+';color:#65e6d1}.pd-faq details[open] summary::after{content:'−'}.pd-faq summary::-webkit-details-marker{display:none}.pd-help{padding:25px;border:1px solid #37616b;border-radius:14px;margin-top:25px}.pd-help h3{font-size:20px}.pd-help a{margin-top:12px}.pd-lightbox{width:min(1100px,95vw);max-height:94vh;border:1px solid #46616d;border-radius:14px;padding:16px;background:#0b1821;color:#fff}.pd-lightbox::backdrop{background:#000d}.pd-lightbox img{width:100%;height:auto;max-height:78vh;object-fit:contain}.pd-lightbox button{float:inline-end;background:#65e6d1;color:#09272f;padding:8px 18px;border:0;border-radius:5px;cursor:pointer}.pd-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;padding:22px;background:#101e28;border:1px solid #29404d;border-radius:12px;margin:30px 0}.pd-filters label{display:grid;gap:8px;font-size:12px}.pd-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pd-product-card{overflow:hidden;border:1px solid #34505e;border-radius:15px;background:#0d1b25}.pd-product-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}.pd-product-content{padding:24px}.pd-product-content h2{font-size:23px;margin:12px 0}.pd-product-content p{font-size:13px;line-height:1.8;color:#a8beca}.pd-product-content .pd-price{font-size:25px}.pd-product-content .pd-button{margin-top:18px}.pd-empty{padding:45px;text-align:center;border:1px dashed #3b5664;border-radius:12px;margin:20px 0;color:#b2c9d4}.pd-page [hidden]{display:none!important}.pd-page a:focus-visible,.pd-page button:focus-visible,.pd-page input:focus-visible,.pd-page select:focus-visible{outline:2px solid #65e6d1;outline-offset:4px}.pd-showcase-note{padding:20px;border-inline-start:2px solid #65e6d1;background:#65e6d108;margin-top:28px}
.pd-page .pd-hero{display:block;position:static;height:auto;min-height:0;gap:0;z-index:auto;border:0;clear:both;padding:48px 0 35px}
.pd-page .pd-breadcrumb{width:100%;align-items:center;line-height:1.7;margin:0 0 25px}
.pd-page .pd-eyebrow{display:block;line-height:1.6}
.pd-page .pd-hero h1{max-width:1000px;margin:16px 0 20px;line-height:1.35;overflow-wrap:normal}
.pd-page .pd-lead{display:block;margin:0;max-width:800px}
.pd-page .pd-tags{margin:22px 0 0}
.pd-page .pd-grid>div,.pd-page .pd-grid>aside{min-width:0}
.pd-page .pd-faq .cp-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.6}
.pd-page .pd-faq .cp-heading h2 em{font-style:normal;color:#65e6d1}
.pd-page .pd-faq .cp-faq-list{min-width:0}
@media(max-width:1000px){.pd-grid{grid-template-columns:1.4fr 1fr;gap:20px}.pd-buy{padding:22px}.pd-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pd-grid,.pd-info-grid,.pd-faq{grid-template-columns:1fr}.pd-buy{position:static}.pd-features{grid-template-columns:repeat(2,1fr)}.pd-filters{grid-template-columns:1fr}.pd-hero{padding-top:30px}.pd-section{padding:40px 0}.pd-faq{gap:22px}}
@media(max-width:480px){.pd-features,.pd-products{grid-template-columns:1fr}.pd-wrap{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){.pd-button{transition:none}.pd-button:hover{transform:none}}
/* Native WHMCS licence and support choices. */
.pd-buy{position:static;align-self:start}
.pd-configurator{margin-block:24px 20px;display:grid;gap:22px}
.pd-choices{border:0;padding:0;margin:0;min-width:0}
.pd-choices legend{font-size:15px;font-weight:700;margin-bottom:10px;color:#eef8fa}
.pd-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pd-choice{position:relative!important;display:flex!important;flex-direction:column;gap:6px!important;padding:16px 8px!important;min-height:116px;margin:0!important;border:1px solid #31505c;border-radius:12px;background:#122630;cursor:pointer;text-align:center;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.pd-choice input{position:absolute;opacity:0;width:1px;height:1px}
.pd-choice:has(input:checked){border-color:#5de2ce;background:#1a3b43;box-shadow:inset 0 0 0 1px #5de2ce}
.pd-choice:has(input:checked)::after{content:'✓';position:absolute;inset-inline-end:5px;top:3px;font-size:12px;color:#5de2ce}
.pd-choice:hover{border-color:#5de2ce;transform:translateY(-2px)}
.pd-choice:has(input:focus-visible){outline:2px solid #fff;outline-offset:3px}
.pd-choice-title{font-size:15px;font-weight:700;color:#eef8fa;line-height:1.5}
.pd-choice-caption{font-size:10px;line-height:1.6;color:#b4c7cf}
.pd-choice-cost{font-size:12px;color:#5de2ce;direction:ltr;margin-top:auto;font-weight:700;white-space:nowrap}
.pd-total-label{font-size:13px;margin:0;color:#b4c7cf}
.pd-assurance{font-size:12px;line-height:1.9;color:#b4c7cf;margin:16px 0}
@media(max-width:420px){.pd-choice-grid{gap:6px}.pd-choice{padding:14px 5px!important}.pd-choice-title{font-size:13px}.pd-choice-cost{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pd-choice{transition:none}.pd-choice:hover{transform:none}}
/* Framed title band inspired by the approved WHMCS heading. */
.pd-page .pd-hero{position:relative;isolation:isolate;overflow:hidden;padding:32px 38px 30px;padding-inline-end:150px;margin-block:24px 32px;border:1px solid #285568;border-radius:22px;background:linear-gradient(110deg,#07141d,#142f3b)}
.pd-page .pd-hero::before{content:'';position:absolute;z-index:-1;inset:-110% 22% 0;border-radius:50%;border:1px solid #24cbb62e;box-shadow:0 8px 0 #24cbb612,0 17px 0 #24cbb611,0 26px 0 #24cbb609;transform:rotate(-17deg);pointer-events:none}
.pd-page .pd-hero h1{font-size:clamp(27px,3vw,42px);line-height:1.5;margin:8px 0 12px;max-width:900px}
.pd-page .pd-hero .pd-lead{font-size:15px;line-height:1.95;margin:0;max-width:880px;color:#bbced7}
.pd-page .pd-hero .pd-breadcrumb{margin-bottom:18px;font-size:12px}
.pd-page .pd-hero .pd-tags{margin-top:18px;margin-bottom:0}
.pd-hero-symbol{position:absolute;inset-inline-end:34px;top:50%;transform:translateY(-50%);width:88px;height:88px;color:#72e8d7}
.pd-hero-symbol svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #5de2ce33)}
.pd-symbol-layer{opacity:.55}
@media(max-width:650px){.pd-page .pd-hero{padding:24px 20px;padding-inline-end:20px}.pd-hero-symbol{position:static;transform:none;width:54px;height:54px;margin-bottom:12px}.pd-page .pd-hero h1{font-size:27px}.pd-page .pd-hero .pd-lead{font-size:14px}}
.pd-stage img,.pd-product-card img{aspect-ratio:16/9}
/* Approved concept 1: Orbital Glass catalogue card. Real previews remain images. */
.pd-product-card.pd-orbit-card{position:relative;isolation:isolate;overflow:visible;padding:18px;border:1px solid #317a85;border-radius:28px;background:linear-gradient(145deg,#183c4acc,#091721f2);box-shadow:inset 0 1px 0 #c8f5ff20,0 15px 35px #0002;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pd-orbit-card::before{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#51e2d3;border-inline-start-color:#51e2d350;border-radius:28px;pointer-events:none;box-shadow:0 0 15px #35d9cf15}
.pd-orbit-card::after{content:'';position:absolute;top:-5px;inset-inline-end:13%;width:9px;height:9px;border-radius:50%;background:#64f4e1;border:2px solid #1b6570;box-shadow:0 0 0 5px #42dfd51a,0 0 13px #42dfd5;pointer-events:none;animation:pd-orbit-glow 4s ease-in-out infinite alternate}
.pd-product-card.pd-orbit-card:hover{transform:translateY(-4px);border-color:#61e9dc;box-shadow:0 18px 36px #0017213b,0 0 25px #43d3cb18}
.pd-orbit-card .pd-orbit-preview{display:block;overflow:hidden;border-radius:20px;border:1px solid #67d8d899;background:#08151c}
.pd-orbit-card .pd-orbit-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0;filter:none}
.pd-orbit-card .pd-product-content{padding:20px 4px 4px}
.pd-orbit-card .pd-orbit-category{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 13px;border-radius:30px;border:1px solid #2b8892;color:#68f1df;background:#0c697323;font-size:10px;line-height:1.4}
.pd-orbit-card .pd-product-content h2{font-size:21px;line-height:1.65;font-weight:400;margin:14px 0 8px}
.pd-orbit-card .pd-product-content h2+p{font-size:13px;line-height:1.85;color:#adc4d2;margin:0 0 16px}
.pd-orbit-card .pd-orbit-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pd-orbit-card .pd-orbit-price-row .pd-price{font-size:30px;letter-spacing:-.5px;line-height:1.5;margin:0;color:#f2fbff}
.pd-orbit-card .pd-orbit-quality{display:inline-flex;width:31px;flex-shrink:0;color:#20cabe;filter:drop-shadow(0 0 8px #22cdbb25)}
.pd-orbit-card .pd-orbit-quality svg{width:31px;height:35px}
.pd-orbit-card .pd-orbit-price-row+p{font-size:10px;color:#8fadb9;margin:4px 0 14px;line-height:1.7}
.pd-orbit-card .pd-orbit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pd-orbit-card .pd-orbit-actions .pd-button{margin:0;padding:12px 8px;min-height:46px;font-size:12px;border-radius:12px;background:#5ee9d8;color:#082a31!important;border-color:#5ee9d8;white-space:normal;text-align:center}
.pd-orbit-card .pd-orbit-actions .pd-button.secondary{background:transparent;color:#d8ecf5!important;border-color:#4d7b8b}
html[data-theme=light] .pd-product-card.pd-orbit-card{background:linear-gradient(145deg,#ffffffef,#edf5f4e8)!important;border-color:#92d1cd!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px #173f4c12!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-preview{background:#eff7f6!important;border-color:#78c8c2!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-category{background:#dcf8f1!important;color:#124751!important;border-color:#bce8df!important}
html[data-theme=light] .pd-orbit-card .pd-product-content h2{color:#122d3b!important}
html[data-theme=light] .pd-orbit-card .pd-product-content h2+p{color:#4c6878!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-price-row .pd-price{color:#112836!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-price-row+p{color:#4c6878!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-quality{color:#008d83!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-actions .pd-button:not(.secondary){background:#5ee9d8!important;color:#082a31!important;border-color:#5ee9d8!important}
html[data-theme=light] .pd-orbit-card .pd-orbit-actions .pd-button.secondary{background:#ffffff99!important;color:#173a4b!important;border-color:#799dab!important}
@keyframes pd-orbit-glow{from{opacity:.65;box-shadow:0 0 0 3px #42dfd511,0 0 7px #42dfd5}to{opacity:1;box-shadow:0 0 0 6px #42dfd522,0 0 16px #42dfd5}}
@media(max-width:420px){.pd-product-card.pd-orbit-card{padding:13px;border-radius:24px}.pd-orbit-card .pd-product-content h2{font-size:20px}.pd-orbit-card .pd-orbit-actions{gap:8px}.pd-orbit-card .pd-orbit-actions .pd-button{font-size:11px}.pd-orbit-card .pd-orbit-price-row .pd-price{font-size:29px}}
@media(prefers-reduced-motion:reduce){.pd-orbit-card::after{animation:none}.pd-product-card.pd-orbit-card{transition:none}.pd-product-card.pd-orbit-card:hover{transform:none}}
/* Approved gallery concept 2: Floating Studio. */
.pd-floating-gallery{position:relative;isolation:isolate;padding:26px 22px 20px;border:1px solid #296474;border-radius:26px;background:radial-gradient(ellipse at 50% 19%,#13bcc224,transparent 55%),linear-gradient(145deg,#123746,#081923);box-shadow:inset 0 1px 0 #a7f4fa18,0 16px 45px #00131e25}
.pd-floating-gallery::before{content:'';position:absolute;z-index:-1;width:75%;height:52%;top:14px;left:12.5%;border:1px solid #44d7db55;border-radius:50%;box-shadow:0 0 35px #18b5bb15;pointer-events:none}
.pd-floating-gallery .pd-stage{position:relative;overflow:visible;border:1px solid #72b9c5;border-radius:22px;background:#10232f;padding:7px;box-shadow:0 0 0 4px #3aa4af16,0 16px 30px #0004;margin:0 0 43px}
.pd-floating-gallery .pd-stage::after{content:'';position:absolute;z-index:-1;left:14%;right:14%;height:25px;bottom:-27px;border-radius:50%;border:1px solid #5bd8d966;background:linear-gradient(180deg,#294d5e,#0a202d);box-shadow:0 4px 0 #05121c,0 7px 20px #35d0d12a;pointer-events:none}
.pd-floating-gallery .pd-browser{padding:10px 10px 14px;border:0;border-radius:15px 15px 0 0;background:#10232f;color:#b9d6e4}
.pd-floating-gallery .pd-browser span{font-size:9px;letter-spacing:.6px}
.pd-floating-gallery .pd-stage>button{overflow:hidden;border-radius:0 0 15px 15px;background:#f0f4f6}
.pd-floating-gallery .pd-stage img{aspect-ratio:16/9;object-fit:contain;filter:none}
.pd-floating-gallery .pd-gallery-dock{position:relative;padding:9px 32px;border:1px solid #3b7585;border-radius:18px;background:#0e2b38bb;box-shadow:inset 0 1px 0 #aff5ff16}
.pd-floating-gallery .pd-thumbs{margin:0;gap:9px}
.pd-floating-gallery .pd-thumbs button{border-radius:10px;padding:3px;background:#0f2936;border:1px solid #416475;overflow:hidden}
.pd-floating-gallery .pd-thumbs button[aria-pressed=true]{border:2px solid #5df1df;padding:2px;box-shadow:0 0 0 3px #49d5cf16,0 0 13px #49d5cf22}
.pd-floating-gallery .pd-thumbs img{border-radius:6px;aspect-ratio:16/9;object-fit:contain;filter:none}
.pd-floating-gallery .pd-thumbs button span{display:block;font-size:10px;line-height:1.6;padding:5px 1px 2px;color:#b8d1df}
.pd-floating-gallery .pd-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:38px;border:0;border-radius:50%;background:transparent;color:#bceae9;font:25px system-ui;display:grid;place-items:center;cursor:pointer}
.pd-floating-gallery #pd-gallery-prev{inset-inline-start:0}.pd-floating-gallery #pd-gallery-next{inset-inline-end:0}
.pd-floating-gallery .pd-gallery-arrow:hover{background:#2b6777;color:#fff}
.pd-floating-gallery .pd-gallery-status{font:11px system-ui;text-align:center;direction:ltr;color:#a9c9d8;margin:12px 0}
.pd-floating-gallery .pd-gallery-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pd-floating-gallery .pd-gallery-control{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 19px;border-radius:30px;border:1px solid #64acbf;background:#143749;color:#d9f2f5;font:12px 'NeoSansArabicRegular',sans-serif;cursor:pointer;box-shadow:0 4px 12px #0002;text-decoration:none}
.pd-floating-gallery .pd-gallery-live{border-color:#24cbbf;color:#69efde;background:#0a444c}
.pd-floating-gallery .pd-gallery-control:hover{border-color:#72f4e3;box-shadow:0 0 15px #55e1d21a}
.pd-floating-gallery .pd-caption{text-align:center;font-size:10px;line-height:1.9;margin:15px 0 0;color:#9cbcc9}
html[data-theme=light] .pd-floating-gallery{background:radial-gradient(ellipse at 50% 19%,#b0f3ed77,transparent 55%),linear-gradient(145deg,#fafdff,#eaf4f6)!important;border-color:#a9cdd7!important;box-shadow:inset 0 1px 0 #fff,0 16px 35px #183c4912!important}
html[data-theme=light] .pd-floating-gallery .pd-stage{background:#e9f1f5!important;border-color:#8eafb9!important;box-shadow:0 0 0 4px #cce9e933,0 14px 25px #1b485922!important}
html[data-theme=light] .pd-floating-gallery .pd-stage::after{background:linear-gradient(180deg,#fbffff,#c4d9df)!important;border-color:#a5d8d6!important;box-shadow:0 4px 0 #9ab9c5,0 7px 18px #2abeb52a!important}
html[data-theme=light] .pd-floating-gallery .pd-browser{background:#e9f1f5!important;color:#345365!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-dock{background:#f7ffffc9!important;border-color:#aacdd3!important;box-shadow:inset 0 1px 0 #fff!important}
html[data-theme=light] .pd-floating-gallery .pd-thumbs button{background:#fff!important;border-color:#bdcfd7!important}
html[data-theme=light] .pd-floating-gallery .pd-thumbs button[aria-pressed=true]{border-color:#008b80!important;box-shadow:0 0 0 3px #49d5cf16,0 0 13px #49d5cf22!important}
html[data-theme=light] .pd-floating-gallery .pd-thumbs button span{color:#345365!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-arrow{color:#21556a!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-arrow:hover{background:#dcf1f0!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-status,html[data-theme=light] .pd-floating-gallery .pd-caption{color:#496474!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-control{color:#21556a!important;background:#faffff!important;border-color:#98bdc8!important;box-shadow:0 4px 12px #28506012!important}
html[data-theme=light] .pd-floating-gallery .pd-gallery-live{color:#006e66!important;background:#e6f8f4!important;border-color:#3dada2!important}
@media(max-width:650px){.pd-floating-gallery{padding:19px 12px 16px;border-radius:20px}.pd-floating-gallery .pd-stage{padding:5px;border-radius:17px}.pd-floating-gallery .pd-browser{padding:9px 7px 12px}.pd-floating-gallery .pd-browser span{font-size:7px}.pd-floating-gallery .pd-gallery-dock{padding:7px 27px;border-radius:13px}.pd-floating-gallery .pd-thumbs{gap:5px}.pd-floating-gallery .pd-thumbs button span{font-size:9px}.pd-floating-gallery .pd-gallery-control{font-size:11px;padding:9px 14px}.pd-floating-gallery .pd-gallery-arrow{width:25px}}
/* Approved Editor Gallery with thumbnails beneath the image. */
.pd-floating-gallery.pd-editor-gallery{padding:0 16px 16px;overflow:hidden;border:1px solid #397f94;border-radius:23px;background:linear-gradient(145deg,#133642,#05151f);box-shadow:inset 0 1px 0 #a2e3ec33,0 12px 30px #05152133}
.pd-floating-gallery.pd-editor-gallery::before{display:none}
.pd-editor-gallery .pd-editor-cap{position:relative;display:flex;align-items:center;gap:8px;min-height:41px;margin:0 -16px;padding:12px 22px;border-bottom:1px solid #3c7284;background:linear-gradient(120deg,#163e4d,#08202c);direction:ltr;border-radius:0}
.pd-editor-gallery .pd-editor-cap::before{content:'';position:absolute;inset:0 auto 0 0;width:42%;border-bottom:1px solid #19bbc8;background:#1c556738;clip-path:polygon(0 0,100% 0,88% 100%,5% 100%);pointer-events:none}
.pd-editor-gallery .pd-editor-cap span{order:-1;flex:1;margin:0;font:12px system-ui;letter-spacing:4px;color:#d6edf5;z-index:1}
.pd-editor-gallery .pd-editor-cap i{width:8px;height:8px}.pd-editor-gallery .pd-editor-cap i:nth-child(2){opacity:.6}.pd-editor-gallery .pd-editor-cap i:nth-child(3){opacity:.3}
.pd-editor-gallery .pd-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr;padding:16px 0}
.pd-editor-gallery .pd-editor-toolbar h2{display:flex;align-items:center;gap:10px;direction:rtl;font-size:19px;line-height:1.5;color:#e8f4f7;font-weight:400;margin:0;white-space:nowrap}
.pd-editor-gallery .pd-editor-toolbar h2::after{content:'▧';font:27px system-ui;color:#3ce6df;padding-inline-end:10px;border-inline-end:2px solid #36d7cd}
.pd-editor-gallery .pd-editor-tools{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #285366;border-radius:12px;background:#0b2230;direction:ltr}
.pd-editor-gallery .pd-editor-tool{border:0;background:#1a3340;color:#dbeff6;border-radius:7px;min-width:29px;min-height:31px;padding:3px 8px;font:17px system-ui;cursor:pointer}
.pd-editor-gallery #pd-zoom-reset{background:transparent;font-size:11px;min-width:44px}.pd-editor-gallery #pd-zoom-fullscreen{margin-inline-start:5px;font-size:22px;border:1px solid #315869;background:transparent}
.pd-editor-gallery .pd-editor-tool:disabled{opacity:.4;cursor:default}
.pd-editor-gallery .pd-editor-tools .pd-gallery-control{background:transparent;border:0;box-shadow:none;border-radius:0;font-size:10px;padding:4px 10px;min-height:31px;color:#d4ebf3}
.pd-floating-gallery.pd-editor-gallery .pd-stage{padding:4px;margin:0 0 12px;border-radius:13px;border:1px solid #5c9aaf;box-shadow:inset 0 0 0 1px #2a5767;background:#0a2130;overflow:hidden}
.pd-floating-gallery.pd-editor-gallery .pd-stage::after{display:none}
.pd-floating-gallery.pd-editor-gallery .pd-stage>button{border-radius:8px;background:#f0f4f6}
.pd-editor-gallery #pd-main-image{transition:transform .2s ease;transform-origin:center}
.pd-floating-gallery.pd-editor-gallery .pd-gallery-dock{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.pd-floating-gallery.pd-editor-gallery .pd-thumbs{gap:9px;margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-floating-gallery.pd-editor-gallery .pd-thumbs button{position:relative;border-radius:12px;padding:6px;background:#0b2633;border:1px solid #396e80;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;text-align:start}
.pd-floating-gallery.pd-editor-gallery .pd-thumbs button[aria-pressed=true]{border:2px solid #26e1d2;padding:5px;background:#0c333b;box-shadow:0 0 0 2px #21d1c01a,0 0 10px #21d1c033}
.pd-editor-gallery .pd-thumbs img{grid-column:1/-1;border-radius:6px;width:100%;aspect-ratio:16/9;object-fit:contain}
.pd-editor-gallery .pd-editor-thumb-label{display:flex!important;align-items:center;gap:4px;font-size:10px!important;padding:3px 0!important;line-height:1.5;color:#d4e6ef!important}
.pd-editor-gallery .pd-editor-thumb-label svg{width:13px;height:13px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7}
.pd-editor-gallery [aria-pressed=true] .pd-editor-thumb-label{color:#25e6d7!important}
.pd-editor-gallery .pd-editor-thumb-number{border:1px solid #315e72;border-radius:6px;font:10px system-ui;direction:ltr;padding:2px 4px;font-weight:400;color:#cfe4ed}
.pd-editor-gallery .pd-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;direction:ltr;border-bottom:1px solid #2b697b;padding-bottom:12px}
.pd-editor-gallery .pd-editor-pager{display:flex;align-items:center;gap:7px;direction:ltr}
.pd-editor-gallery .pd-editor-pager .pd-gallery-status{margin:0 9px 0 0;font-size:11px;min-width:44px;color:#d5e9f0}
.pd-editor-gallery .pd-editor-pager .pd-gallery-arrow{position:static;transform:none;border:1px solid #396d82;border-radius:8px;width:30px;height:34px;background:#112c3b;color:#d9eff6}
.pd-editor-gallery .pd-gallery-live{border-radius:12px;font-size:12px;border:1px solid #14cabb;background:#08444b;box-shadow:0 0 8px #26e2d344;padding:10px 16px;color:#4cf4e6}
.pd-editor-gallery:fullscreen{max-width:1500px;width:100%;height:100%;margin:auto;overflow:auto;border-radius:0;padding:0 22px 22px}.pd-editor-gallery:fullscreen .pd-stage{max-width:1100px;margin:0 auto 12px}.pd-editor-gallery:fullscreen .pd-thumbs{max-width:900px;margin:auto}
html[data-theme=light] .pd-floating-gallery.pd-editor-gallery{background:linear-gradient(145deg,#fbffff,#e7f1f5)!important;border-color:#9fbecb!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px #24465312!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-cap{background:linear-gradient(120deg,#d9edf0,#f2fafb)!important;border-color:#b9d0d9!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-cap span,html[data-theme=light] .pd-editor-gallery .pd-editor-toolbar h2{color:#17394a!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-tools{background:#f5fafc!important;border-color:#bacfd9!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-tool{background:#e1edf2!important;color:#234c61!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-tools .pd-gallery-control{background:transparent!important;color:#234c61!important;border:0!important;box-shadow:none!important}
html[data-theme=light] .pd-floating-gallery.pd-editor-gallery .pd-stage{background:#d8e6ed!important;border-color:#8dafbd!important;box-shadow:inset 0 0 0 1px #c0d9e1!important}
html[data-theme=light] .pd-floating-gallery.pd-editor-gallery .pd-gallery-dock{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme=light] .pd-floating-gallery.pd-editor-gallery .pd-thumbs button{background:#f7ffff!important;border-color:#bed3df!important}
html[data-theme=light] .pd-floating-gallery.pd-editor-gallery .pd-thumbs button[aria-pressed=true]{background:#e6f7f3!important;border-color:#008e80!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-thumb-label{color:#234c61!important}
html[data-theme=light] .pd-editor-gallery [aria-pressed=true] .pd-editor-thumb-label{color:#00766c!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-thumb-number{color:#234c61!important;border-color:#bad1dc!important}
html[data-theme=light] .pd-editor-gallery .pd-editor-pager .pd-gallery-arrow{background:#f5fbfd!important;color:#234c61!important;border-color:#abc8d5!important}
html[data-theme=light] .pd-editor-gallery .pd-gallery-live{background:#e1f6f1!important;color:#006d64!important;border-color:#25a394!important}
@media(max-width:650px){.pd-floating-gallery.pd-editor-gallery{padding:0 10px 12px;border-radius:16px}.pd-editor-gallery .pd-editor-cap{margin:0 -10px;padding:10px 15px}.pd-editor-gallery .pd-editor-toolbar{flex-wrap:wrap;padding:12px 0;gap:10px}.pd-editor-gallery .pd-editor-toolbar h2{font-size:17px}.pd-editor-gallery .pd-editor-tools{width:100%;justify-content:space-between}.pd-editor-gallery .pd-editor-tools .pd-gallery-control{font-size:10px;padding:3px 6px}.pd-floating-gallery.pd-editor-gallery .pd-thumbs{gap:5px}.pd-floating-gallery.pd-editor-gallery .pd-thumbs button{padding:4px;border-radius:9px}.pd-floating-gallery.pd-editor-gallery .pd-thumbs button[aria-pressed=true]{padding:3px}.pd-editor-gallery .pd-editor-thumb-label{font-size:9px!important;gap:2px}.pd-editor-gallery .pd-editor-thumb-label svg{display:none}.pd-editor-gallery .pd-editor-thumb-number{font-size:8px;padding:1px 2px}.pd-editor-gallery .pd-gallery-live{font-size:10px;padding:9px 10px}.pd-editor-gallery .pd-editor-pager{gap:4px}.pd-editor-gallery .pd-editor-pager .pd-gallery-arrow{width:27px;height:31px}.pd-editor-gallery .pd-editor-footer{gap:8px}.pd-editor-gallery .pd-editor-pager .pd-gallery-status{margin-inline-end:3px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.pd-editor-gallery #pd-main-image{transition:none}}
@media(max-width:420px){.pd-editor-gallery .pd-thumbs button{grid-template-columns:1fr}.pd-editor-gallery .pd-editor-thumb-label{justify-content:center;overflow-wrap:anywhere;min-width:0}.pd-editor-gallery .pd-editor-thumb-number{position:absolute;top:6px;inset-inline-end:6px;background:#0b2435e8;color:#d9edf5}}
/* Transparent 16:9 exports inherit the surrounding light/dark frame. */
.pd-floating-gallery.pd-editor-gallery .pd-stage>button{background:transparent}
/* Approved side rail; bottom arrangement remains selectable in the design registry. */
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.21fr);gap:12px;direction:ltr;align-items:start}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-stage{margin:0;width:100%;min-width:0}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:1fr;gap:8px;direction:ltr}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{padding:5px;grid-template-columns:1fr auto}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button[aria-pressed=true]{padding:4px}
html[dir=rtl] .pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{direction:rtl}
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-label{font-size:10px!important}
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-number{position:static}
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-footer{margin-top:13px}
@media(max-width:760px){.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-body{display:block}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-stage{margin-bottom:12px}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;direction:inherit}.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-label{font-size:9px!important}.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-label svg{display:none}}
@media(max-width:420px){.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{grid-template-columns:1fr}.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-number{position:absolute}}
.pd-editor-gallery{container-type:inline-size}
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-body{grid-template-columns:minmax(0,1fr) clamp(100px,14%,120px)}
@container(max-width:600px){.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-body{display:block}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-stage{margin-bottom:12px}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;direction:inherit}.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-thumb-label svg{display:none}}
/* Five equal rows follow the 16:9 main frame height, without padded screenshots. */
.pd-editor-gallery[data-thumbnails-position=side] .pd-editor-body{align-items:stretch}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-stage{align-self:start}
.pd-editor-gallery[data-thumbnails-position=side] .pd-gallery-dock{min-height:0;position:relative}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{position:absolute;inset:0;height:100%;grid-template-rows:repeat(5,minmax(0,1fr));gap:5px}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:1px;padding:3px}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button[aria-pressed=true]{padding:2px}
.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs img{height:100%;width:100%;min-height:0;object-fit:cover}
.pd-floating-gallery.pd-editor-gallery .pd-stage img{object-fit:contain}
.pd-editor-gallery .pd-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.pd-editor-gallery[data-thumbnails-position=side] .pd-gallery-dock{position:static}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{position:static;height:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto}.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs img{height:auto;object-fit:contain}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{grid-template-rows:auto auto}}
@container(max-width:600px){.pd-editor-gallery[data-thumbnails-position=side] .pd-gallery-dock{position:static}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{position:static;height:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto}.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs img{height:auto;object-fit:contain}.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs button{grid-template-rows:auto auto}}
.pd-floating-gallery.pd-editor-gallery .pd-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:1fr}
@media(max-width:760px){.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}}
@container(max-width:600px){.pd-floating-gallery.pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Purchase-to-launch guide below the product gallery. */
.pd-page .pd-launch{margin-top:22px;padding:24px;border:1px solid rgba(37,219,185,.28);border-radius:18px;background:linear-gradient(135deg,rgba(23,51,67,.75),rgba(9,23,36,.85));position:relative;overflow:hidden}
.pd-page .pd-launch:before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,#25dbb9,transparent);pointer-events:none}
.pd-page .pd-launch-heading h2{font-size:clamp(20px,2vw,25px);margin:6px 0 8px;line-height:1.5}
.pd-page .pd-launch-heading p,.pd-page .pd-launch-steps p{color:#b7cad3;font-size:13px;line-height:1.8;margin:0}
.pd-page .pd-launch-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pd-page .pd-launch-steps li{min-width:0;padding:14px 12px;border:1px solid rgba(138,174,190,.19);border-radius:12px;background:rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.pd-page .pd-launch-steps li:hover{transform:translateY(-3px);border-color:#25dbb9;background:rgba(37,219,185,.055)}
.pd-page .pd-launch-icon{display:flex;align-items:center;justify-content:space-between;color:#25dbb9;margin-bottom:12px;gap:8px}
.pd-page .pd-launch-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pd-page .pd-launch-icon b{font-size:12px;font-weight:400;color:#7898a9;font-variant-numeric:tabular-nums}
.pd-page .pd-launch-steps h3{font-size:14px;line-height:1.65;margin:0 0 6px}
html[data-theme="light"] .pd-page .pd-launch{background:linear-gradient(135deg,#fff,#f0f9f7)!important;border-color:#bcd9d3!important}
html[data-theme="light"] .pd-page .pd-launch-steps li{background:#fff!important;border-color:#d5e3e0!important}
html[data-theme="light"] .pd-page .pd-launch-steps li:hover{background:#edf9f5!important;border-color:#007c6e!important}
html[data-theme="light"] .pd-page .pd-launch-icon{color:#007c6e!important}
html[data-theme="light"] .pd-page .pd-launch-heading p,html[data-theme="light"] .pd-page .pd-launch-steps p,html[data-theme="light"] .pd-page .pd-launch-icon b{color:#496474!important}
@media(max-width:1100px){.pd-page .pd-launch-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pd-page .pd-launch{padding:18px}.pd-page .pd-launch-steps{grid-template-columns:1fr}.pd-page .pd-launch-steps li{padding:14px}.pd-page .pd-launch-icon{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.pd-page .pd-launch-steps li{transition:none}.pd-page .pd-launch-steps li:hover{transform:none}}

/* Keep product navigation in document flow, isolated from the global mobile menu. */
.pd-page nav.pd-breadcrumb{display:flex;position:static;inset:auto;flex:initial;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:auto;max-width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;gap:6px 10px;z-index:auto;text-align:start}
.pd-page .pd-breadcrumb>a,.pd-page .pd-breadcrumb>span{min-width:0;max-width:100%;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:760px){
 .pd-page .pd-wrap{max-width:100%;min-width:0}
 .pd-page .pd-hero{padding:22px 18px;margin-block:20px 24px}
 .pd-page .pd-hero .pd-breadcrumb{margin-bottom:16px;font-size:11px}
 .pd-page .pd-hero h1{font-size:clamp(23px,6vw,29px);overflow-wrap:anywhere}
 .pd-page .pd-hero .pd-tags{gap:7px}
 .pd-page .pd-hero .pd-tags span{max-width:100%;overflow-wrap:anywhere}
 .pd-page .pd-grid>*{min-width:0;max-width:100%}
}

/* Section links are page content, never the absolute mobile header menu. */
.pd-page nav.pd-tabs{display:flex;position:static;inset:auto;flex:initial;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;max-width:100%;height:auto;min-height:0;padding:24px 0;border:0;border-bottom:1px solid #29404d;background:transparent;gap:10px;z-index:auto}
.pd-page .pd-tabs a{max-width:100%;text-align:center;line-height:1.6}
html[data-theme=light] .pd-page nav.pd-breadcrumb,html[data-theme=light] .pd-page nav.pd-tabs{background:transparent!important}
html[data-theme=light] .pd-page nav.pd-breadcrumb{border:0!important}
@media(max-width:760px){
 .pd-page nav.pd-tabs{gap:8px;padding:22px 0}
 .pd-page .pd-tabs a{padding:10px 12px;font-size:12px;flex:1 1 auto}
 .pd-page .pd-buy{padding:20px;min-width:0}
 .pd-page .pd-buy label{flex-wrap:wrap}
 .pd-page .pd-buy label.pd-choice{flex-wrap:nowrap}
 .pd-page .pd-facts>div{gap:12px}
 .pd-page .pd-facts dd{min-width:0;overflow-wrap:anywhere}
 .pd-page .pd-info-box,.pd-page .pd-feature{padding:20px;min-width:0}
 .pd-page .pd-editor-toolbar,.pd-page .pd-editor-tools,.pd-page .pd-editor-footer{min-width:0;flex-wrap:wrap}
 .pd-page .pd-editor-gallery .pd-editor-tools{gap:5px}
 .pd-page .pd-editor-gallery .pd-editor-cap span{min-width:0;overflow-wrap:anywhere}
 .pd-page .pd-lightbox{box-sizing:border-box;max-width:calc(100vw - 20px);padding:10px}
}
/* Footer navigation must also stay in its own grid on mobile. */
@media(max-width:720px){
 .hv-footer .hv-foot-grid nav,.hv-footer .hv-foot-bottom nav{position:static;inset:auto;flex:initial;width:auto;min-width:0;padding:0;background:transparent;border:0;height:auto}
 .hv-footer .hv-foot-grid nav{display:block}
 .hv-footer .hv-foot-bottom nav{display:flex;flex-direction:row;flex-wrap:wrap}
 html[data-theme=light] .hv-footer nav{background:transparent!important;border:0!important}
}

/* All template previews fill an exact 16:9 frame; enlarged originals stay uncropped. */
.pd-orbit-card .pd-orbit-preview{aspect-ratio:16/9}
.pd-orbit-card .pd-orbit-preview img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.pd-page .pd-floating-gallery.pd-editor-gallery .pd-stage>button{width:100%;aspect-ratio:16/9;overflow:hidden}
.pd-page .pd-floating-gallery.pd-editor-gallery .pd-stage img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.pd-page .pd-editor-gallery .pd-thumbs img{aspect-ratio:16/9;object-fit:cover;object-position:center}
.pd-page .pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-rows:repeat(var(--pd-gallery-count,5),minmax(0,1fr))}
@media(max-width:760px){.pd-page .pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-rows:auto}.pd-page .pd-editor-gallery .pd-thumbs img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}}
@container(max-width:600px){.pd-page .pd-editor-gallery[data-thumbnails-position=side] .pd-thumbs{grid-template-rows:auto}.pd-page .pd-editor-gallery .pd-thumbs img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}}

/* School Books screenshots: retain page headers in the 16:9 crop. */
.pd-page[data-gallery-root="/images/my-school-books-wordpress-theme/"] .pd-floating-gallery.pd-editor-gallery .pd-stage #pd-main-image,
.pd-page[data-gallery-root="/images/my-school-books-wordpress-theme/"] .pd-editor-gallery .pd-thumbs img,
.pd-orbit-card .pd-orbit-preview img[src="/images/my-school-books-wordpress-theme/0.webp"]{object-position:center top}