:root{--navy:#07182b;--midnight:#061220;--blue:#117fbb;--sky:#30c2ec;--ice:#b3ebff;--ink:#142d48;--muted:#60768d;--line:#ddeaf1;--white:#fff;--surface:#f4f9fc;--radius:22px;--shadow:0 22px 64px rgba(10,47,77,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #47c6ed;outline-offset:3px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.eyebrow-strip{height:33px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#04101e;color:#9eb9cd;font:600 10px/1 'Manrope',sans-serif;letter-spacing:.14em;text-transform:uppercase}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5debd1;box-shadow:0 0 0 3px #5debd11e;margin-right:8px}.site-header{position:sticky;top:0;z-index:40;background:#061524f5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff22}.nav-container{height:82px;width:min(1260px,calc(100% - 50px));margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;flex:none}.brand img{width:225px;max-height:71px;object-fit:contain}.main-nav{margin-left:auto;display:flex;gap:28px;align-items:center}.main-nav a{font-size:12px;font-weight:700;color:#ccdfed;transition:color .2s}.main-nav a:hover{color:var(--sky)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-admin{border:1px solid #8ab2c944;border-radius:50px;padding:10px 16px;color:#b7d4e7;display:flex;align-items:center;gap:8px;font-weight:700;font-size:11px}.nav-admin svg{width:15px;height:15px}.nav-admin:hover{border-color:#55c8f1}.cart-trigger,.menu-toggle{position:relative;background:#176c95;color:white;border:0;width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.cart-trigger svg{width:17px;height:17px}.count-badge{position:absolute;right:-6px;top:-5px;background:#7addf7;color:#062c45;border-radius:20px;min-width:17px;height:17px;font-size:10px;font-weight:800;display:grid;place-items:center}.menu-toggle{display:none}.hero{min-height:660px;position:relative;background:#031222;overflow:hidden;color:white}.hero-video-wrap,.hero-tint,.hero-grid{position:absolute;inset:0}.hero-video-wrap video{height:100%;width:100%;object-fit:cover;opacity:.27;filter:blur(3px) saturate(1.2)}.hero-tint{background:linear-gradient(90deg,#051424 3%,#071b2de8 46%,#09253ca1 100%),linear-gradient(0deg,#061727 0%,transparent 25%)}.hero-grid{background:linear-gradient(90deg,transparent 98%,#a9e5ff0b 99%),linear-gradient(0deg,transparent 98%,#a9e5ff0b 99%);background-size:95px 95px;opacity:.45}.hero-orbit{position:absolute;border:1px solid #4bbbed30;border-radius:50%;width:670px;height:670px;right:-130px;top:-150px}.orbit-two{width:490px;height:490px;right:-38px;top:-65px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center;padding:75px 0 83px;min-height:650px}.micro-line,.kicker{font:800 10px/1.4 'Manrope',sans-serif;letter-spacing:.22em;color:var(--sky)}.micro-line{display:flex;align-items:center;gap:13px}.micro-line .line{height:2px;width:30px;background:var(--sky)}.micro-index{color:#7e9ab5;margin-left:30px}.hero h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(42px,4.4vw,67px);font-weight:800;letter-spacing:-.062em;line-height:1.13;margin:25px 0}.hero h1 em{font-style:normal;color:#58d6ff}.hero-copy>p{max-width:490px;color:#ccdfed;font-size:16px;line-height:1.85}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 44px}.btn{padding:14px 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:12px;font-weight:800;border:1px solid transparent;letter-spacing:.02em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#1697cd,#42c9ee);color:#041e33}.btn-glass{background:#ffffff11;border-color:#ffffff55;color:white}.btn-outline{background:white;border-color:#bdd7e5;color:var(--ink)}.btn.full{width:100%}.hero-facts{display:flex;align-items:center;gap:22px}.hero-facts>div{display:flex;flex-direction:column}.hero-facts strong{font:800 22px 'Manrope',sans-serif;color:#b6eaff}.hero-facts small{color:#8da9c0;font-size:10px}.fact-sep{height:24px;width:1px;background:#ffffff24}.hero-right{position:relative}.hero-image-frame{position:relative;max-width:470px;margin:auto;border-radius:180px 180px 22px 22px;overflow:hidden;border:1px solid #6bc3ee66;background:#183247;box-shadow:0 50px 80px #0006}.hero-image-frame>img{display:block;aspect-ratio:4/4.3;width:100%;object-fit:cover;object-position:center 36%}.hero-image-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031323da,transparent 40%)}.hero-scan{position:absolute;z-index:1;top:35%;left:0;right:0;height:1px;box-shadow:0 0 25px 3px #77dffe;background:#93e9ff65;animation:scan 7s ease-in-out infinite alternate}@keyframes scan{to{transform:translateY(210px)}}.hero-annotation{position:absolute;bottom:22px;left:24px;z-index:2;font-size:11px;letter-spacing:.08em;font-weight:800}.hero-annotation small{display:block;font-size:9px;color:#a7c4d8;margin:3px 0 0 18px}.blue-dot{display:inline-block;width:8px;height:8px;margin-right:8px;background:#5fe0ff;border-radius:50%}.hero-side-label{position:absolute;right:-24px;top:20px;writing-mode:vertical-rl;color:#6babc8;font-size:10px;letter-spacing:.2em}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#020f1f83;border-top:1px solid #ffffff20}.hero-bottom-content{height:52px;display:flex;justify-content:space-between;align-items:center;color:#95b2c6;font-size:10px;font-weight:800;letter-spacing:.2em}.down-arrow{color:#55d6ff;margin-left:14px}.moving-band{background:linear-gradient(95deg,#0375a9,#37c1e9);overflow:hidden;color:#05243b;height:48px;display:flex;align-items:center}.moving-band-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 36s linear infinite;gap:28px}.moving-band-track span{font:800 12px 'Manrope',sans-serif;letter-spacing:.17em}.moving-band-track b{color:#fff;padding:0 22px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:98px 0}.section-lead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-lead h2,.showreel h2{margin:16px 0 0;font:800 clamp(34px,4vw,52px)/1.16 'Manrope',sans-serif;letter-spacing:-.055em}.section-lead h2 span,.showreel h2 span{color:#0a8cbd}.section-lead>p,.showreel-head>p{max-width:330px;color:#698196;margin-bottom:7px}.special{background:linear-gradient(180deg,#f5faff,#fff)}.spec-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr 1fr;gap:14px}.spec-card{min-height:385px;position:relative;display:block;background:#09243b;overflow:hidden;border-radius:14px;color:white}.spec-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.spec-card:hover img{transform:scale(1.07)}.spec-card .card-wash{position:absolute;inset:0;background:linear-gradient(0deg,#021222f5 0%,#0419298a 49%,#05203513 100%)}.spec-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:11px;color:#c7edff;font-weight:700}.spec-info{position:absolute;bottom:24px;left:22px;right:14px}.spec-info .spec-tag{font-size:9px;letter-spacing:.15em;color:#58d0f5;font-weight:800}.spec-info h3{font:800 24px/1.15 'Manrope',sans-serif;letter-spacing:-.035em;margin:10px 0}.spec-info p{font-size:11px;color:#c2d8e8;line-height:1.5;margin:0;max-width:180px}.card-featured .spec-info h3{font-size:29px}.showreel{padding:85px 0 40px;background:#061828;color:white;overflow:hidden}.showreel-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.showreel-head p{color:#92b3ca}.reel-window{overflow:hidden;width:100%}.reel-track{display:flex;gap:16px;width:max-content;padding:8px 0 20px;will-change:transform}.reel-piece{position:relative;flex:none;width:min(340px,32vw);aspect-ratio:1.4;overflow:hidden;border:1px solid #ffffff25;border-radius:12px;background:#0e3045;pointer-events:none}.reel-piece img{width:100%;height:100%;object-fit:cover}.reel-piece:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#02121ddc,transparent)}.reel-piece span{position:absolute;z-index:1;bottom:13px;left:17px;font-size:10px;font-weight:800;letter-spacing:.13em}.showreel-foot{display:flex;justify-content:space-between;padding-top:12px;font-size:9px;letter-spacing:.16em;color:#85b1ca}.catalog{background:white}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid #cfdfea;background:#fff;color:#37526e;padding:9px 16px;border-radius:40px;font-weight:800;font-size:11px}.filter-btn.active{background:#052b46;color:white;border-color:#052b46}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #cfdfea;border-radius:40px;min-width:240px}.search-wrap svg{width:17px;height:17px;color:#8ca4b4}.search-wrap input{border:0;outline:0!important;padding:11px 0;width:100%;font-size:12px}.catalog-meta{display:flex;justify-content:space-between;color:#7892a6;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800;margin:20px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid #e4edf2;border-radius:15px;overflow:hidden;box-shadow:0 8px 28px #113a5c0b;transition:box-shadow .2s,transform .2s;background:white}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-media{height:210px;background:#eaf5fa;overflow:hidden;position:relative}.product-media img{width:100%;height:100%;object-fit:cover}.product-label{position:absolute;top:16px;left:16px;background:#072943d9;color:#caefff;padding:5px 10px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.1em}.product-body{padding:24px}.product-code{font-size:10px;font-weight:800;letter-spacing:.1em;color:#1c92bc}.product-body h3{font:800 19px/1.3 'Manrope',sans-serif;letter-spacing:-.035em;margin:8px 0 4px}.product-subtitle{font-size:12px;color:#427592;margin:0 0 11px;font-weight:700}.product-description{font-size:12px;color:#6c8195;line-height:1.65;min-height:55px}.product-specs{padding-left:17px;color:#45667b;font-size:11px;min-height:58px}.product-specs li::marker{color:#2bbde8}.product-actions{display:flex;gap:8px;align-items:center;margin-top:20px}.product-actions button{flex:1;border:0;border-radius:7px;padding:11px;background:#072b45;color:white;font-weight:800;font-size:11px}.product-actions button:hover{background:#087bac}.catalog-note{margin-top:32px;background:#e8f7fc;padding:23px 28px;border-radius:12px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-weight:700}.catalog-note a{color:#067daf;font-size:12px}.contact-section{background:#edf5fa;padding:60px 0 100px}.contact-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;background:#051e32;color:white;overflow:hidden;min-height:470px}.contact-copy{padding:55px 50px}.contact-copy h2{font:800 44px/1.15 'Manrope';letter-spacing:-.05em;margin:22px 0}.contact-copy h2 em{color:#4bd4ff;font-style:normal}.contact-copy p{color:#b5d0df;max-width:430px}.contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.contact-address{border-top:1px solid #ffffff35;display:flex;gap:4px;flex-direction:column;padding-top:21px;font-size:12px;color:#c4dbe6}.tiny-label{font:800 10px 'Manrope';letter-spacing:.18em;color:#55d3f8}.map-card{position:relative;min-height:420px;background:#d8e9ef}.map-card iframe{height:100%;width:100%;border:0;filter:grayscale(.35)}.map-open{position:absolute;bottom:17px;right:17px;background:#fff;color:#124061;border-radius:8px;font-size:11px;font-weight:800;padding:12px 16px;box-shadow:0 5px 15px #0002}.footer{background:#041320;color:#fff;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer img{width:170px}.footer p{font-size:11px;color:#b0c5d0;margin:0}.footer-links{display:flex;gap:22px;color:#bcd3e0;font-size:11px}.footer small{font-size:10px;color:#83a3b5;max-width:200px}.floating-whatsapp{position:fixed;bottom:25px;right:24px;z-index:35;width:58px;height:58px;border:0;border-radius:50%;color:white;background:#14ab68;box-shadow:0 12px 30px #004c2940;display:grid;place-items:center}.floating-whatsapp svg{height:30px;width:30px}.drawer-cover{position:fixed;inset:0;background:#0008;z-index:59;opacity:0;visibility:hidden;transition:.2s}.drawer-cover.open{opacity:1;visibility:visible}.quote-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:white;z-index:60;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column;box-shadow:-12px 0 45px #0003}.quote-drawer.open{transform:translateX(0)}.drawer-head{padding:30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h3{font:800 28px 'Manrope';margin:5px 0}.close-icon{border:0;background:none;color:#3d5e73;font-size:30px}.drawer-items{padding:20px 24px;overflow:auto;flex:1}.quote-item{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e4edf2}.quote-item img{width:66px;height:58px;object-fit:cover;border-radius:7px}.quote-item strong{display:block;font-size:12px;line-height:1.3}.quote-item small{color:#7994a5}.qty-control{display:flex;gap:8px;align-items:center}.qty-control button{border:1px solid #dae9f0;background:white;border-radius:4px;width:25px;height:25px}.drawer-footer{border-top:1px solid var(--line);padding:23px}.drawer-footer p{color:#758ca0;font-size:11px;margin:10px 0 20px}.drawer-footer .btn{margin-top:9px}.total-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.total-row strong{font-size:12px;color:#0d789e}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(24px);background:#072a42;color:white;border-radius:9px;z-index:80;padding:12px 20px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;font-size:12px}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
/* Administration */
.admin-page{background:#edf4f8;min-height:100vh}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:250px;flex:none;background:#061a2d;color:#fff;padding:30px 22px;display:flex;flex-direction:column;gap:27px}.admin-sidebar img{width:180px}.admin-sidebar nav{display:grid;gap:7px}.admin-sidebar nav a{padding:12px;border-radius:9px;color:#a8c4d3;font-size:12px;font-weight:700}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#153b54;color:white}.admin-sidebar .side-note{margin-top:auto;color:#82a3b9;font-size:11px}.admin-main{flex:1;min-width:0;padding:40px max(24px,calc((100vw - 1300px)/2))}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.admin-top h1{font:800 33px 'Manrope';margin:2px 0}.admin-top p{font-size:12px;color:#6d8da1;margin:3px 0}.admin-top .btn{background:#092c46;color:white}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-card{padding:22px;border-radius:13px;background:white;border:1px solid #dbe9f0}.stat-card small{display:block;color:#7c98a8;font-size:11px}.stat-card strong{display:block;font:800 30px 'Manrope';color:#072c46;margin-top:9px}.admin-card{border:1px solid #d8e6ee;background:white;border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #113a5c07}.admin-card h2{font:800 21px 'Manrope';margin:0}.admin-card p{color:#69869a;font-size:12px;margin:4px 0 20px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-toolbar input{border:1px solid #caddE5;border-radius:8px;padding:10px 13px;max-width:300px;width:100%}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:700px;text-align:left}.admin-table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#f1f7fa;color:#5b8499;padding:12px}.admin-table td{padding:12px;border-bottom:1px solid #e2edf3;font-size:12px;vertical-align:middle}.admin-table td:first-child{font-weight:800;color:#1578a7}.admin-table img{width:58px;height:48px;object-fit:cover;border-radius:7px}.admin-table input[type=number]{width:110px;border:1px solid #cddfe9;border-radius:6px;padding:8px}.admin-table input[type=checkbox]{width:18px;height:18px;accent-color:#088cbb}.smallbtn{border:1px solid #cbdce6;border-radius:7px;background:white;padding:8px 12px;color:#1b5c7c;font-weight:800;font-size:11px}.smallbtn:hover{background:#e5f4f9}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.admin-actions .btn{border:0}.admin-notice{padding:15px 18px;background:#fff6dc;color:#745a1e;border-left:3px solid #dcb147;border-radius:8px;font-size:12px;margin-bottom:22px}.modal-layer{position:fixed;inset:0;background:#02111bcc;z-index:120;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:15px;width:min(460px,100%);padding:35px;box-shadow:0 30px 90px #0005}.modal img{max-width:200px}.modal h1{font:800 25px 'Manrope';margin:18px 0 4px}.modal p{font-size:12px;color:#657f90}.form-group{display:grid;gap:5px;margin:15px 0}.form-group label{font-size:11px;font-weight:800;color:#395d72}.form-group input,.form-group select,.form-group textarea{border:1px solid #caddE5;border-radius:8px;padding:12px;width:100%;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .btn{width:100%}.login-error{min-height:20px;font-size:11px;color:#bb3030!important}.edit-dialog{max-height:92vh;overflow:auto}.admin-watermark{font-weight:800;color:#bb8e2a;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.icon-btn{border:0;background:none;color:#217596;font-weight:800;font-size:12px}
@media(max-width:1050px){.spec-grid{grid-template-columns:repeat(2,1fr)}.spec-card{min-height:340px}.hero-inner{gap:20px}.hero h1{font-size:46px}.brand img{width:195px}.main-nav{gap:15px}.nav-container{gap:17px}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-wrap:wrap}.admin-sidebar{width:200px}}
@media(max-width:750px){.eyebrow-strip{font-size:8px}.hide-mobile{display:none}.nav-container{height:70px;width:calc(100% - 30px)}.brand img{width:160px}.menu-toggle{display:grid}.nav-admin{padding:10px;width:38px;height:38px;justify-content:center}.nav-admin span{display:none}.main-nav{display:none;position:absolute;left:0;top:70px;width:100%;background:#051727;padding:18px 28px;flex-direction:column;align-items:start}.main-nav.open{display:flex}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:55px 0 85px}.hero{min-height:0}.hero h1{font-size:clamp(38px,9vw,53px)}.hero-right{display:none}.hero-facts{gap:13px}.section{padding:70px 0}.section-lead,.showreel-head{display:block}.section-lead>p,.showreel-head>p{max-width:100%;margin-top:14px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:12px}.spec-card{min-height:300px}.spec-info{left:14px;bottom:20px}.spec-info h3,.card-featured .spec-info h3{font-size:20px}.spec-info p{font-size:10px}.reel-piece{width:265px}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-wrap{min-width:0}.product-grid{grid-template-columns:1fr}.product-description,.product-specs{min-height:0}.catalog-note{flex-direction:column;align-items:start}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:39px 27px}.contact-copy h2{font-size:36px}.map-card{min-height:330px}.footer-inner{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap}.admin-shell{display:block}.admin-sidebar{width:100%;padding:17px 20px;display:block}.admin-sidebar img{width:140px}.admin-sidebar nav{display:flex;overflow-x:auto;margin-top:13px}.admin-sidebar nav a{white-space:nowrap}.admin-sidebar .side-note{display:none}.admin-main{padding:22px 16px}.admin-top{align-items:start;flex-direction:column}.admin-top h1{font-size:27px}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}
@media(max-width:420px){.spec-grid{grid-template-columns:1fr 1fr}.spec-card{min-height:260px}.spec-info h3,.card-featured .spec-info h3{font-size:17px}.spec-info .spec-tag{font-size:8px}.container{width:calc(100% - 32px)}.hero-facts small{font-size:8px}.showreel-foot{display:block}.stats-grid{grid-template-columns:1fr}.hero-bottom-content{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.moving-band-track,.hero-scan{animation:none}.reel-track{transform:none!important}*{transition-duration:.01ms!important}}

/* Version 0.2 — refined editorial cinema + coverflow wheel + upload interface */
.hero{min-height:610px;background:#102b3d}.hero-video-wrap video{object-fit:cover;opacity:.80;filter:blur(2.8px) saturate(.77);transform:scale(1.035)}
.hero-tint{background:linear-gradient(90deg,rgba(4,19,31,.92) 0%,rgba(8,27,43,.84) 44%,rgba(8,35,50,.25) 100%),linear-gradient(0deg,#061c2b,transparent 40%)}
.hero-grid,.hero-orbit{display:none}.hero-inner{grid-template-columns:minmax(0,780px);min-height:590px;padding:100px 0 85px}
.hero h1{font-size:clamp(42px,5.9vw,78px);letter-spacing:-.055em}.hero-copy>p{max-width:620px}.hero-facts{max-width:560px}
.special{background:#fff}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spec-card,.spec-card.card-featured{min-height:390px;border-radius:12px;background:#e4ecf0}.spec-card img{filter:saturate(.84)}
.showreel{padding:85px 0 52px;background:linear-gradient(160deg,#061a2d,#0a3450 65%,#061a2d)}
.wheel-intro{display:flex;justify-content:space-between;gap:15px;color:#72bedd;font-size:10px;letter-spacing:.13em;font-weight:700}
.wheel-stage{height:460px;margin-top:15px;position:relative;overflow:hidden;touch-action:pan-y;perspective:1100px;outline-offset:-5px;cursor:ew-resize;user-select:none}
.wheel-horizon{position:absolute;left:7%;right:7%;top:67%;border:1px solid #60b6d72c;border-radius:50%;height:160px;transform:rotateX(68deg);box-shadow:0 0 42px #37c2ff1a}
.wheel-slide{position:absolute;left:50%;top:47%;width:min(420px,64vw);height:295px;border-radius:16px;border:1px solid #d8eaf766;background:linear-gradient(#c8d7e0,#e4eaf0);overflow:hidden;box-shadow:0 20px 55px #0007;transition:transform .58s cubic-bezier(.2,.72,.22,1),opacity .52s;pointer-events:none}
.wheel-slide img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.9)}
.wheel-slide:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#061a2cd9)}
.wheel-slide span{position:absolute;z-index:1;left:22px;right:14px;bottom:19px;color:#fff;font-weight:800;letter-spacing:.09em;font-size:12px;text-align:center;text-shadow:0 2px 10px #000}
.wheel-slide.center{outline:2px solid #84d8f8;box-shadow:0 0 42px #44ccff38,0 35px 65px #0009}
.wheel-arrow{position:absolute;z-index:30;top:44%;transform:translateY(-50%);height:47px;width:47px;border-radius:50%;border:1px solid #fff5;background:#0b2a43b8;color:white;font-size:37px;cursor:pointer;display:grid;place-items:center;line-height:1}
.wheel-arrow:hover{background:#0b6181}.wheel-left{left:clamp(8px,5vw,80px)}.wheel-right{right:clamp(8px,5vw,80px)}
.wheel-indicator{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.18em;color:#cceaf5;font-weight:700}
.sidebar-logout{padding:12px;border:1px solid #ff6a7980;border-radius:9px;background:#6d1d2d30;color:#ffdce0;text-align:left;cursor:pointer;font-weight:800}
.sidebar-logout:hover{background:#8b203d}.upload-photo{display:grid;grid-template-columns:160px 1fr;gap:15px;align-items:center;padding:12px;background:#f2f7fa;border:1px dashed #9ab8c9;border-radius:12px}
.upload-photo img{width:160px;height:122px;object-fit:contain;background:#dfeaf1;border-radius:8px}.upload-controls{display:flex;flex-direction:column;gap:9px;align-items:start}
.upload-controls input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-label{background:#0b5681;color:#fff;cursor:pointer;padding:11px 16px;border-radius:8px;font-size:12px;display:inline-block;width:auto!important}
.upload-controls small{font-size:10px;color:#68889a}.upload-controls .smallbtn{font-size:11px}.edit-dialog{width:min(570px,100%)}
@media(max-width:1050px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-slide{width:min(360px,58vw);height:260px}}
@media(max-width:750px){.hero-inner{min-height:570px;padding:86px 0}.hero h1{font-size:clamp(39px,8vw,56px)}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-card,.spec-card.card-featured{min-height:300px}.wheel-intro{display:block;font-size:9px}.wheel-intro span{display:block;margin:5px 0}.wheel-stage{height:350px}.wheel-slide{width:64vw;max-width:320px;height:210px}.wheel-arrow{width:38px;height:38px;font-size:29px}.wheel-slide span{font-size:10px}.wheel-horizon{top:65%}}
@media(max-width:470px){.spec-grid{grid-template-columns:1fr}.spec-card,.spec-card.card-featured{min-height:275px}.wheel-stage{height:320px}.wheel-slide{height:195px}.upload-photo{grid-template-columns:1fr}.upload-photo img{width:100%;height:165px}.hero-tint{background:linear-gradient(90deg,#061827e8,#09293bcc)}}
@media(prefers-reduced-motion:reduce){.wheel-slide{transition:none}}

/* Control de existencias PMS: etiquetas discretas en catálogo público */
.stock-badge{position:absolute;right:14px;top:14px;background:#9c2b38;color:white;border-radius:6px;padding:7px 12px;font-size:11px;letter-spacing:.08em;font-weight:800;box-shadow:0 3px 8px #0003;z-index:2}
.product-actions button.ask-stock{background:#e8f3f9;color:#185571;border:1px solid #a8c7d8}
.product-actions button.ask-stock:hover{background:#d2eaf5}
.stock-edit-control{margin:15px 0;padding:13px 15px;border:1px solid #c8dfe9;border-radius:9px;background:#f2f8fb}
.stock-edit-control label{display:flex;align-items:center;gap:10px;color:#123d57;font-weight:800}
.stock-edit-control input{width:18px;height:18px;accent-color:#1586b7}
.stock-edit-control small{color:#62869b;font-size:11px;display:block;margin-left:27px;margin-top:4px}


/* PMS V4 refinements */
.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr);align-items:center;gap:40px}
.hero-copy>p{max-width:640px}
.hero-aside{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
.implant-halo{position:absolute;width:min(34vw,420px);height:min(34vw,420px);border-radius:50%;background:radial-gradient(circle,#6ed8ff40 0%,#38a8d320 34%,#0f365000 72%);filter:blur(6px);opacity:.95}
.implant-float{position:relative;display:grid;justify-items:center;gap:16px;animation:floatImplant 6.6s ease-in-out infinite}
.implant-float img{width:min(32vw,410px);max-width:100%;height:auto;display:block;filter:drop-shadow(0 20px 22px rgba(0,0,0,.22)) drop-shadow(0 34px 40px rgba(8,193,255,.18));transform:rotate(-12deg) translateY(-2px)}
.implant-caption{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1px solid rgba(150,223,255,.4);background:rgba(10,40,58,.55);backdrop-filter:blur(12px);color:#d7eef8;font-size:11px;letter-spacing:.13em;font-weight:800;text-align:center}
.implant-caption:before{content:'';width:8px;height:8px;border-radius:50%;background:#5dd0f1;box-shadow:0 0 16px #5dd0f1}
@keyframes floatImplant{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.showreel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);gap:24px;align-items:end}
.showreel-lead{font-size:clamp(20px,2.3vw,31px)!important;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#ecf7fb;max-width:500px;margin:0}
@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:18px}.hero-aside{min-height:250px;order:-1}.implant-float img{width:min(72vw,420px)}.showreel-head{grid-template-columns:1fr}}
@media(max-width:750px){.hero-aside{min-height:220px}.implant-caption{font-size:10px;padding:10px 14px}.hero h1{max-width:12ch}}

/* PMS V5 — Areas del equipo */
.login-portal{min-height:100vh;display:grid;place-items:center;padding:54px 18px;background:radial-gradient(circle at 75% 20%,#124867,#061827 63%)}
.login-back{position:fixed;top:25px;left:30px;color:#b4dfee;text-decoration:none;font-weight:700;font-size:13px}
.portal-panel{width:min(480px,100%);padding:34px;background:#fff;color:#10334c;border-radius:20px;box-shadow:0 25px 100px #0005}
.portal-logo{width:220px;height:105px;object-fit:contain;display:block;margin:0 0 10px}
.portal-panel .kicker{color:#087aa9}.portal-panel h1{font-size:32px;margin:10px 0}.portal-panel p{color:#5c798a;font-size:13px;line-height:1.6}
.portal-panel form{display:grid;gap:9px}.portal-panel input{padding:12px;border:1px solid #b8d0dc;border-radius:9px;font-size:15px;max-width:100%}.portal-panel label{font-size:12px;font-weight:800}.portal-panel button{margin-top:9px;justify-content:center}
.portal-note{margin-top:20px;padding:13px 15px;background:#edf6fa;border-radius:10px;font-size:11px;line-height:1.5}.portal-note p{margin:5px 0 0;font-size:11px}.portal-note code{font-size:11px}
.seller-layout{min-height:100vh;background:#edf4f8;color:#0f3650}.seller-header{display:flex;align-items:center;gap:22px;padding:12px max(4vw,25px);background:#061c2f;color:#fff;box-shadow:0 8px 25px #061b2e22}.seller-header img{height:67px;max-width:185px;object-fit:contain}.seller-title{flex:1}.seller-title .kicker{color:#5fcef0}.seller-title h1{font-size:29px;margin:2px 0}.seller-title small{color:#c2dce7}.seller-tools{display:flex;gap:12px;align-items:center}.seller-tools .smallbtn{background:#193d53;color:#d9effa;border-color:#5e92ab}
.seller-main{padding:34px 0 55px}.seller-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.seller-summary div{background:white;border-radius:10px;padding:20px;display:grid;gap:5px}.seller-summary small{color:#607b8d}.seller-summary strong{font-size:28px;color:#036e9d}.seller-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:22px}.seller-quote{position:sticky;top:20px}.seller-table td small{display:block;color:#5d8193}.seller-table img{height:52px;width:75px;object-fit:contain}.seller-table .smallbtn{white-space:nowrap}.stock-pill{border-radius:99px;font-size:11px;padding:6px 10px;font-weight:800}.stock-yes{background:#e0f6eb;color:#24654c}.stock-no{background:#fde3e5;color:#a33c49}
.seller-quote-row{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #d9e7ef;padding:12px 0}.seller-quote-row strong{font-size:12px}.seller-quote-row small{display:block;color:#6a8798}.seller-quote-row>div:last-child{display:flex;align-items:center;gap:8px;white-space:nowrap}.seller-quote-row button{border:1px solid #adc9d8;background:white;border-radius:6px;width:26px;height:26px;cursor:pointer}.seller-total{text-align:right;color:#0e607d;font-weight:800}.seller-quote-actions{display:grid;gap:9px}.seller-quote-actions .btn{justify-content:center}.seller-quote-actions .smallbtn{text-align:center}.seller-security{margin-top:22px}.seller-pwd-form{display:flex;gap:10px;flex-wrap:wrap}.seller-pwd-form input{flex:1;min-width:180px;padding:11px;border:1px solid #bbcfda;border-radius:7px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.role-grid>div{padding:15px;border:1px solid #d6e7ef;border-radius:9px}.role-grid small{display:block;color:#68899b;margin-top:6px}.account-controls{border-top:1px solid #d5e4ed;padding-top:14px;margin-top:15px}.account-form,#adminResetForm{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.account-form label,#adminResetForm label{display:grid;gap:5px;font-size:12px}.account-form input,#adminResetForm input,#adminResetForm select{padding:10px;border:1px solid #b7cdd9;border-radius:7px;min-width:180px}.audit-list{max-height:250px;overflow:auto}.audit-list p{padding:8px 4px;border-bottom:1px solid #d7e5ec;font-size:12px;margin:0}
@media(max-width:980px){.seller-columns{grid-template-columns:1fr}.seller-quote{position:static}}@media(max-width:600px){.seller-header{align-items:start;flex-wrap:wrap}.seller-header img{height:48px}.seller-title h1{font-size:21px}.seller-tools{width:100%;justify-content:space-between}.seller-summary{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr}.portal-panel{padding:24px}}

/* V6 overrides */
.hero-aside{position:relative;display:grid;place-items:center;min-height:470px}.scan-card{position:relative;width:min(39vw,470px);aspect-ratio:1/1;display:grid;place-items:center;border-radius:28px;background:linear-gradient(180deg,rgba(10,37,58,.95),rgba(8,26,43,.82));border:1px solid rgba(117,204,243,.42);box-shadow:0 25px 70px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03);overflow:hidden}.scan-card img{width:82%;height:82%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 26px 28px rgba(0,0,0,.25)) drop-shadow(0 0 28px rgba(66,210,255,.22))}.scan-card-outline{position:absolute;inset:18px;border:1px solid rgba(125,215,255,.16);border-radius:20px;z-index:1}.scan-card-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 97%,rgba(147,222,255,.08) 100%),linear-gradient(0deg,transparent 97%,rgba(147,222,255,.08) 100%);background-size:52px 52px;opacity:.55}.scan-card-glow{position:absolute;inset:auto 12% 6% 12%;height:18%;background:radial-gradient(circle,rgba(73,212,255,.24),transparent 68%);filter:blur(10px)}.scan-card-line{position:absolute;left:7%;right:7%;height:2px;top:14%;background:linear-gradient(90deg,transparent,rgba(146,237,255,.95),transparent);box-shadow:0 0 15px rgba(97,228,255,.65),0 0 32px rgba(73,212,255,.35);animation:scanCard 5.6s ease-in-out infinite alternate;z-index:3}@keyframes scanCard{to{top:84%}}.spec-card{background:linear-gradient(180deg,#edf5fa,#dfeaf2)}.spec-card img{object-fit:contain!important;padding:18px 18px 78px;filter:drop-shadow(0 20px 18px rgba(5,33,53,.12))}.wheel-slide{background:linear-gradient(180deg,#dbe8ef,#edf3f7)}.wheel-slide img{object-fit:contain!important;padding:20px 18px 56px}.product-media{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#f8fcff,#e6f1f7)}.product-media img{object-fit:contain!important;padding:16px;filter:drop-shadow(0 16px 14px rgba(9,43,69,.1))}.admin-table img{object-fit:contain;background:linear-gradient(180deg,#f7fbfd,#e9f1f5);padding:4px}.portal-note .smallbtn{display:inline-flex;align-items:center;justify-content:center;margin-top:8px}.seller-owner-bridge{margin-top:20px}.seller-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:980px){.scan-card{width:min(78vw,460px)}}@media(max-width:750px){.hero-aside{min-height:290px}.scan-card{width:min(84vw,420px);border-radius:22px}.scan-card-outline{inset:14px}}

/* V7 · Render hiperrealista y entrada desde vendedor hacia propietario */
.scan-card{width:min(41vw,485px);aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 30%,rgba(50,97,122,.35) 0%,rgba(8,27,43,.78) 62%),linear-gradient(145deg,rgba(10,43,64,.85),rgba(5,15,25,.98));border-radius:19px;box-shadow:inset 0 0 0 1px rgba(210,240,255,.13),0 28px 70px rgba(0,0,0,.32)}
.scan-card img{width:85%;height:92%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.22)) drop-shadow(0 0 17px rgba(110,215,245,.11))}
.scan-card-line{left:3%;right:3%;height:3px;background:linear-gradient(90deg,transparent,rgba(180,245,255,.92) 20%,rgba(95,218,255,.9) 80%,transparent)}
.spec-card img{object-fit:contain;object-position:center 25%;padding:16px 13px 105px;filter:drop-shadow(0 18px 19px rgba(8,35,55,.16))!important}
.spec-card .card-wash{background:linear-gradient(0deg,#031525ef 0%,#092c46b4 29%,transparent 74%)}
.spec-card:hover img{transform:scale(1.045)}
.wheel-slide img{padding:8px 12px 42px;object-fit:contain!important}
.product-media img{object-fit:contain;padding:14px 18px;filter:drop-shadow(0 11px 15px rgba(10,53,80,.13))}
.owner-second-form{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:end}
.owner-second-form label{display:grid;gap:7px;color:#3b627d;font-weight:800;font-size:12px}
.owner-second-form input{width:100%;background:#fbfdfe;border:1px solid #b8d1df;border-radius:9px;min-height:46px;padding:10px 12px;color:#173c53;font-size:14px}
.owner-second-form button{min-height:46px;grid-column:span 2;justify-self:start}
.owner-second-hint{display:block;margin-top:15px;color:#4f7083}
.owner-second-hint strong{color:#13688e}
@media(max-width:900px){.hero-inner{gap:12px}.hero-aside{min-height:300px}.scan-card{width:min(78vw,430px)}}
@media(max-width:600px){.owner-second-form{grid-template-columns:1fr}.owner-second-form button{grid-column:1}.scan-card{width:min(82vw,390px);aspect-ratio:1/1}.hero-aside{min-height:310px}.hero-inner{padding-top:34px}.spec-card img{padding-bottom:115px}}
