/* NZAR premium camera showcase */
.camera-hero{height:510px;border-radius:22px;background:#141b1a;isolation:isolate;border:1px solid #d7b58e1c;box-shadow:0 24px 55px #15201a0b}
.camera-hero:after{background:linear-gradient(to left,#141b1a 1%,#141b1af7 25%,#141b1a00 58%);z-index:1;pointer-events:none}
.camera-hero .hero-copy{padding:68px 45px 40px;max-width:52%;z-index:3}
.camera-hero h2{font-size:44px;line-height:1.45;font-weight:500;margin:23px 0 16px;letter-spacing:-1.1px}
.camera-hero h2 em{color:#dfbc91}
.camera-hero .hero-copy>p{font-size:13px;max-width:330px;color:#bdc5be;line-height:2}
.camera-hero .hero-actions{gap:17px;margin-top:27px;flex-wrap:wrap}
.hero-signature{font:8px Arial,sans-serif;letter-spacing:2.5px;color:#818d83;margin-top:32px;text-align:right}
.hero-visual{position:absolute;left:-2%;top:0;bottom:0;width:64%;overflow:hidden;z-index:0;display:grid;place-items:center}
.hero-camera{position:relative;width:100%;height:100%;object-fit:contain;z-index:2;mix-blend-mode:screen;animation:camera-power 6.5s ease-in-out infinite;will-change:filter}
.camera-frame{position:relative;width:min(100%,510px);aspect-ratio:1;z-index:2}
.camera-lens-light{position:absolute;left:26.3%;top:45.5%;width:7%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;background:radial-gradient(circle,#bbebff48,transparent 70%);animation:camera-lens 6.5s ease-in-out infinite}
.camera-aura{position:absolute;left:12%;right:12%;top:10%;bottom:5%;border-radius:50%;background:radial-gradient(ellipse,#b4935b20,transparent 68%);filter:blur(20px);animation:camera-aura 6.5s ease-in-out infinite;z-index:1}
.camera-orbit{position:absolute;left:14%;top:13%;width:72%;aspect-ratio:1;border:1px solid #c6a57512;border-radius:50%;z-index:0;pointer-events:none}
.orbit-two{transform:scale(.78);border-style:dashed;opacity:.8}
.camera-power-indicator{position:absolute;top:30px;left:28px;z-index:4;display:flex;align-items:center;gap:9px;direction:ltr}
.camera-power-indicator span{width:5px;height:5px;border-radius:50%;background:#c6b18c;box-shadow:0 0 10px #dec291;animation:camera-led 6.5s ease-in-out infinite}
.camera-power-indicator b{font:8px Arial,sans-serif;letter-spacing:2px;color:#9fa89d;font-weight:400}
.camera-hero .hero-caption{bottom:25px;left:27px;padding:10px 14px;background:#1a24226e;border-color:#d4bc8c29;z-index:4}
.hero-motion{position:absolute;right:45px;bottom:24px;z-index:4;display:flex;align-items:center;gap:8px;font-size:10px;color:#a4afa5;border:1px solid #ffffff1a;border-radius:20px;padding:8px 11px;background:#141b1a80;transition:color .2s,border-color .2s}
.hero-motion:hover{color:#dfbc91;border-color:#dfbc9159}
.motion-symbol{font:10px Arial,sans-serif;min-width:9px;text-align:center}
.hero-paused .hero-camera,.hero-paused .camera-aura,.hero-paused .camera-power-indicator span{animation:none;filter:none}
.hero-paused .camera-lens-light{animation:none;opacity:.25}
.product-photo{height:auto;aspect-ratio:1.13;background:#111817}
.product-photo img{object-fit:contain}
.product-card{border-color:#dfdfd6;box-shadow:0 4px 15px #1f271203}
.product-card:hover{box-shadow:0 16px 32px #17211810;border-color:#c4a780}
.product-badge{background:#f7f4eeed;color:#66553e}
.favorite{background:#f7f4eeed;color:#756047}
.detail-image{background:#141b1a}
.service-card img{background:#141b1a}
@keyframes camera-power{0%,7%,82%,100%{filter:brightness(.42) saturate(.75)}19%,61%{filter:brightness(1.09) saturate(1.04)}68%{filter:brightness(.8) saturate(.9)}}
@keyframes camera-aura{0%,7%,82%,100%{opacity:.2;transform:scale(.94)}19%,61%{opacity:1;transform:scale(1.05)}}
@keyframes camera-led{0%,7%,82%,100%{opacity:.15;box-shadow:0 0 0 #dec291}19%,61%{opacity:1;box-shadow:0 0 12px #dec291}}
@keyframes camera-lens{0%,7%,82%,100%{opacity:0;box-shadow:0 0 0 #79aebb00}19%,61%{opacity:.8;box-shadow:0 0 22px 7px #79aebb27}}
@media(min-width:1600px){.camera-frame{width:min(100%,550px)}}
@media(max-width:1250px){.camera-frame{width:min(100%,475px)}}
@media(max-width:760px){.camera-frame{width:min(100%,350px)}}
@media(min-width:1600px){.camera-hero{height:550px}.camera-hero .hero-copy{padding:78px 54px}.camera-hero h2{font-size:51px}.hero-motion{right:54px}.product-photo{height:auto}}
@media(max-width:1250px){.camera-hero{height:475px}.camera-hero .hero-copy{padding:65px 30px 35px;max-width:56%}.camera-hero h2{font-size:38px}.hero-motion{right:30px}.hero-visual{width:65%;left:-6%}.camera-hero .hero-actions{gap:13px}.hero-signature{font-size:7px;letter-spacing:1.6px}}
@media(max-width:1024px){.camera-hero .hero-copy{max-width:62%;padding:62px 28px 35px}.camera-hero h2{font-size:34px}.hero-visual{left:-16%;width:76%}.camera-hero .hero-copy>p{font-size:12px;max-width:260px}.camera-hero .hero-actions{gap:12px}.camera-hero .hero-ghost{font-size:11px}.camera-power-indicator{left:85px;top:27px}.camera-power-indicator b{font-size:6px}.hero-signature{font-size:6px}.hero-motion{right:28px}.camera-hero .hero-caption{left:18px;bottom:22px}}
@media(max-width:760px){.camera-hero{height:665px;border-radius:18px}.camera-hero:after{background:linear-gradient(to bottom,#141b1a 0%,#141b1aec 30%,#141b1a00 55%,#141b1a00 87%,#141b1ab3 100%)}.camera-hero .hero-copy{padding:29px 25px 0;max-width:100%}.camera-hero h2{font-size:37px;line-height:1.4;margin:19px 0 12px}.camera-hero .hero-copy>p{font-size:12px;max-width:100%;line-height:1.9}.camera-hero .hero-actions{margin-top:21px;gap:17px;flex-wrap:nowrap}.camera-hero .hero-ghost{font-size:11px}.hero-signature{display:none}.hero-visual{left:0;top:278px;bottom:43px;width:100%;overflow:visible}.hero-camera{height:100%;width:100%}.camera-orbit{top:8%;left:10%;width:80%}.camera-power-indicator{left:22px;top:22px}.camera-power-indicator b{font-size:6px;letter-spacing:1.6px}.camera-hero .hero-caption{left:auto;right:20px;bottom:20px;padding:8px 10px;font-size:9px}.camera-hero .hero-caption span{font-size:8px}.hero-motion{right:auto;left:20px;bottom:25px;padding:7px 9px;font-size:9px}.product-photo{height:auto;aspect-ratio:1}.detail-image{height:285px}}
@media(max-width:360px){.camera-hero{height:635px}.camera-hero .hero-copy{padding:27px 20px 0}.camera-hero h2{font-size:33px}.camera-hero .hero-actions{gap:12px}.camera-hero .primary{font-size:11px;padding:12px 14px}.hero-visual{top:275px;bottom:46px}.camera-hero .hero-copy>p{font-size:11px}.hero-motion{left:14px;font-size:8px}.camera-hero .hero-caption{right:14px}}
@media(prefers-reduced-motion:reduce){.hero-camera,.camera-aura,.camera-power-indicator span,.camera-lens-light{animation:none;filter:none}.camera-lens-light{opacity:.25}.hero-motion{display:none}}