:root{--ink:#101419;--muted:#66707b;--line:#dbe2e8;--blue:#00a9e8;--blue-dark:#007bc1;--navy:#08131c;--cloud:#f3f6f8;--success:#087d4a;--danger:#bd2432;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cloud)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{min-height:72px;background:#080a0c;color:#fff;display:flex;align-items:center;padding:0 clamp(18px,4vw,70px);gap:32px;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{width:106px;height:56px;display:flex;align-items:center}.brand img,.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{font-weight:700;font-size:14px;color:#d6dee5}.desktop-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.round-icon,.account-button,.cart-toggle{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;min-height:38px;padding:0 12px;font-weight:700;font-size:13px}.round-icon{padding:7px;width:38px;color:#28db84}.round-icon svg{width:20px;display:block}.account-button:hover,.cart-toggle:hover{border-color:var(--blue);color:var(--blue)}.cart-toggle b{display:inline-grid;place-items:center;margin-left:6px;background:var(--blue);color:#06131a;border-radius:999px;width:20px;height:20px}.hero{min-height:510px;color:#fff;background:radial-gradient(circle at 80% 30%,#167da9 0,transparent 26%),linear-gradient(110deg,#07131e 0,#0a2436 56%,#0b1116 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:50px;padding:clamp(55px,9vw,130px) clamp(22px,8vw,135px);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:580px;height:580px;border:70px solid rgba(0,169,232,.14);border-radius:50%;right:-230px;bottom:-290px}.hero-copy{position:relative;z-index:1;max-width:700px}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:800;margin:0 0 16px;color:#c4d5df}.eyebrow.accent{color:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,6vw,77px);line-height:.93;letter-spacing:-.045em;margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{font-size:18px;line-height:1.55;color:#d5e1e8;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{border:1px solid transparent;padding:13px 18px;font-weight:800;display:inline-flex;align-items:center;gap:10px;justify-content:center}.button-primary{background:var(--blue);color:#06202b}.button-primary:hover{background:#4fd5ff}.button-secondary{color:#fff;background:transparent;border-color:rgba(255,255,255,.55)}.button-secondary:hover{border-color:#fff;background:rgba(255,255,255,.08)}.price-note{margin-top:21px;color:#a9c3d2;font-size:14px}.hero-panel{align-self:end;position:relative;z-index:1;background:#f7fcff;color:var(--ink);padding:28px;border-left:6px solid var(--blue);box-shadow:0 20px 45px rgba(0,0,0,.22)}.hero-number{display:block;font-size:62px;font-weight:900;line-height:.9;color:var(--blue-dark)}.hero-panel span:not(.hero-number),.hero-panel strong{font-size:13px;letter-spacing:.08em;font-weight:800}.hero-panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}.hero-panel p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.trust-strip{max-width:1280px;margin:-29px auto 0;position:relative;z-index:2;background:#fff;box-shadow:0 12px 40px rgba(28,48,64,.12);display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip div{padding:22px 28px;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip b{display:block;font-size:15px;margin-bottom:6px}.trust-strip span{color:var(--muted);font-size:13px}.catalog-section,.wholesale-section{max-width:1400px;margin:auto;padding:100px clamp(22px,5vw,80px)}.section-heading{display:grid;grid-template-columns:1fr minmax(250px,420px);gap:45px;align-items:end;margin-bottom:34px}.section-heading h2,.wholesale-section h2{font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.04em;margin:0}.section-heading>p{color:var(--muted);line-height:1.55;margin:0}.account-banner{background:#e4f7ff;border:1px solid #9ce0f8;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.account-banner div{margin-right:auto}.account-banner b{display:block;font-size:14px}.account-banner span{font-size:13px;color:#356170}.account-banner button,.clear-filter{border:1px solid var(--blue-dark);color:#075880;background:#fff;padding:9px 12px;font-size:13px;font-weight:800}.catalog-tools{display:grid;grid-template-columns:minmax(200px,1fr) 220px 220px;gap:12px;background:#fff;padding:15px;border:1px solid var(--line)}.search-field,.select-field{border:1px solid var(--line);display:flex;align-items:center;min-height:47px;background:#fff}.search-field span,.select-field{color:var(--muted);font-size:12px;font-weight:800;padding-left:12px}.search-field input,.select-field select{border:0;outline:0;min-width:0;padding:0 12px;height:45px;background:transparent;width:100%;color:var(--ink)}.select-field{padding-left:0;flex-direction:column;align-items:stretch;justify-content:center}.select-field select{font-size:14px;font-weight:700}.catalog-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.catalog-summary p{margin:0;font-size:13px;color:var(--muted)}.clear-filter{padding:7px 10px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(31,53,69,.14)}.product-visual{height:205px;position:relative;background:#eef4f7;display:block}.product-visual img{height:100%;width:100%;object-fit:contain;display:block}.product-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d9e6ed,#f5f9fb);font-size:34px;font-weight:900;color:#91a9b7}.product-category{position:absolute;left:10px;top:10px;background:#fff;padding:5px 7px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.product-body{padding:15px;display:flex;flex-direction:column;flex:1}.product-code{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em;margin-bottom:7px}.product-name{font-size:16px;line-height:1.06;margin-bottom:15px;min-height:52px}.product-subcategory{color:var(--muted);font-size:12px;margin-top:-8px;margin-bottom:15px}.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.product-meta span{display:block;text-transform:uppercase;font-weight:800;color:var(--muted);font-size:10px;letter-spacing:.06em}.product-meta strong{font-size:22px;line-height:1.1}.product-meta .hidden-price{font-size:12px;color:var(--blue-dark);line-height:1.35}.product-meta b{font-size:12px;text-align:right}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.card-actions a,.card-actions button{border:1px solid var(--line);font-size:12px;font-weight:800;padding:10px 7px;background:#fff;text-align:center}.card-actions button{border-color:#79d2f3;color:#00658f;background:#ecfaff}.card-actions a:hover,.card-actions button:hover{border-color:var(--blue-dark)}.empty-state{text-align:center;padding:50px;background:#fff;border:1px dashed var(--line)}.empty-state button{margin:14px auto 0;display:block;border:0;background:none;color:var(--blue-dark);font-weight:800}.wholesale-section{display:grid;grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:70px;background:#0a131c;color:#fff;max-width:none;padding-left:clamp(22px,12vw,220px);padding-right:clamp(22px,12vw,220px)}.wholesale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wholesale-grid article{border:1px solid rgba(255,255,255,.16);padding:22px;background:rgba(255,255,255,.03)}.wholesale-grid span{color:var(--blue);font-weight:900;font-size:26px}.wholesale-grid h3{font-size:18px;margin:24px 0 9px}.wholesale-grid p{color:#aebcc6;line-height:1.45;font-size:14px;margin:0}.site-footer{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:35px;padding:45px clamp(22px,8vw,130px);background:#060a0d;color:#fff}.footer-logo{width:110px;height:65px}.site-footer span{display:block;color:#8c9ba7;font-size:11px;font-weight:800;letter-spacing:.09em;margin-bottom:11px}.site-footer a{display:block;font-weight:700;font-size:14px}.site-footer a:hover{color:var(--blue)}.site-footer p{font-size:13px;color:#9eabb5;line-height:1.5;margin:9px 0}.social-links{display:flex;gap:14px;flex-wrap:wrap}.floating-whatsapp{position:fixed;z-index:18;bottom:22px;right:22px;border:0;background:#11bd6e;color:#fff;padding:11px 14px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 24px rgba(0,0,0,.22);font-weight:800}.floating-whatsapp svg{width:22px}.auth-dialog{border:0;padding:0;width:min(440px,calc(100vw - 30px));box-shadow:0 30px 90px rgba(0,0,0,.36);position:relative}.auth-dialog::backdrop{background:rgba(0,0,0,.55)}.dialog-close{border:0;background:transparent;font-size:30px;line-height:1;color:var(--muted);cursor:pointer}.auth-dialog>.dialog-close{position:absolute;right:12px;top:11px;z-index:1}.auth-tabs{display:flex;background:#f0f4f6}.auth-tabs button{width:50%;border:0;padding:16px;background:transparent;font-weight:800}.auth-tabs button.active{background:#fff;color:var(--blue-dark)}.auth-form{padding:27px 28px 15px}.auth-form h2{font-size:30px;margin-bottom:7px}.auth-form p{font-size:14px;line-height:1.45;color:var(--muted)}.auth-form label{display:block;font-size:12px;font-weight:800;margin-top:13px}.auth-form input{width:100%;margin-top:5px;min-height:42px;border:1px solid var(--line);padding:8px;outline-color:var(--blue)}.auth-form .button{width:100%;margin-top:20px;border:0}.form-message{padding:0 28px 24px;margin:0;font-size:13px;color:var(--danger);line-height:1.4}.form-message.success{color:var(--success)}.cart-overlay{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.42);display:none}.cart-drawer{position:fixed;z-index:31;right:0;top:0;height:100dvh;width:min(440px,100vw);background:#fff;transform:translateX(102%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-15px 0 44px rgba(0,0,0,.17)}.cart-open .cart-overlay{display:block}.cart-open .cart-drawer{transform:translateX(0)}.cart-drawer header{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-drawer header p{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--blue-dark);margin:0 0 3px}.cart-drawer h2{margin:0;font-size:28px}.cart-items{overflow:auto;flex:1;padding:12px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.cart-item p{font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px}.cart-item h3{font-size:14px;line-height:1.15;margin-bottom:8px}.cart-item b{font-size:15px}.cart-actions{display:flex;flex-direction:column;align-items:end;gap:8px}.quantity{display:flex;border:1px solid var(--line);align-items:center}.quantity button{border:0;background:#f0f5f8;width:28px;height:28px;font-weight:800}.quantity span{display:grid;place-items:center;min-width:29px;font-size:13px}.remove-line{border:0;background:none;color:var(--danger);font-size:12px;font-weight:800}.cart-drawer footer{padding:17px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;margin-bottom:13px}.cart-total span{font-size:12px;color:var(--muted);font-weight:800}.cart-total strong{font-size:23px}.cart-drawer footer button{width:100%;border:0;background:var(--blue);padding:13px;font-weight:900;margin-top:8px}.cart-drawer footer button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.cart-drawer footer button:disabled{opacity:.5;cursor:not-allowed}.cart-empty{text-align:center;padding:50px 18px;color:var(--muted)}.cart-empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.toast{position:fixed;z-index:60;bottom:20px;left:50%;transform:translate(-50%,120px);background:#092a38;color:#fff;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .22s;font-size:14px;font-weight:700;max-width:min(480px,calc(100vw - 32px))}.toast.show{transform:translate(-50%,0)}.detail-page .site-header{position:relative}.detail-shell{max-width:1200px;margin:auto;padding:55px 30px 85px}.back-link{display:inline-block;font-size:13px;font-weight:800;color:var(--blue-dark);margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#fff;border:1px solid var(--line);padding:25px}.detail-image{min-height:430px;background:#f1f6f8;display:grid;place-items:center}.detail-image img{max-width:100%;max-height:430px;object-fit:contain}.detail-image .product-placeholder{width:100%}.detail-copy h1{font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.04em}.detail-price{background:#eefaff;border-left:4px solid var(--blue);padding:14px;margin:20px 0}.detail-price span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--muted)}.detail-price strong{font-size:34px}.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-specs div{border:1px solid var(--line);padding:12px}.detail-specs dt{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:5px}.detail-specs dd{margin:0;font-size:14px}.detail-actions{display:flex;gap:10px;margin-top:22px}.detail-actions>*{border:1px solid var(--blue);padding:12px 15px;font-weight:800;background:#fff}.detail-actions button{background:var(--blue)}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.desktop-nav{display:none}.trust-strip{margin:0}.wholesale-section{padding-left:7vw;padding-right:7vw}}@media(max-width:720px){.site-header{padding:0 14px;gap:9px}.brand{width:83px}.account-button{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;padding:65px 25px 35px;gap:36px}.hero-panel{max-width:320px}.trust-strip,.section-heading,.wholesale-section{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)}.catalog-section,.wholesale-section{padding:65px 20px}.account-banner{align-items:stretch;flex-wrap:wrap}.account-banner div{width:100%}.catalog-tools{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-visual{height:150px}.product-body{padding:11px}.product-name{font-size:14px;min-height:63px}.card-actions{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr;padding:35px 22px}.footer-logo{grid-column:1/-1}.wholesale-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:24px}.detail-image{min-height:270px}.detail-specs{grid-template-columns:1fr}.detail-actions{flex-direction:column}}@media(max-width:430px){.cart-toggle{padding:0 9px}.round-icon{display:none}.product-grid{grid-template-columns:1fr}.product-visual{height:220px}.site-footer{grid-template-columns:1fr}}

.consult-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#087d4a;border-color:#9bdfbd!important;background:#f3fff8!important}.wa-mini{width:17px;height:17px;flex:0 0 17px}

/* Richer SKY navigation */
.brand-tag{padding:6px 9px;border-left:1px solid rgba(255,255,255,.18);color:#8bcce4;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.desktop-nav{gap:4px;padding-left:18px;border-left:1px solid rgba(255,255,255,.12)}.desktop-nav a{position:relative;padding:10px 11px;border-radius:2px;transition:background .18s,color .18s}.desktop-nav a:hover{background:rgba(0,169,232,.11)}.desktop-nav a:after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .18s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}.round-icon{border-radius:3px;background:rgba(17,189,110,.07)}.account-button,.cart-toggle{border-radius:3px;transition:border-color .18s,background .18s}.account-button:hover,.cart-toggle:hover{background:rgba(0,169,232,.1)}.cart-toggle{display:inline-flex;align-items:center;gap:6px}.cart-toggle:before{content:"";display:inline-block;width:12px;height:9px;border:1.5px solid currentColor;border-top:0;transform:skewX(-12deg)}@media(max-width:1000px){.brand-tag{display:none}.desktop-nav{border-left:0;padding-left:0}}@media(max-width:720px){.header-actions{border-left:0;padding-left:0}.cart-toggle:before{display:none}}
/* Customer account menu */
.header-actions{position:relative}.account-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:35;width:250px;padding:9px;background:#fff;color:var(--ink);border:1px solid #c8d9e3;box-shadow:0 16px 38px rgba(4,18,28,.2)}.account-menu[hidden]{display:none}.account-menu-head{padding:9px 10px 12px;border-bottom:1px solid var(--line)}.account-menu-head strong{display:block;font-size:14px}.account-menu-head span{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-menu button{display:block;width:100%;padding:11px 10px;border:0;border-bottom:1px solid #edf1f3;background:#fff;color:var(--ink);font-size:13px;font-weight:800;text-align:left}.account-menu button:hover{background:#ecfaff;color:#006b96}.account-menu button.account-logout{margin-top:5px;border-bottom:0;color:#a32232}.account-menu button.account-logout:hover{background:#fff3f4;color:#8b1422}@media(max-width:720px){.account-menu{top:calc(100% + 10px);right:0;width:min(250px,calc(100vw - 28px))}}
/* Customer account */
.account-page { background: #f5f8fa; color: #0d1822; }
.account-shell { max-width: 1160px; margin: 0 auto; padding: 54px 24px 84px; }
.account-hero { color: #fff; background: linear-gradient(125deg, #061826, #083c57); padding: 48px; border-radius: 4px; box-shadow: 0 20px 50px rgba(3, 24, 38, .14); }
.account-hero h1 { font-size: clamp(2.4rem, 5vw, 4.4rem); margin: 6px 0 12px; letter-spacing: -.045em; }
.account-hero p:last-child { margin: 0; color: #cce6f3; font-size: 1.05rem; }
.account-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: -22px 24px 38px; position: relative; }
.account-metrics article { background: #fff; padding: 24px; border-left: 4px solid #09a9e4; box-shadow: 0 10px 25px rgba(10, 31, 44, .1); }
.account-metrics span, .order-total span { color: #5d6b78; display: block; font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.account-metrics strong { display: block; font-size: 1.75rem; margin-top: 8px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 16px; }
.section-heading h2 { margin: 4px 0 0; font-size: 2rem; }
.orders-list { display: grid; gap: 12px; }
.order-card { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; background: #fff; border: 1px solid #d9e4ea; padding: 24px; }
.order-number { color: #008cc4; font-weight: 800; font-size: .8rem; margin: 0 0 5px; letter-spacing: .04em; }
.order-main h3 { margin: 0 0 7px; font-size: 1.2rem; }
.order-main time, .order-total small { color: #667784; font-size: .88rem; }
.order-total { text-align: right; }
.order-total strong { font-size: 1.3rem; display: block; margin: 4px 0; }
.order-card details { grid-column: 1 / -1; border-top: 1px solid #e5edf1; padding-top: 14px; }
.order-card summary { cursor: pointer; color: #007fab; font-weight: 800; }
.order-card ul { list-style: none; padding: 4px 0 0; margin: 8px 0 0; }
.order-card li { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid #edf2f5; font-size: .92rem; }
.empty-orders { background: #fff; text-align: center; padding: 54px 20px; border: 1px solid #d9e4ea; }
.empty-orders strong { font-size: 1.2rem; }
.compact-footer { margin-top: 0; }
.back-top { background: transparent; border: 1px solid #8aa0ae; color: #fff; padding: 10px 14px; cursor: pointer; }
@media (max-width: 680px) { .account-shell { padding: 26px 14px 52px; } .account-hero { padding: 30px 22px; } .account-metrics { grid-template-columns: 1fr; margin: 14px 0 30px; } .section-heading { align-items: start; } .order-card { grid-template-columns: 1fr; } .order-total { text-align: left; } .order-card li { flex-direction: column; gap: 4px; } }
/* Company home */
.sky-home { background: #f7f8f7; color: #101820; }
.home-hero { min-height: 540px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: center; gap: 54px; padding: 86px max(6vw, 34px); color: #fff; background: radial-gradient(circle at 78% 30%, rgba(0, 172, 229, .48), transparent 30%), linear-gradient(120deg, #061620 4%, #07334b 64%, #061720); }
.home-hero h1 { max-width: 780px; font-size: clamp(3rem, 6.5vw, 6.3rem); line-height: .94; letter-spacing: -.065em; margin: 14px 0 20px; }
.home-hero h1 em { color: #08ace4; font-style: normal; }
.home-hero > div > p:not(.eyebrow) { max-width: 620px; color: #d4e5ec; font-size: 1.1rem; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-card { min-height: 280px; display: flex; flex-direction: column; align-items: flex-start; justify-content: end; gap: 10px; padding: 28px; background: #f6fbfd; color: #0a2638; border-left: 5px solid #09a9e4; box-shadow: 20px 24px 0 rgba(0, 0, 0, .16); }
.hero-card img { width: 126px; margin-bottom: auto; }
.hero-card strong { font-size: 1.5rem; }
.hero-card span { color: #527080; line-height: 1.45; }
.home-categories, .dealer-section { max-width: 1160px; margin: 0 auto; padding: 82px 24px; }
.home-categories h2, .dealer-section h2 { margin: 4px 0 0; font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.045em; }
.category-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr); overflow-x: auto; gap: 16px; padding: 22px 0 12px; scroll-snap-type: x mandatory; }
.category-card { display: block; min-height: 300px; overflow: hidden; background: #fff; color: #101820; border: 1px solid #dce6ea; text-decoration: none; scroll-snap-align: start; transition: transform .2s ease, box-shadow .2s ease; }
.category-card:hover { transform: translateY(-5px); box-shadow: 0 16px 30px rgba(12, 43, 58, .14); }
.category-card > div { height: 190px; position: relative; background: #edf4f6; overflow: hidden; }
.category-card img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.category-card h3, .category-card > span { margin-left: 18px; margin-right: 18px; display: block; }
.category-card h3 { margin-top: 16px; margin-bottom: 8px; font-size: 1.14rem; }
.category-card > span { color: #008bc1; font-size: .86rem; font-weight: 800; }
.home-values { display: grid; grid-template-columns: repeat(3, 1fr); background: #0b1720; color: #f4fbfd; padding: 0 max(6vw, 34px); }
.home-values article { padding: 46px 28px; border-right: 1px solid #30404a; }
.home-values article:last-child { border: 0; }
.home-values span { color: #0ab1e8; font-size: 2rem; font-weight: 900; }
.home-values h2 { margin: 18px 0 8px; font-size: 1.25rem; }
.home-values p { color: #b7c9d1; line-height: 1.55; margin: 0; }
.dealer-section { display: grid; grid-template-columns: 1fr minmax(300px, .8fr); align-items: start; gap: 70px; }
.dealer-section > div > p:not(.eyebrow) { color: #4e6370; line-height: 1.65; max-width: 560px; }
.dealer-section ul { padding-left: 20px; line-height: 2; color: #0c6e96; font-weight: 700; }
.dealer-form { background: #fff; border-top: 4px solid #09a9e4; padding: 30px; box-shadow: 0 12px 30px rgba(12, 43, 58, .1); }
.dealer-form h3 { margin-top: 0; font-size: 1.35rem; }
.dealer-form label { display: grid; gap: 6px; margin: 14px 0; font-size: .86rem; font-weight: 800; }
.dealer-form input { border: 1px solid #b9cbd3; padding: 11px; font: inherit; }
.dealer-form button { border: 0; cursor: pointer; width: 100%; margin-top: 8px; }
@media (max-width: 760px) { .home-hero { grid-template-columns: 1fr; padding: 52px 22px; gap: 34px; min-height: auto; } .home-hero h1 { font-size: clamp(3rem, 16vw, 4.6rem); } .hero-card { min-height: 210px; box-shadow: 12px 14px 0 rgba(0, 0, 0, .15); } .home-values { grid-template-columns: 1fr; padding: 0 22px; } .home-values article { border-right: 0; border-bottom: 1px solid #30404a; } .dealer-section { grid-template-columns: 1fr; gap: 32px; padding: 54px 18px; } .home-categories { padding: 54px 18px; } }
/* Product gallery */
.sky-watermark { position: relative; overflow: hidden; background: #f3f7f8; }
.sky-watermark > span { position: absolute; right: 16px; bottom: 13px; color: #0a8fc1; opacity: .62; font-size: .68rem; font-weight: 900; letter-spacing: .13em; text-shadow: 0 1px 2px #fff; pointer-events: none; }
.detail-thumbnails { display: flex; gap: 9px; margin-top: 12px; overflow-x: auto; }
.detail-thumbnails button { flex: 0 0 72px; height: 72px; padding: 3px; border: 1px solid #cbd9de; background: #fff; cursor: pointer; }
.detail-thumbnails button.active { border: 2px solid #07a8e2; }
.detail-thumbnails img { width: 100%; height: 100%; object-fit: contain; }
.detail-actions button { border: 0; cursor: pointer; font: inherit; font-weight: 800; }
.checkbox-label { display: flex !important; align-items: center; gap: 8px; font-size: .86rem; }
.checkbox-label input { width: auto; }
.admin-help { color: #5c6d78; font-size: .8rem; margin: -6px 0 12px; }
.import-box { background: #eef7fa; border: 1px solid #cde4ed; padding: 20px; margin-bottom: 16px; }
.import-box h3 { margin: 0 0 6px; }
.import-box p { color: #506572; font-size: .86rem; line-height: 1.45; }
.import-box input { display: block; margin: 12px 0; }
.import-box div { display: flex; gap: 8px; flex-wrap: wrap; }
/* Cart success dialog */
.cart-success-dialog { width: min(390px, calc(100vw - 32px)); padding: 32px; border: 0; border-top: 5px solid #08a9e2; text-align: center; box-shadow: 0 24px 70px rgba(0, 21, 33, .3); }
.cart-success-dialog::backdrop { background: rgba(2, 18, 29, .56); }
.cart-success-dialog img { width: 116px; display: block; margin: 0 auto 18px; }
.cart-success-dialog h2 { margin: 0 0 8px; font-size: 1.65rem; }
.cart-success-dialog p { color: #60717c; margin: 0 0 22px; }
.cart-success-dialog > div { display: flex; gap: 9px; justify-content: center; }
.cart-success-dialog button { border: 0; padding: 11px 14px; background: #08a9e2; color: #03131d; font: inherit; font-weight: 800; cursor: pointer; }
.cart-success-dialog .secondary { background: #e8eff2; color: #18232b; }
.dialog-x { position: absolute; top: 9px; right: 11px; background: transparent !important; color: #61717c !important; font-size: 1.5rem !important; padding: 0 !important; }
/* Catalog image watermark */
.product-visual { position: relative; overflow: hidden; }
.product-visual::after { content: "IMPORTADORA SKY"; position: absolute; right: 8px; bottom: 8px; z-index: 2; color: #078ec1; background: rgba(255,255,255,.58); padding: 3px 5px; font-size: .53rem; font-weight: 900; letter-spacing: .08em; text-shadow: 0 1px 1px #fff; pointer-events: none; }
.hero-card .hero-mark { width: 84px; height: 112px; object-fit: contain; margin-bottom: auto; }
/* Dealer application call-to-action */
.dealer-form { background: #fff; border: 1px solid #d9e6eb; border-top: 5px solid #09a9e4; padding: 31px; box-shadow: 0 18px 42px rgba(12,43,58,.13); }
.form-kicker { color: #0789bd; font-size: .7rem; font-weight: 900; letter-spacing: .16em; margin: 0 0 8px; }
.dealer-form h3 { margin: 0; font-size: 1.48rem; letter-spacing: -.025em; }
.form-intro { color: #617784; font-size: .9rem; line-height: 1.5; margin: 9px 0 21px; }
.dealer-form label { display: grid; gap: 7px; margin: 14px 0; font-size: .84rem; font-weight: 800; color: #152b37; }
.dealer-form input { border: 1px solid #b9cbd3; background: #fbfdfe; padding: 12px; font: inherit; transition: border-color .18s, box-shadow .18s, background .18s; }
.dealer-form input:focus { background: #fff; border-color: #04a8e2; box-shadow: 0 0 0 3px rgba(0,169,232,.14); outline: 0; }
.dealer-submit { align-items: center; background: linear-gradient(135deg,#00b8ef,#0085ca); border: 0; box-shadow: 0 10px 19px rgba(0,136,202,.24); color: #fff; cursor: pointer; display: flex; font: inherit; font-weight: 900; justify-content: space-between; letter-spacing: .015em; margin-top: 22px; min-height: 53px; padding: 0 18px 0 21px; transition: transform .18s, box-shadow .18s, filter .18s; width: 100%; }
.dealer-submit b { align-items: center; background: rgba(255,255,255,.18); display: inline-flex; font-size: 1.35rem; height: 30px; justify-content: center; line-height: 1; width: 30px; }
.dealer-submit:hover { box-shadow: 0 14px 24px rgba(0,136,202,.34); filter: saturate(1.12); transform: translateY(-2px); }
.dealer-submit:active { transform: translateY(0); }
.form-assurance { color: #71848f; font-size: .72rem; line-height: 1.4; margin: 13px 0 0; text-align: center; }
.hero-card .hero-mark { width: 146px; height: 64px; object-fit: contain; object-position: left center; margin: 0 0 18px; }
/* Customer order product thumbnails */
.order-card details ul { list-style: none; margin: 12px 0 0; padding: 0; }
.order-card .order-product { align-items: center; border-top: 1px solid #e5edf1; display: grid; gap: 12px; grid-template-columns: 54px minmax(0, 1fr) auto; padding: 10px 0; }
.order-product-image { align-items: center; background: #f0f6f8; display: flex; height: 54px; justify-content: center; overflow: hidden; width: 54px; }
.order-product-image img { height: 100%; object-fit: contain; width: 100%; }
.order-product-image span { color: #078fc5; font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.order-product-name { display: grid; gap: 3px; min-width: 0; }
.order-product-name small { color: #6d7e88; font-size: .68rem; font-weight: 800; letter-spacing: .05em; }
.order-product-name span { color: #112632; font-size: .86rem; font-weight: 800; line-height: 1.25; }
.order-product-name:hover span { color: #008dca; }
.order-card .order-product > b { font-size: .84rem; text-align: right; white-space: nowrap; }
@media (max-width: 520px) { .order-card .order-product { gap: 9px; grid-template-columns: 46px minmax(0,1fr); } .order-product-image { height: 46px; width: 46px; } .order-card .order-product > b { grid-column: 2; text-align: left; } }
/* Bulk stock upload */
.import-box .download-proforma { color: #007eaf; display: inline-block; font-size: .84rem; font-weight: 800; margin: 2px 0 3px; text-decoration: underline; }
.import-box .download-proforma:hover { color: #005b82; }
/* Admin import workflow and order controls */
.import-workflow { display: grid; gap: 14px; margin-bottom: 18px; }
.import-card { background: linear-gradient(135deg,#f7fcff,#edf8fc); border: 1px solid #c9e4ee; box-shadow: none; margin: 0; padding: 21px; }
.inventory-card { background: linear-gradient(135deg,#f8fbfd,#edf6f8); border-color: #cbdce2; }
.import-card-head { align-items: center; display: flex; gap: 13px; }
.import-step { align-items: center; background: #067faa; color: #fff; display: inline-flex; font-size: .78rem; font-weight: 900; height: 34px; justify-content: center; width: 34px; }
.inventory-card .import-step { background: #0d586f; }
.import-card .form-kicker { margin-bottom: 3px; }
.import-card h3 { font-size: 1.12rem; margin: 0; }
.import-card > p { color: #496676; font-size: .83rem; line-height: 1.5; margin: 14px 0; }
.file-drop { align-items: center; background: #fff; border: 1px dashed #7ab4c9; display: grid; gap: 2px; grid-template-columns: auto 1fr; padding: 11px 13px; }
.file-drop input { grid-row: span 2; max-width: 118px; }
.file-drop span { color: #123243; font-size: .85rem; font-weight: 900; }
.file-drop small { color: #69818d; font-size: .72rem; }
.import-actions { display: flex; gap: 8px; margin-top: 13px; }
.import-actions button { min-height: 39px; padding: 0 13px; }
.import-actions button:not(.secondary) { background: #009fda; border: 0; color: #fff; font-weight: 900; }
.template-link { color: #006d9b; display: inline-block; font-size: .8rem; font-weight: 900; margin: -4px 0 12px; text-decoration: underline; }
.order-status-cell { display: grid; gap: 7px; min-width: 118px; }
.order-state { border-radius: 999px; font-size: .68rem; font-weight: 900; padding: 5px 8px; text-align: center; text-transform: uppercase; }
.order-state.received { background: #fff3cd; color: #825f00; }.order-state.reviewing { background: #e1f0ff; color: #07679a; }.order-state.confirmed { background: #d9f4e5; color: #087044; }.order-state.cancelled { background: #fde1e4; color: #a01f2b; }
.order-select { border: 1px solid #c7d8df; font-size: .76rem; padding: 6px; }
.order-row-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 160px; }
.order-row-actions button,.order-row-actions a { background: #fff; border: 1px solid #bed2da; color: #164354; font-size: .7rem; font-weight: 900; padding: 6px 8px; }
.order-row-actions .confirm-order { border-color: #1cb976; color: #087549; }.order-row-actions .cancel-order,.order-row-actions .delete-order { border-color: #edbdc3; color: #b12232; }.order-row-actions .delete-order { background: #fff6f7; }
@media (max-width: 680px) { .file-drop { grid-template-columns: 1fr; } .file-drop input { grid-row: auto; max-width: 100%; } .import-actions { flex-direction: column; } }
/* Home category showcase */
.category-heading { align-items: center; margin-bottom: 15px; }
.category-all-button { align-items: center; background: #071822; color: #fff; display: inline-flex; font-size: .78rem; font-weight: 900; gap: 13px; justify-self: end; letter-spacing: .035em; padding: 12px 14px 12px 17px; text-transform: uppercase; transition: background .18s, transform .18s; }
.category-all-button b { align-items: center; background: #08a9e2; display: inline-flex; font-size: 1.15rem; height: 25px; justify-content: center; line-height: 1; width: 25px; }
.category-all-button:hover { background: #0b3143; transform: translateY(-2px); }
.category-rail { display: grid; gap: 0; grid-auto-columns: minmax(280px, 33.333%); grid-auto-flow: column; overflow-x: auto; padding: 18px 0 14px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.category-rail::-webkit-scrollbar { display: none; }
.category-card { align-content: start; background: transparent; border: 0; color: #101820; display: grid; grid-template-rows: 254px minmax(56px,auto) auto; min-height: 395px; padding: 0 28px 24px; position: relative; scroll-snap-align: start; text-align: center; transition: background .18s, transform .18s; }
.category-card + .category-card::before { background: #202930; content: ""; height: 56%; left: 0; position: absolute; top: 58px; width: 1px; }
.category-card:hover { background: #f1f8fa; box-shadow: none; transform: none; }
.category-card .category-image { align-items: center; background: transparent; display: flex; height: 254px; justify-content: center; overflow: hidden; }
.category-card img { height: 100%; mix-blend-mode: multiply; object-fit: contain; width: 100%; }
.category-card .category-image > span { color: #068ac0; font-size: 1.2rem; font-weight: 900; letter-spacing: .12em; }
.category-card h3 { align-self: end; font-size: clamp(1.25rem,1.85vw,1.8rem); letter-spacing: -.025em; line-height: 1.02; margin: 13px 0 15px; text-transform: uppercase; }
.category-card .category-cta { align-items: center; align-self: start; background: #08a9e2; color: #fff; display: inline-flex; font-size: .78rem; font-weight: 900; gap: 9px; justify-content: center; justify-self: center; letter-spacing: .06em; min-height: 43px; padding: 0 17px; text-transform: uppercase; }
.category-card .category-cta b { font-size: 1rem; line-height: 1; }
.category-card:hover .category-cta { background: #007db9; }
.category-slider-indicator { display: flex; gap: 12px; justify-content: center; padding-top: 12px; }
.category-slider-indicator span { background: #0b1116; display: block; height: 5px; width: 58px; }.category-slider-indicator span.active { background: #08a9e2; }
@media (max-width: 760px) { .category-heading { align-items: flex-start; gap: 20px; grid-template-columns: 1fr; }.category-all-button { justify-self: start; }.category-rail { grid-auto-columns: minmax(245px,82vw); padding-top: 10px; }.category-card { grid-template-rows: 220px minmax(52px,auto) auto; min-height: 350px; padding: 0 20px 20px; }.category-card .category-image { height: 220px; }.category-card + .category-card::before { height: 55%; top: 46px; }.category-card h3 { font-size: 1.25rem; } }
/* Unified product imagery, transparent SKY watermark and category carousel */
.product-visual { align-items: center; aspect-ratio: 1 / 1; background: #f7fafb; display: flex; height: auto; justify-content: center; }
.product-visual img { height: 100%; object-fit: contain; padding: 12px; width: 100%; }
.product-visual::after, .category-image::after, .sky-watermark::after { background: url("/assets/logo-transparent.png") right bottom / min(37%,118px) auto no-repeat; content: ""; inset: auto 10px 10px auto; opacity: .42; pointer-events: none; position: absolute; z-index: 3; }
.product-visual::after { height: 34px; width: 118px; }.category-image { position: relative; }.category-image::after { height: 31px; width: 105px; }.sky-watermark::after { height: 42px; width: 145px; }
.product-visual::after { background-color: transparent; padding: 0; }.sky-watermark > span { display: none; }
.detail-image { aspect-ratio: 1 / 1; min-height: 0; position: relative; }.detail-image img { height: 100%; max-height: none; object-fit: contain; padding: 22px; width: 100%; }
.detail-thumbnails button { aspect-ratio: 1 / 1; height: auto; }
.cart-actions .quantity { background: #fff; border-color: #a9c7d4; box-shadow: inset 0 1px 0 rgba(0,0,0,.03); }
.quantity input { appearance: textfield; background: #fff; border: 0; color: #0b2532; font-size: .9rem; font-weight: 900; height: 32px; min-width: 42px; outline: 0; text-align: center; width: 48px; }.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button { appearance: auto; margin: 0; }
.category-card { grid-template-rows: 254px 78px 43px; min-height: 399px; }.category-card h3 { align-self: center; margin: 0; overflow: hidden; }.category-card .category-cta { align-self: center; min-width: 168px; width: 168px; }
.category-slider-wrap { align-items: stretch; display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; }.category-rail { grid-column: 2; }.category-scroll-button { align-self: center; background: #071822; border: 0; color: #fff; cursor: pointer; font-size: 1.5rem; height: 46px; margin: 0 4px; opacity: .92; transition: background .18s, transform .18s; width: 38px; z-index: 4; }.category-scroll-button:hover { background: #08a9e2; transform: scale(1.04); }.category-slider-footer { align-items: center; display: flex; justify-content: center; min-height: 34px; position: relative; }.category-scroll-help { color: #55707d; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.category-slider-footer .category-slider-indicator { bottom: 0; position: absolute; right: 0; }
@media (max-width: 760px) { .category-slider-wrap { grid-template-columns: 1fr; }.category-rail { grid-column: 1; }.category-scroll-button { display: none; }.category-slider-footer { justify-content: flex-start; }.category-slider-footer .category-slider-indicator { display: none; }.category-card { grid-template-rows: 220px 72px 43px; min-height: 355px; }.category-card h3 { font-size: 1.15rem; }.category-card .category-cta { min-width: 156px; width: 156px; } }
/* Product templates and category administration */
.template-links { display: flex; flex-wrap: wrap; gap: 10px 16px; margin: -4px 0 13px; }.template-links .template-link { margin: 0; }
.category-manager { background: #f5fafc; border: 1px solid #cfe1e8; margin-top: 20px; padding: 22px; }.category-manager h3 { font-size: 1.2rem; margin: 0 0 7px; }.category-manager > div > p:not(.form-kicker) { color: #58707b; font-size: .83rem; line-height: 1.45; max-width: 690px; }.category-manager form { display: flex; gap: 9px; margin: 16px 0; max-width: 600px; }.category-manager input { border: 1px solid #aec8d3; flex: 1; min-height: 41px; padding: 9px 11px; }.category-manager button { background: #087fac; border: 0; color: #fff; font-weight: 900; padding: 0 14px; }.category-list { display: flex; flex-wrap: wrap; gap: 8px; }.category-list article { align-items: center; background: #fff; border: 1px solid #cfdee4; display: flex; gap: 10px; min-height: 37px; padding: 5px 7px 5px 11px; }.category-list span { color: #16323e; font-size: .8rem; font-weight: 800; }.category-list button { background: #fff5f6; border: 1px solid #efc0c6; color: #b72534; font-size: .68rem; min-height: 27px; padding: 0 8px; }.empty-category-list { color: #627985; font-size: .82rem; margin: 0; }
@media (max-width: 600px) { .category-manager form { flex-direction: column; }.category-manager button { min-height: 42px; }.template-links { flex-direction: column; gap: 7px; } }
/* Bulk product maintenance */
.bulk-update-card { background: linear-gradient(135deg, #f4fbff, #e7f6ff); border-color: #a8d9ea; }
.image-update-card { background: linear-gradient(135deg, #f8fcfe, #edf4f7); border-color: #bdd7e0; }
.bulk-update-card .import-step { background: #007cab; }
.image-update-card .import-step { background: #193e50; }
.batch-replace { align-items: flex-start !important; background: rgba(255,255,255,.76); border: 1px solid #d4e2e7; margin-top: 12px; padding: 10px 12px; }
.batch-replace input { margin-top: 2px; }
/* Product administration, quantity entry and sales reporting */
.product-search-admin { align-items: end; background: #f4fafc; border: 1px solid #cde2ea; display: flex; gap: 14px; justify-content: space-between; margin: 0 0 14px; padding: 13px 15px; }
.product-search-admin label { color: #214150; display: grid; font-size: .78rem; font-weight: 900; gap: 5px; max-width: 460px; width: 100%; }
.product-search-admin input { background: #fff; border: 1px solid #aacbd8; min-height: 39px; padding: 8px 10px; width: 100%; }
.product-search-admin span { color: #56717f; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.existing-images { margin: 3px 0 12px; }.existing-images > p { color: #395663; font-size: .78rem; font-weight: 900; margin: 0 0 7px; }.existing-images-grid { display: flex; flex-wrap: wrap; gap: 8px; }.existing-images figure { background: #f5f9fb; border: 1px solid #c8dce4; margin: 0; padding: 4px; width: 84px; }.existing-images img { display: block; height: 66px; object-fit: contain; width: 100%; }.existing-images button { background: #fff5f6; border: 1px solid #e7b4bc; color: #a62031; font-size: .66rem; font-weight: 900; margin-top: 4px; padding: 4px; width: 100%; }
.sales-filter { align-items: end; background: #f1f8fb; border: 1px solid #c8e1e9; display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; padding: 14px; }.sales-filter label { color: #385765; display: grid; font-size: .76rem; font-weight: 900; gap: 5px; }.sales-filter select,.sales-filter input { background: #fff; border: 1px solid #aacbd8; min-height: 39px; padding: 7px; }.sales-filter button { background: #007eaf; border: 0; color: #fff; font-weight: 900; min-height: 39px; padding: 0 15px; }.sales-filter .download-proforma { align-self: center; color: #006d9b; font-size: .8rem; font-weight: 900; text-decoration: underline; }.sales-grid { display: grid; gap: 18px; grid-template-columns: 1fr; margin-top: 22px; }.sales-grid h4 { margin: 0 0 9px; }
.product-card-actions { grid-template-columns: 1fr 1.3fr 1fr; }.catalog-add { border: 1px solid #75cce9; display: flex; min-width: 0; }.catalog-add input { border: 0; min-width: 0; padding: 8px 5px; text-align: center; width: 42px; }.catalog-add button { background: #e8f9ff; border: 0; color: #00658f; flex: 1; font-size: 12px; font-weight: 900; padding: 8px 5px; }.detail-add { flex: 1; }.detail-add input { font-size: 15px; width: 58px; }.detail-add button { font-size: 14px; padding: 12px 14px; }.consult-button .wa-mini { display: none; }
.product-visual::after { background-size: 100% auto !important; height: 52px; opacity: .6; right: 12px; width: 176px; }.sky-watermark::after { background-size: 100% auto !important; bottom: 18px; height: 76px; opacity: .58; right: 18px; width: 240px; }.detail-image img { object-position: center; padding: 28px; }
@media (max-width: 720px) { .product-search-admin { align-items: stretch; flex-direction: column; }.product-card-actions { grid-template-columns: 1fr; }.catalog-add { min-height: 40px; }.catalog-add input { flex: 0 0 64px; }.sales-filter { align-items: stretch; flex-direction: column; }.sales-filter label,.sales-filter select,.sales-filter input { width: 100%; }.sales-filter button { width: 100%; }.sky-watermark::after { height: 58px; width: 185px; } }