/* Real product captures share one framing and preview system. Homepage geometry is preserved. */
.wm-product{margin:0;min-width:0;position:relative;font-family:var(--web6-font,Manrope,Arial,sans-serif)}
.wm-device{padding:10px 7px 7px;border-radius:14px;background:linear-gradient(145deg,#5b6975,#142c49 35%,#304459);border:1px solid #8999a3;position:relative;box-shadow:0 20px 38px -24px #142c495e}
.wm-camera{position:absolute;top:3px;left:calc(50% - 1.5px);height:3px;width:3px;border-radius:50%;background:#bed3dc}
.wm-device>button{display:block;position:relative;background:#fff!important;padding:0!important;border:0!important;border-radius:6px!important;overflow:hidden;box-shadow:none!important;width:100%;cursor:zoom-in}
.wm-image{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.wm-product .wm-device .wm-image{height:auto;aspect-ratio:auto;transform:none}
.wm-enlarge{position:absolute;inset-inline-end:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;color:#007f78;background:#fffffff2;border:1px solid #cbdadf;border-radius:8px;box-shadow:0 4px 12px #142c4912;opacity:.85;transition:opacity 180ms}
.wm-enlarge svg{width:18px;height:18px}.wm-device>button:hover .wm-enlarge{opacity:1}
.wm-device-foot{height:14px;width:28%;margin:auto;background:linear-gradient(90deg,#afbac2,#e1e7eb 46%,#8c9ba6);clip-path:polygon(16% 0,84% 0,100% 85%,100% 100%,0 100%,0 85%)}
.wm-product-wall .wm-device-foot{display:none}
.site-modern .wm-product figcaption{font:550 13px/1.6 var(--web6-font,Manrope,Arial,sans-serif)!important;color:var(--web6-ink,#374151)!important;text-align:center;margin:16px 8px 0}
.wm-product figcaption>span{display:block;font-size:11px;font-weight:500;color:var(--web6-muted,#526171);margin-top:4px}
.w3-navy .wm-product figcaption,.w3-navy .wm-product figcaption>span{color:#dbe9ef!important}
.wm-device>button:focus-visible{outline:3px solid #007f78!important;outline-offset:4px}
.wm-viewport{position:relative;display:grid;place-items:center;container-type:size;aspect-ratio:16/10;overflow:hidden;background:#fff;direction:ltr;isolation:isolate}
.wm-viewport>.wm-image{width:100%;height:100%;object-fit:contain}
.wm-focus-window{position:relative;overflow:hidden;aspect-ratio:var(--wm-focus-ratio);width:min(100cqw,calc(100cqh * var(--wm-focus-ratio)));max-width:100%;max-height:100%;direction:ltr;background:#fff}
.wm-focus-window>.wm-focus-image{display:block;position:absolute;max-width:none!important;height:auto!important;object-fit:contain;transform:none!important;margin:0!important;padding:0!important}
.wm-preview{width:min(1380px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:22px;border:1px solid #cbdadf;border-radius:18px;color:#142c49;background:#f6fafb;box-shadow:0 35px 90px #071c4966;font-family:Manrope,Arial,sans-serif;box-sizing:border-box}
.wm-preview:lang(ar){font-family:'Plan Arabic',Arial,sans-serif}.wm-preview::backdrop{background:#061827bc;backdrop-filter:blur(4px)}
.wm-preview header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:18px}.wm-preview strong{font-size:14px;color:#007f78}.wm-preview header p{font-size:18px;font-weight:700;line-height:1.5;margin:8px 0 0;max-width:72ch}.wm-preview form{flex:none}.wm-preview button{font:650 14px/1.4 var(--web6-font,Manrope,Arial,sans-serif);min-height:44px;display:flex;align-items:center;gap:15px;padding:10px 14px;color:#007f78;background:#fff;border:1px solid #b1cacd;border-radius:8px;cursor:pointer;box-shadow:none}.wm-preview button span{font-size:22px}
.wm-preview-canvas{max-height:70dvh;border:1px solid #d5e1e6;border-radius:8px;overflow:auto;background:#fff}.wm-preview-canvas img{width:100%;height:auto;display:block}.wm-preview>p{font-size:12px;margin:14px 0 0;color:#526171}
.wm-load-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f4f9faf5;color:#142c49;z-index:3;padding:20px;text-align:center}.wm-load-error p{margin:0!important}.wm-load-error button{min-height:44px;border:1px solid #007f78;border-radius:8px;padding:10px 18px;color:#007f78;background:#fff;font:650 14px Manrope,Arial,sans-serif}
@media(max-width:600px){.wm-device{padding:8px 4px 4px;border-radius:9px}.wm-enlarge{width:32px;height:32px;inset-inline-end:6px;bottom:6px}.wm-product figcaption{font-size:12px!important}.wm-preview{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:12px}.wm-preview header{gap:12px}.wm-preview header p{font-size:15px}.wm-preview-canvas img{min-width:min(var(--wm-preview-max),max(720px,var(--wm-native-width)))}.wm-preview>p{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.wm-enlarge{transition:none}}

/* WEB-16: a clear optical lens, with a physical rim and handle. Product pixels stay untinted. */
.w16-focus-crop{position:relative;display:block;overflow:hidden;aspect-ratio:var(--focus-ratio);width:100%;direction:ltr;background:#fff}
.w16-focus-crop>img{position:absolute;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
.w7-home .w7-detail-card.w16-magnifier{display:flex;align-items:center;justify-content:flex-end;gap:26px;width:100%;max-width:100%;min-height:0;padding:0 24px 18px;margin:-22px 0 0!important;border:0;background:transparent!important;border-radius:0;box-shadow:none!important;color:inherit;isolation:isolate}
.w16-glass{position:relative;display:grid;place-items:center;width:min(240px,var(--lens-max));aspect-ratio:1;flex:none;border:7px solid #19364e;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #93d9d0,0 16px 24px -12px #001b35a8,inset 0 0 0 3px #e9f5f3;transition:box-shadow 180ms}
.w16-glass::after{content:'';position:absolute;inset-inline-end:-35px;bottom:20px;width:72px;height:18px;border-radius:5px 12px 12px 5px;background:linear-gradient(#356478,#142c49);border:1px solid #769799;transform:rotate(46deg);transform-origin:left center;z-index:-1;box-shadow:0 7px 10px #001b3526}
[dir=rtl] .w16-glass::after{transform:rotate(-46deg);transform-origin:right center}
.w16-glass-content{display:block;width:84%;border-radius:4px;overflow:hidden;background:#fff}
.w16-magnifier .w7-detail-copy{max-width:180px;text-align:start;display:grid;gap:7px}
.w7-home .w16-magnifier .w7-detail-copy>strong{font-size:16px;line-height:1.45;color:inherit}
.w7-home .w16-magnifier .w7-detail-eyebrow{font-size:12px;color:inherit;opacity:.78}
.w7-home .w16-magnifier .w7-detail-action{font-size:13px;color:#007f78}
.w3-navy .w16-magnifier .w7-detail-action{color:#8de0d4!important}
.web8-proof .w16-magnifier{color:#eff8fa!important}
.web8-proof .w16-magnifier .w7-detail-action{color:#8de0d4!important}
.w7-home .w7-detail-card.w16-magnifier{padding-bottom:42px}
.w16-magnifier:focus-visible{outline:3px solid #00877e;outline-offset:5px;border-radius:14px!important}
.w3-navy .w16-magnifier:focus-visible{outline-color:#8de0d4}
.w16-magnifier:hover .w16-glass{box-shadow:0 0 0 4px #93d9d0,0 18px 30px -12px #001b35a8,inset 0 0 0 3px #e9f5f3}
.w7-home .w7-with-detail .w7-screen-reflection{display:none}
.w7-home .w7-with-detail .w7-source-target{box-shadow:0 0 0 2px #ffffff80;border:1.5px solid #00877e}
.w7-home .w7-with-detail .w7-source-target>svg{display:none}
.w7-detail-dialog .w16-focus-crop{width:min(100%,var(--focus-native-width));margin:24px auto;background:white;border:1px solid #d5e4e7;border-radius:8px}
.w7-detail-dialog .w7-dialog-image{overflow:auto;max-height:65dvh}
@media(max-width:600px){.w7-home .w7-detail-card.w16-magnifier{margin:12px 0 0!important;gap:24px;padding:0 20px 20px;justify-content:center}.w16-glass{width:min(152px,var(--lens-max));border-width:5px}.w16-glass::after{width:48px;height:13px;inset-inline-end:-25px;bottom:-16px}.w7-home .w16-magnifier .w7-detail-copy>strong{font-size:14px}.w7-home .w16-magnifier .w7-detail-action{font-size:12px}.w16-magnifier .w7-detail-copy{max-width:135px}.w16-glass-content{width:86%}}
@media(prefers-reduced-motion:reduce){.w16-glass{transition:none}}
@media(max-width:600px){.w16-glass::after{bottom:10px}.w7-home .w7-detail-card.w16-magnifier{padding-bottom:30px}}


/* Restore the desktop hardware from the accepted concepts around genuine captures.
   The separate homepage laptop is deliberately excluded. */
.site-modern :is(.wm-product,.web8-cap-media)>.wm-device{padding:13px 10px 19px;border-radius:19px;background:linear-gradient(125deg,#71818a 0%,#17242c 3%,#080e13 37%,#36434b 75%,#a0adb5 98%,#25313b);border:1px solid #64727d;box-shadow:inset 0 0 0 2px #bac5cc88,inset 0 -8px 10px #030a11,0 22px 30px -19px #091d3b80}
.site-modern :is(.wm-product,.web8-cap-media)>.wm-device:after{content:'';position:absolute;bottom:6px;left:46%;width:8%;height:2px;background:#adbbc3;border-radius:3px;opacity:.45;pointer-events:none}
.site-modern :is(.wm-product,.web8-cap-media) .wm-camera{top:5px;width:4px;height:4px;background:#223a48;box-shadow:0 0 0 1px #7c8f99}
.site-modern :is(.wm-product,.web8-cap-media)>.wm-device-foot{height:54px;width:30%;position:relative;clip-path:none;background:linear-gradient(90deg,#7f8d98 0%,#ccd5da 25%,#f2f5f6 49%,#adb9c0 77%,#667887);border-radius:0 0 9px 9px;box-shadow:inset 0 11px 13px -9px #051629b0}
.site-modern :is(.wm-product,.web8-cap-media)>.wm-device-foot:after{content:'';position:absolute;bottom:-5px;inset-inline:-30%;height:9px;border-radius:50% 50% 5px 5px;background:linear-gradient(#e0e7eb,#9eafb9 65%,#5f727f);box-shadow:0 8px 12px #102e4940}
.site-modern .wm-product-wall>.wm-device-foot{display:none}
@media(max-width:600px){.site-modern :is(.wm-product,.web8-cap-media)>.wm-device{padding:9px 6px 12px;border-radius:12px}.site-modern :is(.wm-product,.web8-cap-media)>.wm-device-foot{height:32px}}